.wpcf7-submit {
    display: none !important;
}
::-webkit-scrollbar {
  width: 8px; /* Adjust the width for a thinner scroll bar */
}

::-webkit-scrollbar-thumb {
  background: #0CB8B6; /* Color of the scrollbar thumb */
  border-radius: 10px; /* Optional rounded corners */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Color of the track */
}
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Hide the elements on larger screens */
.bookly-form-group[data-type="category"] {
    display: none;
}

.bookly-available-date .bookly-time-range {
    display: none !important;
}

.bookly-available-date,
.bookly-time-range, .bookly-week-days {
    display: none !important;
}

/* Show the elements on mobile screens */
@media screen and (max-width: 768px) {
    .bookly-form-group[data-type="category"] {
        display: none !important;
    }

   .bookly-available-date {
        display: block !important;
        overflow: visible;
    }
    .bookly-form-group > div {
        margin-top: 0px inp;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
   
}

.space {
        
    padding: 50px;
    margin: 20px;
    
}
.bookly-form-group > label {
    display: inline-block;
    font-weight: 600;
	font-size: 14px!important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: "poppins", sans-serif !important; 
}
.bookly-slot-calendar {
    margin: 0 20px 20px 0;
    float: left;
box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.bookly-box {
    margin: 0 0 20px ;
    overflow: hidden;
	 font-family: "poppins", sans-serif !important; 
}
.bookly-form select option {
    font-family: "poppins", sans-serif !important; 
	font-weight:500;
  }
.font{
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "poppins", sans-serif !important ;
    color: #1b1010;
}
.mt-20{
	margin-bottom: 20px !important;
}
 .flex {
    margin: 5px 0 0;
    display: flex
;
    gap: 5px;
} 

.custom-table {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    border-spacing: 1px 0 !important;
    border-collapse: separate !important;
}

.custom-table>* {
    display: table-cell !important;
    vertical-align: top !important;
    width: auto !important;
}
.bookly-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: url(data:image/svg+xml;utf8,<svg fill="%23000000" height="20" width="20" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve"><path id="XMLID_225_" d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393 c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393 s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"/></svg>) right 10px center / 13px no-repeat #fff;
    cursor: pointer;
}

.bookly-form input[type=number],
.bookly-form input[type=password],
.bookly-form input[type=text],
.bookly-form select {
    height: 50px !important;
}
.bookly-css-root .bookly-form .bookly-table {
    display: flex !important
;
    flex-direction: column !important;
    gap: 15px !important;
}
.bookly-form-group:not(:last-child) > div {
  margin: 0;
}