/*
    Theme Name: BO WEB Starter Theme
    Author: Bo web 
    Author URI: http://www.boweb.com.ua
    Description: Starter Theme
    Version: 1.0
    License: GNU General Public License v3 or later
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
* {
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-appearance: none;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus, :active {
    outline: none;
}

a:focus, a:active {
    outline: none;
}

nav, footer, header, aside {
    display: block;
}

html, body {
    height: 100%;
    width: 100%;
    font-size: 100%;
    line-height: 1;
    font-size: 14px;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input, button, textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

details summary {
    list-style: none;
}
details summary:focus {
    outline: none;
}
details summary::-webkit-details-marker {
    display: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

/*--------------------*/
/* Layaut */
.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
    max-width: 100%;
    max-width: 100%;
    max-width: 100%;
    max-width: 100%;
    max-width: 100%;
}

.row {
    margin-left: -8px;
    margin-right: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%;
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%;
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%;
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%;
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%;
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%;
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%;
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

.col-offset-1 {
    margin-left: 8.3333333333%;
}

.col-offset-2 {
    margin-left: 16.6666666667%;
}

.col-offset-3 {
    margin-left: 25%;
}

.col-offset-4 {
    margin-left: 33.3333333333%;
}

.col-offset-5 {
    margin-left: 41.6666666667%;
}

.col-offset-6 {
    margin-left: 50%;
}

.col-offset-7 {
    margin-left: 58.3333333333%;
}

.col-offset-8 {
    margin-left: 66.6666666667%;
}

.col-offset-9 {
    margin-left: 75%;
}

.col-offset-10 {
    margin-left: 83.3333333333%;
}

.col-offset-11 {
    margin-left: 91.6666666667%;
}

.col-offset-12 {
    margin-left: 100%;
}

@media (min-width: 576px) {
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .col-sm-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-sm-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-sm-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-sm-offset-6 {
        margin-left: 50%;
    }
    .col-sm-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-sm-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-sm-offset-9 {
        margin-left: 75%;
    }
    .col-sm-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-sm-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-sm-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .col-md-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-md-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-md-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-md-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-md-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 992px) {
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .col-lg-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-lg-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-lg-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-lg-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-lg-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 1200px) {
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .col-xl-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-xl-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-xl-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-xl-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-xl-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
}
@media (min-width: 1400px) {
    .col-xxl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%;
    }
    .col-xxl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%;
    }
    .col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-xxl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-xxl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    .col-xxl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-xxl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%;
    }
    .col-xxl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%;
    }
    .col-xxl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-xxl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%;
    }
    .col-xxl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%;
    }
    .col-xxl-offset-1 {
        margin-left: 8.3333333333%;
    }
    .col-xxl-offset-2 {
        margin-left: 16.6666666667%;
    }
    .col-xxl-offset-3 {
        margin-left: 25%;
    }
    .col-xxl-offset-4 {
        margin-left: 33.3333333333%;
    }
    .col-xxl-offset-5 {
        margin-left: 41.6666666667%;
    }
    .col-xxl-offset-6 {
        margin-left: 50%;
    }
    .col-xxl-offset-7 {
        margin-left: 58.3333333333%;
    }
    .col-xxl-offset-8 {
        margin-left: 66.6666666667%;
    }
    .col-xxl-offset-9 {
        margin-left: 75%;
    }
    .col-xxl-offset-10 {
        margin-left: 83.3333333333%;
    }
    .col-xxl-offset-11 {
        margin-left: 91.6666666667%;
    }
    .col-xxl-offset-12 {
        margin-left: 100%;
    }
}
html, body {
    width: 100%;
    max-width: 100vw;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    line-height: 1.2;
    background-color: #F8F8F8;
}

body {
    overflow-x: hidden;
}

.container {
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
}
@media (min-width: 992px) {
    .container {
        padding-left: 65px;
        padding-right: 65px;
    }
}

.loading-page {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(248, 248, 248, 0.95);
    z-index: 10000;
}
.loading-page .spiner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00A2AD;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .loading-page .spiner {
        width: 60px;
        height: 60px;
        border-width: 5px;
    }
}
.loading-page p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
@media (min-width: 992px) {
    .loading-page p {
        font-size: 18px;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.btn {
    position: relative;
    display: inline-block;
    background-color: #00A2AD;
    color: #ffffff;
    font-size: 15px;
    border-radius: 5px;
    font-weight: 700;
    padding: 19.5px 40px;
    text-align: center;
    border: 2px solid #00A2AD;
}
@media (min-width: 992px) {
    .btn {
        font-size: 20px;
        border-radius: 10px;
        padding: 26.5px 59.5px;
    }
}
.btn:hover, .btn:active {
    background: rgb(0, 114.2427745665, 122);
    border-color: rgb(0, 114.2427745665, 122);
    -webkit-box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
    box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
}
.btn.outline {
    background-color: transparent;
    color: #00A2AD;
}
.btn.outline:hover, .btn.outline:active {
    background: #838383;
    color: #ffffff;
    border-color: #838383;
    -webkit-box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
    box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
}

@media (min-width: 992px) {
    .form-header {
        margin-top: 50px;
    }
}

.form-wrapper {
    max-width: 802px;
    margin: auto;
    text-align: center;
}
.form-wrapper .fields-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .form-wrapper .fields-group {
        gap: 30px 27px;
    }
}
.form-wrapper .fields-group > div {
    width: 100%;
}
@media (min-width: 992px) {
    .form-wrapper .fields-group > div {
        width: calc(50% - 15px);
    }
}
.form-wrapper .btn {
    margin: auto;
}

form label, .form-custom label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
@media (min-width: 992px) {
    form label, .form-custom label {
        font-size: 18px;
        margin-bottom: 10px;
        margin-left: 8px;
    }
}
form label span, .form-custom label span {
    color: #C40101;
}
form input, form select, form textarea, .form-custom input, .form-custom select, .form-custom textarea {
    text-align: left;
    width: 100%;
    padding: 20px;
    background: #F8F8F8;
    border: 1px solid #838383;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 17px;
}
@media (min-width: 992px) {
    form input, form select, form textarea, .form-custom input, .form-custom select, .form-custom textarea {
        padding: 24px 20px 25px;
        border: 2px solid #838383;
        border-radius: 10px;
        font-size: 17px;
        line-height: 21px;
    }
}
form input::-webkit-input-placeholder, form select::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, .form-custom input::-webkit-input-placeholder, .form-custom select::-webkit-input-placeholder, .form-custom textarea::-webkit-input-placeholder {
    color: #838383;
}
form input::-moz-placeholder, form select::-moz-placeholder, form textarea::-moz-placeholder, .form-custom input::-moz-placeholder, .form-custom select::-moz-placeholder, .form-custom textarea::-moz-placeholder {
    color: #838383;
}
form input:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder, .form-custom input:-ms-input-placeholder, .form-custom select:-ms-input-placeholder, .form-custom textarea:-ms-input-placeholder {
    color: #838383;
}
form input::-ms-input-placeholder, form select::-ms-input-placeholder, form textarea::-ms-input-placeholder, .form-custom input::-ms-input-placeholder, .form-custom select::-ms-input-placeholder, .form-custom textarea::-ms-input-placeholder {
    color: #838383;
}
form input::placeholder, form select::placeholder, form textarea::placeholder, .form-custom input::placeholder, .form-custom select::placeholder, .form-custom textarea::placeholder {
    color: #838383;
}
form input[type=date], .form-custom input[type=date] {
    padding: 19px 20px;
}
@media (min-width: 992px) {
    form input[type=date], .form-custom input[type=date] {
        padding: 23px 20px 24px;
    }
}
form input[type=checkbox], .form-custom input[type=checkbox] {
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: -1;
    padding: 0;
    border: none;
}
form input[type=checkbox] + label, .form-custom input[type=checkbox] + label {
    font-weight: 400;
    line-height: 20px;
}
form input[type=checkbox] + label::before, .form-custom input[type=checkbox] + label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #838383;
    background: transparent;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: -4px;
}
form input:checked + label::before, .form-custom input:checked + label::before {
    content: "";
    background: #838383;
}
form textarea, .form-custom textarea {
    background: rgba(131, 131, 131, 0.1215686275);
    height: 140px;
}
form .select2-selection, .form-custom .select2-selection {
    background: #F8F8F8 !important;
    border: 1px solid #838383 !important;
    border-radius: 5px !important;
    height: auto !important;
    text-align: left;
}
@media (min-width: 992px) {
    form .select2-selection, .form-custom .select2-selection {
        border: 2px solid #838383 !important;
        border-radius: 10px !important;
    }
}
form .select2-selection .select2-selection__rendered, .form-custom .select2-selection .select2-selection__rendered {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    line-height: 17px !important;
    padding: 19px !important;
}
@media (min-width: 992px) {
    form .select2-selection .select2-selection__rendered, .form-custom .select2-selection .select2-selection__rendered {
        padding: 24px 18px 25px !important;
        font-size: 17px !important;
        line-height: 21px !important;
    }
}
form .select2-selection .select2-selection__arrow, .form-custom .select2-selection .select2-selection__arrow {
    height: 20px !important;
    top: 50% !important;
    right: 20px !important;
    width: 20px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 992px) {
    form .select2-selection .select2-selection__arrow, .form-custom .select2-selection .select2-selection__arrow {
        height: 30px !important;
        right: 28px !important;
        width: 30px !important;
    }
}
form .select2-selection .select2-selection__arrow::before, .form-custom .select2-selection .select2-selection__arrow::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2739)'%3E%3Cpath d='M6.175 8.32495L10 12.1416L13.825 8.32495L15 9.49995L10 14.5L5 9.49995L6.175 8.32495Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2739'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    form .select2-selection .select2-selection__arrow::before, .form-custom .select2-selection .select2-selection__arrow::before {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2625 11.7375L15 17.4625L20.7375 11.7375L22.5 13.5L15 21L7.5 13.5L9.2625 11.7375Z' fill='black'/%3E%3C/svg%3E%0A");
    }
}
form .select2-selection .select2-selection__arrow b, .form-custom .select2-selection .select2-selection__arrow b {
    display: none;
}

.select2-container {
    width: 100% !important;
}

.select2-container--open {
    z-index: 555555;
}

.select2-dropdown {
    margin-top: 5px !important;
    background: #F8F8F8;
    border: 1px solid #00A2AD !important;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 0px !important;
    border-radius: 5px !important;
}
@media (min-width: 992px) {
    .select2-dropdown {
        margin-top: 0px !important;
        border: 2px solid #00A2AD !important;
        border-radius: 10px !important;
        font-size: 16px;
    }
}
.select2-dropdown .select2-search {
    padding: 0 !important;
    margin-bottom: 5px;
}
.select2-dropdown .select2-search .select2-search__field {
    background: #F8F8F8 !important;
    border: 1px solid #838383 !important;
    border-radius: 5px !important;
}
.select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: transparent !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
}
.select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: #00A2AD !important;
    color: #ffffff !important;
    border-radius: 0px !important;
}

.select2-container--disabled {
    opacity: 0.3 !important;
}
.select2-container--disabled .select2-selection {
    overflow: hidden;
    cursor: not-allowed;
}
.select2-container--disabled .select2-selection__rendered {
    background-color: #d1d1d1 !important;
}

.menu-open {
    overflow: hidden;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.site-header {
    position: absolute;
    z-index: 999999;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (min-width: 992px) {
    .site-header {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.site-header .header-logo {
    max-width: 176px;
}
@media (min-width: 992px) {
    .site-header .header-logo {
        max-width: 210px;
    }
}
.site-header .header-logo img {
    width: 100%;
}
.site-header .custom-logo-alt-link {
    display: none;
}
.alternative .site-header .custom-logo-alt-link {
    display: inline-block;
}
.menu-open .site-header .custom-logo-alt-link {
    display: none;
}
@media (min-width: 992px) {
    .menu-open .site-header .custom-logo-alt-link {
        display: none;
    }
    .alternative .menu-open .site-header .custom-logo-alt-link {
        display: inline-block;
    }
}
.alternative .site-header .custom-logo-link {
    display: none;
}
.menu-open .site-header .custom-logo-link {
    display: inline-block;
}
@media (min-width: 992px) {
    .alternative .menu-open .site-header .custom-logo-link {
        display: none;
    }
}
.site-header .nav-wrapper {
    position: absolute;
    background-color: #ffffff;
    display: none;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: -2;
    padding: 100px 28px 30px;
}
.menu-open .site-header .nav-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 992px) {
    .menu-open .site-header .nav-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 992px) {
    .site-header .nav-wrapper {
        background-color: transparent;
        position: relative;
        height: auto;
        width: auto;
        padding: 0;
        z-index: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.site-header .nav-wrapper .menu-top-nav-container {
    height: 100%;
}
.site-header .nav-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.site-header .nav-wrapper ul li:not(.btn) {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.site-header .nav-wrapper ul li:not(.btn):has(+ li.btn), .site-header .nav-wrapper ul li:not(.btn):has(~ li.btn):last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper ul li:not(.btn) {
        -webkit-box-flex: inherit !important;
        -ms-flex-positive: inherit !important;
        flex-grow: inherit !important;
    }
}
.site-header .nav-wrapper ul li:not(.btn) a {
    color: #000000;
    font-size: 28px;
    font-weight: 700;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper ul li:not(.btn) a {
        font-size: 16px;
        margin-right: 35px;
    }
    .alternative .site-header .nav-wrapper ul li:not(.btn) a {
        color: #ffffff;
    }
}
.site-header .nav-wrapper ul li:not(.btn) a:hover {
    color: #00A2AD;
}
.logged-in .site-header .nav-wrapper ul li:not(.btn) a:hover {
    color: #000000;
}
.site-header .nav-wrapper ul li.btn {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.primary {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #000000;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.primary:hover {
    border-color: #000000;
    background-color: #000000;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.primary:hover a {
    color: #ffffff;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.primary a {
    color: #000000;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.secondary:hover {
    border-color: #ffffff;
    background-color: #ffffff;
}
.amelia-signin .site-header .nav-wrapper ul li.btn.secondary:hover a {
    color: #000000;
}
.site-header .nav-wrapper ul li.btn:hover {
    background: rgb(0, 114.2427745665, 122);
    border-color: rgb(0, 114.2427745665, 122);
    -webkit-box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
    box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
}
.site-header .nav-wrapper ul li.btn a {
    padding: 16px 40px;
    min-width: 182px;
    color: #ffffff;
    display: block;
}
.login-amelia-user .site-header .nav-wrapper ul li.btn {
    display: none;
}
.site-header .nav-wrapper ul li.btn.secondary {
    border-color: #000000;
    background-color: #000000;
}
.site-header .nav-wrapper ul li.btn.secondary:hover {
    background: #838383;
    border-color: #838383;
    -webkit-box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
    box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
}
.site-header .nav-wrapper ul li.btn.secondary:hover a {
    color: #ffffff;
}
.site-header .nav-wrapper .header-user-info {
    border-top: 1px solid #C5C5C5;
    padding-top: 25px;
    text-align: center;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info {
        padding: 0;
        border: none;
        text-align: left;
    }
}
.site-header .nav-wrapper .header-user-info .header-user-info__avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    border: 1px solid #C5C5C5;
    margin: 0 auto 10px;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__avatar {
        width: 58px;
        height: 58px;
        border-width: 2px;
        margin: auto;
    }
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown {
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        display: none;
        padding-top: 10px;
    }
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div {
        position: absolute;
        background-color: #ffffff;
        border-radius: 20px;
        padding: 20px;
        right: 0px;
    }
}
.site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__name {
    font-size: 32px;
    font-weight: 600;
    color: inherit;
    text-align: center;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__name {
        font-size: 22px;
        text-align: left;
    }
}
.site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 38px;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__nav {
        border-top: 1px solid #C5C5C5;
        padding-top: 14px;
        padding-bottom: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-top: 14px;
    }
}
.site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__nav a {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__nav a {
        font-size: 14px;
    }
}
.site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .header-user-info__nav a.active {
    font-weight: 600;
    color: #00A2AD;
}
.site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .btn {
    width: 100%;
}
@media (min-width: 992px) {
    .site-header .nav-wrapper .header-user-info .header-user-info__dropdown > div .btn {
        padding: 0;
        text-align: left;
        font-size: 14px;
        color: #000000;
        background-color: transparent;
        border: none;
        font-weight: 500;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}
.site-header .nav-wrapper .header-user-info:hover .header-user-info__dropdown {
    display: block;
}
.site-header .toggle-btn {
    width: 36px;
    height: 36px;
    border-radius: 3px;
    background-color: #00A2AD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
}
.site-header .toggle-btn:hover {
    background-color: #000000;
}
.site-header .toggle-btn > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.site-header .toggle-btn > span:nth-child(2) {
    display: none;
}
@media (min-width: 992px) {
    .site-header .toggle-btn {
        display: none;
    }
}
.menu-open .site-header .toggle-btn > span:nth-child(1) {
    display: none;
}
.menu-open .site-header .toggle-btn > span:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.site-footer {
    background-color: #000000;
    color: #ffffff;
    padding: 40px 0 15px;
}
@media (min-width: 768px) {
    .site-footer {
        padding: 40px 0;
    }
}
.site-footer .footer-logo {
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .site-footer .footer-logo {
        margin-bottom: 0px;
    }
}
.site-footer .footer-logo {
    max-width: 176px;
}
@media (min-width: 992px) {
    .site-footer .footer-logo {
        max-width: 210px;
    }
}
.site-footer .footer-logo img {
    width: 100%;
}
.site-footer .menu-footer-container {
    margin-bottom: 46px;
}
@media (min-width: 768px) {
    .site-footer .menu-footer-container {
        margin-bottom: 28px;
    }
}
.site-footer .menu-footer-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 14px;
}
@media (min-width: 768px) {
    .site-footer .menu-footer-container ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 26px;
    }
}
.site-footer .menu-footer-container ul a {
    font-size: 14px;
    line-height: 140%;
    font-weight: 500;
    color: #ffffff;
}
.site-footer .menu-footer-container ul a:hover {
    color: #00A2AD;
}
.site-footer .copyr {
    text-align: center;
}
@media (min-width: 768px) {
    .site-footer .copyr {
        text-align: right;
    }
}

.datetime-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 992px) {
    .datetime-picker {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.datetime-picker .date-picker {
    padding: 26px 26px;
    border-radius: 5px;
    background: #E8E8E9;
}
@media (min-width: 576px) {
    .datetime-picker .date-picker {
        padding: 26px 32px;
    }
}
@media (min-width: 992px) {
    .datetime-picker .date-picker {
        border-radius: 10px;
        padding: 28px 34px;
    }
}
.datetime-picker .date-picker .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 21px;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
}
@media (min-width: 992px) {
    .datetime-picker .date-picker .header {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 24px;
    }
}
.datetime-picker .date-picker .header button {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}
.datetime-picker .date-picker .days, .datetime-picker .date-picker .dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0px;
}
.datetime-picker .date-picker .days {
    margin-bottom: 21px;
}
@media (min-width: 992px) {
    .datetime-picker .date-picker .days {
        margin-bottom: 23px;
    }
}
.datetime-picker .date-picker .day-label {
    text-align: center;
    font-size: 11.37px;
    line-height: 15.16px;
    width: 44px;
}
@media (min-width: 992px) {
    .datetime-picker .date-picker .day-label {
        width: 46px;
        font-size: 12px;
        line-height: 16px;
    }
}
.datetime-picker .date-picker .dates div {
    text-align: center;
    width: 44px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: -0.3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 992px) {
    .datetime-picker .date-picker .dates div {
        width: 46px;
        height: 38px;
        font-size: 16px;
    }
}
.datetime-picker .date-picker .dates div.selected {
    background: black;
    color: white;
    font-weight: bold;
}
.datetime-picker .date-picker .dates div.inactive {
    color: #838383;
    pointer-events: none;
    cursor: not-allowed;
}
.datetime-picker .date-picker .dates div.disabled {
    color: #838383;
    pointer-events: none;
    cursor: not-allowed;
}
.datetime-picker .time-picker {
    background: #E8E8E9;
    padding: 16.41px;
    border-radius: 10px;
}
.datetime-picker .time-picker .header {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.03px;
    line-height: 11px;
    margin-bottom: 16px;
    display: block;
    color: #717370;
}
.datetime-picker .time-picker .time-slots {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 0.5rem;
}
.datetime-picker .time-picker .time-slot {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden;
}
.datetime-picker .time-picker .time-slot:hover {
    background: #f0f0f0;
}
.datetime-picker .time-picker .time-slot.active {
    background: black;
    color: white;
    font-weight: bold;
}
.datetime-picker .time-picker .time-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 38px;
    margin-bottom: 1rem;
    font-weight: 500;
}
.datetime-picker .time-picker .time-display > span {
    background-color: rgba(131, 131, 131, 0.0784313725);
    border-radius: 3px;
    width: 66px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.datetime-picker .time-picker .time-display .ampm-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    overflow: hidden;
}
.datetime-picker .time-picker .time-display .ampm-toggle button {
    background: #ffffff;
    width: 36px;
    height: 27px;
    color: #D7D7D7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
}
.datetime-picker .time-picker .time-display .ampm-toggle button.active {
    background: #D7D7D7;
    color: #000000;
}
.datetime-picker .time-picker .clock-face {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(33, 33, 33, 0.0784313725);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.datetime-picker .time-picker .clock-face .clock-center {
    width: 8px;
    height: 8px;
    background: black;
    border-radius: 50%;
    z-index: 2;
}
.datetime-picker .time-picker .clock-face .clock-hand {
    position: absolute;
    width: 2px;
    height: 80px;
    background: black;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: 20px;
    z-index: 1;
}
.datetime-picker .time-picker .clock-face .clock-hand:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    left: -15px;
    top: -15px;
}
.datetime-picker .time-picker .clock-face .clock-numbers {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.datetime-picker .time-picker .clock-face .clock-numbers div {
    position: absolute;
    width: 30px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.datetime-picker .time-picker .clock-hour {
    cursor: pointer;
}
.datetime-picker .time-picker .clock-hour.active {
    color: #fff;
}
.datetime-picker .time-picker .clock-hour.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}

.home-section {
    min-height: 100vh;
    min-height: 100dhv;
    position: relative;
    width: 100%;
    color: #ffffff;
}
.home-section > img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
}
.home-section > .container {
    position: relative;
    z-index: 1;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 100px 20px 20px;
}
@media (min-width: 992px) {
    .home-section > .container {
        padding: 100px 65px 30px;
    }
}
@media (min-width: 992px) {
    .home-section > .container .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
@media (min-width: 1200px) {
    .home-section > .container .row {
        margin-left: -16px;
        margin-right: -16px;
    }
}
@media (min-width: 1200px) {
    .home-section > .container .row > .col {
        padding-left: 16px;
        padding-right: 16px;
    }
}
.home-section > .container .row > .col:nth-child(1) {
    text-align: right;
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(1) {
        margin-bottom: 0;
    }
}
.home-section > .container .row > .col:nth-child(1) h3 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(1) h3 {
        font-size: 30px;
    }
}
.home-section > .container .row > .col:nth-child(1) h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-family: "Bebas Neue", sans-serif;
    line-height: 0.95;
    letter-spacing: -0.01em;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(1) h1 {
        font-size: 70px;
    }
}
.home-section > .container .row > .col:nth-child(1) h1 > span {
    color: #00A2AD;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(2) {
        padding-top: 28px;
    }
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(2) {
        padding-top: 76px;
    }
}
@media (min-width: 1200px) {
    .home-section > .container .row > .col:nth-child(2) {
        padding-top: 46px;
    }
}
.home-section > .container .row > .col:nth-child(2) p {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(2) p {
        font-size: 25px;
    }
}
.home-section > .container .row > .col:nth-child(2) .btn {
    margin-bottom: 10px;
}
.home-section > .container .row > .col:nth-child(2) span {
    font-style: 14px;
    font-weight: 600;
    display: block;
}
@media (min-width: 992px) {
    .home-section > .container .row > .col:nth-child(2) span {
        font-size: 15px;
    }
}
.home-section > .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(64, 66, 73, 0.4);
}
.home-section > .overlay-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 50%;
}
@media (min-width: 992px) {
    .home-section > .overlay-text {
        height: 40%;
    }
}
.home-section > .overlay-text {
    background: linear-gradient(175deg, rgba(69, 70, 76, 0) 31.7%, rgba(34, 35, 40, 0.7) 86.01%);
}

.employee-login {
    background-color: #00A2AD;
    color: #ffffff;
    padding-top: 100px;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    min-height: calc(100vh - 250.75px);
}
@media (min-width: 768px) {
    .employee-login {
        min-height: calc(100vh - 144.39px);
    }
}
.employee-login .decor {
    max-width: 882px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.4;
}
@media (min-width: 992px) {
    .employee-login .decor {
        max-width: 1290px;
    }
}
.employee-login .container {
    width: 100%;
    position: relative;
    z-index: 2;
}
.employee-login .employee-login-description h3, .employee-login .employee-forgot-description h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
}
@media (min-width: 992px) {
    .employee-login .employee-login-description h3, .employee-login .employee-forgot-description h3 {
        font-size: 30px;
    }
}
.employee-login .employee-login-description h1, .employee-login .employee-login-description h2, .employee-login .employee-forgot-description h1, .employee-login .employee-forgot-description h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    .employee-login .employee-login-description h1, .employee-login .employee-login-description h2, .employee-login .employee-forgot-description h1, .employee-login .employee-forgot-description h2 {
        font-size: 60px;
        max-width: 460px;
    }
}
.employee-login .employee-login-wrapper, .employee-login .employee-forgot-wrapper {
    background: #006671;
    -webkit-box-shadow: 0px 23px 40px rgba(10, 62, 73, 0.5);
    box-shadow: 0px 23px 40px rgba(10, 62, 73, 0.5);
    border-radius: 10px;
    padding: 20px;
}
@media (min-width: 992px) {
    .employee-login .employee-login-wrapper, .employee-login .employee-forgot-wrapper {
        padding: 65px;
    }
}
.employee-login .employee-login-wrapper input, .employee-login .employee-forgot-wrapper input {
    margin-bottom: 30px;
    border: none;
}
@media (min-width: 992px) {
    .employee-login .employee-login-wrapper input, .employee-login .employee-forgot-wrapper input {
        margin-bottom: 30px;
    }
}
.employee-login .employee-login-wrapper .change-type, .employee-login .employee-forgot-wrapper .change-type {
    margin-bottom: 15px;
    margin-top: 20px;
    width: 100%;
    padding: 20px;
    background: #F8F8F8;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 992px) {
    .employee-login .employee-login-wrapper .change-type, .employee-login .employee-forgot-wrapper .change-type {
        margin-top: 30px;
        padding: 24px 20px 25px;
        border-radius: 10px;
        font-size: 17px;
        line-height: 21px;
    }
}
.employee-login .employee-login-wrapper .change-type input, .employee-login .employee-forgot-wrapper .change-type input {
    width: 10px;
    height: 10px;
    display: none;
}
.employee-login .employee-login-wrapper .change-type label, .employee-login .employee-forgot-wrapper .change-type label {
    color: #838383;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 13px;
}
.employee-login .employee-login-wrapper .change-type label:before, .employee-login .employee-forgot-wrapper .change-type label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border: 1px solid #838383;
    border-radius: 5px;
}
.employee-login .employee-login-wrapper .change-type input:checked + label, .employee-login .employee-forgot-wrapper .change-type input:checked + label {
    color: #000000;
}
.employee-login .employee-login-wrapper .change-type input:checked + label:before, .employee-login .employee-forgot-wrapper .change-type input:checked + label:before {
    border-color: #00A2AD;
    background-color: #00A2AD;
}
@media (min-width: 992px) {
    .employee-login .employee-login-wrapper .change-type, .employee-login .employee-forgot-wrapper .change-type {
        margin-bottom: 30px;
    }
}
.employee-login .employee-login-wrapper a, .employee-login .employee-forgot-wrapper a {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
    color: #ffffff;
}
@media (min-width: 992px) {
    .employee-login .employee-login-wrapper a, .employee-login .employee-forgot-wrapper a {
        font-size: 18px;
        margin-bottom: 40px;
    }
}
.employee-login .employee-login-wrapper .btn, .employee-login .employee-forgot-wrapper .btn {
    display: block;
    width: 100%;
}
.employee-login .employee-forgot-wrapper .btn {
    margin-top: 40px;
}
@media (min-width: 992px) {
    .employee-login .employee-forgot-wrapper .btn {
        margin-top: 60px;
    }
}
.employee-login #employee-login-result {
    text-align: center;
}

.employee-register {
    padding-top: 120px;
    padding-bottom: 40px;
    min-height: calc(100vh - 250.75px);
}
@media (min-width: 768px) {
    .employee-register {
        min-height: calc(100vh - 144.39px);
    }
}
@media (min-width: 992px) {
    .employee-register {
        padding-top: 200px;
    }
}
.employee-register h1 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .employee-register h1 {
        font-size: 30px;
        margin-bottom: 60px;
    }
}
.employee-register .user-type-wrapper {
    width: 100% !important;
}
.employee-register.loading, .employee-register.loading-page {
    width: 100%;
    min-height: calc(100vh - 250.75px);
}
@media (min-width: 768px) {
    .employee-register.loading, .employee-register.loading-page {
        min-height: calc(100vh - 144.39px);
    }
}
.employee-register.loading, .employee-register.loading-page {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(248, 248, 248);
    z-index: 10000;
}
.employee-register.loading .spiner, .employee-register.loading-page .spiner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00A2AD;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .employee-register.loading .spiner, .employee-register.loading-page .spiner {
        width: 60px;
        height: 60px;
        border-width: 5px;
    }
}
.employee-register.loading p, .employee-register.loading-page p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
@media (min-width: 992px) {
    .employee-register.loading p, .employee-register.loading-page p {
        font-size: 18px;
    }
}
.employee-register.loading .container, .employee-register.loading-page .container {
    display: none;
}

#custom-booking-wrapper {
    padding-bottom: 100px;
    position: relative;
}
#custom-booking-wrapper .booking-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(248, 248, 248, 0.95);
    z-index: 1000;
}
#custom-booking-wrapper .booking-loader .loader-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00A2AD;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-loader .loader-spinner {
        width: 60px;
        height: 60px;
        border-width: 5px;
    }
}
#custom-booking-wrapper .booking-loader p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-loader p {
        font-size: 18px;
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#custom-booking-wrapper #custom-booking-form {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#custom-booking-wrapper .back-step {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
    line-height: 0.95;
    letter-spacing: -0.01em;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    gap: 10px;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .back-step {
        font-size: 30px;
    }
}
@media (min-width: 992px) {
    #custom-booking-wrapper .back-step {
        margin-top: 40px;
    }
}
#custom-booking-wrapper .back-step.hidden {
    position: relative;
    z-index: -1;
    opacity: 0;
}
#custom-booking-wrapper .back-step span {
    text-decoration: underline;
}
#custom-booking-wrapper .back-step:hover span {
    text-decoration: none;
}
#custom-booking-wrapper .back-step i::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2967)'%3E%3Cpath d='M12.175 6.675L8.35838 10.5L12.175 14.325L11 15.5L6.00005 10.5L11 5.5L12.175 6.675Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2967'%3E%3Crect width='20' height='20' fill='white' transform='translate(20 0.5) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    #custom-booking-wrapper .back-step i::before {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2135)'%3E%3Cpath d='M18.2627 9.2625L12.5377 15L18.2627 20.7375L16.5002 22.5L9.00019 15L16.5002 7.5L18.2627 9.2625Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2135'%3E%3Crect width='30' height='30' fill='white' transform='translate(30) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
#custom-booking-wrapper .booking-progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin-bottom: 60px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress {
        gap: 10px 24px;
        margin-bottom: 60px;
    }
}
@media (min-width: 1200px) {
    #custom-booking-wrapper .booking-progress {
        gap: 24px;
    }
}
#custom-booking-wrapper .booking-progress > div {
    width: 100%;
    border: 2px solid #838383;
    border-radius: 5px;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    color: #838383;
    gap: 5px;
    opacity: 0.7;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress > div {
        width: calc(50% - 12px);
    }
}
@media (min-width: 1200px) {
    #custom-booking-wrapper .booking-progress > div {
        width: calc((100% - 48px) / 3);
        border: 2px solid #838383;
        border-radius: 10px;
        padding: 18px;
        font-size: 20px;
    }
}
#custom-booking-wrapper .booking-progress > div > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
#custom-booking-wrapper .booking-progress > div .icon {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress > div .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 40px;
        height: 40px;
        background: rgba(131, 131, 131, 0.2);
        opacity: 0.6;
        border-radius: 5px;
    }
}
#custom-booking-wrapper .booking-progress > div .checked {
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress > div .checked {
        width: 26px;
        height: 26px;
    }
}
#custom-booking-wrapper .booking-progress > div .checked:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33333 15C3.96667 15 3.65267 14.8696 3.39133 14.6087C3.13044 14.3473 3 14.0333 3 13.6667V4.33333C3 3.96667 3.13044 3.65267 3.39133 3.39133C3.65267 3.13044 3.96667 3 4.33333 3H13.6667C14.0333 3 14.3473 3.13044 14.6087 3.39133C14.8696 3.65267 15 3.96667 15 4.33333V13.6667C15 14.0333 14.8696 14.3473 14.6087 14.6087C14.3473 14.8696 14.0333 15 13.6667 15H4.33333ZM4.33333 13.6667H13.6667V4.33333H4.33333V13.6667Z' fill='%23838383'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress > div .checked:before {
        content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM5.22222 20.7778H20.7778V5.22222H5.22222V20.7778Z' fill='%23838383'/%3E%3C/svg%3E%0A");
    }
}
#custom-booking-wrapper .booking-progress > div.current {
    opacity: 1;
}
#custom-booking-wrapper .booking-progress > div.active {
    opacity: 1;
    border-color: #00A2AD;
    color: #00A2AD;
}
#custom-booking-wrapper .booking-progress > div.active .icon {
    background: rgba(0, 162, 173, 0.2);
}
#custom-booking-wrapper .booking-progress > div.active .icon path {
    fill: #00A2AD;
}
#custom-booking-wrapper .booking-progress > div.active .checked:before {
    content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33333 15C3.96667 15 3.65267 14.8696 3.39133 14.6087C3.13044 14.3473 3 14.0333 3 13.6667V4.33333C3 3.96667 3.13044 3.65267 3.39133 3.39133C3.65267 3.13044 3.96667 3 4.33333 3H13.6667C14.0333 3 14.3473 3.13044 14.6087 3.39133C14.8696 3.65267 15 3.96667 15 4.33333V13.6667C15 14.0333 14.8696 14.3473 14.6087 14.6087C14.3473 14.8696 14.0333 15 13.6667 15H4.33333ZM8.06667 11.5167C8.15556 11.5167 8.23889 11.5029 8.31667 11.4753C8.39444 11.4473 8.46667 11.4 8.53333 11.3333L12.3167 7.55C12.4389 7.42778 12.5 7.27778 12.5 7.1C12.5 6.92222 12.4333 6.76667 12.3 6.63333C12.1778 6.51111 12.0222 6.45 11.8333 6.45C11.6444 6.45 11.4889 6.51111 11.3667 6.63333L8.06667 9.93333L6.61667 8.48333C6.49444 8.36111 6.34444 8.3 6.16667 8.3C5.98889 8.3 5.83333 8.36667 5.7 8.5C5.57778 8.62222 5.51667 8.77778 5.51667 8.96667C5.51667 9.15556 5.57778 9.31111 5.7 9.43333L7.6 11.3333C7.66667 11.4 7.73889 11.4473 7.81667 11.4753C7.89444 11.5029 7.97778 11.5167 8.06667 11.5167Z' fill='%2300A2AD'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    #custom-booking-wrapper .booking-progress > div.active .checked:before {
        content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM11.4444 17.1944C11.5926 17.1944 11.7315 17.1715 11.8611 17.1256C11.9907 17.0789 12.1111 17 12.2222 16.8889L18.5278 10.5833C18.7315 10.3796 18.8333 10.1296 18.8333 9.83333C18.8333 9.53704 18.7222 9.27778 18.5 9.05556C18.2963 8.85185 18.037 8.75 17.7222 8.75C17.4074 8.75 17.1481 8.85185 16.9444 9.05556L11.4444 14.5556L9.02778 12.1389C8.82407 11.9352 8.57407 11.8333 8.27778 11.8333C7.98148 11.8333 7.72222 11.9444 7.5 12.1667C7.2963 12.3704 7.19444 12.6296 7.19444 12.9444C7.19444 13.2593 7.2963 13.5185 7.5 13.7222L10.6667 16.8889C10.7778 17 10.8981 17.0789 11.0278 17.1256C11.1574 17.1715 11.2963 17.1944 11.4444 17.1944Z' fill='%2300A2AD'/%3E%3C/svg%3E%0A");
    }
}
#custom-booking-wrapper #custom-booking-form .step {
    display: none;
}
#custom-booking-wrapper #custom-booking-form .step.active {
    display: block;
}
#custom-booking-wrapper #custom-booking-form .step .btn {
    margin: auto;
    display: block;
}
#custom-booking-wrapper #custom-booking-form .step.step-1 .custom-calendar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#custom-booking-wrapper #custom-booking-form .step.step-1 .datetime-picker {
    margin: auto;
    margin-bottom: 30px;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 {
    max-width: 802px;
    margin: auto;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .fields-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-2 .fields-group {
        gap: 30px 27px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .fields-group > div {
    width: 100%;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-2 .fields-group > div {
        width: calc(50% - 15px);
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-2 #phone {
    padding-left: 124px !important;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti {
    width: 100%;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__flag-container {
    width: 104px;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__selected-country {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__selected-flag {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(131, 131, 131, 0.1019607843) !important;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__selected-flag .iti__flag {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: -20px;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__selected-flag .iti__arrow {
    border: none;
    top: -16px;
    right: -8px;
    position: relative;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti .iti__selected-flag .iti__arrow:before {
    content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_198_2199)'%3E%3Cpath d='M9.2625 11.7375L15 17.4625L20.7375 11.7375L22.5 13.5L15 21L7.5 13.5L9.2625 11.7375Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_198_2199'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti__country-list {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
    width: 386px;
    scrollbar-width: none;
    border: 2px solid #838383;
}
#custom-booking-wrapper #custom-booking-form .step.step-2 .iti__country-list .iti__country {
    border-radius: 4px;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 {
    max-width: 492px;
    margin: auto;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary {
    background: rgba(131, 131, 131, 0.1);
    border: 2px solid #D7D7D7;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary {
        margin-bottom: 60px;
        border-radius: 10px;
        border: 2px solid #D7D7D7;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 14px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary h3 {
        font-size: 18px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list {
    font-size: 14px;
    color: #3C3C3C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 10px;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list span:nth-child(1) {
    width: 75%;
    display: block;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list span:nth-child(2) {
    width: 25%;
    display: block;
    text-align: right;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list {
        font-size: 18px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list.bold {
    font-weight: 700;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .service-list.sbold {
    font-weight: 600;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .divinder {
    display: block;
    border-top: 2px solid #D7D7D7;
    margin: 10px 0px;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-summary .divinder-two {
    display: block;
    border-top: 2px dashed #D7D7D7;
    margin: 10px 0px;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay {
        gap: 26px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay .card-number {
    width: 100%;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay .card-date {
    width: calc(50% - 10px);
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay .card-date {
        width: calc(60% - 13px);
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay .card-code {
    width: calc(50% - 10px);
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .booking-pay .card-code {
        width: calc(40% - 13px);
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .StripeElement {
    border-radius: 10px !important;
    padding: 21px 20px !important;
    height: 70px !important;
    font-size: 17px !important;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .StripeElement > div {
    width: 100%;
}
#custom-booking-wrapper #custom-booking-form .step.step-3 .pay-police {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    display: block;
    margin-top: 30px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-3 .pay-police {
        font-size: 18px;
        margin-top: 40px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-4, #custom-booking-wrapper #custom-booking-form .step.step-5 {
    max-width: 820px;
    margin: auto;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper {
    background: rgba(131, 131, 131, 0.1);
    border: 2px solid #D7D7D7;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 20px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper {
        margin-bottom: 60px;
        border-radius: 10px;
        border: 2px solid #D7D7D7;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__header, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__header {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__header h2, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__header h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__header h2, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__header h2 {
        font-size: 30px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body {
    margin-bottom: 40px;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body .row, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body .row {
    font-size: 14px;
    color: #3C3C3C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 500;
    margin-bottom: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body .row, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body .row {
        font-size: 18px;
    }
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body .row div:nth-child(1), #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body .row div:nth-child(1) {
    width: 50%;
    display: block;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body .row div:nth-child(2), #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body .row div:nth-child(2) {
    width: 50%;
    display: block;
    text-align: right;
    font-weight: 600;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__body .divinder, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__body .divinder {
    display: block;
    border-top: 2px solid #D7D7D7;
    margin: 10px 0px 26px;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__footer, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
#custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__footer .btn, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__footer .btn {
    width: calc(50% - 10px);
    padding: 17px 20px;
    min-width: 161px;
    max-width: 235px;
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0;
}
@media (min-width: 992px) {
    #custom-booking-wrapper #custom-booking-form .step.step-4 .confirmation-wrapper .confirmation-wrapper__footer .btn, #custom-booking-wrapper #custom-booking-form .step.step-5 .confirmation-wrapper .confirmation-wrapper__footer .btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
    }
}

.page-template-panel-template .site-header {
    position: relative;
}
.page-template-panel-template {
    /* Edit List Panel */
}
.page-template-panel-template .panel__header-top {
    padding: 30px 0;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top {
        padding: 47.5px 0;
    }
}
.page-template-panel-template .panel__header-top .container .row .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
.page-template-panel-template .panel__header-top .container .row .col .user-filed {
    border: 1px solid #838383;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 10px 7.5px;
    gap: 14px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .user-filed {
        border: 2px solid #838383;
        border-radius: 10px;
        padding: 6px;
        padding-right: 15px;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .user-filed img {
    display: none;
    background-color: #d3ddea;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .user-filed img {
        display: block;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .user-filed div {
    font-size: 12px;
    font-weight: 500;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .user-filed div {
        font-size: 18px;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .time-zone-container .select2-container--open {
    top: 0 !important;
}
.page-template-panel-template .panel__header-top .container .row .col .time-zone-container {
    width: 44px !important;
    height: 38px !important;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .time-zone-container {
        width: auto !important;
        height: inherit !important;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 {
    width: 38px !important;
    height: 38px !important;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 {
        width: inherit !important;
        height: inherit !important;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection {
    height: 38px;
    width: 38px;
    padding: 0;
    border: none;
    border-radius: 0;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection {
        height: 60px;
        padding: 3px;
        border: 2px solid #838383;
        border-radius: 10px;
        width: inherit;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__rendered {
    display: none;
    padding-left: 66px;
    font-size: 18px;
    font-weight: 500;
    margin: 10.5px 0;
    color: #000000;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__rendered {
        display: block;
        padding-right: 45px;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection:before {
    content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='5' fill='%2300A2AD'/%3E%3Cg clip-path='url(%23clip0_1_548)'%3E%3Cpath d='M18.9892 8.16699C13.0092 8.16699 8.16675 13.0203 8.16675 19.0003C8.16675 24.9803 13.0092 29.8337 18.9892 29.8337C24.9801 29.8337 29.8334 24.9803 29.8334 19.0003C29.8334 13.0203 24.9801 8.16699 18.9892 8.16699ZM26.4967 14.667H23.3009C22.9542 13.3128 22.4559 12.0128 21.8059 10.8103C23.7992 11.4928 25.4567 12.8795 26.4967 14.667ZM19.0001 10.377C19.8992 11.677 20.6034 13.1178 21.0692 14.667H16.9309C17.3967 13.1178 18.1009 11.677 19.0001 10.377ZM10.6151 21.167C10.4417 20.4737 10.3334 19.7478 10.3334 19.0003C10.3334 18.2528 10.4417 17.527 10.6151 16.8337H14.2767C14.1901 17.5487 14.1251 18.2637 14.1251 19.0003C14.1251 19.737 14.1901 20.452 14.2767 21.167H10.6151ZM11.5034 23.3337H14.6992C15.0459 24.6878 15.5442 25.9878 16.1942 27.1903C14.2009 26.5078 12.5434 25.132 11.5034 23.3337ZM14.6992 14.667H11.5034C12.5434 12.8687 14.2009 11.4928 16.1942 10.8103C15.5442 12.0128 15.0459 13.3128 14.6992 14.667ZM19.0001 27.6237C18.1009 26.3237 17.3967 24.8828 16.9309 23.3337H21.0692C20.6034 24.8828 19.8992 26.3237 19.0001 27.6237ZM21.5351 21.167H16.4651C16.3676 20.452 16.2917 19.737 16.2917 19.0003C16.2917 18.2637 16.3676 17.5378 16.4651 16.8337H21.5351C21.6326 17.5378 21.7084 18.2637 21.7084 19.0003C21.7084 19.737 21.6326 20.452 21.5351 21.167ZM21.8059 27.1903C22.4559 25.9878 22.9542 24.6878 23.3009 23.3337H26.4967C25.4567 25.1212 23.7992 26.5078 21.8059 27.1903ZM23.7234 21.167C23.8101 20.452 23.8751 19.737 23.8751 19.0003C23.8751 18.2637 23.8101 17.5487 23.7234 16.8337H27.3851C27.5584 17.527 27.6667 18.2528 27.6667 19.0003C27.6667 19.7478 27.5584 20.4737 27.3851 21.167H23.7234Z' fill='%23F8F8F8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_548'%3E%3Crect width='26' height='26' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    left: 6px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection:before {
        content: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='48' height='48' rx='5' fill='%2300A2AD'/%3E%3Cg clip-path='url(%23clip0_1_1386)'%3E%3Cpath d='M23.985 9.5C15.705 9.5 9 16.22 9 24.5C9 32.78 15.705 39.5 23.985 39.5C32.28 39.5 39 32.78 39 24.5C39 16.22 32.28 9.5 23.985 9.5ZM34.38 18.5H29.955C29.475 16.625 28.785 14.825 27.885 13.16C30.645 14.105 32.94 16.025 34.38 18.5ZM24 12.56C25.245 14.36 26.22 16.355 26.865 18.5H21.135C21.78 16.355 22.755 14.36 24 12.56ZM12.39 27.5C12.15 26.54 12 25.535 12 24.5C12 23.465 12.15 22.46 12.39 21.5H17.46C17.34 22.49 17.25 23.48 17.25 24.5C17.25 25.52 17.34 26.51 17.46 27.5H12.39ZM13.62 30.5H18.045C18.525 32.375 19.215 34.175 20.115 35.84C17.355 34.895 15.06 32.99 13.62 30.5ZM18.045 18.5H13.62C15.06 16.01 17.355 14.105 20.115 13.16C19.215 14.825 18.525 16.625 18.045 18.5ZM24 36.44C22.755 34.64 21.78 32.645 21.135 30.5H26.865C26.22 32.645 25.245 34.64 24 36.44ZM27.51 27.5H20.49C20.355 26.51 20.25 25.52 20.25 24.5C20.25 23.48 20.355 22.475 20.49 21.5H27.51C27.645 22.475 27.75 23.48 27.75 24.5C27.75 25.52 27.645 26.51 27.51 27.5ZM27.885 35.84C28.785 34.175 29.475 32.375 29.955 30.5H34.38C32.94 32.975 30.645 34.895 27.885 35.84ZM30.54 27.5C30.66 26.51 30.75 25.52 30.75 24.5C30.75 23.48 30.66 22.49 30.54 21.5H35.61C35.85 22.46 36 23.465 36 24.5C36 25.535 35.85 26.54 35.61 27.5H30.54Z' fill='%23F8F8F8'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1386'%3E%3Crect width='36' height='36' fill='white' transform='translate(6 6.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__arrow {
    height: 20px !important;
    top: 50% !important;
    right: 20px !important;
    width: 20px !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__arrow {
        height: 30px !important;
        right: 12px !important;
        width: 30px !important;
        margin-top: -2px;
        display: block;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__arrow::before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2739)'%3E%3Cpath d='M6.175 8.32495L10 12.1416L13.825 8.32495L15 9.49995L10 14.5L5 9.49995L6.175 8.32495Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2739'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__arrow::before {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2625 11.7375L15 17.4625L20.7375 11.7375L22.5 13.5L15 21L7.5 13.5L9.2625 11.7375Z' fill='black'/%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2 .select2-selection .select2-selection__arrow b {
    display: none;
}
.page-template-panel-template .panel__header-top .container .row .col .select2-container--open {
    width: 306px !important;
    left: -262px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2-container--open {
        left: auto;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2-container--open .select2-dropdown {
    width: 100% !important;
    margin-top: 0px !important;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2-container--open .select2-dropdown {
        margin-top: 0px !important;
    }
}
.page-template-panel-template .panel__header-top .container .row .col .select2-container--open .select2-dropdown .select2-search .select2-search__field {
    margin-bottom: 0px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-top .container .row .col .select2-container--open .select2-dropdown .select2-search .select2-search__field {
        margin-bottom: 12px;
        margin-top: 6px;
    }
}
.page-template-panel-template .panel__header-nav {
    background-color: #E8E8E9;
}
.page-template-panel-template .panel__header-nav .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-template-panel-template .panel__header-nav button {
    padding: 20px;
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__header-nav button {
        font-size: 18px;
        padding: 40px;
    }
}
.page-template-panel-template .panel__header-nav button.active {
    background-color: #D7D7D7;
}
.page-template-panel-template .panel__body {
    padding: 20px 0;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body {
        padding: 30px 0;
    }
}
.page-template-panel-template .panel__body .panel__content-header {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header {
        margin-bottom: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper {
    display: block;
    position: relative;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper {
        max-width: 444px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input {
    border: 1px solid #838383;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 8px;
    gap: 14px;
    width: 100%;
    cursor: pointer;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input {
        border: 2px solid #838383;
        border-radius: 10px;
        padding: 10px;
        padding-right: 30px;
        width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input i {
    background-color: rgba(131, 131, 131, 0.1647058824);
    border-radius: 5px;
    width: 37px;
    height: 37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input i {
        width: 50px;
        height: 50px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input i::after {
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_791)'%3E%3Cpath d='M21.0833 4.83317H20V2.6665H17.8333V4.83317H9.16667V2.6665H7V4.83317H5.91667C4.71417 4.83317 3.76083 5.80817 3.76083 6.99984L3.75 22.1665C3.75 23.3582 4.71417 24.3332 5.91667 24.3332H21.0833C22.275 24.3332 23.25 23.3582 23.25 22.1665V6.99984C23.25 5.80817 22.275 4.83317 21.0833 4.83317ZM21.0833 22.1665H5.91667V11.3332H21.0833V22.1665ZM10.25 15.6665H8.08333V13.4998H10.25V15.6665ZM14.5833 15.6665H12.4167V13.4998H14.5833V15.6665ZM18.9167 15.6665H16.75V13.4998H18.9167V15.6665ZM10.25 19.9998H8.08333V17.8332H10.25V19.9998ZM14.5833 19.9998H12.4167V17.8332H14.5833V19.9998ZM18.9167 19.9998H16.75V17.8332H18.9167V19.9998Z' fill='%23838383'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_791'%3E%3Crect width='26' height='26' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input i::after {
        content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_655)'%3E%3Cpath d='M28.5 6H27V3H24V6H12V3H9V6H7.5C5.835 6 4.515 7.35 4.515 9L4.5 30C4.5 31.65 5.835 33 7.5 33H28.5C30.15 33 31.5 31.65 31.5 30V9C31.5 7.35 30.15 6 28.5 6ZM28.5 30H7.5V15H28.5V30ZM13.5 21H10.5V18H13.5V21ZM19.5 21H16.5V18H19.5V21ZM25.5 21H22.5V18H25.5V21ZM13.5 27H10.5V24H13.5V27ZM19.5 27H16.5V24H19.5V27ZM25.5 27H22.5V24H25.5V27Z' fill='%23838383'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_655'%3E%3Crect width='36' height='36' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input span {
    font-size: 17px;
    font-weight: 500;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .date-input span {
        font-size: 17px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar {
    display: none;
    position: absolute;
    background-color: #E8E8E9;
    border-radius: 5px;
    top: 84px;
    padding: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar {
        border-radius: 10px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar-view,
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-view {
    width: 100%;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .back-to-calendar {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .back-to-calendar svg {
    width: 8px;
    height: 16px;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .time-picker-title {
    font-size: 19px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: 0.36px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .time-picker-title {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 24px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .all-day-btn {
    background: #ffffff;
    border: 1px solid #838383;
    border-radius: 5px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .all-day-btn {
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 10px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .all-day-btn:hover {
    background: #f0f0f0;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker-header .all-day-btn.active {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .header {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.03px;
    line-height: 11px;
    margin-bottom: 16px;
    display: block;
    color: #717370;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .time-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 38px;
    margin-bottom: 1rem;
    font-weight: 500;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .time-display > span {
    background-color: rgba(131, 131, 131, 0.0784313725);
    border-radius: 3px;
    width: 66px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .time-display .ampm-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    overflow: hidden;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .time-display .ampm-toggle button {
    background: #ffffff;
    width: 36px;
    height: 27px;
    color: #D7D7D7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
    border: none;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .time-display .ampm-toggle button.active {
    background: #D7D7D7;
    color: #000000;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(33, 33, 33, 0.0784313725);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face .clock-center {
    width: 8px;
    height: 8px;
    background: black;
    border-radius: 50%;
    z-index: 2;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face .clock-hand {
    position: absolute;
    width: 2px;
    height: 80px;
    background: black;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: 20px;
    z-index: 1;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face .clock-hand:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    left: -15px;
    top: -15px;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face .clock-numbers {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-face .clock-numbers div {
    position: absolute;
    width: 30px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-hour {
    cursor: pointer;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-hour.active {
    color: #fff;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .clock-hour.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .confirm-time-btn {
    margin-top: 20px;
    width: 100%;
    padding: 17px 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .time-picker .confirm-time-btn {
        padding: 23px 30px;
        font-size: 18px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 21px;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
    margin-bottom: 20px;
    padding: 0 10px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__header {
        font-size: 20px;
        letter-spacing: 0.38px;
        line-height: 24px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__header button {
    background: none;
    border: none;
    font-size: 1.2rem;
    cursor: pointer;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__days > div {
    width: 14.2857142857%;
    text-align: center;
    font-size: 14px;
    color: #808080;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__days > div {
        font-size: 16px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div {
    width: 14.2857142857%;
    aspect-ratio: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div {
        font-size: 16px;
    }
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div.selected {
    background-color: #000000;
    color: #ffffff;
    font-weight: 700;
    border-radius: 5px;
    position: relative;
    z-index: 3;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div.in-range {
    background-color: rgba(0, 0, 0, 0.1);
    color: #000000;
    position: relative;
    z-index: 1;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div.in-range:hover {
    background-color: rgba(0, 0, 0, 0.15);
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper .calendar .calendar__dates > div.empty {
    cursor: default;
    pointer-events: none;
}
.page-template-panel-template .panel__body .panel__content-header .date-wrapper.active .calendar {
    display: block;
}
.page-template-panel-template .panel__body .tableDays {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays {
        gap: 40px;
        margin-bottom: 40px;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__header {
    background-color: #E8E8E9;
    font-size: 18px;
    padding: 20px;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header {
        font-size: 26px;
        border-radius: 10px 10px 0 0;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub {
    display: none;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 24px;
        font-weight: 700;
        font-size: 20px;
        text-align: center;
        border-bottom: 2px solid #E8E8E9;
    }
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub > div:nth-child(1) {
        width: 15%;
    }
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub > div:nth-child(2) {
        width: 23%;
    }
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub > div:nth-child(3) {
        width: 24%;
    }
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub > div:nth-child(4) {
        width: 23%;
    }
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__header-sub > div:nth-child(5) {
        width: 15%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 2px solid #E8E8E9;
    padding: 47px 0;
    text-align: center;
    gap: 15px 0px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line {
        padding: 20px 0;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(1) {
    width: 50%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 15%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(2) {
    width: 33.3333333333%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 23%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(3) {
    width: 33.3333333333%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        width: 24%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(4) {
    width: 33.3333333333%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        width: 23%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(5) {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line > div:nth-child(5) {
        width: 15%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .tableDays__row-title {
    font-weight: 700;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    font-size: 15px;
    color: #000000;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .tableDays__row-title {
        display: none;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .tableDays__row-value {
    font-weight: 500;
    font-size: 15px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .tableDays__row-value {
        font-size: 24px;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .date {
    text-align: left;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .date {
        text-align: center;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status .tableDays__row-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status .tableDays__row-value i {
    display: none;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status .tableDays__row-value i {
        display: block;
        width: 27px;
    }
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status .tableDays__row-value {
        color: #000000 !important;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.approved {
    color: #7CB90A;
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.approved i::after {
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.467 7.754L10.9 16.321L6.233 11.667L4.4 13.5L10.9 20L21.3 9.6L19.467 7.754ZM13.5 0.5C6.324 0.5 0.5 6.324 0.5 13.5C0.5 20.676 6.324 26.5 13.5 26.5C20.676 26.5 26.5 20.676 26.5 13.5C26.5 6.324 20.676 0.5 13.5 0.5ZM13.5 23.9C7.754 23.9 3.1 19.246 3.1 13.5C3.1 7.754 7.754 3.1 13.5 3.1C19.246 3.1 23.9 7.754 23.9 13.5C23.9 19.246 19.246 23.9 13.5 23.9Z' fill='%237CB90A'/%3E%3C/svg%3E%0A");
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.pending {
    color: #FFA807;
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.pending i::after {
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.467 7.754L10.9 16.321L6.233 11.667L4.4 13.5L10.9 20L21.3 9.6L19.467 7.754ZM13.5 0.5C6.324 0.5 0.5 6.324 0.5 13.5C0.5 20.676 6.324 26.5 13.5 26.5C20.676 26.5 26.5 20.676 26.5 13.5C26.5 6.324 20.676 0.5 13.5 0.5ZM13.5 23.9C7.754 23.9 3.1 19.246 3.1 13.5C3.1 7.754 7.754 3.1 13.5 3.1C19.246 3.1 23.9 7.754 23.9 13.5C23.9 19.246 19.246 23.9 13.5 23.9Z' fill='%237CB90A'/%3E%3C/svg%3E%0A");
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.rejected {
    color: #C40101;
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .status.rejected i::after {
    content: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_163_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 13.5C0 6.04415 6.04415 0 13.5 0C20.9559 0 27 6.04415 27 13.5C27 20.9559 20.9559 27 13.5 27C6.04415 27 0 20.9559 0 13.5ZM13.5 2.53125C7.44213 2.53125 2.53125 7.44213 2.53125 13.5C2.53125 19.558 7.44213 24.4688 13.5 24.4688C19.558 24.4688 24.4688 19.558 24.4688 13.5C24.4688 7.44213 19.558 2.53125 13.5 2.53125ZM8.80819 8.80819C9.30244 8.31394 10.1038 8.31394 10.5981 8.80819L13.5 11.7101L16.4019 8.80819C16.8963 8.31394 17.6975 8.31394 18.1918 8.80819C18.686 9.30244 18.686 10.1038 18.1918 10.5981L15.2899 13.5L18.1918 16.4019C18.686 16.8963 18.686 17.6975 18.1918 18.1918C17.6975 18.686 16.8963 18.686 16.4019 18.1918L13.5 15.2899L10.5981 18.1918C10.1038 18.686 9.30244 18.686 8.80819 18.1918C8.31394 17.6975 8.31394 16.8963 8.80819 16.4019L11.7101 13.5L8.80819 10.5981C8.31394 10.1038 8.31394 9.30244 8.80819 8.80819Z' fill='%23C40101'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls > button {
    width: 20px;
    height: 20px;
    background-color: transparent;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls > button {
        width: 30px;
        height: 30px;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-edit::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_851)'%3E%3Cpath d='M2.5 17.5004H5.625L14.8417 8.28369L11.7167 5.15869L2.5 14.3754V17.5004ZM4.16667 15.067L11.7167 7.51703L12.4833 8.28369L4.93333 15.8337H4.16667V15.067Z' fill='black'/%3E%3Cpath d='M15.3084 2.7418C14.9834 2.4168 14.4584 2.4168 14.1334 2.7418L12.6084 4.2668L15.7334 7.3918L17.2584 5.8668C17.5834 5.5418 17.5834 5.0168 17.2584 4.6918L15.3084 2.7418Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_851'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-edit::after {
        content: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_607)'%3E%3Cpath d='M3.75 26.7503H8.4375L22.2625 12.9253L17.575 8.23779L3.75 22.0628V26.7503ZM6.25 23.1003L17.575 11.7753L18.725 12.9253L7.4 24.2503H6.25V23.1003Z' fill='black'/%3E%3Cpath d='M22.9626 4.6127C22.4751 4.1252 21.6876 4.1252 21.2001 4.6127L18.9126 6.9002L23.6001 11.5877L25.8876 9.3002C26.3751 8.8127 26.3751 8.0252 25.8876 7.5377L22.9626 4.6127Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_607'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-refund::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_163_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 10C0 4.47715 4.47715 0 10 0C15.5229 0 20 4.47715 20 10C20 15.5229 15.5229 20 10 20C4.47715 20 0 15.5229 0 10ZM10 1.875C5.51269 1.875 1.875 5.51269 1.875 10C1.875 14.4874 5.51269 18.125 10 18.125C14.4874 18.125 18.125 14.4874 18.125 10C18.125 5.51269 14.4874 1.875 10 1.875ZM6.52459 6.52459C6.8907 6.15847 7.4843 6.15847 7.85041 6.52459L10 8.67418L12.1496 6.52459C12.5158 6.15847 13.1093 6.15847 13.4754 6.52459C13.8415 6.8907 13.8415 7.4843 13.4754 7.85041L11.3258 10L13.4754 12.1496C13.8415 12.5158 13.8415 13.1093 13.4754 13.4754C13.1093 13.8415 12.5158 13.8415 12.1496 13.4754L10 11.3258L7.85041 13.4754C7.4843 13.8415 6.8907 13.8415 6.52459 13.4754C6.15847 13.1093 6.15847 12.5158 6.52459 12.1496L8.67418 10L6.52459 7.85041C6.15847 7.4843 6.15847 6.8907 6.52459 6.52459Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_163_2'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-refund::after {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_163_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15C0 6.71572 6.71572 0 15 0C23.2843 0 30 6.71572 30 15C30 23.2843 23.2843 30 15 30C6.71572 30 0 23.2843 0 15ZM15 2.8125C8.26903 2.8125 2.8125 8.26903 2.8125 15C2.8125 21.7311 8.26903 27.1875 15 27.1875C21.7311 27.1875 27.1875 21.7311 27.1875 15C27.1875 8.26903 21.7311 2.8125 15 2.8125ZM9.78688 9.78688C10.336 9.23771 11.2265 9.23771 11.7756 9.78688L15 13.0113L18.2244 9.78688C18.7736 9.23771 19.6639 9.23771 20.2131 9.78688C20.7623 10.336 20.7623 11.2265 20.2131 11.7756L16.9887 15L20.2131 18.2244C20.7623 18.7736 20.7623 19.6639 20.2131 20.2131C19.6639 20.7623 18.7736 20.7623 18.2244 20.2131L15 16.9887L11.7756 20.2131C11.2265 20.7623 10.336 20.7623 9.78688 20.2131C9.23771 19.6639 9.23771 18.7736 9.78688 18.2244L13.0113 15L9.78688 11.7756C9.23771 11.2265 9.23771 10.336 9.78688 9.78688Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_163_2'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-refund:disabled {
    opacity: 0.2;
    cursor: not-allowed;
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-view::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_860)'%3E%3Cpath d='M6.175 7.8252L10 11.6419L13.825 7.82519L15 9.00019L10 14.0002L5 9.0002L6.175 7.8252Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_860'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-line .button-controls .tableDays__row-view::after {
        content: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_616)'%3E%3Cpath d='M9.2625 12.2373L15 17.9623L20.7375 12.2373L22.5 13.9998L15 21.4998L7.5 13.9998L9.2625 12.2373Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_616'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info {
    display: none;
    padding: 30px 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info {
        gap: 60px;
        padding: 60px 20px;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info > div p {
    font-size: 15px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info > div p {
        font-size: 24px;
        margin-bottom: 17px;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info .tableDays__row-info-one {
    padding-bottom: 25px;
    border-bottom: 2px solid #D7D7D7;
    margin-bottom: 30px;
    width: 100%;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info .tableDays__row-info-one {
        padding-bottom: 0px;
        border: none;
        margin-bottom: 0px;
        width: 40%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info .tableDays__row-info-two {
    width: 100%;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row .tableDays__row-info .tableDays__row-info-two {
        width: 60%;
    }
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row.visible .button-controls .tableDays__row-view {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.page-template-panel-template .panel__body .tableDays .listDay .tableDays__row.visible .tableDays__row-info {
    display: block;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__body .tableDays .listDay .tableDays__row.visible .tableDays__row-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.page-template-panel-template .panel__body .no-search {
    min-height: 50vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-template-panel-template .panel__body .no-search img {
    width: 80%;
    max-width: 536px;
}
.page-template-panel-template {
    /* Edit Profile */
}
.page-template-panel-template .edit-profile__header {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__header {
        margin-bottom: 36px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.page-template-panel-template .edit-profile__header > span {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__header > span {
        font-size: 30px;
    }
}
.page-template-panel-template .edit-profile__nav {
    border-bottom: 1px solid #8C8C8C;
    padding: 9.5px 15.5px;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__nav {
        margin-bottom: 60px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 60px;
    }
}
.page-template-panel-template .edit-profile__nav button {
    font-size: 14px;
    background-color: transparent;
    font-weight: 600;
    color: #8C8C8C;
    position: relative;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__nav button {
        font-size: 18px;
    }
}
.page-template-panel-template .edit-profile__nav button.active {
    color: #000000;
}
.page-template-panel-template .edit-profile__nav button.active:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000000;
    border-radius: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__nav button.active:before {
        bottom: -3px;
    }
}
.page-template-panel-template .edit-profile__body {
    position: relative;
}
.page-template-panel-template .edit-profile__body .form-wrapper .fields-group {
    padding-bottom: 40px;
}
.page-template-panel-template .edit-profile__body .form-wrapper .select2-container--open {
    top: 0 !important;
}
.page-template-panel-template .edit-profile__body .info-profile {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
    margin-bottom: 40px;
}
.page-template-panel-template .edit-profile__body .info-profile > div {
    border-radius: 50%;
    width: 126px;
    height: 126px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .info-profile > div {
        width: 216px;
        height: 216px;
    }
}
.page-template-panel-template .edit-profile__body .info-profile > div img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.page-template-panel-template .edit-profile__body .info-profile h3 {
    font-size: 16px;
    font-weight: 700;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .info-profile h3 {
        font-size: 26px;
    }
}
.page-template-panel-template .edit-profile__body .info-profile span {
    color: #ffffff;
    background-color: #C40101;
    border-radius: 5px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}
.page-template-panel-template .edit-profile__body .info-profile span.available {
    background-color: #7CB90A;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .info-profile span {
        border-radius: 10px;
        padding: 5px 10px;
        font-size: 14px;
    }
}
.page-template-panel-template .edit-profile__body #phone {
    padding-left: 124px !important;
}
.page-template-panel-template .edit-profile__body .iti {
    width: 100%;
}
.page-template-panel-template .edit-profile__body .iti .iti__flag-container {
    width: 104px;
}
.page-template-panel-template .edit-profile__body .iti .iti__selected-country {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-template-panel-template .edit-profile__body .iti .iti__selected-flag {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(131, 131, 131, 0.1019607843) !important;
}
.page-template-panel-template .edit-profile__body .iti .iti__selected-flag .iti__flag {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    margin-left: -20px;
}
.page-template-panel-template .edit-profile__body .iti .iti__selected-flag .iti__arrow {
    border: none;
    top: -16px;
    right: -8px;
    position: relative;
}
.page-template-panel-template .edit-profile__body .iti .iti__selected-flag .iti__arrow:before {
    content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_198_2199)'%3E%3Cpath d='M9.2625 11.7375L15 17.4625L20.7375 11.7375L22.5 13.5L15 21L7.5 13.5L9.2625 11.7375Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_198_2199'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.page-template-panel-template .edit-profile__body .iti__country-list {
    background: #f8f8f8;
    padding: 10px;
    border-radius: 10px;
    margin-top: 5px;
    width: 386px;
    scrollbar-width: none;
    border: 2px solid #838383;
}
.page-template-panel-template .edit-profile__body .iti__country-list .iti__country {
    border-radius: 4px;
}
.page-template-panel-template .edit-profile__body .control-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .control-btn {
        border-top: 1px solid #8C8C8C;
        padding: 38px 0;
    }
}
.page-template-panel-template .edit-profile__body .control-btn .btn {
    max-width: calc(50% - 10px);
    padding: 17px 20px;
    width: 100%;
    min-width: 161px;
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .control-btn .btn {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
    }
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn {
        width: 50%;
        max-width: 390px;
        margin-right: auto;
    }
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn .tooltip {
    display: none;
    position: absolute;
    top: calc(-100% - 10px);
    width: 100%;
    padding: 0px;
    background-color: #111;
    gap: 2px;
    overflow: hidden;
    border-radius: 10px;
    padding: 1px;
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn .tooltip button {
    width: 100%;
    background-color: #fff;
    padding: 16px;
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn .tooltip button:nth-child(1) {
    border-radius: 9px 0 0 9px;
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn .tooltip button:nth-child(2) {
    border-radius: 0 9px 9px 0;
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn .tooltip button:hover {
    background-color: #111;
    color: #fff;
}
.page-template-panel-template .edit-profile__body .control-btn .profile-stripe-btn.open .tooltip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-template-panel-template .edit-profile__body .logaut-mobile {
    background-color: transparent;
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    margin: auto;
    display: block;
    margin-top: 30px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .logaut-mobile {
        display: none;
    }
}
.page-template-panel-template .edit-profile__body .stripe-warning {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(248, 248, 248, 0.6705882353);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-template-panel-template .edit-profile__body .stripe-warning > div {
    margin-bottom: 80px;
    width: 100%;
    max-width: 556px;
    border-radius: 10px;
    border: 1px solid #000000;
    padding: 80px 30px;
    text-align: center;
    background-color: #E8E8E9;
}
.page-template-panel-template .edit-profile__body .stripe-warning > div h3 {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;
}
.page-template-panel-template .edit-profile__body .stripe-warning > div p {
    font-size: 16px;
}
.page-template-panel-template {
    /* Edit Service Profile */
}
.page-template-panel-template .edit-profile__body .services-categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 60px;
    margin-bottom: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories {
        margin-bottom: 60px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block {
    width: 100%;
    max-width: 556px;
    border-radius: 5px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block {
        border-radius: 10px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .category-header {
    background-color: #E8E8E9;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox {
    width: 26px;
    height: 26px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox {
        width: 36px;
        height: 36px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox::before {
    content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM5.22222 20.7778H20.7778V5.22222H5.22222V20.7778Z' fill='black'/%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM5.22222 20.7778H20.7778V5.22222H5.22222V20.7778Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox::before {
        content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33301 4H29.667C30.2352 4.00006 30.7131 4.16803 31.1367 4.52246L31.3154 4.68652C31.7808 5.15341 31.9999 5.68425 32 6.33301V29.667C31.9999 30.3158 31.7808 30.8466 31.3154 31.3135C30.8482 31.7799 30.3165 31.9999 29.667 32H6.33301C5.68352 31.9999 5.15183 31.7799 4.68457 31.3135C4.21918 30.8466 4.00007 30.3158 4 29.667V6.33301C4.00007 5.68425 4.21918 5.1534 4.68457 4.68652C5.15183 4.22005 5.68352 4.00007 6.33301 4ZM5.33301 30.667H30.667V5.33301H5.33301V30.667Z' fill='black' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox:checked::before {
    content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM11.4444 17.1944C11.5926 17.1944 11.7315 17.1715 11.8611 17.1256C11.9907 17.0789 12.1111 17 12.2222 16.8889L18.5278 10.5833C18.7315 10.3796 18.8333 10.1296 18.8333 9.83333C18.8333 9.53704 18.7222 9.27778 18.5 9.05556C18.2963 8.85185 18.037 8.75 17.7222 8.75C17.4074 8.75 17.1481 8.85185 16.9444 9.05556L11.4444 14.5556L9.02778 12.1389C8.82407 11.9352 8.57407 11.8333 8.27778 11.8333C7.98148 11.8333 7.72222 11.9444 7.5 12.1667C7.2963 12.3704 7.19444 12.6296 7.19444 12.9444C7.19444 13.2593 7.2963 13.5185 7.5 13.7222L10.6667 16.8889C10.7778 17 10.8981 17.0789 11.0278 17.1256C11.1574 17.1715 11.2963 17.1944 11.4444 17.1944Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-checkbox:checked::before {
        content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33333 33C5.41667 33 4.63167 32.6739 3.97833 32.0217C3.32611 31.3683 3 30.5833 3 29.6667V6.33333C3 5.41667 3.32611 4.63167 3.97833 3.97833C4.63167 3.32611 5.41667 3 6.33333 3H29.6667C30.5833 3 31.3683 3.32611 32.0217 3.97833C32.6739 4.63167 33 5.41667 33 6.33333V29.6667C33 30.5833 32.6739 31.3683 32.0217 32.0217C31.3683 32.6739 30.5833 33 29.6667 33H6.33333ZM15.6667 24.2917C15.8889 24.2917 16.0972 24.2572 16.2917 24.1883C16.4861 24.1183 16.6667 24 16.8333 23.8333L26.2917 14.375C26.5972 14.0694 26.75 13.6944 26.75 13.25C26.75 12.8056 26.5833 12.4167 26.25 12.0833C25.9444 11.7778 25.5556 11.625 25.0833 11.625C24.6111 11.625 24.2222 11.7778 23.9167 12.0833L15.6667 20.3333L12.0417 16.7083C11.7361 16.4028 11.3611 16.25 10.9167 16.25C10.4722 16.25 10.0833 16.4167 9.75 16.75C9.44444 17.0556 9.29167 17.4444 9.29167 17.9167C9.29167 18.3889 9.44444 18.7778 9.75 19.0833L14.5 23.8333C14.6667 24 14.8472 24.1183 15.0417 24.1883C15.2361 24.2572 15.4444 24.2917 15.6667 24.2917Z' fill='black'/%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-title {
    font-size: 18px;
    font-weight: 600;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .category-header .category-title {
        font-size: 25px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list {
    background-color: #F5F5F5;
    padding: 20px;
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .services-list-header {
    font-size: 14px;
    font-weight: 500;
    text-align: right;
    margin-bottom: 14px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .services-list-header {
        font-size: 18px;
        margin-bottom: 21px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item:not(:last-child) {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item:not(:last-child) {
        margin-bottom: 30px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox {
    width: 26px;
    height: 26px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox {
        width: 36px;
        height: 36px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox::before {
    content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM5.22222 20.7778H20.7778V5.22222H5.22222V20.7778Z' fill='%23838383'/%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM5.22222 20.7778H20.7778V5.22222H5.22222V20.7778Z' fill='%23838383'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox::before {
        content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33301 4H29.667C30.2352 4.00006 30.7131 4.16803 31.1367 4.52246L31.3154 4.68652C31.7808 5.15341 31.9999 5.68425 32 6.33301V29.667C31.9999 30.3157 31.7808 30.8466 31.3154 31.3135C30.8482 31.7799 30.3165 31.9999 29.667 32H6.33301C5.68352 31.9999 5.15183 31.7799 4.68457 31.3135C4.21918 30.8466 4.00007 30.3158 4 29.667V6.33301C4.00007 5.68425 4.21918 5.1534 4.68457 4.68652C5.15183 4.22005 5.68352 4.00007 6.33301 4ZM5.33301 30.667H30.667V5.33301H5.33301V30.667Z' fill='%23838383' stroke='%23838383' stroke-width='2'/%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox:checked::before {
    content: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22222 23C4.61111 23 4.08778 22.7826 3.65222 22.3478C3.21741 21.9122 3 21.3889 3 20.7778V5.22222C3 4.61111 3.21741 4.08778 3.65222 3.65222C4.08778 3.21741 4.61111 3 5.22222 3H20.7778C21.3889 3 21.9122 3.21741 22.3478 3.65222C22.7826 4.08778 23 4.61111 23 5.22222V20.7778C23 21.3889 22.7826 21.9122 22.3478 22.3478C21.9122 22.7826 21.3889 23 20.7778 23H5.22222ZM11.4444 17.1944C11.5926 17.1944 11.7315 17.1715 11.8611 17.1256C11.9907 17.0789 12.1111 17 12.2222 16.8889L18.5278 10.5833C18.7315 10.3796 18.8333 10.1296 18.8333 9.83333C18.8333 9.53704 18.7222 9.27778 18.5 9.05556C18.2963 8.85185 18.037 8.75 17.7222 8.75C17.4074 8.75 17.1481 8.85185 16.9444 9.05556L11.4444 14.5556L9.02778 12.1389C8.82407 11.9352 8.57407 11.8333 8.27778 11.8333C7.98148 11.8333 7.72222 11.9444 7.5 12.1667C7.2963 12.3704 7.19444 12.6296 7.19444 12.9444C7.19444 13.2593 7.2963 13.5185 7.5 13.7222L10.6667 16.8889C10.7778 17 10.8981 17.0789 11.0278 17.1256C11.1574 17.1715 11.2963 17.1944 11.4444 17.1944Z' fill='%23838383'/%3E%3C/svg%3E%0A");
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox:checked::before {
        content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33301 4H29.667C30.2352 4.00006 30.7131 4.16803 31.1367 4.52246L31.3154 4.68652C31.7808 5.1534 31.9999 5.68425 32 6.33301V29.667C31.9999 30.3158 31.7808 30.8466 31.3154 31.3135C30.8482 31.7799 30.3165 31.9999 29.667 32H6.33301C5.68352 31.9999 5.15183 31.7799 4.68457 31.3135C4.21918 30.8466 4.00007 30.3158 4 29.667V6.33301C4.00007 5.68425 4.21918 5.1534 4.68457 4.68652C5.15183 4.22005 5.68352 4.00007 6.33301 4ZM25.083 10.625C24.3729 10.6251 23.7213 10.8649 23.21 11.376L15.667 18.9189L12.749 16.001C12.2501 15.5021 11.6181 15.2501 10.917 15.25C10.19 15.25 9.55121 15.5347 9.04297 16.043C8.53155 16.5544 8.29199 17.2066 8.29199 17.917C8.29207 18.6271 8.53174 19.2787 9.04297 19.79L13.793 24.54C14.0491 24.7962 14.3519 25.0025 14.7031 25.1289L14.708 25.1309C15.0176 25.2405 15.3399 25.292 15.667 25.292C15.9941 25.292 16.3164 25.2405 16.626 25.1309L16.6309 25.1289C16.9818 25.0025 17.284 24.796 17.54 24.54L26.999 15.082C27.4979 14.5831 27.75 13.9511 27.75 13.25C27.75 12.523 27.4653 11.8842 26.957 11.376C26.4456 10.8647 25.7933 10.625 25.083 10.625Z' fill='%23838383' stroke='%23838383' stroke-width='2'/%3E%3C/svg%3E%0A");
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-name {
    font-size: 15px;
    margin: 0 10px;
    width: 100%;
    color: #838383;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-name {
        font-size: 20px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-price {
    border: 1px solid #838383;
    color: #838383;
    font-size: 14px;
    padding: 0px 3px;
    border-radius: 5px;
    color: #111;
    font-weight: 500;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-price {
        border: 2px solid #838383;
        font-size: 19px;
        padding: 0px 4px;
        border-radius: 10px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-price .price {
    background-color: transparent;
    font-size: 14px;
    text-align: right;
    width: 75px;
    color: #111;
    font-weight: 500;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-price .price {
        font-size: 19px;
    }
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox:checked + .service-name {
    color: #000000;
}
.page-template-panel-template .edit-profile__body .services-categories .category-block .services-list .service-item .service-checkbox:checked + .service-name + .service-price {
    color: #000000;
}
.page-template-panel-template .edit-profile__body .services-categories + .control-btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.page-template-panel-template {
    /* Edit Work Hours Profile */
}
.page-template-panel-template .edit-profile__body .work-schedule {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule {
        gap: 30px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    max-width: 969px;
    background-color: #F5F5F5;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule {
        border-radius: 10px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-header {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #E8E8E9;
    color: #000000;
    font-size: 18px;
    font-weight: 600;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-header {
        font-size: 26px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-header .toggle-day {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-header .toggle-day {
        width: 25px;
        height: 25px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body {
    padding: 20px;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 26px;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row {
    width: 100%;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row {
        width: calc(50% - 13px);
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row label {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
    text-align: left;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row label {
        font-size: 18px;
        margin-bottom: 10px;
        margin-left: 8px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row label span {
    color: #C40101;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea {
    text-align: left;
    width: 100%;
    padding: 20px;
    background: #F8F8F8;
    border: 1px solid #838383;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 17px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea {
        padding: 24px 20px 25px;
        border: 2px solid #838383;
        border-radius: 10px;
        font-size: 17px;
        line-height: 21px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input::-webkit-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select::-webkit-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea::-webkit-input-placeholder {
    color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input::-moz-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select::-moz-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea::-moz-placeholder {
    color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input:-ms-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select:-ms-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea:-ms-input-placeholder {
    color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input::-ms-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select::-ms-input-placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea::-ms-input-placeholder {
    color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row input::placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row select::placeholder, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row textarea::placeholder {
    color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div span.devin, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div span.devin {
    display: block;
    height: 2px;
    width: 34px;
    background-color: #838383;
    border-radius: 1px;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 {
    width: 100%;
    max-width: 168px;
    font-size: 18px;
    border: 1px solid #838383;
    border-radius: 5px;
    min-height: 51px;
    background: transparent url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Crect width='38' height='38' rx='5' fill='%23838383' fill-opacity='0.2'/%3E%3Cg clip-path='url(%23clip0_1_1898)'%3E%3Cpath d='M18.989 8.1665C13.009 8.1665 8.1665 13.0198 8.1665 18.9998C8.1665 24.9798 13.009 29.8332 18.989 29.8332C24.9798 29.8332 29.8332 24.9798 29.8332 18.9998C29.8332 13.0198 24.9798 8.1665 18.989 8.1665ZM18.9998 27.6665C14.2115 27.6665 10.3332 23.7882 10.3332 18.9998C10.3332 14.2115 14.2115 10.3332 18.9998 10.3332C23.7882 10.3332 27.6665 14.2115 27.6665 18.9998C27.6665 23.7882 23.7882 27.6665 18.9998 27.6665ZM19.5415 13.5832H17.9165V20.0832L23.604 23.4957L24.4165 22.1632L19.5415 19.2707V13.5832Z' fill='%23838383'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1898'%3E%3Crect width='26' height='26' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 95% 50% no-repeat !important;
    font-weight: 500;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 {
        font-size: 22px;
        background: transparent url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Crect width='38' height='38' rx='5' fill='%23838383' fill-opacity='0.2'/%3E%3Cg clip-path='url(%23clip0_1_1898)'%3E%3Cpath d='M18.989 8.1665C13.009 8.1665 8.1665 13.0198 8.1665 18.9998C8.1665 24.9798 13.009 29.8332 18.989 29.8332C24.9798 29.8332 29.8332 24.9798 29.8332 18.9998C29.8332 13.0198 24.9798 8.1665 18.989 8.1665ZM18.9998 27.6665C14.2115 27.6665 10.3332 23.7882 10.3332 18.9998C10.3332 14.2115 14.2115 10.3332 18.9998 10.3332C23.7882 10.3332 27.6665 14.2115 27.6665 18.9998C27.6665 23.7882 23.7882 27.6665 18.9998 27.6665ZM19.5415 13.5832H17.9165V20.0832L23.604 23.4957L24.4165 22.1632L19.5415 19.2707V13.5832Z' fill='%23838383'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_1898'%3E%3Crect width='26' height='26' fill='white' transform='translate(6 6)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 95% 50% no-repeat !important;
        min-height: 57px;
        border: 2px solid #838383;
        border-radius: 10px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2 .select2-selection, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 .select2-selection {
    height: 100%;
    border: none;
    background-color: transparent;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2 .select2-selection__arrow, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 .select2-selection__arrow {
    opacity: 0;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2 .select2-selection__rendered, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 .select2-selection__rendered {
    border: none;
    padding: 13px 20px;
    font-size: 18px;
    background-color: transparent;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2 .select2-selection__rendered, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2 .select2-selection__rendered {
        font-size: 22px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2::-webkit-inner-spin-button, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2::-webkit-inner-spin-button {
    display: none;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.date > div .select2::-webkit-calendar-picker-indicator, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.breaks > div .select2::-webkit-calendar-picker-indicator {
    opacity: 0;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location {
    position: relative;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2 {
    width: 100% !important;
    min-width: 390px !important;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2 {
        width: auto !important;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-search .select2-search__field, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-search .select2-search__field {
    border: none;
    border-radius: 5px;
    padding: 9.5px 15px 32px;
    text-wrap-mode: nowrap;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple {
    background-color: transparent;
    border: 1px solid #838383;
    border-radius: 5px;
    min-height: 51px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple {
        border: 2px solid #838383;
        border-radius: 10px;
        min-height: 57px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple .select2-selection__choice, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple .select2-selection__choice {
    padding-top: 10px;
    padding-bottom: 10px;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    height: 100%;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.service .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display, .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .field-row.location .select2-selection--multiple .select2-selection__choice .select2-selection__choice__display {
        font-size: 18px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .apply-checkbox label {
    font-size: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .apply-checkbox label {
        font-size: 18px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .apply-checkbox label::before {
    content: "";
    width: 20px;
    height: 20px;
    border: 2px solid #838383;
    background-color: transparent;
    display: inline-block;
    border-radius: 2px;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .apply-checkbox input:checked + label::before {
    background-color: #838383;
}
.page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .remove-day {
    background: transparent;
    width: 28px;
    height: 28px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-profile__body .work-schedule .day-schedule .day-body .actions .remove-day {
        width: 48px;
        height: 48px;
    }
}
.page-template-panel-template .edit-profile__body .work-schedule .select2-dropdown {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.page-template-panel-template .edit-profile__body .day-schedule + .control-btn {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.page-template-panel-template {
    /* Modal */
}
.page-template-panel-template .panel__modal {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
}
.page-template-panel-template .panel__modal .panel__modal-overlay {
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background-color: #000000;
    opacity: 0.4;
}
.page-template-panel-template .panel__modal .panel__modal-body {
    position: relative;
    z-index: 2;
    max-height: 100vh;
    width: 100%;
    max-width: 534px;
    padding: 20px;
    background-color: #F8F8F8;
}
.page-template-panel-template .panel__modal .panel__modal-body .panel__modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 32px;
}
.page-template-panel-template .panel__modal .panel__modal-body .panel__modal-header h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Bebas Neue", sans-serif;
}
.page-template-panel-template .panel__modal .panel__modal-body .panel__modal-header .close-modal {
    background-color: transparent;
}
.page-template-panel-template .panel__modal .panel__modal-body .panel__modal-content {
    max-height: calc(100vh - 102px);
    overflow-y: auto;
}
@media (min-width: 992px) {
    .page-template-panel-template .panel__modal .panel__modal-body .panel__modal-content {
        max-height: calc(100vh - 162px);
    }
}
.page-template-panel-template .panel__modal.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-template-panel-template {
    /* Edit Apointment */
}
.page-template-panel-template .edit-apointment-nav {
    border-bottom: 1px solid #8C8C8C;
    padding: 9.5px 20px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 60px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-nav {
        padding: 16px 20px;
    }
}
.page-template-panel-template .edit-apointment-nav button {
    font-size: 14px;
    background-color: transparent;
    font-weight: 600;
    color: #8C8C8C;
    position: relative;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-nav button {
        font-size: 17px;
    }
}
.page-template-panel-template .edit-apointment-nav button.active {
    color: #000000;
}
.page-template-panel-template .edit-apointment-nav button.active:before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #000000;
    border-radius: 1px;
    position: absolute;
    left: 0;
    bottom: -2px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-nav button.active:before {
        bottom: -3px;
    }
}
.page-template-panel-template .edit-apointment-tab-one {
    display: none;
}
.page-template-panel-template .edit-apointment-tab-one.active {
    display: block;
}
.page-template-panel-template .edit-apointment-tab-one .customer-select-section {
    margin-bottom: 35px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-tab-one .customer-select-section {
        margin-bottom: 45px;
    }
}
.page-template-panel-template .edit-apointment-tab-one .fields-group {
    gap: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-tab-one .fields-group {
        gap: 20px;
    }
}
.page-template-panel-template .edit-apointment-tab-one .fields-group > div {
    width: calc(50% - 10px);
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-tab-one .fields-group > div {
        width: calc(50% - 10px);
    }
}
.page-template-panel-template .edit-apointment-tab-one .fields-group .select2-selection .select2-selection__rendered {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    line-height: 17px !important;
    padding: 18px 10px !important;
}
@media (min-width: 992px) {
    .page-template-panel-template .edit-apointment-tab-one .fields-group .select2-selection .select2-selection__rendered {
        padding: 18px 10px !important;
        font-size: 17px !important;
        line-height: 21px !important;
    }
}
.page-template-panel-template .edit-apointment-tab-one .note-container {
    padding-top: 40px;
}
.page-template-panel-template .edit-apointment-tab-two {
    display: none;
}
.page-template-panel-template .edit-apointment-tab-two.active {
    display: block;
}
.page-template-panel-template .edit-apointment-tab-two p {
    font-size: 15px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-top {
    padding-bottom: 30px;
    border-bottom: 1px solid #E8E8E9;
    margin-bottom: 30px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-top p {
    margin-bottom: 5px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-center {
    margin-bottom: 30px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-center p {
    margin-bottom: 15px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-bottom {
    border: 2px solid #838383;
    background: rgba(131, 131, 131, 0.1215686275);
    border-radius: 5px;
    padding: 20px 24px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-bottom p {
    text-align: right;
    margin-bottom: 15px;
}
.page-template-panel-template .edit-apointment-tab-two .edit-apointment-info-bottom p span {
    min-width: 100px;
    display: inline-block;
}
.page-template-panel-template .edit-apointment-footer {
    margin: 60px 0 15px;
    text-align: right;
}
.page-template-panel-template .edit-apointment-footer button {
    margin-left: auto;
    margin-right: 0;
    padding: 10px 20px;
    font-size: 17px;
    font-weight: 600;
}
.page-template-panel-template {
    /* Change Password */
}
.page-template-panel-template .user-password-profile > div {
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .page-template-panel-template .user-password-profile > div {
        margin-bottom: 30px;
    }
}
.page-template-panel-template .user-password-profile #btn-password-change {
    margin-top: 20px;
    width: 100%;
    padding: 18px 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .user-password-profile #btn-password-change {
        margin-top: 30px;
    }
}
.page-template-panel-template .user-password-profile #btn-return-profile {
    width: 100%;
    color: #00A2AD;
    text-align: center;
    background-color: transparent;
    font-size: 15px;
    margin: 20px auto;
    font-weight: 600;
}
@media (min-width: 992px) {
    .page-template-panel-template .user-password-profile #btn-return-profile {
        font-size: 18px;
        margin: 30px auto;
    }
}
.page-template-panel-template .loading, .page-template-panel-template .loading-page {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(248, 248, 248, 0.95);
    z-index: 10000;
}
.page-template-panel-template .loading span, .page-template-panel-template .loading .spiner, .page-template-panel-template .loading-page span, .page-template-panel-template .loading-page .spiner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00A2AD;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .page-template-panel-template .loading span, .page-template-panel-template .loading .spiner, .page-template-panel-template .loading-page span, .page-template-panel-template .loading-page .spiner {
        width: 60px;
        height: 60px;
        border-width: 5px;
    }
}
.page-template-panel-template .loading p, .page-template-panel-template .loading-page p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
@media (min-width: 992px) {
    .page-template-panel-template .loading p, .page-template-panel-template .loading-page p {
        font-size: 18px;
    }
}
.page-template-panel-template .logaut-desk {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
}
@media (min-width: 992px) {
    .page-template-panel-template .logaut-desk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px;
    }
}
.page-template-panel-template .logaut-desk i::before {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33333 33C5.41667 33 4.63167 32.6739 3.97833 32.0217C3.32611 31.3683 3 30.5833 3 29.6667V6.33333C3 5.41667 3.32611 4.63167 3.97833 3.97833C4.63167 3.32611 5.41667 3 6.33333 3H18V6.33333H6.33333V29.6667H18V33H6.33333ZM24.6667 26.3333L22.375 23.9167L26.625 19.6667H13V16.3333H26.625L22.375 12.0833L24.6667 9.66667L33 18L24.6667 26.3333Z' fill='black'/%3E%3C/svg%3E%0A");
}
.page-template-panel-template .logaut-desk {
    font-size: 18px;
    font-weight: 500;
}
.page-template-panel-template .notification > div {
    border: 2px solid rgb(0, 0, 0);
    padding: 20px 30px;
    background-color: #dfdfdf;
    color: rgb(0, 0, 0);
    width: 100%;
    margin-bottom: 30px;
    border-radius: 10px;
}
.page-template-panel-template .notification > div h4 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}
.page-template-panel-template .notification > div p {
    font-size: 16px;
}
.page-template-panel-template .notification > div a {
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}
.page-template-panel-template .notification .error {
    border-color: #f12f2f;
    color: #f12f2f;
    background-color: #f8ebeb;
}

.time-picker-overlay {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2509803922);
    z-index: 10000000;
}
.time-picker-overlay .time-picker {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #E8E8E9;
    padding: 16.41px;
    border-radius: 10px;
}
.time-picker-overlay .header {
    font-size: 7px;
    text-transform: uppercase;
    letter-spacing: 1.03px;
    line-height: 11px;
    margin-bottom: 16px;
    display: block;
    color: #717370;
}
.time-picker-overlay .time-slots {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 0.5rem;
}
.time-picker-overlay .time-slot {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden;
}
.time-picker-overlay .time-slot:hover {
    background: #f0f0f0;
}
.time-picker-overlay .time-slot.active {
    background: black;
    color: white;
    font-weight: bold;
}
.time-picker-overlay .time-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 38px;
    margin-bottom: 1rem;
    font-weight: 500;
}
.time-picker-overlay .time-display > span {
    background-color: rgba(131, 131, 131, 0.0784313725);
    border-radius: 3px;
    width: 66px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.time-picker-overlay .time-display .ampm-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    overflow: hidden;
}
.time-picker-overlay .time-display .ampm-toggle button {
    background: #ffffff;
    width: 36px;
    height: 27px;
    color: #D7D7D7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
}
.time-picker-overlay .time-display .ampm-toggle button.active {
    background: #D7D7D7;
    color: #000000;
}
.time-picker-overlay .clock-face {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(33, 33, 33, 0.0784313725);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.time-picker-overlay .clock-face .clock-center {
    width: 8px;
    height: 8px;
    background: black;
    border-radius: 50%;
    z-index: 2;
}
.time-picker-overlay .clock-face .clock-hand {
    position: absolute;
    width: 2px;
    height: 80px;
    background: black;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: 20px;
    z-index: 1;
}
.time-picker-overlay .clock-face .clock-hand:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    left: -15px;
    top: -15px;
}
.time-picker-overlay .clock-face .clock-numbers {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.time-picker-overlay .clock-face .clock-numbers div {
    position: absolute;
    width: 30px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.time-picker-overlay .clock-hour {
    cursor: pointer;
}
.time-picker-overlay .clock-hour.active {
    color: #fff;
}
.time-picker-overlay .clock-hour.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}
.time-picker-overlay #confirmTime {
    margin-top: 20px;
    padding: 17px 20px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

/**
 * Employee Search Page Styles
 */
.employee-search-hero {
    padding: 120px 0;
    min-height: calc(100vh - 250.75px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .employee-search-hero {
        min-height: calc(100vh - 144.39px);
    }
}
.employee-search-hero > .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(64, 66, 73, 0.4);
}
.employee-search-hero > img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
}
.employee-search-hero > .container {
    position: relative;
    z-index: 1;
    width: 100%;
}
.employee-search-hero > .container .search-form-wrapper .search-form-title {
    text-transform: uppercase;
    font-size: 40px;
    font-family: "Bebas Neue", sans-serif;
    line-height: 0.95;
    letter-spacing: -0.01em;
    color: #ffffff;
    text-align: center;
    margin-bottom: 46px;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form-title {
        font-size: 70px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form {
    width: 100%;
}
.employee-search-hero > .container .search-form-wrapper .search-form__fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 100%;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field {
        min-width: 200px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select, .employee-search-hero > .container .search-form-wrapper .search-form__field > input, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input {
    width: 100%;
    padding: 18px 16px;
    border-radius: 5px;
    font-size: 14px;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    border-color: #ffffff !important;
    font-weight: 500;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select::-webkit-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > input::-webkit-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input::-webkit-input-placeholder {
    color: #999;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select::-moz-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > input::-moz-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input::-moz-placeholder {
    color: #999;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select:-ms-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > input:-ms-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input:-ms-input-placeholder {
    color: #999;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select::-ms-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > input::-ms-input-placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input::-ms-input-placeholder {
    color: #999;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field > select::placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > input::placeholder, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input::placeholder {
    color: #999;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field > select, .employee-search-hero > .container .search-form-wrapper .search-form__field > input, .employee-search-hero > .container .search-form-wrapper .search-form__field > .date-input-wrapper input {
        padding: 24.5px 20px;
        border-radius: 10px;
        font-size: 17px;
        line-height: 21px;
        border-radius: 10px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-selection {
    border-color: #ffffff !important;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-container {
    top: 0 !important;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-container .select2-dropdown {
    margin-top: 0 !important;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-selection {
    border-color: #ffffff;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-selection__rendered {
    color: #ffffff;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .select2-selection__clear {
    background: #f8f8f8;
    font-size: 28px;
    font-weight: 400;
    position: relative;
    z-index: 40000;
    height: 100%;
    top: 50%;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    margin-right: 20px;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field .select2-selection__clear {
        font-size: 40px;
        -webkit-transform: translateY(7px);
        transform: translateY(7px);
        margin-right: 30px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .btn {
    margin-top: 10px;
    padding: 16px 40px;
    width: 100%;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field .btn {
        margin-top: 0;
        padding: 23px 58px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field .search-date-input {
    cursor: pointer;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date {
    position: relative;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-input-wrapper {
    position: relative;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-input-wrapper::after {
    content: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_2739)'%3E%3Cpath d='M6.175 8.32495L10 12.1416L13.825 8.32495L15 9.49995L10 14.5L5 9.49995L6.175 8.32495Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2739'%3E%3Crect width='20' height='20' fill='blACK' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-input-wrapper::after {
        content: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.2625 11.7375L15 17.4625L20.7375 11.7375L22.5 13.5L15 21L7.5 13.5L9.2625 11.7375Z' fill='black'/%3E%3C/svg%3E%0A");
        right: 28px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    padding: 20px;
    width: 100%;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown.active {
    display: block;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker {
    padding: 0;
    background: transparent;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 21px;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header button svg {
    width: 100%;
    height: 100%;
    display: block;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header button:hover {
    opacity: 0.7;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .header button:active {
    opacity: 0.5;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .days, .employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .dates {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .days {
    margin-bottom: 21px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .day-label {
    text-align: center;
    font-size: 11.37px;
    line-height: 15.16px;
    width: 44px;
    color: #666;
    font-weight: 500;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .dates .calendar-day {
    text-align: center;
    width: 44px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: -0.3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .dates .calendar-day:hover:not(.inactive) {
    background: #f0f0f0;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .dates .calendar-day.selected {
    background: black;
    color: white;
    font-weight: bold;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .date-picker .dates .calendar-day.inactive {
    color: #838383;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view {
    width: 100%;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin-bottom: 21px;
    font-size: 19px;
    line-height: 23px;
    letter-spacing: 0.36px;
    font-weight: 700;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker-header .back-to-calendar {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker-header .back-to-calendar svg {
    width: 8px;
    height: 16px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker-header .time-picker-title {
    margin-left: 16px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .time-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    font-size: 38px;
    margin-bottom: 1rem;
    font-weight: 500;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .time-display > span {
    background-color: rgba(131, 131, 131, 0.0784313725);
    border-radius: 3px;
    width: 66px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .time-display .ampm-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    overflow: hidden;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .time-display .ampm-toggle button {
    background: #ffffff;
    width: 36px;
    height: 27px;
    color: #D7D7D7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    cursor: pointer;
    border: none;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .time-display .ampm-toggle button.active {
    background: #D7D7D7;
    color: #000000;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(33, 33, 33, 0.0784313725);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face .clock-center {
    width: 8px;
    height: 8px;
    background: black;
    border-radius: 50%;
    z-index: 2;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face .clock-hand {
    position: absolute;
    width: 2px;
    height: 80px;
    background: black;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    top: 20px;
    z-index: 1;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face .clock-hand:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #000;
    border-radius: 50%;
    left: -15px;
    top: -15px;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face .clock-numbers {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-face .clock-numbers div {
    position: absolute;
    width: 30px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-hour {
    cursor: pointer;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-hour.active {
    color: #fff;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .clock-hour.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: not-allowed;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .all-day-btn {
    margin-top: 20px;
    width: 100%;
    background: #ffffff;
    border: 1px solid #838383;
    border-radius: 5px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}
@media (min-width: 992px) {
    .employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .all-day-btn {
        padding: 14px 20px;
        font-size: 16px;
        border-radius: 10px;
    }
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .all-day-btn:hover {
    background: #f0f0f0;
}
.employee-search-hero > .container .search-form-wrapper .search-form__field--date .date-picker-dropdown .time-picker-view .time-picker .all-day-btn.active {
    background: #000000;
    color: #ffffff;
    border-color: #000000;
}

/* Results Section */
.employee-search-results {
    padding: 60px 0;
    background: #f8f9fa;
}

.results-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.results-header__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.results-header__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.results-header .results-count {
    font-size: 12px;
    color: #838383;
    font-weight: 500;
}
.results-header .view-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.results-header .view-toggle__btn {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: white;
    border: 1px solid #838383;
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0;
}
.results-header .view-toggle__btn svg {
    width: 32px;
    height: 32px;
    color: #838383;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.results-header .view-toggle__btn:hover {
    border-color: #00A2AD;
    background: #f5f5f5;
}
.results-header .view-toggle__btn:hover svg {
    color: #00A2AD;
}
.results-header .view-toggle__btn.active {
    border-color: #00A2AD;
    background: #00A2AD;
}
.results-header .view-toggle__btn.active svg {
    color: white;
}

.results-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
}
.results-list.view-list {
    grid-template-columns: 1fr;
    gap: 20px;
}
.results-list.view-list .employee-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.results-list.view-list .employee-card__avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 0;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.results-list.view-list .employee-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    margin-right: 20px;
}
@media (min-width: 992px) {
    .results-list.view-list .employee-card__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 60px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.results-list.view-list .employee-card__name {
    margin-bottom: 8px;
}
.results-list.view-list .employee-card .service-name {
    font-size: 14px;
}
@media (min-width: 992px) {
    .results-list.view-list .employee-card .service-name {
        font-family: 18px;
    }
    .results-list.view-list .employee-card .service-name span {
        font-size: 14px;
    }
}
.results-list.view-list .employee-card .service-price {
    font-size: 24px;
}
@media (min-width: 992px) {
    .results-list.view-list .employee-card .service-price {
        font-size: 72px;
    }
}
.results-list.view-list .employee-card .service-price span {
    font-size: 15px;
}
@media (min-width: 992px) {
    .results-list.view-list .employee-card .service-price span {
        font-size: 40px;
    }
}
.results-list.view-list .employee-card__actions {
    width: auto;
    margin-top: 0;
    margin-left: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.results-list.view-list .employee-card__actions .btn {
    width: auto;
    min-width: 150px;
}
@media (max-width: 767px) {
    .results-list.view-list .employee-card__actions .btn {
        min-width: auto;
        width: 66px;
        height: 60px;
        padding: 0;
        border-radius: 10px;
    }
    .results-list.view-list .employee-card__actions .btn .btn-text {
        display: none;
    }
    .results-list.view-list .employee-card__actions .btn .btn-icon {
        display: block;
    }
}

/* Employee Card */
.employee-card {
    background: white;
    border-radius: 10px;
    padding: 26px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border: 1px solid #838383;
    gap: 16px;
}
.employee-card__avatar {
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.employee-card__avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.employee-card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
}
.employee-card__name {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #000000;
}
.employee-card .service-name {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.employee-card .service-name span {
    font-size: 14px;
    font-weight: 500;
    color: #838383;
}
.employee-card .service-price {
    font-size: 48px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 8px;
}
.employee-card .service-price span {
    font-size: 32px;
    color: #838383;
}
.employee-card__actions {
    width: 100%;
    margin-top: auto;
}
.employee-card__actions .btn {
    width: 100%;
    padding: 17px 24px;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
}
.employee-card__actions .btn .btn-icon {
    display: none;
    width: 35px;
    height: 35px;
}

/* Empty State */
.results-empty {
    text-align: center;
    padding: 60px 20px;
    color: #666;
}
.results-empty p {
    font-size: 18px;
}

/* Loading State */
.results-loading {
    grid-column: 1/-1;
    text-align: center;
    padding: 60px 20px;
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.results-loading p {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
}
@media (min-width: 992px) {
    .results-loading p {
        font-size: 18px;
    }
}

.loading-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #00A2AD;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/**
 * 404 Error Page Styles
 */
.error-404-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: calc(100vh - 250.75px);
}
@media (min-width: 768px) {
    .error-404-page {
        min-height: calc(100vh - 144.39px);
    }
}

.error-404-section {
    width: 100%;
    padding: 60px 0;
}
.error-404-section .error-404-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
.error-404-section .error-404-number {
    margin-bottom: 30px;
}
.error-404-section .error-404-number .error-number {
    font-family: "Bebas Neue", sans-serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    display: block;
    letter-spacing: -0.02em;
}
@media (min-width: 992px) {
    .error-404-section .error-404-number .error-number {
        font-size: 200px;
    }
}
.error-404-section .error-404-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .error-404-section .error-404-title {
        font-size: 70px;
        margin-bottom: 30px;
    }
}
.error-404-section .error-404-description {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .error-404-section .error-404-description {
        font-size: 18px;
        margin-bottom: 50px;
    }
}
.error-404-section .error-404-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 992px) {
    .error-404-section .error-404-actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 20px;
    }
}
.error-404-section .error-404-actions .btn {
    min-width: 200px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 992px) {
    .error-404-section .error-404-actions .btn {
        padding: 23px 58px;
        border-radius: 10px;
        font-size: 17px;
    }
}
.error-404-section .error-404-actions .btn.btn-primary {
    background: #00A2AD;
    color: #ffffff;
    border: 2px solid #00A2AD;
}
.error-404-section .error-404-actions .btn.btn-primary:hover {
    background: rgb(0, 114.2427745665, 122);
    border-color: rgb(0, 114.2427745665, 122);
    -webkit-box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
    box-shadow: 0 4px 12px rgba(0, 162, 173, 0.3);
}
.error-404-section .error-404-actions .btn.btn-secondary {
    background: transparent;
    color: #000000;
    border: 2px solid #838383;
}
.error-404-section .error-404-actions .btn.btn-secondary:hover {
    background: #838383;
    color: #ffffff;
    border-color: #838383;
    -webkit-box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
    box-shadow: 0 4px 12px rgba(131, 131, 131, 0.3);
}

/**
 * Page and Single Post Content Styles
 * Supports Gutenberg blocks
 */
.page-content,
.single-content {
    padding: 120px 0 60px;
    min-height: calc(100vh - 250.75px);
}
@media (min-width: 768px) {
    .page-content,
    .single-content {
        min-height: calc(100vh - 144.39px);
        padding: 150px 0 80px;
    }
}

.page-article,
.single-article {
    width: 100%;
}

.page-featured-image,
.single-featured-image {
    width: 100%;
    margin-bottom: 40px;
    overflow: hidden;
}
@media (min-width: 992px) {
    .page-featured-image,
    .single-featured-image {
        margin-bottom: 60px;
    }
}
.page-featured-image .featured-img,
.single-featured-image .featured-img {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.page-header,
.single-header {
    margin-bottom: 40px;
    text-align: center;
}
@media (min-width: 992px) {
    .page-header,
    .single-header {
        margin-bottom: 60px;
    }
}
.page-header .page-title,
.page-header .single-title,
.single-header .page-title,
.single-header .single-title {
    font-family: "Bebas Neue", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 20px;
    text-transform: uppercase;
}
@media (min-width: 992px) {
    .page-header .page-title,
    .page-header .single-title,
    .single-header .page-title,
    .single-header .single-title {
        font-size: 70px;
        margin-bottom: 30px;
    }
}
.page-header .page-subtitle,
.single-header .page-subtitle {
    font-size: 18px;
    color: #838383;
    font-weight: 500;
    margin-top: 10px;
}
@media (min-width: 992px) {
    .page-header .page-subtitle,
    .single-header .page-subtitle {
        font-size: 22px;
    }
}
.page-header .single-meta,
.single-header .single-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #838383;
}
@media (min-width: 992px) {
    .page-header .single-meta,
    .single-header .single-meta {
        font-size: 16px;
        gap: 20px;
    }
}
.page-header .single-meta .post-date,
.page-header .single-meta .post-categories,
.single-header .single-meta .post-date,
.single-header .single-meta .post-categories {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-header .single-meta .post-categories a,
.single-header .single-meta .post-categories a {
    color: #00A2AD;
    font-weight: 600;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.page-header .single-meta .post-categories a:hover,
.single-header .single-meta .post-categories a:hover {
    color: #000000;
}

.page-content-wrapper,
.single-content-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.entry-content {
    font-size: 16px;
    line-height: 1.8;
    color: #000000;
}
@media (min-width: 992px) {
    .entry-content {
        font-size: 18px;
    }
}
.entry-content > * {
    margin-bottom: 24px;
}
@media (min-width: 992px) {
    .entry-content > * {
        margin-bottom: 32px;
    }
}
.entry-content > *:last-child {
    margin-bottom: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
        margin-top: 60px;
        margin-bottom: 30px;
    }
}
.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
    margin-top: 0;
}
.entry-content h1 {
    font-size: 36px;
}
@media (min-width: 992px) {
    .entry-content h1 {
        font-size: 56px;
    }
}
.entry-content h2 {
    font-size: 32px;
}
@media (min-width: 992px) {
    .entry-content h2 {
        font-size: 48px;
    }
}
.entry-content h3 {
    font-size: 28px;
}
@media (min-width: 992px) {
    .entry-content h3 {
        font-size: 40px;
    }
}
.entry-content h4 {
    font-size: 24px;
}
@media (min-width: 992px) {
    .entry-content h4 {
        font-size: 32px;
    }
}
.entry-content h5 {
    font-size: 20px;
}
@media (min-width: 992px) {
    .entry-content h5 {
        font-size: 24px;
    }
}
.entry-content h6 {
    font-size: 18px;
}
@media (min-width: 992px) {
    .entry-content h6 {
        font-size: 20px;
    }
}
.entry-content p {
    margin-bottom: 20px;
}
@media (min-width: 992px) {
    .entry-content p {
        margin-bottom: 24px;
    }
}
.entry-content a {
    color: #00A2AD;
    text-decoration: underline;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}
.entry-content a:hover {
    color: #000000;
}
.entry-content ul, .entry-content ol {
    margin: 20px 0;
    padding-left: 30px;
}
@media (min-width: 992px) {
    .entry-content ul, .entry-content ol {
        margin: 24px 0;
        padding-left: 40px;
    }
}
.entry-content ul li, .entry-content ol li {
    margin-bottom: 10px;
    list-style: disc;
}
@media (min-width: 992px) {
    .entry-content ul li, .entry-content ol li {
        margin-bottom: 12px;
    }
}
.entry-content ol li {
    list-style: decimal;
}
.entry-content blockquote {
    margin: 30px 0;
    padding: 20px 30px;
    border-left: 4px solid #00A2AD;
    background: #f8f8f8;
    font-style: italic;
    font-size: 18px;
    line-height: 1.6;
}
@media (min-width: 992px) {
    .entry-content blockquote {
        margin: 40px 0;
        padding: 30px 40px;
        font-size: 20px;
    }
}
.entry-content blockquote p {
    margin-bottom: 0;
}
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content img {
        margin: 40px 0;
    }
}
.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content table {
        margin: 40px 0;
    }
}
.entry-content table th, .entry-content table td {
    padding: 12px;
    border: 1px solid #e0e0e0;
    text-align: left;
}
@media (min-width: 992px) {
    .entry-content table th, .entry-content table td {
        padding: 16px;
    }
}
.entry-content table th {
    background: #f8f8f8;
    font-weight: 700;
}
.entry-content code {
    background: #f8f8f8;
    padding: 2px 6px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9em;
}
.entry-content pre {
    background: #f8f8f8;
    padding: 20px;
    border-radius: 10px;
    overflow-x: auto;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content pre {
        padding: 30px;
        margin: 40px 0;
    }
}
.entry-content pre code {
    background: none;
    padding: 0;
}
.entry-content .wp-block-group {
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-group {
        margin: 40px 0;
    }
}
.entry-content .wp-block-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-columns {
        gap: 30px;
        margin: 40px 0;
    }
}
.entry-content .wp-block-column {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 100%;
}
@media (min-width: 992px) {
    .entry-content .wp-block-column {
        min-width: 0;
    }
}
.entry-content .wp-block-image {
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-image {
        margin: 40px 0;
    }
}
.entry-content .wp-block-image img {
    width: 100%;
    height: auto;
}
.entry-content .wp-block-quote {
    margin: 30px 0;
    padding: 20px 30px;
    border-left: 4px solid #00A2AD;
    background: #f8f8f8;
}
@media (min-width: 992px) {
    .entry-content .wp-block-quote {
        margin: 40px 0;
        padding: 30px 40px;
    }
}
.entry-content .wp-block-button {
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-button {
        margin: 40px 0;
    }
}
.entry-content .wp-block-button .wp-block-button__link {
    display: inline-block;
    padding: 16px 40px;
    background: #00A2AD;
    color: #ffffff;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 992px) {
    .entry-content .wp-block-button .wp-block-button__link {
        padding: 23px 58px;
        border-radius: 10px;
    }
}
.entry-content .wp-block-button .wp-block-button__link:hover {
    background: #000000;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.entry-content .wp-block-separator {
    margin: 40px 0;
    border: none;
    border-top: 2px solid #e0e0e0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-separator {
        margin: 60px 0;
    }
}
.entry-content .wp-block-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 30px 0;
}
@media (min-width: 992px) {
    .entry-content .wp-block-gallery {
        gap: 30px;
        margin: 40px 0;
    }
}

.single-tags {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #e0e0e0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 992px) {
    .single-tags {
        margin-top: 60px;
        padding-top: 40px;
    }
}
.single-tags .tags-label {
    font-weight: 700;
    color: #000000;
    margin-right: 10px;
}
.single-tags a {
    display: inline-block;
    padding: 6px 12px;
    background: #f8f8f8;
    color: #00A2AD;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.single-tags a:hover {
    background: #00A2AD;
    color: #ffffff;
}

.page-links {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 2px solid #e0e0e0;
    font-weight: 600;
}
.page-links a {
    margin: 0 5px;
    padding: 5px 10px;
    background: #f8f8f8;
    border-radius: 5px;
}
.page-links a:hover {
    background: #00A2AD;
    color: #ffffff;
}
/*# sourceMappingURL=style.css.map */