@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");

.practitioner-carousel {
    margin-bottom: 60px;
}
.practitioner-carousel .owl-stage-outer {
    padding: 20px;
}
.practitioner-carousel .owl-stage {
    display: flex;
    padding-left: 0 !important;
}
/*.practitioner-carousel .owl-stage .owl-item,
.practitioner-carousel .owl-stage .owl-item .item {
    height: 100%;
}*/
    .practitioner-carousel .owl-stage .owl-item .item .specialist-test-wrapper {
        padding: 40px 30px;
        height: 100%;
    }
.practitioner-carousel .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 80px;
}
.practitioner-carousel .owl-nav button {
    margin: 0 24px;
    box-shadow: 0px 4px 5px 0px #00000030;
    border-radius: 0 28px 28px 0;
}
.practitioner-carousel .owl-nav button.owl-prev {
    border-radius: 28px 0 0 28px;
}
.section-how-it-works {
    position: relative;
    padding: 50px 0 150px;
}
.section-how-it-works h2.h1 {
    margin-bottom: 110px;
}
.how-works-step .img-wrapper {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 0;
    padding-bottom: 100%;
    border-radius: 50% 0% 50% 50%;
    background: #FCB073;
    z-index: 1;
    overflow: visible;
}
.how-works-step .img-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.step-content-wrapper .step-header {
    display: flex;
    padding: 20px 25px;
    background: linear-gradient(-90deg, #9DD1C8 0%, #80B6BF 58.58%, #69A1B8 100%);
    border-radius: 0 35px 35px 35px;
    justify-content: space-between;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.19);
    align-items: center;
    margin-bottom: 25px;
}
.step-content-wrapper .step-header .step-no {
    font-size: 25px;
    font-weight: 700;
    display: inline-block;
    color: #ffffff;
}
.step-content-wrapper .step-header .step-title {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    color: #ffffff;
}
.step-content-wrapper .step-content,
.section-how-it-works .owl-item.fadeOut .step-content-wrapper .step-content,
.section-how-it-works .owl-item.animated .step-content-wrapper .step-content {
    transform: translateX(50%);
    opacity: 1;
    // transition: opacity 0.5s;
    visibility: hidden;
}
.section-how-it-works .owl-item.active .step-content-wrapper .step-content {
    transform: translateX(0);
    opacity: 1;
    transition: all 0.5s;
    transition-delay: 0.2s;
    visibility: visible;
}
html[dir=rtl] .step-content-wrapper .step-content,
html[dir=rtl] .section-how-it-works .owl-item.fadeOut .step-content-wrapper .step-content,
html[dir=rtl] .section-how-it-works .owl-item.animated .step-content-wrapper .step-content {
    transform: translateX(-50%);
}
.practitioner-details {
    display: block !important; 
}
.practitioner-details.practitioner-details-bio {
    display: grid !important;
}

@media (max-width: 991.98px) {
    .how-works-step .img-wrapper {
        width: 50%;
        padding-bottom: 50%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .section-how-it-works h2.h1 {
        margin-bottom: 140px;
    }
    .section-how-it-works .owl-nav {
        position: absolute;
        top: -110px;
        bottom: auto;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        /* align-items: center; */
        justify-content: center;
    }
    .section-how-it-works .owl-nav button {
        margin: 0 24px;
        box-shadow: 0px 4px 5px 0px #00000030;
        border-radius: 0 28px 28px 0;
    }
    .section-how-it-works .owl-nav button.owl-prev {
        border-radius: 28px 0 0 28px;
    }
    html[dir=rtl] .section-how-it-works .owl-nav button {
        transform: rotate(180deg);
    }
    /*html[dir=rtl] .section-how-it-works .owl-nav button {
        border-radius: 28px 0 0 28px;
    }
    html[dir=rtl] .section-how-it-works .owl-nav button.owl-prev {
        border-radius: 0 28px 28px 0;
    }*/

    .practitioner-details.home-life .practitioner-carousel .owl-stage {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .practitioner-details.home-life .owl-nav {
        width: 100vw;
    }
    html[dir=rtl] .talk-container {
        left: 25px;
        right: auto;
    }

}
@media (min-width: 992px) {
    .section-how-it-works .owl-nav {
        position: absolute;
        right: 3%;
        top: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    html[dir=rtl] .section-how-it-works .owl-nav {
        left: 9%;
        right: auto;
        transform: rotate(-180deg);
    }

    html[dir=rtl] .ps-lg-5 {
        padding-left: 15px !important;
        padding-right: 3rem !important;
    }

    .section-how-it-works .owl-nav button {
        box-shadow: 0px 4px 5px 0px #00000030;
        border-radius: 0 28px 28px 0;
    }

    html[dir=rtl] .section-how-it-works .owl-nav button {
        border-radius: 28px 0 0 28px;
    }

    .section-how-it-works .owl-nav button.owl-prev {
        display: block;
    }
    /*.practitioner-carousel .owl-stage .owl-item,
    .practitioner-carousel .owl-stage .owl-item .item {
        height: 100%;
    }*/
    .section-how-it-works:after {
        content: "";
        position: absolute;
        top: 200px;
        right: 0;
        bottom: 0;
        left: auto;
        width: 97px;
        height: 359px;
        background-image: url(../imgs/patterns/how-it-works-pattern.svg);
        /*background-position: 0% 40%;*/
        background-size: cover;
        background-repeat: no-repeat;
        /*z-index: -1;*/
        overflow: visible;
    }
    html[dir=rtl] .section-how-it-works:after {
        left: 0;
        right: auto;
    }
}
@media (min-width: 1024px) {
    html[dir=rtl] .talk-container {
        right: auto;
        left: 25px;
    }
}

body {
    font-size: 18px;
    color: #575858;
    font-family: "Open Sans", sans-serif;
}

p {
    margin-bottom: 15px;
    font-size: 18px;
}

a {
    color: #68a2b9;
    transition: color 0.2s;
}

    a:hover, a:focus {
        color: #68a2b9;
    }

    a.fw-bold {
        font-weight: bold;
    }

    a.disabled:hover {
        text-decoration: none;
    }

ul,
ol {
    font-size: 16px;
}

h1,
.h1 {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
}

    h1.fw-bold,
    .h1.fw-bold {
        font-weight: bold;
    }

h2,
.h2 {
    margin-bottom: 15px;
    font-size: 25px;
    line-height: 50px;
    font-weight: bold;
}

    h2.lh-1,
    .h2.lh-1 {
        line-height: 1;
    }

h3,
.h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

h4,
.h4 {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: bold;
}

.text-small {
    font-size: 14px;
    line-height: 24px;
}

.text-muted {
    color: #b2b2b2 !important;
}

.text-narrow {
    letter-spacing: -0.05em;
}

ul.list-decimal {
    padding: 0;
    margin: 0;
    list-style: none;
}

    ul.list-decimal li {
        display: inline;
    }

        ul.list-decimal li:after {
            content: ",";
        }

        ul.list-decimal li:nth-last-child(2):after {
            content: attr(data-trans);
        }

        ul.list-decimal li:last-of-type:after {
            content: "";
        }

@media (max-width: 575px) {
    .main-menu-mobile nav.navbar-main .navbar-collapse {
        height: calc(100vh - (100vh - 100%) - 100px) !important;
    }
    .practitioner-general .practitioner-avatar.avatar-mask:before {
        opacity: 0 !important;
    }
    body {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .p-xs {
        display: block;
        margin-bottom: 0px;
    }

    h1,
    .h1 {
        font-size: 38px;
    }

    h2,
    .h2 {
        font-size: 22px;
        line-height: 32px;
    }

    .text-small {
        font-size: 12px;
        line-height: 18px;
    }
}

.mt-xs {
    margin-top: 5px !important;
}

.mt-sm {
    margin-top: 10px !important;
}

.mt-md {
    margin-top: 15px !important;
}

.mt-lg {
    margin-top: 30px !important;
}

.mt-xl {
    margin-top: 45px !important;
}

.mb-xs {
    margin-bottom: 5px !important;
}

.mb-sm {
    margin-bottom: 10px !important;
}

.mb-md {
    margin-bottom: 15px !important;
}

.mb-lg {
    margin-bottom: 30px !important;
}

.mb-xl {
    margin-bottom: 45px !important;
}

html:not([dir=rtl]) .mr-xs {
    margin-right: 5px !important;
}

html:not([dir=rtl]) .mr-sm {
    margin-right: 10px !important;
}

html:not([dir=rtl]) .mr-md {
    margin-right: 15px !important;
}

html:not([dir=rtl]) .mr-lg {
    margin-right: 30px !important;
}

html:not([dir=rtl]) .mr-xl {
    margin-right: 45px !important;
}

html:not([dir=rtl]) .mr-xs {
    margin-right: 5px !important;
}

html:not([dir=rtl]) .mr-sm {
    margin-right: 10px !important;
}

html:not([dir=rtl]) .mr-md {
    margin-right: 15px !important;
}

html:not([dir=rtl]) .mr-lg {
    margin-right: 30px !important;
}

html:not([dir=rtl]) .mr-xl {
    margin-right: 45px !important;
}

html[dir=rtl] .mr-xs {
    margin-left: 5px !important;
}

html[dir=rtl] .mr-sm {
    margin-left: 10px !important;
}

html[dir=rtl] .mr-md {
    margin-left: 15px !important;
}

html[dir=rtl] .mr-lg {
    margin-left: 30px !important;
}

html[dir=rtl] .mr-xl {
    margin-left: 45px !important;
}

html[dir=rtl] .ml-xs {
    margin-right: 5px !important;
}

html[dir=rtl] .ml-sm {
    margin-right: 10px !important;
}

html[dir=rtl] .ml-md {
    margin-right: 15px !important;
}

html[dir=rtl] .ml-lg {
    margin-right: 30px !important;
}

html[dir=rtl] .ml-xl {
    margin-right: 45px !important;
}

.bg-primary {
    background: #68a2b9 !important;
}

.bg-secondary {
    background: #9dd4ca !important;
}

@keyframes show {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes modal {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.a-show {
    animation: show 0.3s ease;
}

.action-fade {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s;
}

    .action-fade.hide {
        visibility: hidden;
        transform: translateY(-10px);
        opacity: 0;
    }

.trigger-action[data-action=target-show].hide {
    display: none;
}

[data-loading=lock] {
    transition: opacity 0.3s;
}

.content-loading [data-loading=lock] {
    pointer-events: none;
    opacity: 0.5 !important;
}

body,
html {
    -webkit-overflow-scrolling: touch;
}

body {
    display: flex;
    flex-direction: column;
    padding-top: 90px !important;
    min-height: 100vh;
    background: white;
    text-align: start;
}

    body main {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

        body main.my-account ~ .bottom-bar:not(.account-bottom-bar) {
            display: none;
        }

        body main.application ~ .bottom-bar:not(.application-bottom-bar) {
            display: none;
        }

        body main.booking ~ .bottom-bar:not(.book-now-bottom-bar) {
            display: none;
        }

        body main.booking.checkout-schedule-optional ~ .bar-confirm-pay, body main.booking.payment-details ~ .bar-confirm-pay {
            display: block;
        }

        body main.calendar-main + .bottom-bar.bar-sticky {
            border-bottom: 1px solid white;
        }

    body iframe[title~=messaging] {
        bottom: 65px !important;
    }

    body iframe[title~=company], body iframe[title~=message] {
        margin-bottom: 50px !important;
    }

        body iframe[title~=company] .dPtQUU,
        body .dPtQUU {
            transform: rotate(-135deg) !important;
            top: calc(100% - 5px) !important;
        }

.top-bar {
    padding: 25px 0;
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

.bottom-bar {
    padding: 25px 0;
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

    .bottom-bar.bar-sticky {
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        bottom: 0;
        z-index: 9;
    }

    .bottom-bar .bottom-bar-wrapper {
        display: grid;
        grid-auto-flow: column;
    }

        .bottom-bar .bottom-bar-wrapper.application-change {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .bottom-bar .bottom-bar-wrapper .col {
            display: grid;
            grid-auto-flow: column;
            align-items: center;
        }

    .bottom-bar.account-bottom-bar .bottom-bar-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.about-page + .bottom-bar,
.careers-page + .bottom-bar,
.hakkini-hub-page + .bottom-bar,
.how-it-works-page + .bottom-bar,
.back-to-homepage {
    display: none;
}

.about-page ~ .bottom-bar.back-to-homepage,
.careers-page ~ .bottom-bar.back-to-homepage,
.hakkini-hub-page ~ .bottom-bar.back-to-homepage,
.how-it-works-page ~ .bottom-bar.back-to-homepage {
    display: block;
}

.faq + .bottom-bar {
    display: none;
}

section {
    padding: 40px 0;
}

    section.p-md {
        padding: 40px 0;
    }

    section.bg-gradient, section.specialist-technique.technique-bg-gradient {
        color: white;
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
    }

    section.bg-ice {
        background-color: #ecf9f6;
    }

    section.w-shadow {
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
    }

.img-wrapper img {
    width: 100%;
    height: auto;
}

.text-block-sm {
    max-width: 580px;
}

.text-block-md {
    max-width: 720px;
}

.text-block-lg {
    max-width: 920px;
}

.text-block-xl {
    max-width: 1300px;
}

@media (min-width: 1400px) {
    body main {
        position: relative;
    }

        body main:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        body main.application:before {
            background-image: url(../imgs/patterns/patt_r1.svg);
            background-size: 200px auto;
            background-repeat: no-repeat;
            background-position: right 300px;
        }

        body main.my-account:before {
            background-image: url(../imgs/patterns/patt_l1.svg), url(../imgs/patterns/patt_r2.svg);
            background-size: 120px auto, 150px auto;
            background-repeat: no-repeat;
            background-position: left -175px, right 400px;
        }

        body main.public-profile:before {
            background-image: url(../imgs/patterns/patt_profile_l.svg), url(../imgs/patterns/patt_profile_r.svg);
            background-size: auto 150px;
            background-repeat: no-repeat;
            background-position: left 50px, right 980px;
        }

        body main.stats:before {
            background-image: url(../imgs/patterns/patt_stats_l.svg), url(../imgs/patterns/patt_stats_r.svg);
            background-size: 68px auto;
            background-repeat: no-repeat;
            background-position: left 50px, right bottom;
        }
}

@media (max-width: 1199px) {
    body {
        padding-top: 70px;
    }
}

@media (max-width: 699px) {
    body {
        padding-top: 60px !important;
    }
}

@media (max-width: 575px) {
    section.p-md {
        padding: 40px 0 !important;
    }

    body main.public-profile:after {
        background-image: url(../imgs/patterns/patt_profile_r.svg);
        background-size: auto 80px;
        background-repeat: no-repeat;
        position: relative;
        background-position: right 45px;
    }

    body main.application:after {
        background-image: url(../imgs/patterns/patt_r1.svg);
        background-size: auto 80px;
        background-repeat: no-repeat;
        position: relative;
        background-position: right 95%;
    }

    body .bottom-bar.sticky-xs {
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        bottom: 0;
        padding: 20px 5px;
        margin: 0;
        background: white;
        z-index: 9;
        transition: box-shadow 0.3s;
    }

        body .bottom-bar.sticky-xs .bottom-bar-wrapper {
            column-gap: 10px;
        }

        body .bottom-bar.sticky-xs a.hide-xs,
        body .bottom-bar.sticky-xs button.hide-xs {
            display: none !important;
        }

        body .bottom-bar.sticky-xs a.w-100-xs,
        body .bottom-bar.sticky-xs button.w-100-xs {
            width: 100%;
        }

        body .bottom-bar.sticky-xs a:only-child,
        body .bottom-bar.sticky-xs button:only-child {
            width: 100%;
        }

        body .bottom-bar.sticky-xs.is-sticky {
            box-shadow: 0 -8px 15px rgba(0, 0, 0, 0.08);
        }

        body .bottom-bar.sticky-xs .text-white {
            color: #575858 !important;
        }

        body .bottom-bar.sticky-xs .btn-white {
            background-color: #68a2b9 !important;
            border-color: #68a2b9 !important;
            color: white !important;
        }
}

html[dir=rtl] body {
    direction: rtl;
}

    html[dir=rtl] body main:before {
        transform: scaleX(-1);
    }

html[dir=rtl] section.bg-gradient {
    background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

.page {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    /*.content-right {
      flex: 0 0 auto;
      margin-left: 30px;
      width: 270px;
  }*/
}

    .page > .row {
        flex: 1 1 auto;
    }

    .page .page-header {
        margin-bottom: 35px;
        border: none;
    }

        .page .page-header .h1 {
            margin: 0;
        }

        .page .page-header .header-nav {
            margin-bottom: 30px;
        }

    .page .page-breadcrumbs {
        margin-bottom: 60px;
        font-size: 14px;
        text-transform: uppercase;
        color: #808080;
    }

        .page .page-breadcrumbs a {
            color: #575858;
            font-weight: bold;
        }

        .page .page-breadcrumbs span {
            margin: 0 10px;
            color: #575858;
        }

    .page aside.sidebar {
        flex: 0 0 auto;
        width: 400px;
    }

        .page aside.sidebar.r-shadow {
            border-radius: 0 60px 60px 0;
            box-shadow: inset -25px 0 50px -50px #ceebe6;
        }

    .page .content {
        padding: 50px 0 100px;
    }

    .page .content-wrapper {
        /*By Umair*/
        /*display: flex;
  flex-wrap: nowrap;*/
    }

        .page .content-wrapper.content-video-wrapper {
            display: flex;
            flex-wrap: nowrap;
        }

        .page .content-wrapper.sessions-content-wrapper-row {
            display: initial;
        }

    .page .content-main {
        flex: 1 1 auto;
        max-width: 100%;
    }

        .page .content-main.offset-r {
            padding-right: 300px;
        }

        .page .content-main.offset-l {
            padding-left: 300px;
        }

    .page .content-left {
        /*flex: 0 0 auto;
  margin-right: 30px;
  width: 270px;*/
    }

    .page .content-right-custom {
        flex: 0 0 auto;
        margin-left: 30px;
        width: 270px;
    }

    .page .content-left-custom {
        flex: 0 0 auto;
        margin-right: 30px;
        width: 270px;
    }

.hakkini-hub-content {
    padding: 50px 0 100px;
}

.container {
    padding-left: 15px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    .container {
        max-width: 100%;
    }

    .page .page-header {
        text-align: center;
    }

    .page .content {
        padding: 50px 0 100px;
    }

    .page aside.sidebar {
        flex: 1 1 auto;
        width: 100%;
    }

    .page .content-main.offset-r {
        padding-right: 270px;
    }

    .page .content-main.offset-l {
        padding-left: 270px;
    }

    .page .content-wrapper {
        display: flex;
    }

        .page .content-wrapper .content-left,
        .page .content-wrapper .content-right {
            /*Commented by Umair*/
        }

        .page .content-wrapper .content-left-custom,
        .page .content-wrapper .content-right-custom {
            width: 240px;
        }

        .page .content-wrapper.specialist-content-wrapper {
            display: initial;
        }
}

@media (max-width: 699px) {
    .page .content {
        padding: 30px 0 50px;
    }

    .page .content-wrapper {
        display: flex;
        flex-direction: column;
    }

        .page .content-wrapper .content-left,
        .page .content-wrapper .content-right {
            margin: 0 0 30px;
            width: 100%;
        }

        .page .content-wrapper .content-left-custom,
        .page .content-wrapper .content-right-custom {
            margin: 0 0 30px;
            width: 100%;
        }

        .page .content-wrapper .content-main.offset-r {
            padding-right: 0;
        }

        .page .content-wrapper .content-main.offset-l {
            padding-left: 0;
        }
}

@media (max-width: 575px) {
    .page .page-breadcrumbs {
        margin: 30px 0;
    }

    .page .favorites-header {
        text-align: start;
    }

    .page .content-wrapper .content-left,
    .page .content-wrapper .content-right {
        margin-top: 30px;
    }

    .page .content-wrapper .content-left-custom,
    .page .content-wrapper .content-right-custom {
        margin-top: 30px;
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

        .container.practitioner-profile {
            max-width: 1270px;
        }
}

html[dir=rtl] .content-main {
    flex: 1 1 auto;
}

    html[dir=rtl] .content-main.offset-r {
        padding-right: initial;
        padding-left: 300px;
    }

    html[dir=rtl] .content-main.offset-l {
        padding-left: initial;
        padding-right: 300px;
    }

html[dir=rtl] .content-right {
    margin-right: 30px;
    margin-left: initial;
}

html[dir=rtl] .content-left {
    margin-right: initial;
    margin-left: 30px;
}

html[dir=rtl] .content-right-custom {
    margin-right: 30px;
    margin-left: initial;
}

html[dir=rtl] .content-left-custom {
    margin-right: initial;
    margin-left: 30px;
}

@media (max-width: 991px) {
    html[dir=rtl] .page .content-main.offset-r {
        padding-right: initial;
        padding-left: 270px;
    }

    html[dir=rtl] .page .content-main.offset-l {
        padding-left: initial;
        padding-right: 270px;
    }
}

@media (max-width: 699px) {
    html[dir=rtl] .page .content-left,
    html[dir=rtl] .page .content-right {
        margin: 0 0 30px;
        width: 100%;
    }

    html[dir=rtl] .page .content-left-custom,
    html[dir=rtl] .page .content-right-custom {
        margin: 0 0 30px;
        width: 100%;
    }

    html[dir=rtl] .page .content-main.offset-r {
        padding-left: 0;
    }

    html[dir=rtl] .page .content-main.offset-l {
        padding-right: 0;
    }
}

button {
    color: #575858;
    outline: none !important;
    touch-action: manipulation;
}

.arrow-down:after {
    content: "";
    display: inline-block;
    height: 22px;
    width: 20px;
    vertical-align: text-top;
}

.btn-text {
    padding: 0;
    border: none;
    background: none;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

    .btn-text span {
        color: inherit;
    }

    .btn-text:hover {
        text-decoration: underline;
    }

    .btn-text.fw-bold {
        font-weight: bold;
    }

    .btn-text.text-underline {
        text-decoration: underline;
    }

        .btn-text.text-underline:hover {
            text-decoration: none;
        }

    .btn-text .ico-lg {
        font-size: 20px;
        vertical-align: middle;
    }

    .btn-text .ico-l {
        margin-right: 8px;
    }

    .btn-text .ico-r {
        margin-left: 8px;
    }

    .btn-text.arrow-down:after {
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: center center;
        background-size: 14px auto;
    }

.btn-link {
    color: #575858;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

    .btn-link:hover {
        color: #575858;
        text-decoration: none;
    }

.btn-input {
    padding: 8px 14px;
    height: 40px;
    font-size: 14px;
    line-height: 24px;
    color: #575858;
    border: 1px solid #9dd4ca;
    border-radius: 6px;
    background: none;
    box-shadow: none;
}

.btn,
.btn:not(:disabled):not(.disabled) {
    padding: 8px 20px;
    height: 36px;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    border: 1px solid transparent;
    border-radius: 0 18px 18px 18px;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
    outline: none !important;
    white-space: nowrap;
    transition: all 0.2s;
}

    .btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active:focus,
    .btn:not(:disabled):not(.disabled):hover,
    .btn:not(:disabled):not(.disabled):focus,
    .btn:not(:disabled):not(.disabled):not(:disabled):not(.disabled):active:focus {
        box-shadow: none;
        border: 1px solid transparent;
    }

    .btn.btn-xl,
    .btn:not(:disabled):not(.disabled).btn-xl {
        padding: 10px 24px;
        height: 42px;
        min-width: 120px;
        border-radius: 0 21px 21px 21px;
        /*By Umair*/
        border-radius: 0 21px 21px 21px !important;
    }

    .btn.btn-primary,
    .btn:not(:disabled):not(.disabled).btn-primary {
        background-color: #68a2b9;
        color: white;
    }

    .btn.btn-secondary,
    .btn:not(:disabled):not(.disabled).btn-secondary {
        background-color: #9dd4ca;
        color: white;
    }

    .btn.btn-gradient,
    .btn:not(:disabled):not(.disabled).btn-gradient {
        background: linear-gradient(0, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        color: white;
    }

    .btn.btn-border,
    .btn:not(:disabled):not(.disabled).btn-border {
        background-color: white;
        border: 1px solid #9dd4ca;
        color: #575858;
    }

        .btn.btn-border:hover, .btn.btn-border:focus, .btn.btn-border.disabled, .btn.btn-border[disabled],
        .btn:not(:disabled):not(.disabled).btn-border:hover,
        .btn:not(:disabled):not(.disabled).btn-border:focus,
        .btn:not(:disabled):not(.disabled).btn-border.disabled,
        .btn:not(:disabled):not(.disabled).btn-border[disabled] {
            border: 1px solid #9dd4ca !important;
        }

        .btn.btn-border.arrow-down:after,
        .btn:not(:disabled):not(.disabled).btn-border.arrow-down:after {
            background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
            background-position: center center;
            background-size: 14px auto;
        }

    .btn.btn-gray,
    .btn:not(:disabled):not(.disabled).btn-gray {
        background-color: #575858;
        color: white;
    }

    .btn.btn-white,
    .btn:not(:disabled):not(.disabled).btn-white {
        background-color: white;
        border-color: white;
        color: #575858;
    }

    .btn.btn-link,
    .btn:not(:disabled):not(.disabled).btn-link {
        display: inline-flex;
        align-items: center;
        padding: 3px;
        height: auto;
        color: #575858;
        background: transparent;
        font-size: 14px;
        text-decoration: none;
        box-shadow: none;
    }

        .btn.btn-link i,
        .btn:not(:disabled):not(.disabled).btn-link i {
            text-decoration: none;
        }

        .btn.btn-link span,
        .btn:not(:disabled):not(.disabled).btn-link span {
            text-decoration: underline;
        }

        .btn.btn-link:hover span, .btn.btn-link:focus span,
        .btn:not(:disabled):not(.disabled).btn-link:hover span,
        .btn:not(:disabled):not(.disabled).btn-link:focus span {
            text-decoration: none;
        }

    .btn.btn-favorite .icon,
    .btn:not(:disabled):not(.disabled).btn-favorite .icon {
        margin-right: 8px;
        font-family: "Font Awesome 5 Free";
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 400;
        font-size: 18px;
        vertical-align: bottom;
    }

        .btn.btn-favorite .icon:before,
        .btn:not(:disabled):not(.disabled).btn-favorite .icon:before {
            content: "\f004";
        }

    .btn.btn-favorite[data-favorite=true],
    .btn:not(:disabled):not(.disabled).btn-favorite[data-favorite=true] {
        background-color: #9dd4ca;
        color: white;
        text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    }

        .btn.btn-favorite[data-favorite=true] .icon,
        .btn:not(:disabled):not(.disabled).btn-favorite[data-favorite=true] .icon {
            font-weight: 900;
        }

    .btn.btn-favorite[data-favorite=false],
    .btn:not(:disabled):not(.disabled).btn-favorite[data-favorite=false] {
        background-color: white;
        border: 1px solid #9dd4ca;
        color: #575858;
    }

        .btn.btn-favorite[data-favorite=false]:hover, .btn.btn-favorite[data-favorite=false]:focus,
        .btn:not(:disabled):not(.disabled).btn-favorite[data-favorite=false]:hover,
        .btn:not(:disabled):not(.disabled).btn-favorite[data-favorite=false]:focus {
            border: 1px solid #9dd4ca;
        }

    .btn .img-icon,
    .btn:not(:disabled):not(.disabled) .img-icon {
        vertical-align: top;
    }

    .btn .ico-l,
    .btn:not(:disabled):not(.disabled) .ico-l {
        margin-right: 8px;
    }

    .btn .ico-r,
    .btn:not(:disabled):not(.disabled) .ico-r {
        margin-left: 8px;
    }

    .btn .ico-lg,
    .btn:not(:disabled):not(.disabled) .ico-lg {
        font-size: 20px;
    }

    .btn.arrow-down:after,
    .btn:not(:disabled):not(.disabled).arrow-down:after {
        background: url(../imgs/icons/icon_arrow_down_white.svg) no-repeat;
        background-position: center center;
        background-size: 14px auto;
    }

    .btn.disabled,
    .btn[disabled] {
        cursor: default;
        opacity: 0.65;
        border-color: transparent;
        box-shadow: none !important;
    }

.dropdown-toggle:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 700;
    border: none;
    vertical-align: baseline;
}

.dropdown-toggle.custom {
    position: relative;
    padding-right: 40px;
}

    .dropdown-toggle.custom:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        border: none;
        height: 40px;
        width: 40px;
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: center center;
        background-size: 14px auto;
    }

.dropdown.disabled {
    opacity: 0.65;
    pointer-events: none;
}

.dropdown .dropdown-menu {
    padding: 30px 5px;
    min-width: 210px;
    border: none;
    border-radius: 30px 0 30px 30px;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    color: #575858;
    text-align: start;
    transition: opacity 0.3s, visibility 0.3s;
}

    .dropdown .dropdown-menu.dropdown-menu-left {
        border-radius: 0 30px 30px 30px;
    }

        .dropdown .dropdown-menu.dropdown-menu-left[x-placement=top-start] {
            border-radius: 30px 30px 30px 0;
        }

    .dropdown .dropdown-menu.dropdown-menu-end {
        right: 0;
        left: auto;
    }

    .dropdown .dropdown-menu.show {
        opacity: 1;
        visibility: visible;
    }

    .dropdown .dropdown-menu .dropdown-item {
        padding: 5px 25px;
        margin-bottom: 5px;
        font-size: 14px;
        border-radius: 6px;
        color: #575858;
        /*By Umair*/
        border-radius: 6px !important;
    }

        .dropdown .dropdown-menu .dropdown-item:last-of-type {
            margin-bottom: 0;
        }

        .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:active {
            background: #ecf9f6;
            color: #575858;
            /*By Umair*/
            text-decoration: none !important;
        }

.dropdown.full-xs .dropdown-menu .dropdown-menu-mobile-title,
.dropdown.full-xs .dropdown-menu .close {
    display: none;
}

.input-group.datepicker-wrapper {
    position: relative;
    padding: 0;
}

    .input-group.datepicker-wrapper:after {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        height: 40px;
        width: 40px;
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: center center;
        background-size: 14px auto;
    }

    .input-group.datepicker-wrapper .icon-wrapper {
        pointer-events: none;
        position: absolute;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 40px;
        z-index: 2;
    }

    .input-group.datepicker-wrapper .form-control {
        cursor: pointer;
        padding-left: 40px;
        padding-right: 40px;
        border-radius: 6px;
        background: none;
    }

.add-row {
    display: inline-flex;
    align-items: center;
    padding: 0;
    color: #575858;
    font-size: 14px;
    border: none;
    background: none;
    text-decoration: none !important;
    transition: all 0.2s;
}

    .add-row i {
        margin-right: 15px;
        height: 34px;
        width: 34px;
        border-radius: 4px;
        background: #68a2b9;
        color: white;
        font-size: 24px;
        text-align: center;
        line-height: 34px;
    }

    .add-row:hover {
        color: #68a2b9;
    }

.jssocials-shares {
    margin: 0 !important;
}

    .jssocials-shares .jssocials-share {
        display: block;
        width: 100%;
        margin: 5px 0;
    }

        .jssocials-shares .jssocials-share:first-of-type {
            margin-top: 0;
        }

        .jssocials-shares .jssocials-share:last-of-type {
            margin-bottom: 0;
        }

        .jssocials-shares .jssocials-share a {
            padding: 6px 16px;
            width: 100%;
            font-size: 14px;
            text-align: start;
            text-decoration: none !important;
            border-radius: 0 16px 16px 16px;
        }

        .jssocials-shares .jssocials-share i {
            margin-right: 10px;
            font-size: 20px;
        }

@media (max-width: 575px) {
    .dropdown.full-xs .dropdown-menu {
        width: 100%;
        position: fixed !important;
        top: unset !important;
        bottom: 0px;
        padding-left: 0;
        padding-right: 0;
        transform: unset !important;
        border-radius: unset;
        z-index: 9999;
    }

        .dropdown.full-xs .dropdown-menu .dropdown-item {
            padding: 0 20px;
            margin-top: 15px;
            position: relative;
        }

            .dropdown.full-xs .dropdown-menu .dropdown-item.item-active {
                background: url(../imgs/icons/icon_tick.svg) no-repeat;
                background-position: top right 25px;
            }

        .dropdown.full-xs .dropdown-menu .dropdown-menu-mobile-title {
            display: grid;
            grid-template-columns: 1fr auto;
            font-weight: bold;
            padding: 5px 0 15px;
            margin: 0 20px;
            font-size: 14px;
            border-bottom: 1px solid #9dd4ca;
        }

            .dropdown.full-xs .dropdown-menu .dropdown-menu-mobile-title:after {
                content: url(../imgs/icons/icon_close.svg);
                opacity: 0.5;
            }

    .dropdown.full-xs.show:before {
        content: "";
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.8);
        z-index: 9999;
    }
}

html[dir=rtl] .btn,
html[dir=rtl] .btn:not(:disabled):not(.disabled) {
    border-radius: 18px 0 18px 18px;
}

    html[dir=rtl] .btn.btn-favorite .icon,
    html[dir=rtl] .btn:not(:disabled):not(.disabled).btn-favorite .icon,
    html[dir=rtl] .btn-text.btn-favorite .icon {
        margin-right: initial;
        margin-left: 8px;
    }

    html[dir=rtl] .btn .ico-l,
    html[dir=rtl] .btn:not(:disabled):not(.disabled) .ico-l,
    html[dir=rtl] .btn-text .ico-l {
        margin-right: initial;
        margin-left: 8px;
    }

    html[dir=rtl] .btn .ico-r,
    html[dir=rtl] .btn:not(:disabled):not(.disabled) .ico-r,
    html[dir=rtl] .btn-text .ico-r {
        margin-left: initial;
        margin-right: 8px;
    }

    html[dir=rtl] .btn .img-icon,
    html[dir=rtl] .btn:not(:disabled):not(.disabled) .img-icon,
    html[dir=rtl] .btn-text .img-icon {
        transform: scaleX(-1);
    }

html[dir=rtl] .dropdown .dropdown-toggle:after {
    margin-left: initial;
    margin-right: 4px;
}

html[dir=rtl] .dropdown .dropdown-toggle.custom {
    padding-right: initial;
    padding-left: 40px;
}

    html[dir=rtl] .dropdown .dropdown-toggle.custom:after {
        margin: 0;
        right: initial;
        left: 0;
    }

    html[dir=rtl] .dropdown .dropdown-toggle.custom.btn-input {
        padding-right: 14px;
    }

html[dir=rtl] .dropdown .dropdown-menu {
    border-radius: 0 30px 30px 30px;
}

html[dir=rtl] .dropdown-menu-right,
html[dir=rtl] .dropdown-menu-end {
    left: 0 !important;
    right: initial !important;
}

html[dir=rtl] .input-group.datepicker-wrapper:after {
    right: initial;
    left: 0;
}

html[dir=rtl] .input-group.datepicker-wrapper .icon-wrapper {
    left: initial;
    right: 0;
}

html[dir=rtl] .add-row i {
    margin-right: initial;
    margin-left: 15px;
}

@media (max-width: 575px) {
    html[dir=rtl] .dropdown.full-xs .dropdown-menu {
        border-radius: 0;
    }

        html[dir=rtl] .dropdown.full-xs .dropdown-menu .dropdown-item.item-active {
            background-position: top left 25px;
        }
}

html[dir=rtl] .arrow-down:after {
    min-width: 20px;
}

.badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    min-height: 28px;
    border-radius: 6px;
    vertical-align: top;
    box-shadow: none;
}

    .badge.badge-xl {
        padding: 6px 16px;
        font-size: 18px;
        font-weight: 400;
        min-height: 36px;
    }

    .badge.badge-flex {
        padding: 16px;
        align-items: start;
    }

        .badge.badge-flex .line-break {
            white-space: normal;
            line-height: 20px;
        }

    .badge.badge-header {
        margin-left: 15px;
        vertical-align: baseline;
    }

    .badge.text-sm {
        font-size: 14px;
    }

    .badge.badge-primary {
        background-color: #68a2b9;
        color: white;
    }

    .badge.badge-secondary {
        background-color: #9dd4ca;
        color: white;
    }

    .badge.badge-gradient {
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        color: white;
    }

    .badge.badge-border {
        background-color: white;
        border: 1px solid #9dd4ca;
        color: #575858;
    }

    .badge.badge-white {
        background-color: white;
        color: #575858;
    }

    .badge.badge-full {
        width: 100%;
        text-align: start;
    }

    .badge .btn-remove {
        margin: 0 0 0 5px;
        padding: 0;
        border: none;
        background: none;
        color: inherit;
        font-weight: bold;
        line-height: 24px;
        font-size: 26px;
        vertical-align: middle;
    }

    .badge .ico-l {
        margin-right: 8px;
    }

    .badge .ico-r {
        margin-left: 8px;
    }

.session-label:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    height: 19px;
    width: 19px;
    border-radius: 0 50% 50% 50%;
    vertical-align: text-bottom;
}

.session-label[data-type=Any]:before {
    background: #575858;
}

.session-label[data-type=RegularInClinic]:before {
    background: #9ab86c;
}

.session-label[data-type=Regular]:before {
    background: #68a2b9;
}

.session-label[data-type=Initial]:before {
    background: #fcb073;
}

.session-label[data-type=InitialInClinic]:before {
    background: #b49595;
}

.session-label[data-type=Followup]:before {
    background: #ebca71;
}

.session-label[data-type=FollowupInClinic]:before {
    background: #d6aec8;
}

.session-label[data-type=booked]:before {
    background-color: white;
    background-image: url(../imgs/slot_booked_label.svg);
    background-size: 250%;
    background-position: center center;
}

.session-label[data-type=synced]:before {
    background-color: #68a2b9;
    background-image: url(../imgs/slot_blocked_label.svg);
    background-size: 250%;
    background-position: center center;
}

html[dir=rtl] .badge .btn-remove {
    margin: 0 5px 0 0;
}

html[dir=rtl] .badge .ico-l {
    margin-right: initial;
    margin-left: 8px;
}

html[dir=rtl] .badge .ico-r {
    margin-left: initial;
    margin-right: 8px;
}

html[dir=rtl] .session-label:before {
    content: "";
    margin-right: initial;
    margin-left: 10px;
    border-radius: 50% 0 50% 50%;
}

.modal-backdrop {
    background: #575858;
    z-index: 1100;
}

    .modal-backdrop.show {
        opacity: 0.84;
    }

body.modal-open {
    position: sticky;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

    body.modal-open .modal {
        overflow: hidden;
        /*By Umair*/
    }

        body.modal-open .modal.show {
            opacity: 1;
        }

.modal {
    perspective: 1000px;
    z-index: 99999;
}

    .modal .modal-dialog {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        padding: 15px;
        height: 100vh;
        max-height: -webkit-fill-available;
        max-height: -moz-available;
        max-height: stretch;
        width: 100%;
        max-width: 570px;
        animation: modal 0.3s ease;
    }

        .modal .modal-dialog.modal-xl {
            max-width: 940px;
        }

        .modal .modal-dialog.modal-lg {
            max-width: 750px;
        }

        .modal .modal-dialog.modal-md {
            max-width: 680px;
        }

    .modal .modal-content {
        display: flex;
        flex-direction: column;
        margin: auto;
        height: auto;
        max-height: 100%;
        border: none;
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
        overflow: hidden;
    }

        .modal .modal-content.border-triple {
            border-radius: 0 60px 60px 60px;
            /*By Umair*/
        }

            .modal .modal-content.border-triple .modal-content-main {
                border-radius: 0 0 0 60px;
                /*By Umair*/
            }

            .modal .modal-content.border-triple .modal-content-additional {
                border-radius: 0 60px 60px 0;
                text-align: center;
            }

        .modal .modal-content .close-wrapper {
            text-align: end;
        }

        .modal .modal-content .btn-close {
            border: 1px solid transparent;
            border-radius: 50%;
            background: none;
            height: 30px;
            width: 30px;
            font-size: 22px;
            line-height: 1;
            outline: none;
            box-shadow: none;
            opacity: 1;
        }

        .modal .modal-content .modal-header {
            display: flex;
            padding: 30px 30px 15px;
            border: none;
        }

            .modal .modal-content .modal-header .modal-title {
                margin: 0;
            }

            .modal .modal-content .modal-header.w-shadow {
                box-shadow: 0 4px 13px rgba(225, 225, 225, 0.25);
                padding-bottom: 25px;
            }

            .modal .modal-content .modal-header .modal-header-icon {
                margin-right: 30px;
            }

                .modal .modal-content .modal-header .modal-header-icon .img-icon-xs {
                    display: none;
                }

            .modal .modal-content .modal-header .modal-header-content {
                flex: 1 1 auto;
            }

                .modal .modal-content .modal-header .modal-header-content .modal-title {
                    line-height: 30px;
                    margin-bottom: 20px;
                }

                .modal .modal-content .modal-header .modal-header-content p {
                    margin-top: 15px;
                }

                    .modal .modal-content .modal-header .modal-header-content p:last-of-type {
                        margin-bottom: 0;
                    }

                .modal .modal-content .modal-header .modal-header-content + .modal-header-icon {
                    display: none;
                }

            .modal .modal-content .modal-header .btn-close {
                margin-left: 15px;
            }

        .modal .modal-content .modal-body {
            flex: 0 1 auto;
            padding: 15px 30px;
            height: auto;
            max-height: unset;
            overflow: auto;
            -webkit-overflow-scrolling: touch;
        }

@media (min-width: 576px) {
    .modal .modal-content .modal-body {
        scrollbar-color: #68a2b9 #f9fdfc;
        scrollbar-width: thin;
    }

        .modal .modal-content .modal-body::-webkit-scrollbar {
            width: 25px;
        }

        .modal .modal-content .modal-body::-webkit-scrollbar-track {
            background: #ecf9f6;
            border: 10px solid #f9fdfc;
        }

        .modal .modal-content .modal-body::-webkit-scrollbar-thumb {
            border: 10px solid transparent;
            background: #68a2b9;
            background-clip: padding-box;
        }

            .modal .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
                border: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }
}

.modal .modal-content .modal-body:first-child {
    padding-top: 30px;
}

.modal .modal-content .modal-body:last-child {
    padding-bottom: 30px;
}

.modal .modal-content .modal-body .social-login-container {
    display: none;
}

.modal .modal-content .modal-body .mobile-container {
    display: none;
}

.modal .modal-content .modal-footer {
    padding: 15px 30px 30px;
    border: none;
    justify-content: space-between;
}

    .modal .modal-content .modal-footer > * {
        margin: 0;
    }

    .modal .modal-content .modal-footer.w-shadow {
        box-shadow: 0 -4px 13px rgba(225, 225, 225, 0.25);
        padding-top: 25px;
    }

    .modal .modal-content .modal-footer.w-border::before {
        content: "";
        margin-bottom: 15px;
        width: 100%;
        height: 1px;
        background-color: #9dd4ca;
    }

    .modal .modal-content .modal-footer .btn.btn-link {
        text-decoration: underline;
    }

        .modal .modal-content .modal-footer .btn.btn-link:hover {
            text-decoration: none;
        }

.modal .modal-content.w-add {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: none;
}

    .modal .modal-content.w-add .close-wrapper {
        position: absolute;
        top: 30px;
        right: 30px;
        padding: 0;
        text-align: start;
        color: white;
        z-index: 1;
    }

        .modal .modal-content.w-add .close-wrapper .btn-close {
            color: white;
        }

    .modal .modal-content.w-add .modal-content-main {
        width: 50%;
        background: white;
        overflow: auto;
    }

@media (min-width: 576px) {
    .modal .modal-content.w-add .modal-content-main {
        scrollbar-color: #68a2b9 #f9fdfc;
        scrollbar-width: thin;
    }

        .modal .modal-content.w-add .modal-content-main::-webkit-scrollbar {
            width: 25px;
        }

        .modal .modal-content.w-add .modal-content-main::-webkit-scrollbar-track {
            background: #ecf9f6;
            border: 10px solid #f9fdfc;
        }

        .modal .modal-content.w-add .modal-content-main::-webkit-scrollbar-thumb {
            border: 10px solid transparent;
            background: #68a2b9;
            background-clip: padding-box;
        }

            .modal .modal-content.w-add .modal-content-main::-webkit-scrollbar-thumb:hover {
                border: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }
}

.modal .modal-content.w-add .modal-content-additional {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    width: 50%;
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
    color: white;
}

    .modal .modal-content.w-add .modal-content-additional .img-main {
        margin: 15px 0;
        width: 165px;
        height: auto;
    }

    .modal .modal-content.w-add .modal-content-additional a {
        color: inherit;
    }

    .modal .modal-content.w-add .modal-content-additional p {
        margin: 0 auto 15px;
        max-width: 300px;
    }

.modal .modal-content#request-slot .info-row .fa {
    width: auto;
    padding: 0;
}

.modal .modal-content#request-slot .info-row h5 {
    font-size: 16px;
}

.modal.modal-static .modal-dialog {
    transform: scale(0.95) rotateY(5deg);
}

    .modal.modal-static .modal-dialog .modal-content {
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
    }

#report-problem {
    background-image: url(../imgs/patterns/patt_modal_h.svg);
    background-size: 180px auto;
    background-repeat: no-repeat;
    background-position: 30px -15px;
}

    #report-problem .form-group {
        margin: 0;
    }

    #report-problem .modal-header {
        padding-top: 40px;
    }

        #report-problem .modal-header .btn-close {
            margin-top: -10px;
        }

    #report-problem #id_reason li {
        margin: 30px 0;
        font-weight: bold;
    }

        #report-problem #id_reason li:last-of-type {
            margin-bottom: 15px;
        }

    #report-problem #id_description {
        margin-bottom: 40px;
        height: 160px;
        min-height: 160px;
    }

    #report-problem label[for=id_description] {
        display: none;
    }

#thank-you {
    overflow: auto;
}

    #thank-you .col-form-label {
        font-weight: 18px;
        font-weight: bold;
    }

    #thank-you .form-group {
        margin-bottom: 20px;
    }

    #thank-you .custom-switch {
        display: flex;
        align-items: center;
        padding: 0;
        margin-top: 40px;
    }

        #thank-you .custom-switch .col-form-label {
            flex: 1 1 auto;
            font-weight: normal;
        }

        #thank-you .custom-switch .form-switch {
            margin: 0;
        }

    #thank-you #id_additional_info {
        min-height: 110px;
        height: 110px;
    }

#rate-session label[for=id_score] {
    font-size: 18px;
    font-weight: bold;
}

#rate-session label[for=id_body] {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

#rate-session label[for=id_body] {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: bold;
}

#rate-session textarea[name=feedback] {
    height: 180px;
    min-height: 180px;
}

#rate-session #id_body {
    height: 160px;
    min-height: 160px;
}

#rate-session .badges-wrapper {
    margin: 20px 0 30px;
}

#cert-viewer .modal-dialog {
    width: 1200px;
    max-width: 100%;
}

    #cert-viewer .modal-dialog .modal-content {
        height: 100%;
    }

    #cert-viewer .modal-dialog .modal-body {
        padding: 15px 40px 40px;
        flex: 1 1 auto;
    }

        #cert-viewer .modal-dialog .modal-body .tab-content {
            height: 100%;
        }

            #cert-viewer .modal-dialog .modal-body .tab-content .tab-pane {
                height: 100%;
            }

#cert-viewer .file-viewer-nav {
    display: flex;
    align-items: center;
    height: 30px;
}

    #cert-viewer .file-viewer-nav .file-nav {
        border: none;
        background: url(../imgs/icons/icon_arrow_right.svg) center transparent no-repeat;
        background-size: auto 12px;
        width: 27px;
        height: 27px;
    }

        #cert-viewer .file-viewer-nav .file-nav[data-action=prev] {
            transform: scaleX(-1);
        }

    #cert-viewer .file-viewer-nav p {
        margin: 0 15px;
    }

#cert-viewer .cert-viewer-wrapper {
    height: 100%;
}

    #cert-viewer .cert-viewer-wrapper object {
        width: 100%;
        height: 100%;
    }

        #cert-viewer .cert-viewer-wrapper object img {
            width: 100%;
            height: auto;
        }

#schedule-session .modal-header {
    padding-bottom: 0;
    align-items: flex-start;
}

#schedule-session .session-item {
    padding-top: 0;
}

    #schedule-session .session-item .item-wrapper .session-info .session-details {
        margin-top: 15px;
        min-height: 30px;
        font-size: 12px;
    }

    #schedule-session .session-item h3 {
        margin: 0;
    }

#schedule-session .modal-body {
    display: flex;
    flex-direction: column;
}

    #schedule-session .modal-body .schedule-container {
        min-height: 426px;
    }

    #schedule-session .modal-body .schedule-empty,
    #schedule-session .modal-body .schedule-wrapper {
        display: none;
    }

    #schedule-session .modal-body .schedule-empty {
        height: 426px;
    }

#schedule-session[data-empty=true] .schedule-empty {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    text-align: center;
}

    #schedule-session[data-empty=true] .schedule-empty .img-icon {
        margin: 15px 0 30px;
        height: 120px;
        width: auto;
    }

    #schedule-session[data-empty=true] .schedule-empty p {
        margin: 15px auto;
        max-width: 500px;
    }

#schedule-session[data-empty=false] .schedule-wrapper {
    display: grid;
}

#send-feedback .h4 {
    margin-top: 10px;
}

#send-feedback label {
    display: none;
}

#modal-request-to-reschedule label[for=id_reason_for_reschedule] {
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 575px) {
    body.modal-open {
        touch-action: none;
    }

        body.modal-open .modal {
            overflow-y: scroll;
        }

    .modal {
        background-color: white;
        height: 100%;
        flex-direction: column;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

        .modal.show {
            display: flex !important;
        }

        .modal .modal-dialog {
            display: contents;
            padding: 0;
        }

            .modal .modal-dialog .modal-content {
                display: contents;
                max-height: 100%;
            }

                .modal .modal-dialog .modal-content > div {
                    animation: show 0.5s ease;
                }

                .modal .modal-dialog .modal-content .modal-header {
                    flex: 0 0 auto;
                    position: relative;
                    flex-direction: column;
                    padding: 20px;
                    box-shadow: none;
                }

                    .modal .modal-dialog .modal-content .modal-header .modal-header-content {
                        padding: 0;
                        width: 100%;
                    }

                        .modal .modal-dialog .modal-content .modal-header .modal-header-content .text-small {
                            font-size: 14px;
                        }

                    .modal .modal-dialog .modal-content .modal-header .modal-title {
                        margin-bottom: 0;
                        font-size: 22px;
                        font-weight: bold;
                        line-height: 30px;
                    }

                    .modal .modal-dialog .modal-content .modal-header > .modal-title {
                        padding: 0 30px;
                        margin-top: 30px;
                    }

                    .modal .modal-dialog .modal-content .modal-header .btn-close {
                        position: absolute;
                        top: 20px;
                        right: 20px;
                        margin: 0;
                    }

                    .modal .modal-dialog .modal-content .modal-header .modal-header-icon {
                        margin: 30px auto;
                    }

                        .modal .modal-dialog .modal-content .modal-header .modal-header-icon .img-icon-xs,
                        .modal .modal-dialog .modal-content .modal-header .modal-header-icon .img-icon {
                            display: block;
                            height: 100px;
                        }

                            .modal .modal-dialog .modal-content .modal-header .modal-header-icon .img-icon-xs.sm-icon,
                            .modal .modal-dialog .modal-content .modal-header .modal-header-icon .img-icon.sm-icon {
                                height: 50px;
                            }

                            .modal .modal-dialog .modal-content .modal-header .modal-header-icon .img-icon-xs + .img-icon {
                                display: none;
                            }

                .modal .modal-dialog .modal-content .modal-body {
                    flex: 1 0 auto;
                    padding: 20px;
                    max-height: none;
                    overflow: hidden;
                }

                    .modal .modal-dialog .modal-content .modal-body p {
                        line-height: 1.5;
                    }

                    .modal .modal-dialog .modal-content .modal-body .h3,
                    .modal .modal-dialog .modal-content .modal-body .h4 {
                        font-size: 14px;
                    }

                .modal .modal-dialog .modal-content .modal-footer {
                    flex: 0 0 auto;
                    display: grid;
                    grid-auto-flow: row;
                    grid-template-columns: 100%;
                    row-gap: 15px;
                    padding: 20px;
                    box-shadow: none;
                }

                    .modal .modal-dialog .modal-content .modal-footer a,
                    .modal .modal-dialog .modal-content .modal-footer button {
                        order: 2;
                        margin: 0 !important;
                        width: 100%;
                    }

                        .modal .modal-dialog .modal-content .modal-footer a.hide-xs,
                        .modal .modal-dialog .modal-content .modal-footer button.hide-xs {
                            display: none !important;
                        }

                    .modal .modal-dialog .modal-content .modal-footer .btn-primary {
                        order: 1;
                    }

                    .modal .modal-dialog .modal-content .modal-footer .btn-link[data-bs-dismiss=modal] {
                        order: 3;
                        justify-content: center;
                    }

                    .modal .modal-dialog .modal-content .modal-footer.w-border:before {
                        display: none;
                    }

                    .modal .modal-dialog .modal-content .modal-footer.sticky-xs {
                        background: white;
                        position: sticky;
                        bottom: 0;
                        transition: box-shadow 0.3s;
                    }

                        .modal .modal-dialog .modal-content .modal-footer.sticky-xs.is-sticky {
                            box-shadow: 0 -8px 15px rgba(0, 0, 0, 0.08);
                        }

                .modal .modal-dialog .modal-content.modal-xs-hero .modal-header {
                    padding: 40px 40px 20px;
                    text-align: center;
                }

                .modal .modal-dialog .modal-content.modal-xs-hero .modal-body {
                    padding: 20px 40px 0;
                    text-align: center;
                }

                    .modal .modal-dialog .modal-content.modal-xs-hero .modal-body .text-small {
                        font-size: 14px;
                    }

                .modal .modal-dialog .modal-content.modal-xs-form .modal-header {
                    text-align: initial;
                }

                    .modal .modal-dialog .modal-content.modal-xs-form .modal-header .modal-header-content:first-child {
                        margin-top: 30px;
                        padding-right: 30px;
                    }

                    .modal .modal-dialog .modal-content.modal-xs-form .modal-header > .modal-title:first-child {
                        padding: 0 30px 0 0;
                        margin-top: 30px;
                    }

                .modal .modal-dialog .modal-content.modal-xs-form .modal-body {
                    padding-top: 0;
                }

                .modal .modal-dialog .modal-content.w-add {
                    flex-direction: column;
                    overflow: auto;
                }

                    .modal .modal-dialog .modal-content.w-add .close-wrapper {
                        top: 20px;
                        right: 20px;
                    }

                        .modal .modal-dialog .modal-content.w-add .close-wrapper .btn-close {
                            color: #575858;
                        }

                    .modal .modal-dialog .modal-content.w-add .modal-content-main {
                        position: relative;
                        width: 100%;
                        order: 2;
                    }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .show h2 {
                            font-size: 22px;
                            font-weight: bold;
                        }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .social-login-container {
                            margin: 0;
                            justify-content: space-between;
                            display: flex;
                        }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .social-login-container .btn {
                                border-radius: unset;
                                border: 1px solid #9dd4ca;
                                box-shadow: unset;
                                font-weight: normal;
                                width: 48%;
                                border-radius: 5px;
                                padding-left: 5px;
                                padding-right: 5px;
                            }

                                .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .social-login-container .btn img {
                                    margin-right: 3px;
                                }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .social-login-container .text-small {
                                margin-top: 20px;
                                width: 100%;
                                text-align: center;
                            }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .mobile-container {
                            display: block;
                            margin-top: 20px;
                        }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .mobile-container .no-account {
                                text-align: center;
                            }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .mobile-container .btn {
                                width: 100%;
                            }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .login-title-wrapper {
                            display: flex;
                            justify-content: space-between;
                        }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .login-title-wrapper .close-wrapper {
                                position: unset;
                            }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .sign-up-btn {
                            margin-bottom: 20px;
                        }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .login-button {
                            display: grid;
                            text-align: center;
                        }

                            .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .login-button button {
                                grid-row: 2/2;
                                margin-top: 10px;
                                text-decoration: none;
                                border: 1px solid #9dd4ca;
                            }

                        .modal .modal-dialog .modal-content.w-add .modal-content-main .modal-body .apply-now-container {
                            border-bottom: 1px solid #9dd4ca;
                            padding: 0 0 10px;
                        }

                    .modal .modal-dialog .modal-content.w-add .modal-content-additional {
                        width: 100%;
                        order: 1;
                        display: grid;
                        grid-template-columns: auto 1fr;
                        grid-template-rows: auto 1fr;
                        column-gap: 15px;
                        align-items: self-start;
                        padding: 10px 25px;
                        border-radius: unset;
                        text-align: inherit;
                    }

                        .modal .modal-dialog .modal-content.w-add .modal-content-additional .img-main {
                            grid-column: 1/2;
                            grid-row: span 2;
                            align-self: center;
                            width: 60px;
                            padding: 0;
                            margin: 0;
                        }

                        .modal .modal-dialog .modal-content.w-add .modal-content-additional .h1 {
                            margin-bottom: 0;
                            font-size: 12px;
                            font-weight: bold;
                            line-height: 1.5;
                        }

                        .modal .modal-dialog .modal-content.w-add .modal-content-additional .fw-normal {
                            grid-column: 2/2;
                            font-size: 15px;
                            margin-bottom: 0;
                        }

                        .modal .modal-dialog .modal-content.w-add .modal-content-additional .text-small {
                            grid-column: 2/2;
                            margin: 0;
                            line-height: 1.5;
                        }

                            .modal .modal-dialog .modal-content.w-add .modal-content-additional .text-small.hide-xs {
                                display: none;
                            }

    #schedule-session .modal-body {
        padding-top: 20px;
        min-height: 0;
    }

    #report-problem {
        background-position: -70px -15px;
    }

        #report-problem h4 {
            font-size: 22px;
        }

        #report-problem .modal-header {
            padding: 40px 15px 0 15px;
        }

            #report-problem .modal-header .btn-close {
                align-self: flex-start;
            }

        #report-problem #id_reason li {
            font-weight: normal;
        }

        #report-problem .modal-footer {
            position: fixed;
            bottom: 0;
            background-color: white;
            width: 100%;
            padding: 15px;
        }

            #report-problem .modal-footer .btn-link {
                display: none;
            }

            #report-problem .modal-footer .btn-primary {
                width: 100%;
            }

    .modal-reset-password .modal-content .modal-body .login_form p.text-small {
        margin-bottom: 20px !important;
    }

    .modal-reset-password .modal-content .modal-body .login-title-wrapper {
        display: flex;
        justify-content: space-between;
    }

        .modal-reset-password .modal-content .modal-body .login-title-wrapper .close-wrapper {
            position: unset;
        }

    .modal-reset-password .modal-content .modal-content-additional.text-center {
        padding-left: 10px;
    }

        .modal-reset-password .modal-content .modal-content-additional.text-center .h1 {
            font-size: 15px;
            margin-bottom: 0;
        }

    #thank-you,
    #send-feedback {
        overflow: auto;
    }

        #thank-you .modal-body .form-group .custom-radio,
        #send-feedback .modal-body .form-group .custom-radio {
            display: unset;
        }

        #thank-you .modal-body .form-group .col-form-label,
        #send-feedback .modal-body .form-group .col-form-label {
            padding-bottom: 5px;
        }

        #thank-you .modal-footer .btn-primary,
        #send-feedback .modal-footer .btn-primary {
            width: 100%;
        }

        #thank-you .col-form-label,
        #send-feedback .col-form-label {
            font-weight: 14px;
        }

        #send-feedback textarea.form-control {
            min-height: 120px;
            height: 120px;
        }

        #send-feedback .modal-footer .btn-link {
            display: none;
        }

    #cert-viewer .modal-dialog .modal-body {
        padding: 15px 20px;
    }

    #cert-viewer .cert-viewer-wrapper object {
        display: none;
    }

    #modal-request-to-reschedule label[for=id_reason_for_reschedule] {
        font-size: 14px;
        line-height: 1.5;
    }

    .modal-login .dropdown-sign-up .dropdown-menu {
        width: 100%;
    }
}

html[dir=rtl] .modal .modal-content.border-triple {
    border-radius: 60px 0 60px 60px;
}

    html[dir=rtl] .modal .modal-content.border-triple .modal-content-main {
        border-radius: 0 0 60px 0;
    }

html[dir=rtl] .modal .modal-content .modal-header .btn-close {
    margin-left: initial;
    margin-right: 15px;
}

html[dir=rtl] .modal .modal-content .modal-header .modal-header-icon {
    margin-right: initial;
    margin-left: 30px;
}

    html[dir=rtl] .modal .modal-content .modal-header .modal-header-icon .img-icon {
        transform: scaleX(-1);
    }

html[dir=rtl] .modal .modal-content.w-add .close-wrapper {
    right: initial;
    left: 30px;
}

html[dir=rtl] .modal .modal-content.w-add .modal-content-additional {
    border-radius: 60px 0 0 60px;
}

html[dir=rtl] #cert-viewer .file-viewer-nav .file-nav {
    transform: scaleX(-1);
}

    html[dir=rtl] #cert-viewer .file-viewer-nav .file-nav[data-action=prev] {
        transform: none;
    }

@media (max-width: 575px) {
    html[dir=rtl] .modal .modal-dialog .modal-content .modal-header .btn-close {
        right: initial;
        left: 20px;
        margin: 0;
    }

    html[dir=rtl] .modal .modal-dialog .modal-content .modal-header .modal-header-icon {
        margin: 30px auto;
    }

    html[dir=rtl] .modal .modal-dialog .modal-content.modal-xs-form .modal-header > .modal-title:first-child {
        padding: 0 0 0 30px;
    }

    html[dir=rtl] .modal .modal-dialog .modal-content.modal-xs-form .modal-header-content:first-child {
        padding: 0 0 0 30px;
    }

    html[dir=rtl] .modal .modal-dialog .modal-content.w-add .close-wrapper {
        left: 20px;
    }

    html[dir=rtl] .modal .modal-dialog .modal-content.w-add .modal-content-additional {
        border-radius: 0;
    }
}

.btn-pop {
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../imgs/icons/icon_info_outline.svg) transparent no-repeat;
    outline: none !important;
}

.popover {
    border: none;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
    max-width: 320px;
}

    .popover.bs-popover-top {
        margin-bottom: 10px;
    }

        .popover.bs-popover-top > .arrow:after,
        .popover.bs-popover-top > .popover-arrow:after {
            border-top-color: #ecf9f6;
        }

    .popover.bs-popover-bottom {
        margin-top: 10px;
    }

        .popover.bs-popover-bottom > .arrow:after,
        .popover.bs-popover-bottom > .popover-arrow:after {
            border-bottom-color: #ecf9f6;
        }

    .popover.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .popover.bs-popover-end > .popover-arrow::after {
        border-right-color: #ecf9f6;
    }

    .popover .popover-body {
        padding: 12px 18px;
        background: #ecf9f6;
        font-size: 14px;
        line-height: 24px;
        border-radius: 6px;
        color: #575858;
    }

        .popover .popover-body ul {
            margin: 0;
            font-size: inherit;
            padding: 0 0 0 20px;
        }

html[dir=rtl] .popover .popover-body ul {
    padding: 0 20px 0 0;
}

.card {
    position: relative;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 6px;
    border: 1px solid #68a2b9;
}

    .card.card-solid {
        background: #68a2b9;
        color: white;
    }

        .card.card-solid .btn-pop {
            background-image: url(../imgs/icons/icon_info_outline_white.svg);
        }

    .card.card-gradient {
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        color: white;
        border: none;
    }

    .card.card-border-light {
        border-color: #9dd4ca;
    }

    .card.card-white {
        background: white;
        border: none;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
        color: #575858;
    }

    .card.card-shadow {
        background: none;
        border: none;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
    }

    .card.card-narrow {
        padding: 10px 20px;
    }

    .card.card-secondary {
        border: 1px solid #9dd4ca;
    }

    .card.w-th {
        padding-top: 70px;
    }

    .card.w-icon {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 20px;
    }

        .card.w-icon .card-body {
            padding: 0;
        }

    .card .card-header {
        color: white;
    }

        .card .card-header.to-top {
            position: absolute;
            left: 0;
            top: 0;
            padding: 10px 60px 10px 30px;
            max-width: 100%;
            font-weight: bold;
            line-height: 20px;
            border-radius: 0 20px 20px;
        }

    .card .card-hero {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 10px;
        text-align: center;
    }

        .card .card-hero .hero-icon {
            margin-bottom: 20px;
            height: 40px;
        }

    .card .card-info {
        display: flex;
    }

        .card .card-info .btn-pop {
            margin: 4px 0 4px 10px;
        }

.card-promo {
    border-radius: 6px;
    overflow: hidden;
}

    .card-promo .card-header {
        position: relative;
        padding: 40px 25px;
        border: none;
    }

        .card-promo .card-header:before, .card-promo .card-header:after {
            content: "";
            display: block;
            position: absolute;
            bottom: -12px;
            height: 24px;
            width: 24px;
            background: white;
            border: 1px solid #9dd4ca;
            border-radius: 50%;
            z-index: 2;
        }

        .card-promo .card-header:before {
            left: -12px;
        }

        .card-promo .card-header:after {
            right: -12px;
        }

        .card-promo .card-header.bg-promo {
            background-image: url(../imgs/bg/bg_promo.svg);
            background-size: 125px auto;
            background-repeat: no-repeat;
            background-position: right 25px top 25px;
        }

    .card-promo .card-body {
        position: relative;
        padding: 40px 25px;
    }

        .card-promo .card-body:before {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 25px;
            right: 25px;
            border-top: 1px dashed #9dd4ca;
        }

    .card-promo.card-primary {
        box-shadow: inset 0 0 0 1px #9dd4ca;
    }

        .card-promo.card-primary .card-header {
            background-color: transparent;
        }

        .card-promo.card-primary .card-body {
            background-color: transparent;
        }

html[dir=rtl] .card .card-header.to-top {
    left: auto;
    right: 0;
    padding: 10px 30px 10px 60px;
    border-radius: 20px 0 20px 20px;
}

html[dir=rtl] .card .card-info .btn-pop {
    margin: 4px 10px 4px 0;
}

html[dir=rtl] .card-promo .card-header.bg-promo {
    background-position: left 25px top 25px;
}

table.table {
    margin-bottom: 40px;
    font-size: 14px;
    color: #575858;
}

    table.table.table-fixed {
        table-layout: fixed;
    }

    table.table thead th {
        padding: 10px;
        border-top: none;
        border-bottom: 1px solid #9dd4ca;
        color: #808080;
        font-weight: normal;
    }

    table.table tbody td {
        padding: 5px 10px;
        border-top: none;
    }

        table.table tbody td .btn-link,
        table.table tbody td .btn:not(:disabled):not(.disabled).btn-link {
            padding: 0;
        }

    table.table tbody tr:first-of-type td {
        padding-top: 20px;
    }

.sly-slider {
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
}

    .sly-slider .sly-wrapper {
        padding: 0 15px;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
    }

    .sly-slider .scrollbar-wrapper {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        column-gap: 5px;
        padding: 0 15px;
        margin: 40px auto;
        max-width: 450px;
    }

        .sly-slider .scrollbar-wrapper .scrollbar {
            flex: 1 1 auto;
            width: 100%;
            height: 10px;
            border: 1px solid #68a2b9;
            border-radius: 6px;
            background: #68a2b9;
        }

            .sly-slider .scrollbar-wrapper .scrollbar .handle {
                height: 100%;
                background: #9dd4ca;
                border-radius: 6px;
            }

        .sly-slider .scrollbar-wrapper .prev,
        .sly-slider .scrollbar-wrapper .next {
            cursor: pointer;
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            width: 50px;
            background: white;
            border: 2px solid #9dd4ca;
            border-radius: 0 25px 25px 0;
            font-size: 18px;
            color: #9dd4ca;
        }

        .sly-slider .scrollbar-wrapper .prev {
            border-radius: 25px 0 0 25px;
        }

            .sly-slider .scrollbar-wrapper .prev i {
                transform: scaleX(-1);
            }

@media (min-width: 576px) {
    .sly-slider.xs-only .scrollbar-wrapper {
        display: none;
    }
}

html[dir=rtl] .sly-slider {
    direction: ltr;
}

    html[dir=rtl] .sly-slider .cards-wrapper {
        direction: rtl;
    }

    html[dir=rtl] .sly-slider .scrollbar-wrapper {
        direction: ltr;
    }

/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    height: 10px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    width: 10px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: transparent;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #9dd4ca;
    border-radius: 2px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    height: 4px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 3px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #9dd4ca;
    border-radius: 2px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 4px;
    /* there must be 'right' for ps__thumb-y */
    right: 3px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #9dd4ca;
    height: 4px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #9dd4ca;
    width: 4px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

@media (max-width: 1199px) {
    .ps__rail-y,
    .ps__rail-x {
        opacity: 1;
    }

    .ps:hover > .ps__rail-x,
    .ps:hover > .ps__rail-y,
    .ps--focus > .ps__rail-x,
    .ps--focus > .ps__rail-y,
    .ps--scrolling-x > .ps__rail-x,
    .ps--scrolling-y > .ps__rail-y {
        opacity: 1;
    }

    .ps .ps__thumb-x {
        pointer-events: none;
    }

    .ps .ps__thumb-y {
        pointer-events: none;
    }

    .ps .ps__rail-x:hover,
    .ps .ps__rail-y:hover,
    .ps .ps__rail-x:focus,
    .ps .ps__rail-y:focus,
    .ps .ps__rail-x.ps--clicking,
    .ps .ps__rail-y.ps--clicking {
        opacity: 1;
    }
}

html[dir=rtl] .ps__rail-y {
    right: -3px;
}

main form, footer form, .modal form {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s;
}

    main form.show, footer form.show, .modal form.show {
        opacity: 1;
        transform: translateY(0);
    }

.form-wrapper .form-set {
    margin-bottom: 40px;
}

.form-text {
    margin: 10px 0;
    font-size: 12px;
}

    .form-text ul {
        padding: 0 0 0 20px;
        font-size: inherit;
    }

.form-group {
    margin-bottom: 15px;
    position: relative;
}

    .form-group label {
        font-size: 14px;
        line-height: 24px;
    }

        .form-group label:empty {
            display: none;
        }

        .form-group label .btn-pop {
            display: inline;
            margin: 4px 0 4px 8px;
            float: right;
            background-image: url(../imgs/icons/icon_info_outline_brand.svg);
        }

        .form-group label.col-form-label {
            padding-top: 0;
            padding-bottom: 0;
        }

            .form-group label.col-form-label.required:after {
                color: inherit;
                content: "*";
                display: inline-block;
            }

            .form-group label.col-form-label[for=id_password2] {
                text-transform: capitalize;
            }

        .form-group label.error {
            background: #575858;
            border-radius: 2px;
            color: #fff;
            padding: 2px 20px 2px 50px;
            width: 100%;
            display: block;
            position: relative;
            /*width: 495px;
  bottom: -40px;*/
            margin-top: 10px;
        }

            .form-group label.error:before {
                position: absolute;
                content: "";
                left: 20px;
                background: url("../imgs/icons/icon_warning_white.svg");
                background-size: cover;
                width: 19px;
                height: 16px;
                top: 0;
                bottom: 0;
                right: auto;
                margin: auto;
            }

    .form-group .error-block,
    .form-group .invalid-feedback {
        margin-top: 10px;
        padding: 2px 20px;
        /*display: block;*/
        color: white;
        background: #575858;
        border-radius: 2px;
        font-size: 14px;
        line-height: 24px;
    }

        .form-group .error-block i,
        .form-group .invalid-feedback i {
            margin-right: 10px;
        }

    .form-group.row {
        align-items: center;
    }

    .form-group.group-id_accept_terms label.col-form-label.required:after {
        display: none;
    }

.avatar-upload {
    padding-bottom: 25px;
    margin-bottom: 25px !important;
}

    .avatar-upload .avatar-drop {
        margin-bottom: 15px;
        position: relative;
        overflow: initial !important;
    }

        .avatar-upload .avatar-drop label.error {
            background: #575858;
            border-radius: 2px;
            color: #fff;
            padding: 2px 20px 2px 50px;
            width: 100%;
            display: block;
            position: relative;
            width: 495px;
            bottom: -40px;
            margin-top: 10px;
            position: absolute;
            width: 380px;
            bottom: -40px;
            left: 0;
            right: auto;
        }

            .avatar-upload .avatar-drop label.error:before {
                position: absolute;
                content: "";
                left: 20px;
                background: url("../imgs/icons/icon_warning_white.svg");
                background-size: cover;
                width: 19px;
                height: 16px;
                top: 0;
                bottom: 0;
                right: auto;
                margin: auto;
            }

        .avatar-upload .avatar-drop .error-block,
        .avatar-upload .avatar-drop .invalid-feedback {
            margin-top: 10px;
            padding: 2px 20px;
            display: block;
            color: white;
            background: #575858;
            border-radius: 2px;
            font-size: 14px;
            line-height: 24px;
        }

            .avatar-upload .avatar-drop .error-block i,
            .avatar-upload .avatar-drop .invalid-feedback i {
                margin-right: 10px;
            }

        .avatar-upload .avatar-drop .avatar.avatar-mask:after {
            background: url(../imgs/avatar_mask.svg) !important;
            z-index: -1 !important;
            background-size: 50% !important;
            background-repeat: no-repeat !important;
        }

        .avatar-upload .avatar-drop .avatar.avatar-mask:before {
            opacity: 0.05 !important;
        }

.form-control.is-invalid, .was-validated .form-control:invalid,
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #9dd4ca;
    background-image: none;
}

.input-group {
    position: relative;
}

    .input-group .form-control[data-action=clearable-input] {
        padding-right: 40px;
        border-radius: 6px;
        z-index: 9;
    }

        .input-group .form-control[data-action=clearable-input] + .clear-input {
            pointer-events: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            padding: 0;
            width: 40px;
            background: none;
            border: none;
            outline: none !important;
            opacity: 0;
            z-index: 10;
            transition: opacity 0.3s;
        }

            .input-group .form-control[data-action=clearable-input] + .clear-input:before {
                content: "×";
                display: block;
                padding: 0;
                margin: 0 auto;
                height: 16px;
                width: 16px;
                font-size: 16px;
                line-height: 14px;
                text-align: center;
                font-weight: 700;
                border: 1px solid #575858;
                border-radius: 0 8px 8px 8px;
            }

            .input-group .form-control[data-action=clearable-input] + .clear-input.active {
                pointer-events: initial;
                opacity: 1;
            }

.input-password-wrapper {
    position: relative;
}

    .input-password-wrapper .form-control {
        padding-right: 50px;
        background-color: white;
    }

    .input-password-wrapper .btn-toggle {
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        border: none;
        color: #68a2b9;
        background: none;
    }

        .input-password-wrapper .btn-toggle:before {
            content: "\f070";
            display: inline-block;
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
        }

    .input-password-wrapper.hide .btn-toggle:before {
        content: "\f06e";
    }

.col-form-label.required:after {
    color: inherit;
}

.form-control {
    padding: 8px 14px;
    height: 40px;
    font-size: 16px;
    line-height: 24px;
    color: #575858;
    border: 1px solid #9dd4ca;
    border-radius: 6px;
    box-shadow: none;
    text-overflow: ellipsis;
}

    .form-control:hover, .form-control:focus {
        box-shadow: none;
        border-color: #68a2b9;
    }

    .form-control:disabled {
        background: none;
        opacity: 0.6;
    }

    .form-control::placeholder {
        color: #b2b2b2;
        font-size: 16px;
    }

    .form-control.fz-md {
        font-size: 18px;
    }

input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select:focus,
textarea {
    font-size: 16px;
    outline: none !important;
}

/*.form-group input:not([type=radio]) + .error {
    display: none !important;
}*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

form .alert {
    margin: 20px 0 15px;
    padding: 10px 15px;
    border-radius: 6px;
    color: #e06f85;
    font-size: 14px;
    line-height: 24px;
}

    form .alert#messages {
        background: #f8d7da;
        color: #e06f85;
        padding: 10px 15px;
    }

    form .alert ul {
        margin: 10px 0 0;
        padding-left: 20px;
        font-size: 14px;
    }

.iti.iti--separate-dial-code {
    display: flex;
    flex-wrap: nowrap;
}

    .iti.iti--separate-dial-code .iti__flag-container {
        position: relative;
        padding: 0;
    }

        .iti.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
            padding: 1px 14px;
            margin-right: 15px;
            min-width: 125px;
            height: 40px;
            background-color: white;
            border: 1px solid #9dd4ca;
            border-radius: 6px;
        }

            .iti.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__arrow {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                border: none;
                height: 40px;
                width: 40px;
                background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
                background-position: center center;
                background-size: 14px auto;
            }

        .iti.iti--separate-dial-code .iti__flag-container .iti__selected-dial-code {
            margin-left: 10px;
            font-size: 16px;
            color: #575858;
        }

    .iti.iti--separate-dial-code .iti__country-list {
        z-index: 100000;
        padding: 12px;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #9dd4ca;
        font-size: 14px;
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
        margin-top: 5px;
    }

        .iti.iti--separate-dial-code .iti__country-list .iti__country.iti__standard,
        .iti.iti--separate-dial-code .iti__country-list .iti__country.iti__preferred {
            margin-bottom: 2px;
            font-size: 16px;
            color: #575858;
            border-radius: 5px;
        }

            .iti.iti--separate-dial-code .iti__country-list .iti__country.iti__standard.iti__highlight,
            .iti.iti--separate-dial-code .iti__country-list .iti__country.iti__preferred.iti__highlight {
                background-color: #ecf9f6;
            }

        .iti.iti--separate-dial-code .iti__country-list::-webkit-scrollbar-track {
            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
            background-color: #F5F5F5;
            border-right: 8px white solid;
            border-radius: 0;
        }

        .iti.iti--separate-dial-code .iti__country-list::-webkit-scrollbar {
            width: 16px;
            background-color: #F5F5F5;
            border-right: 8px white solid;
            border-radius: 0;
        }

        .iti.iti--separate-dial-code .iti__country-list::-webkit-scrollbar-thumb {
            background-color: #68a2b9;
            border-right: 8px white solid;
            border-radius: 0;
        }

    .iti.iti--separate-dial-code .form-control {
        padding-left: 14px !important;
    }

.sik-dropdown-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.sik-dropdown .dropdown-toggle {
    padding: 1px 14px;
    margin-right: 15px;
    min-width: 125px;
    height: 40px;
    background-color: white;
    border: 1px solid #9dd4ca;
    border-radius: 6px;
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #575858;
}

    .sik-dropdown .dropdown-toggle:after {
        display: block;
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        border: none;
        height: 40px;
        width: 40px;
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: 50%;
        background-size: 14px auto;
    }

    .sik-dropdown .dropdown-toggle img {
        width: 20px;
        margin-right: 6px;
    }

.sik-dropdown .dropdown-menu {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    border-radius: 0;
}

    .sik-dropdown .dropdown-menu.show {
        z-index: 100000;
    }

    .sik-dropdown .dropdown-menu li {
        padding: 5px 10px;
        outline: 0;
    }

        .sik-dropdown .dropdown-menu li .dropdown-item {
            padding: 0;
            font-size: 16px;
            display: flex;
            align-items: center;
        }

            .sik-dropdown .dropdown-menu li .dropdown-item img {
                width: 20px;
                margin-right: 6px;
            }

.custom-radio {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

    .custom-radio li {
        margin: 0 0 10px;
    }

        .custom-radio li label {
            position: relative;
            cursor: pointer;
            display: flex;
            align-items: center;
            margin: 0;
        }

            .custom-radio li label input {
                position: absolute;
                top: 2px;
                opacity: 0;
            }

            .custom-radio li label .check-control {
                position: relative;
                flex: 0 0 auto;
                margin: 0 10px 0 0;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                border: 1px solid #575858;
                background-color: white;
                transition: background-color 0.2s;
            }

            .custom-radio li label input:checked + .check-control {
                background-color: #68a2b9;
                box-shadow: inset 0 0 0 3px white;
            }

            .custom-radio li label input:checked ~ .check-label {
                color: #68a2b9;
            }

    .custom-radio.group-vertical {
        display: flex;
        margin: 0;
        padding: 7px 0;
        min-height: 40px;
    }

        .custom-radio.group-vertical.error + label {
            background: #575858;
            border-radius: 2px;
            color: #fff;
            padding: 2px 20px 2px 50px;
            width: 100%;
            display: block;
            position: absolute;
            width: 495px;
            bottom: -40px;
        }

            .custom-radio.group-vertical.error + label:before {
                position: absolute;
                content: "";
                left: 20px;
                background: url("../imgs/icons/icon_warning_white.svg");
                background-size: cover;
                width: 19px;
                height: 16px;
                top: 0;
                bottom: 0;
                right: auto;
                margin: auto;
            }

        .custom-radio.group-vertical li {
            margin: 0 30px 0 0;
        }

.form-check {
    padding: 5px 0;
}

    .form-check label {
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: top;
        margin: 0;
        text-align: start;
    }

        .form-check label input {
            position: absolute;
            top: 2px;
            opacity: 0;
        }

        .form-check label .check-control {
            position: relative;
            flex: 0 0 auto;
            margin: 2px 10px 0 0;
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 1px solid #9dd4ca;
            background-color: white;
            font-size: 13px;
            line-height: 18px;
            text-align: center;
            transition: background-color 0.2s;
        }

            .form-check label .check-control:after {
                content: "\f00c";
                font-family: "Font Awesome 5 Free";
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                font-weight: 900;
                color: white;
                opacity: 0;
                transition: all 0.3s;
            }

        .form-check label .label-text a {
            color: inherit;
            font-weight: bold;
            text-decoration: underline;
        }

            .form-check label .label-text a:hover {
                text-decoration: none;
            }

        .form-check label input:checked + .check-control {
            background-color: #9dd4ca;
        }

            .form-check label input:checked + .check-control:after {
                opacity: 1;
            }

        .form-check label.required:after {
            display: none;
        }

        .form-check label.required .label-text:after {
            content: "*";
            display: inline-block;
        }

    .form-check.group-vertical {
        display: flex;
    }

        .form-check.group-vertical li {
            margin: 0 30px 0 0;
        }

.group-id_accept_terms .form-check label {
    flex-direction: column;
}

.form-group .custom-switch input {
    display: none;
}

.form-group .custom-switch .form-switch {
    cursor: pointer;
    display: block;
    position: relative;
    width: 52px;
    height: 32px;
    border-radius: 16px;
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.3s;
}

    .form-group .custom-switch .form-switch:after {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        height: 28px;
        width: 28px;
        border-radius: 50%;
        background: white;
        transition: all 0.3s;
    }

.form-group .custom-switch input:checked + .form-switch {
    filter: grayscale(0%);
    opacity: 1;
}

    .form-group .custom-switch input:checked + .form-switch:after {
        left: 22px;
    }

.form-group .custom-switch.cust-price-switch input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 111111;
    cursor: pointer;
    display: block;
}

.form-rate {
    position: relative;
}

    .form-rate select {
        display: none;
    }

    .form-rate .stars-wrapper {
        display: grid;
        grid-auto-flow: column;
        column-gap: 10px;
        margin-top: 10px;
        margin-right: 15px;
        width: fit-content;
        height: 26px;
    }

        .form-rate .stars-wrapper .star {
            cursor: pointer;
            position: relative;
            display: block;
            width: 26px;
            height: 100%;
            background: url(../imgs/icons/icon_star.svg) no-repeat;
            background-position: left center;
            z-index: 0;
        }

            .form-rate .stars-wrapper .star.active {
                background: url(../imgs/icons/icon_star_full.svg) no-repeat;
            }

/*.crypto-icon {
    height: 1em;
    vertical-align: baseline;
    margin-bottom: -0.1em;
}

.sik-dropdown > button.dropdown-toggle {
    position: relative;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 2ch;
    text-align: left;
}

.sik-dropdown > button.dropdown-toggle::after {
    position: absolute;
    right: 1ch;
    top: calc(50% - 0.2ch);
}

.sik-dropdown .dropdown-item {
    cursor: pointer;
}*/
html[dir=rtl] .form-text ul {
    padding: 0 20px 0 0;
}

html[dir=rtl] .form-group label .btn-pop {
    margin: 4px 8px 4px 0;
    float: left;
}

html[dir=rtl] .input-group .form-control[data-action=clearable-input] {
    padding-right: 14px;
    padding-left: 40px;
}

    html[dir=rtl] .input-group .form-control[data-action=clearable-input] + .clear-input {
        right: initial;
        left: 0;
    }

        html[dir=rtl] .input-group .form-control[data-action=clearable-input] + .clear-input:before {
            border-radius: 8px 0 8px 8px;
        }

html[dir=rtl] .input-password-wrapper .form-control {
    padding-right: 14px;
    padding-left: 50px;
}

html[dir=rtl] .input-password-wrapper .btn-toggle {
    right: initial;
    left: 0;
}

html[dir=rtl] form .alert ul {
    padding-left: initial;
    padding-right: 20px;
}

html[dir=rtl] .iti.iti--separate-dial-code .iti__flag-container .iti__selected-flag {
    margin-right: initial;
    margin-left: 15px;
}

    html[dir=rtl] .iti.iti--separate-dial-code .iti__flag-container .iti__selected-flag .iti__arrow {
        right: initial;
        left: 0;
    }

html[dir=rtl] .iti.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: initial;
    margin-right: 10px;
}

html[dir=rtl] .iti .iti__country-name,
html[dir=rtl] .iti .iti__flag-box {
    margin-right: 0;
    margin-left: 6px;
}

html[dir=rtl] .iti .iti__country {
    text-align: right;
}

html[dir=rtl] .iti .iti__selected-dial-code,
html[dir=rtl] .iti .iti__dial-code {
    direction: ltr;
}

html[dir=rtl] .iti .iti__dial-code {
    display: inline-block;
}

html[dir=rtl] .iti input {
    direction: ltr;
    text-align: right;
}

html[dir=rtl] .custom-radio li label .check-control {
    margin: 0 0 0 10px;
}

html[dir=rtl] .custom-radio.group-vertical li {
    margin: 0 0 0 30px;
}

html[dir=rtl] .form-check label .check-control {
    margin: 2px 0 0 10px;
}

html[dir=rtl] .form-check.group-vertical li {
    margin: 0 0 0 30px;
}

html[dir=rtl] .form-group .custom-switch .form-switch {
    transform: scaleX(-1);
}

html[dir=rtl] .form-rate {
    margin-right: 0;
    margin-left: 15px;
}

@media (min-width: 576px) {
    .select2.select2-container {
        max-width: 100% !important;
        width: 100% !important;
        z-index: 99999;
    }
}

.select2.select2-container:not(.select2) {
    max-width: auto !important;
    width: auto !important;
}

.select2.select2-container .select2-selection {
    position: relative;
    display: flex;
    padding: 7px 40px 7px 14px;
    min-height: 40px;
    border: 1px solid #9dd4ca;
    border-radius: 6px;
    box-shadow: none;
    outline: none;
}

    .select2.select2-container .select2-selection .select2-selection__placeholder {
        color: #b2b2b2;
    }

    .select2.select2-container .select2-selection .select2-selection__rendered {
        width: 100%;
        padding: 0;
        color: #575858;
        font-size: 14px;
        line-height: 24px;
    }

        .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice {
            margin: 3px 6px 3px 0;
            border: none;
            background-color: #9dd4ca;
            color: white;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            /*By Umair*/
            /*padding-left: 28px;*/
        }

            .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
                float: right;
                margin: 0 0 0 5px;
                color: white;
                line-height: 24px;
                font-size: 27px;
                vertical-align: middle;
                /*By Umair*/
                /*margin: 0 0 0 0;*/
            }

        .select2.select2-container .select2-selection .select2-selection__rendered .select2-search--inline {
            border: none !important;
            outline: none !important;
        }

            .select2.select2-container .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field {
                margin: 3px 0;
                font-size: 16px;
                border: none !important;
                outline: none !important;
            }

                .select2.select2-container .select2-selection .select2-selection__rendered .select2-search--inline .select2-search__field::placeholder {
                    color: #b2b2b2;
                }

        .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
            pointer-events: none;
            position: relative;
            right: 15px;
            display: flex;
            align-items: center;
            height: 100%;
        }

            .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:before {
                content: "";
                pointer-events: auto;
                position: absolute;
                margin: 0;
                padding: 0;
                height: 16px;
                width: 16px;
                background-color: #68a2b9;
                background-image: url(../imgs/icons/icon_close_white.svg);
                background-position: center;
                background-size: 8px;
                background-repeat: no-repeat;
                color: white;
                border-radius: 0 8px 8px 8px;
            }

            .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:after {
                content: "";
                position: absolute;
                top: 2px;
                right: -15px;
                display: inline;
                width: 1px;
                height: 20px;
                background: #68a2b9;
            }

    .select2.select2-container .select2-selection .select2-selection__arrow {
        top: 0;
        right: 0;
        height: 100%;
        width: 40px;
    }

        .select2.select2-container .select2-selection .select2-selection__arrow b {
            position: absolute;
            top: 0;
            left: 0;
            margin: 0;
            border: none;
            height: 100%;
            width: 40px;
            background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
            background-position: center center;
            background-size: 14px auto;
        }

    .select2.select2-container .select2-selection .select2-selection__clear {
        pointer-events: none;
        position: relative;
        right: 15px;
        display: flex;
        align-items: center;
        height: 100%;
        position: absolute;
        right: 38px;
        top: 0;
        margin-top: 0;
        /*margin-right: 20px;*/
    }

        .select2.select2-container .select2-selection .select2-selection__clear:before {
            content: "";
            pointer-events: auto;
            position: absolute;
            margin: 0;
            padding: 0;
            height: 16px;
            width: 16px;
            background-color: #68a2b9;
            background-image: url(../imgs/icons/icon_close_white.svg);
            background-position: center;
            background-size: 8px;
            background-repeat: no-repeat;
            color: white;
            border-radius: 0 8px 8px 8px;
        }

        .select2.select2-container .select2-selection .select2-selection__clear:after {
            content: "";
            position: absolute;
            top: 2px;
            right: -15px;
            display: inline;
            width: 1px;
            height: 20px;
            background: #68a2b9;
            top: 9px;
        }

    .select2.select2-container .select2-selection.select2-selection--multiple .select2-selection__rendered {
        margin: 0;
    }

.select2.select2-container.select2-container--open.select2-container--below .select2-selection, .select2.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-radius: 6px;
}

.select2.select2-container.select2-container.select2-container--focus .select2-selection {
    border-color: #68a2b9;
}

.select2.select2-container .select2-results__group {
    padding: 6px 20px;
}

.select2.select2-container .select2-selection--multiple {
    padding: 4px 40px 4px 14px;
}

    .select2.select2-container .select2-selection--multiple:after {
        cursor: pointer;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 40px;
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: center center;
        background-size: 14px auto;
    }

    .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
        display: flex;
        flex-wrap: wrap;
        padding: 0 50px 0 0;
    }

        .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
            position: absolute;
            top: 0;
            right: 55px;
            margin: 0;
            float: none;
        }

            .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__clear:after {
                top: 10px;
                height: calc(100% - 20px);
            }

@media (max-width: 575.98px) {
    .my-account .select2-container {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--below {
    margin-top: 5px;
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
    margin-top: -5px;
}

.select2-container.select2-container--open .select2-dropdown.select2-dropdown--below,
.select2-container.select2-container--open .select2-dropdown.select2-dropdown--above {
    padding: 12px;
    background: white;
    border-radius: 4px;
    border: 1px solid #9dd4ca;
    font-size: 14px;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
}

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search,
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search {
        padding: 0;
    }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search .select2-search__field,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search .select2-search__field {
            margin-bottom: 10px;
            border: 1px solid #9dd4ca;
            background: white !important;
            border-radius: 4px;
            outline: none;
        }

            .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search .select2-search__field:hover, .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-search .select2-search__field:focus,
            .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search .select2-search__field:hover,
            .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-search .select2-search__field:focus {
                border-color: #68a2b9;
            }

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options,
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options {
        scrollbar-color: #68a2b9 white;
        scrollbar-width: thin;
    }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar {
            width: 15px;
        }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-track,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-track {
            background: #e5e5e5;
            border-left: 10px solid white;
        }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb {
            border-left: 10px solid transparent;
            background: #68a2b9;
            background-clip: padding-box;
        }

            .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb:hover,
            .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb:hover {
                border-left: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options[role=tree] .select2-results__message, .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__options[aria-multiselectable=true] .select2-results__message,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options[role=tree] .select2-results__message,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__options[aria-multiselectable=true] .select2-results__message {
            padding: 10px 20px;
        }

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option,
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__option {
        padding: 5px 10px;
        margin-bottom: 2px;
        font-size: 16px;
        color: #575858;
        border-radius: 5px;
    }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option:last-of-type,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__option:last-of-type {
            margin-bottom: 0;
        }

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option--highlighted[aria-selected],
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__option--highlighted[aria-selected] {
        background-color: white;
    }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option--highlighted[aria-selected]:hover,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__option--highlighted[aria-selected]:hover {
            background-color: #ecf9f6;
        }

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-results__option[aria-selected=true],
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-results__option[aria-selected=true] {
        background-color: #68a2b9 !important;
        color: white;
    }

    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-all,
    .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-all {
        padding: 5px 10px;
        margin-bottom: 2px;
        width: 100%;
        font-size: 14px;
        font-weight: bold;
        text-align: start;
        color: #575858;
        border-radius: 5px;
        text-decoration: underline;
        text-transform: capitalize;
    }

        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--below .select2-all:hover,
        .select2-container.select2-container--open .select2-dropdown.select2-dropdown--above .select2-all:hover {
            text-decoration: none;
        }

body.modal-open .select2-container.select2-container--open .select2-dropdown {
    z-index: 99999;
}

.select2-mobile-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    flex-direction: column;
    background: white;
    z-index: 99999;
}

    .select2-mobile-wrapper.active {
        display: flex;
    }

    .select2-mobile-wrapper .select2-head {
        flex: 0 0 auto;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        padding: 5px 20px;
        height: 60px;
        background: #ecf9f6;
        z-index: 100000;
    }

        .select2-mobile-wrapper .select2-head .title {
            max-width: 120px;
            text-align: center;
            font-weight: bold;
            font-size: 13px;
            line-height: 1.2;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .select2-mobile-wrapper .select2-head .btn.btn-clear {
            justify-self: end;
            font-size: 13px;
            border: none !important;
        }

        .select2-mobile-wrapper .select2-head .btn.btn-close {
            justify-self: start;
            width: 30px;
            height: 30px;
            background: url(../imgs/icons/icon_arrow_left.svg) center no-repeat;
            background-size: 12px auto;
        }

    .select2-mobile-wrapper .select2-body {
        position: relative;
        flex: 1 1 auto;
        height: 100%;
    }

        .select2-mobile-wrapper .select2-body .select2-container {
            margin: 0;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
        }

            .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown {
                display: flex;
                flex-direction: column;
                padding: 10px 20px;
                margin: 0;
                width: 100% !important;
                height: 100% !important;
                border: none;
                border-radius: 0;
                box-shadow: none;
            }

                .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-all {
                    margin-bottom: 10px;
                    line-height: 20px;
                }

                .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results {
                    flex: 1 1 auto;
                    height: calc(100% - 40px);
                }

                    .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options {
                        height: 100%;
                        max-height: unset;
                        -ms-overflow-style: none;
                        scrollbar-width: none;
                        /* Firefox */
                    }

                        .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options::-webkit-scrollbar {
                            display: none;
                        }

                        .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
                            display: flex;
                            padding: 10px 0;
                            background: white !important;
                            color: #575858;
                            font-size: 14px;
                            border-bottom: 1px solid #9dd4ca;
                            border-radius: 0;
                        }

                            .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:last-of-type {
                                border-bottom: none;
                            }

                            .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:before {
                                content: "";
                                flex: 0 0 auto;
                                display: block;
                                margin-right: 15px;
                                width: 24px;
                                height: 24px;
                                border-radius: 3px;
                                border: 1px solid #9dd4ca;
                                font-size: 16px;
                                text-align: center;
                                color: #fff;
                                transition: all 0.3s;
                            }

                            .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:hover {
                                background: inherit;
                            }

                            .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option[aria-selected=true]:before {
                                content: "\f00c";
                                font-family: "Font Awesome 5 Free";
                                -webkit-font-smoothing: antialiased;
                                display: inline-block;
                                font-style: normal;
                                font-variant: normal;
                                text-rendering: auto;
                                line-height: 1;
                                font-weight: 700;
                                background: #9dd4ca;
                                line-height: 22px;
                            }

    .select2-mobile-wrapper .select2-foot {
        flex: 0 0 auto;
        padding: 20px;
        box-shadow: 0px -5px 15px rgba(225, 225, 225, 0.5);
        z-index: 100000;
    }

        .select2-mobile-wrapper .select2-foot .btn {
            width: 100%;
        }

@media (min-width: 576px) {
    .select2-mobile-wrapper {
        display: none !important;
    }
}

html[dir=rtl] .select2.select2-container .select2-selection {
    padding: 7px 14px 7px 40px;
}

    html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__arrow {
        left: 0;
    }

    html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered {
        padding: 0;
    }

        html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice {
            margin: 3px 0 3px 6px;
        }

            html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
                float: left;
                margin: 0 5px 0 0;
            }

        html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
            right: initial;
            left: 15px;
        }

            html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:before {
                border-radius: 8px 0 8px 8px;
            }

            html[dir=rtl] .select2.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:after {
                right: initial;
                left: -15px;
            }

html[dir=rtl] .select2.select2-container .select2-selection--multiple {
    padding: 4px 14px 4px 40px;
}

    html[dir=rtl] .select2.select2-container .select2-selection--multiple:after {
        right: initial;
        left: 0;
    }

    html[dir=rtl] .select2.select2-container .select2-selection--multiple .select2-selection__rendered {
        padding: 0 0 0 50px;
    }

        html[dir=rtl] .select2.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__clear {
            right: initial;
            left: 55px;
        }

html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__options,
html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--above .select2-results__options {
    scrollbar-color: #68a2b9 white;
    scrollbar-width: thin;
}

    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar,
    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar {
        width: 15px;
    }

    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-track,
    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-track {
        background: #e5e5e5;
        border-right: 10px solid white;
        border-left: initial;
    }

    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb,
    html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb {
        border-right: 10px solid transparent;
        border-left: initial;
        background: #68a2b9;
        background-clip: padding-box;
    }

        html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--below .select2-results__options::-webkit-scrollbar-thumb:hover,
        html[dir=rtl] .select2-container .select2-dropdown.select2-dropdown--above .select2-results__options::-webkit-scrollbar-thumb:hover {
            border-right: 10px solid transparent;
            border-left: initial;
            background: #68a2b9;
            background-clip: padding-box;
        }

html[dir=rtl] .select2-mobile-wrapper .select2-head .btn.btn-close {
    transform: scaleX(-1);
}

html[dir=rtl] .select2-mobile-wrapper .select2-body .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option:before {
    margin-right: initial;
    margin-left: 15px;
}

.avatar-upload {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 30px;
    margin-bottom: 45px;
}

    .avatar-upload .avatar-drop {
        flex: 0 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 120px;
        height: 120px;
        border-radius: 0 60px 60px 60px;
        overflow: hidden;
        transition: opacity 0.3s;
    }

        .avatar-upload .avatar-drop:after {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            border-radius: 0 60px 60px 60px;
            border: 1px dashed #575858;
        }

        .avatar-upload .avatar-drop.drag, .avatar-upload .avatar-drop:hover {
            opacity: 0.5;
        }

        .avatar-upload .avatar-drop input {
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            z-index: 2;
        }

        .avatar-upload .avatar-drop .avatar {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 1;
        }

            .avatar-upload .avatar-drop .avatar.avatar-mask:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: block;
                background: #ededed;
                opacity: 0.3;
                z-index: 3;
            }

            .avatar-upload .avatar-drop .avatar.avatar-mask:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                display: block;
                border: none;
                background: url(../imgs/avatar_mask.svg) 100% 100%;
                mix-blend-mode: soft-light;
                opacity: 1;
                z-index: 3;
            }

            .avatar-upload .avatar-drop .avatar .img-avatar {
                position: relative;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

                .avatar-upload .avatar-drop .avatar .img-avatar.avatar-default {
                    position: relative;
                    object-fit: contain;
                    height: 40px;
                }

    .avatar-upload .info {
        max-width: 300px;
    }

        .avatar-upload .info.my-profile {
            max-width: none;
        }

            .avatar-upload .info.my-profile .h3 {
                margin-bottom: 5px;
            }

            .avatar-upload .info.my-profile .btns-wrapper {
                display: grid;
                grid-template-columns: auto auto;
                column-gap: 20px;
                align-items: center;
            }

@media (max-width: 575px) {
    .avatar-upload {
        grid-template-rows: auto 1fr auto;
        column-gap: 15px;
    }

        .avatar-upload .avatar-drop {
            grid-column: 1;
            grid-row: span 2;
        }

        .avatar-upload .info.my-profile {
            display: contents;
        }

            .avatar-upload .info.my-profile .h3 {
                grid-row: 1;
                grid-column: 2;
                margin: 10px 0 15px;
            }

            .avatar-upload .info.my-profile .text-small {
                grid-column: 2;
                grid-row: 2;
                line-height: 1.5;
            }

            .avatar-upload .info.my-profile .btns-wrapper {
                grid-template-columns: 1fr;
                grid-column: 1/-1;
                grid-row: 3;
                margin-top: 30px;
            }

                .avatar-upload .info.my-profile .btns-wrapper .btn {
                    width: 100%;
                }

                .avatar-upload .info.my-profile .btns-wrapper .text-small {
                    display: none;
                }
}

html[dir=rtl] .avatar-upload .avatar-drop,
html[dir=rtl] .avatar-upload .avatar-drop:after {
    border-radius: 60px 0 60px 60px;
}

.dropzone-single .dropzone-drop,
.dropzone-single .fileinput-button {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 5px;
    margin-bottom: 15px;
    height: 170px;
    width: 100%;
    align-items: center;
    border-radius: 0;
    border: 1px dashed #575858;
    overflow: hidden;
    transition: opacity 0.3s;
}

    .dropzone-single .dropzone-drop.drag, .dropzone-single .dropzone-drop:hover,
    .dropzone-single .fileinput-button.drag,
    .dropzone-single .fileinput-button:hover {
        opacity: 0.5;
    }

    .dropzone-single .dropzone-drop input,
    .dropzone-single .fileinput-button input {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 2;
    }

    .dropzone-single .dropzone-drop .img-icon,
    .dropzone-single .fileinput-button .img-icon {
        margin-bottom: 20px;
        height: 30px;
        width: auto;
    }

    .dropzone-single .dropzone-drop p,
    .dropzone-single .fileinput-button p {
        color: #575858;
        font-weight: 400;
    }

        .dropzone-single .dropzone-drop p strong,
        .dropzone-single .fileinput-button p strong {
            text-decoration: underline;
        }

.dropzone-single .dropzone-files {
    display: flex;
    flex-direction: column;
}

    .dropzone-single .dropzone-files .dropzone-file {
        display: grid;
        grid-template-columns: auto 1fr auto;
        column-gap: 15px;
        align-items: center;
        padding: 12px 0;
        border-top: 1px solid #9dd4ca;
        border-bottom: 1px solid #9dd4ca;
        margin-top: 25px;
    }

        .dropzone-single .dropzone-files .dropzone-file .img-icon {
            height: 22px;
            width: auto;
        }

        .dropzone-single .dropzone-files .dropzone-file .file-name {
            flex: 1 1 auto;
            color: #575858;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .dropzone-single .dropzone-files .dropzone-file .item-delete {
            white-space: nowrap;
        }

        .dropzone-single .dropzone-files .dropzone-file .file-delete {
            display: none;
        }

.progress-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #9dd4ca;
    height: 9px;
    width: 100%;
}

    .progress-bar .progress-start {
        flex: 0 0 auto;
        width: 10%;
        height: 100%;
        background: #68a2b9;
    }

    .progress-bar .progress-active {
        flex: 1 1 auto;
        width: 90%;
        height: 100%;
    }

        .progress-bar .progress-active .progress {
            height: 100%;
            border-radius: 0;
            background: #68a2b9;
        }

@media (max-width: 1199px) {
    .progress-bar {
        position: sticky;
        top: 70px;
        z-index: 10;
    }
}

@media (max-width: 699px) {
    .progress-bar {
        top: 60px;
        height: 5px;
    }
}

.datepicker.datepicker.datepicker-dropdown {
    padding: 30px 15px;
    border-radius: 0 30px 30px 30px;
    font-size: 14px;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
    border: none;
}

    .datepicker.datepicker.datepicker-dropdown:before, .datepicker.datepicker.datepicker-dropdown:after {
        display: none;
    }

.datepicker.datepicker-dropdown,
.datepicker.datepicker-inline {
    color: #575858;
    padding: 0;
}

    .datepicker.datepicker-dropdown .table-condensed,
    .datepicker.datepicker-inline .table-condensed {
        margin: 0 auto;
    }

        .datepicker.datepicker-dropdown .table-condensed .day,
        .datepicker.datepicker-inline .table-condensed .day {
            width: 32px;
            height: 32px;
            list-style: none;
            border-radius: 6px;
        }

            .datepicker.datepicker-dropdown .table-condensed .day.active,
            .datepicker.datepicker-inline .table-condensed .day.active {
                background: #9dd4ca;
                text-shadow: none;
            }

        .datepicker.datepicker-dropdown .table-condensed thead th.dow,
        .datepicker.datepicker-inline .table-condensed thead th.dow {
            padding: 15px 0;
            font-size: 10px;
            text-transform: uppercase;
            font-weight: 700;
            opacity: 0.5;
            letter-spacing: 0.1em;
        }

        .datepicker.datepicker-dropdown .table-condensed thead th.datepicker-switch,
        .datepicker.datepicker-inline .table-condensed thead th.datepicker-switch {
            font-size: 16px;
            font-weight: 400;
            background: none;
            vertical-align: middle;
        }

            .datepicker.datepicker-dropdown .table-condensed thead th.datepicker-switch:hover,
            .datepicker.datepicker-inline .table-condensed thead th.datepicker-switch:hover {
                background: none;
            }

        .datepicker.datepicker-dropdown .table-condensed thead th.next, .datepicker.datepicker-dropdown .table-condensed thead th.prev,
        .datepicker.datepicker-inline .table-condensed thead th.next,
        .datepicker.datepicker-inline .table-condensed thead th.prev {
            color: transparent;
            font-size: 0;
            background: url(../imgs/icons/icon_angle_right.svg) center no-repeat;
            background-size: 10px auto;
        }

        .datepicker.datepicker-dropdown .table-condensed thead th.prev,
        .datepicker.datepicker-inline .table-condensed thead th.prev {
            transform: scaleX(-1);
        }

        .datepicker.datepicker-dropdown .table-condensed tr td span.focused, .datepicker.datepicker-dropdown .table-condensed tr td span.active,
        .datepicker.datepicker-inline .table-condensed tr td span.focused,
        .datepicker.datepicker-inline .table-condensed tr td span.active {
            text-shadow: none;
        }

        .datepicker.datepicker-dropdown .table-condensed tr td span:hover,
        .datepicker.datepicker-inline .table-condensed tr td span:hover {
            background: #9dd4ca;
            color: white;
        }

        .datepicker.datepicker-dropdown .table-condensed tr td span.focused,
        .datepicker.datepicker-inline .table-condensed tr td span.focused {
            background: #9dd4ca;
            color: white;
        }

        .datepicker.datepicker-dropdown .table-condensed tr td span.active,
        .datepicker.datepicker-inline .table-condensed tr td span.active {
            background: #68a2b9;
        }

            .datepicker.datepicker-dropdown .table-condensed tr td span.active:hover,
            .datepicker.datepicker-inline .table-condensed tr td span.active:hover {
                background: #68a2b9;
            }

@media (max-width: 575px) {
    .datepicker.datepicker-inline,
    .datepicker-dropdown {
        width: 300px;
    }

        .datepicker.datepicker-inline .table-condensed,
        .datepicker-dropdown .table-condensed {
            width: 100%;
        }

    .datepicker.datepicker.datepicker-dropdown {
        position: fixed;
        top: initial !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0;
        padding-top: 80px;
        height: 370px;
        width: 100%;
        border-radius: unset;
        z-index: 99999 !important;
    }

        .datepicker.datepicker.datepicker-dropdown:before {
            content: "";
            display: block;
            position: fixed;
            top: 0;
            bottom: 370px;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.8);
            border: none;
        }

        .datepicker.datepicker.datepicker-dropdown:after {
            content: url(../imgs/icons/icon_close.svg);
            display: block;
            top: 30px;
            right: 20px;
            left: auto;
            border: none;
            opacity: 0.5;
        }
}

html[dir=rtl] .datepicker {
    direction: rtl;
}

    html[dir=rtl] .datepicker.dropdown-menu {
        right: initial;
    }

    html[dir=rtl] .datepicker.datepicker.datepicker-dropdown {
        border-radius: 30px 0 30px 30px;
    }

    html[dir=rtl] .datepicker.datepicker-dropdown .table-condensed thead th.next,
    html[dir=rtl] .datepicker.datepicker-inline .table-condensed thead th.next {
        transform: scaleX(-1);
    }

    html[dir=rtl] .datepicker.datepicker-dropdown .table-condensed thead th.prev,
    html[dir=rtl] .datepicker.datepicker-inline .table-condensed thead th.prev {
        transform: scaleX(1);
    }

@media (max-width: 575px) {
    html[dir=rtl] .datepicker.datepicker.datepicker-dropdown {
        border-radius: 0;
    }
}

aside.content-right .calendar {
    max-width: 400px;
    width: 100%;
}

aside.content-right .calendar-sync-wrapper {
    padding: 0 30px;
    margin-top: 30px;
}

.calendar-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 15px;
    min-height: 400px;
    height: 100%;
    border-radius: 6px;
    border: 1px solid #9dd4ca;
}

    .calendar-wrapper .calendar-none {
        margin: 0 auto;
        width: 220px;
        text-align: center;
        /*By Umair*/
        width: 100%;
    }

        .calendar-wrapper .calendar-none .img-icon {
            margin-bottom: 20px;
            height: 60px;
        }

        .calendar-wrapper .calendar-none a {
            color: inherit;
        }

        .calendar-wrapper .calendar-none .btn-border {
            white-space: initial;
            height: auto;
        }

    .calendar-wrapper.has-availability {
        justify-content: space-around;
        align-items: flex-start;
    }

        .calendar-wrapper.has-availability .product-price {
            padding-bottom: 10px;
            margin-bottom: 10px;
            width: 100%;
            border-bottom: 1px solid #9dd4ca;
        }

        .calendar-wrapper.has-availability .text-help {
            margin-bottom: 30px;
            font-size: 14px;
            color: #b2b2b2;
        }

        .calendar-wrapper.has-availability .input-group {
            margin-bottom: 10px;
        }

            .calendar-wrapper.has-availability .input-group .form-control {
                font-size: 18px;
            }

        .calendar-wrapper.has-availability .slots-wrapper {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            margin: 0 -14px 17px -14px;
            padding: 0 10px;
            width: calc(100% + 28px);
            max-height: 125px;
            font-size: 16px;
            overflow: hidden;
            z-index: 1;
        }

            .calendar-wrapper.has-availability .slots-wrapper .col {
                flex: 0 0 50%;
                padding-left: 4px;
                padding-right: 4px;
                width: 50%;
            }

            .calendar-wrapper.has-availability .slots-wrapper .slot {
                flex: 0 0 auto;
                display: grid;
                grid-template-columns: auto 1fr;
                column-gap: 8px;
                padding: 8px;
                margin: 0 0 8px;
                border: 1px solid #9dd4ca;
                height: 46px;
                width: 100%;
                line-height: 28px;
                border-radius: 6px;
                background: white;
                white-space: nowrap;
            }

                .calendar-wrapper.has-availability .slots-wrapper .slot:before {
                    content: "";
                    display: block;
                    width: 6px;
                    height: 28px;
                    border-radius: 3px;
                }

                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=RegularInClinic]:before {
                    background: #9ab86c;
                }

                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=Regular]:before {
                    background: #68a2b9;
                }

                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=Initial]:before {
                    background: #fcb073;
                }

                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=InitialInClinic]:before {
                    background: #b49595;
                }

                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=Followup]:before {
                    background: #ebca71;
                }
                .calendar-wrapper.has-availability .slots-wrapper .slot[data-type=FollowupInClinic]:before {
                    background: #d6aec8;
                }
        .calendar-wrapper.has-availability .badges-wrapper {
            padding-bottom: 5px;
            margin-bottom: 15px;
            width: 100%;
            border-bottom: 1px solid #9dd4ca;
        }

            .calendar-wrapper.has-availability .badges-wrapper .badge {
                display: block;
                padding: 0 8px;
                text-align: start;
                min-height: 24px;
                border: none;
            }

    .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day {
        pointer-events: none;
        background: none;
        color: #575858;
        opacity: 0.3;
        animation: day-disabled 0.3s;
    }

        .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day.today {
            background: none;
            color: #575858;
        }

        .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day.disabled {
            background: none;
        }

        .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day.day-active:not(.disabled), .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day.day-first:not(.disabled) {
            pointer-events: initial;
            background: none;
            font-weight: bold;
            opacity: 1;
            animation: show 0.3s;
        }

        .calendar-wrapper .datepicker-wrapper .datepicker.datepicker-dropdown .day.active {
            background: #68a2b9 !important;
            color: white;
            opacity: 1;
            animation: show 0.3s;
        }

@keyframes day-disabled {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 0.3;
    }
}

.calendar {
    display: flex;
    justify-content: center;
    padding: 40px 15px;
    font-size: 14px;
    text-align: center;
}

    .calendar[readonly] .day {
        pointer-events: none;
    }

    .calendar .today {
        font-weight: bold;
    }

    .calendar .datepicker {
        animation: show 0.3s;
    }

        .calendar .datepicker .day {
            transition: all 0.15s;
        }

        .calendar .datepicker .table-condensed tr td .year.active,
        .calendar .datepicker .table-condensed tr td .month.active {
            background: #68a2b9;
            color: white;
        }

        .calendar .datepicker .table-condensed thead th.next,
        .calendar .datepicker .table-condensed thead th.prev {
            color: transparent;
            font-size: 0;
            background: url(../imgs/icons/icon_angle_right.svg) center no-repeat;
            background-size: 10px auto;
        }

        .calendar .datepicker .table-condensed thead th.prev {
            transform: scaleX(-1);
        }

    .calendar.calendar-primary {
        background: #68a2b9;
        border-radius: 0 60px 60px 60px;
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
        min-height: 351px;
    }

        .calendar.calendar-primary .datepicker .table-condensed thead th.next,
        .calendar.calendar-primary .datepicker .table-condensed thead th.prev {
            background: url(../imgs/icons/icon_angle_right_white.svg) center no-repeat;
        }

        .calendar.calendar-primary .datepicker.datepicker-inline {
            color: white;
        }

            .calendar.calendar-primary .datepicker.datepicker-inline .table-condensed tr td .year.active,
            .calendar.calendar-primary .datepicker.datepicker-inline .table-condensed tr td .month.active {
                background: white;
                color: #68a2b9;
            }

            .calendar.calendar-primary .datepicker.datepicker-inline .day {
                box-shadow: inset 0 0 0 1px #68a2b9;
                animation: show 0.3s;
            }

                .calendar.calendar-primary .datepicker.datepicker-inline .day.today {
                    background: none;
                    color: white;
                    font-weight: bold;
                }

                .calendar.calendar-primary .datepicker.datepicker-inline .day.day-active {
                    background: rgba(157, 212, 202, 0.5);
                }

                .calendar.calendar-primary .datepicker.datepicker-inline .day.day-first {
                    background: #9dd4ca;
                }

            .calendar.calendar-primary .datepicker.datepicker-inline .old,
            .calendar.calendar-primary .datepicker.datepicker-inline .new,
            .calendar.calendar-primary .datepicker.datepicker-inline .disabled {
                color: white;
                opacity: 0.3;
                animation: day-disabled 0.3s;
            }

            .calendar.calendar-primary .datepicker.datepicker-inline .focused {
                background: #9dd4ca;
            }

            .calendar.calendar-primary .datepicker.datepicker-inline tr td span:hover {
                background: #9dd4ca;
            }

    .calendar.calendar-schedule .datepicker.datepicker-inline .day {
        pointer-events: none;
        background: none;
        color: white;
        opacity: 0.3;
        animation: day-disabled 0.3s;
    }

        .calendar.calendar-schedule .datepicker.datepicker-inline .day.today {
            background: none;
            color: white;
            font-weight: bold;
        }

        .calendar.calendar-schedule .datepicker.datepicker-inline .day.disabled {
            background: none;
        }

        .calendar.calendar-schedule .datepicker.datepicker-inline .day.day-active:not(.disabled), .calendar.calendar-schedule .datepicker.datepicker-inline .day.day-first:not(.disabled) {
            cursor: pointer;
            pointer-events: initial;
            background: none;
            font-weight: bold;
            opacity: 1;
            animation: show 0.3s;
        }

        .calendar.calendar-schedule .datepicker.datepicker-inline .day.active {
            background: white !important;
            color: #68a2b9;
            opacity: 1;
            animation: show 0.3s;
        }

    .calendar.calendar-schedule .datepicker.datepicker-inline .focused {
        background: #9dd4ca;
    }

    .calendar.calendar-schedule .datepicker.datepicker-inline tr td span:hover {
        background: #9dd4ca;
    }

@media (max-width: 991px) and (min-width: 576px) {
    .calendar-wrapper.has-availability .slots-wrapper .slot {
        font-size: 14px;
        padding: 4px;
        height: 38px;
        column-gap: 6px;
    }
}

html[dir=rtl] .calendar.calendar-primary {
    border-radius: 60px 0 60px 60px;
}

html[dir=rtl] .calendar-wrapper.has-availability .product-price {
    display: flex;
}

    html[dir=rtl] .calendar-wrapper.has-availability .product-price strong {
        display: flex;
    }

html[dir=rtl] .calendar-wrapper.has-availability .slots-wrapper span {
    direction: ltr;
    text-align: end;
}

    html[dir=rtl] .calendar-wrapper.has-availability .slots-wrapper span:before {
        grid-column: 1;
    }

.week-picker-wrapper {
    position: relative;
}

    .week-picker-wrapper .datepicker table tr td:first-child {
        border-radius: 4px 0 0 4px !important;
    }

    .week-picker-wrapper .datepicker table tr td:last-child {
        border-radius: 0 4px 4px 0 !important;
    }

    .week-picker-wrapper .datepicker .datepicker-days tbody tr:hover {
        position: relative;
    }

        .week-picker-wrapper .datepicker .datepicker-days tbody tr:hover:after {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            border: 1px solid #9dd4ca;
            border-radius: 4px;
        }

    .week-picker-wrapper .datepicker .datepicker-days tr:hover td,
    .week-picker-wrapper .datepicker table tr td.day:hover,
    .week-picker-wrapper .datepicker table tr td.focused {
        color: #575858 !important;
        background: none !important;
    }

    .week-picker-wrapper .datepicker .datepicker-days tr td.active ~ td,
    .week-picker-wrapper .datepicker .datepicker-days tr td.active {
        color: #fff !important;
        background-color: #9dd4ca !important;
        border-radius: 0;
    }

        .week-picker-wrapper .datepicker .datepicker-days tr td.active ~ td:hover,
        .week-picker-wrapper .datepicker .datepicker-days tr td.active:hover {
            background-color: #9dd4ca !important;
            color: white !important;
        }

@media (max-width: 575px) {
    .week-picker-wrapper .datepicker .datepicker-days tbody tr:hover:after {
        display: none;
    }
}

html[dir=rtl] .week-picker-wrapper .datepicker table tr td:first-child {
    border-radius: 0 4px 4px 0 !important;
}

html[dir=rtl] .week-picker-wrapper .datepicker table tr td:last-child {
    border-radius: 4px 0 0 4px !important;
}

.schedule-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 20px;
    padding: 20px 0;
}

    .schedule-wrapper .calendar-inline {
        flex: 0 0 auto;
        width: 270px;
    }

        .schedule-wrapper .calendar-inline p {
            line-height: 20px;
        }

    .schedule-wrapper .schedule-slots {
        margin-top: 100px;
    }

        .schedule-wrapper .schedule-slots p {
            line-height: 20px;
        }

        .schedule-wrapper .schedule-slots .form-group .col-form-label {
            display: none;
        }

        .schedule-wrapper .schedule-slots .form-group ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .schedule-wrapper .schedule-slots .form-group ul li {
                margin: 0 7px 7px 0;
            }

                .schedule-wrapper .schedule-slots .form-group ul li label {
                    margin: 0;
                }

                    .schedule-wrapper .schedule-slots .form-group ul li label input {
                        pointer-events: none;
                        position: absolute;
                        opacity: 0;
                    }

                    .schedule-wrapper .schedule-slots .form-group ul li label .check-label {
                        cursor: pointer;
                        display: block;
                        padding: 10px;
                        margin: 0;
                        font-size: 18px;
                        line-height: 22px;
                        border: 1px solid #9dd4ca;
                        border-radius: 6px;
                        transition: all 0.15s;
                    }

                    .schedule-wrapper .schedule-slots .form-group ul li label input:checked ~ .check-label {
                        background: #68a2b9;
                        border-color: #68a2b9;
                        color: white;
                    }

html[dir=rtl] .schedule-wrapper .schedule-slots .form-group ul li {
    margin: 0 0 7px 7px;
}

    html[dir=rtl] .schedule-wrapper .schedule-slots .form-group ul li label .check-label {
        direction: ltr;
    }

.mobile-nav {
    display: none;
}

nav.navbar-main {
    position: fixed;
    top: 0;
    left: 0;
    padding: 15px 60px;
    height: 90px;
    width: 100%;
    background: white;
    z-index: 1099;
    box-shadow: 0 4px 13px rgba(225, 225, 225, 0.25);
}

    nav.navbar-main .navbar-toggler {
        padding: 5px;
        margin-right: 30px;
        color: #b2b2b2;
    }

        nav.navbar-main .navbar-toggler i {
            margin: 0;
        }

        nav.navbar-main .navbar-toggler:focus {
            box-shadow: none;
        }

    nav.navbar-main .navbar-brand {
        display: flex;
        align-items: center;
        padding: 0;
        margin-right: 30px;
        height: 80px;
    }

        nav.navbar-main .navbar-brand img {
            height: 100%;
        }

    nav.navbar-main .navbar-collapse {
        padding: 0 30px;
        padding: 0 25px;
    }

        nav.navbar-main .navbar-collapse ul.navbar-nav {
            padding: 0;
        }

            nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link {
                padding: 8px 0;
                margin: 0 15px;
                color: #575858;
                font-size: 16px;
            }

                nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link.active {
                    font-weight: bold;
                    text-decoration: underline;
                }

                nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link.dropdown-toggle.active {
                    text-decoration: none;
                }

                    nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link.dropdown-toggle.active span {
                        text-decoration: underline;
                    }

    nav.navbar-main .nav-tools {
        position: relative;
        display: grid;
        grid-auto-flow: column;
        align-items: center;
        column-gap: 40px;
    }

        nav.navbar-main .nav-tools:before {
            content: "";
            height: 20px;
            border-left: 1px solid #9dd4ca;
        }

        nav.navbar-main .nav-tools.no-border:before {
            display: none;
        }

        nav.navbar-main .nav-tools .nav-tools-menu {
            display: grid;
            grid-auto-flow: column;
            column-gap: 30px;
        }

        nav.navbar-main .nav-tools .nav-item {
            color: #575858;
            text-decoration: none;
        }

            nav.navbar-main .nav-tools .nav-item:hover, nav.navbar-main .nav-tools .nav-item:focus {
                text-decoration: none;
            }

            nav.navbar-main .nav-tools .nav-item i {
                font-size: 22px;
                vertical-align: text-bottom;
                color: #68a2b9;
            }

            nav.navbar-main .nav-tools .nav-item.active {
                font-weight: bold;
                text-decoration: underline;
            }

        nav.navbar-main .nav-tools .dropdown-menu {
            position: absolute;
            display: block;
            opacity: 0;
            visibility: hidden;
            transform: translateX(10px);
            transition: all 0.3s;
            /*Added by Umair*/
            /*border-radius: 30px 0 30px 30px !important;*/
            /*left: auto;
  right: 0;*/
        }

            nav.navbar-main .nav-tools .dropdown-menu:before, nav.navbar-main .nav-tools .dropdown-menu:after {
                display: none !important;
            }

            nav.navbar-main .nav-tools .dropdown-menu.show {
                opacity: 1;
                visibility: visible;
                transform: translateX(0px);
            }

        nav.navbar-main .nav-tools .dropdown-notifications .btn-bell {
            background: none;
            border: none;
        }

        nav.navbar-main .nav-tools .dropdown-notifications .dropdown-menu {
            margin-top: 15px;
            padding: 30px;
        }

            nav.navbar-main .nav-tools .dropdown-notifications .dropdown-menu:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                border-style: solid;
                border-width: 0 16px 16px 0;
                border-color: transparent #68a2b9 transparent transparent;
            }

        nav.navbar-main .nav-tools .dropdown-lang .btn-text {
            text-decoration: none;
        }

        nav.navbar-main .nav-tools .dropdown-account .btn-avatar {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0;
            height: 50px;
            width: 50px;
            background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
            border: none;
            border-radius: 0 25px 25px 25px;
            color: white;
            text-transform: uppercase;
            vertical-align: middle;
            overflow: hidden;
            height: 40px;
            width: 40px;
        }

            nav.navbar-main .nav-tools .dropdown-account .btn-avatar .img-avatar {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }

            nav.navbar-main .nav-tools .dropdown-account .btn-avatar.avatar-mask:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: block;
                background: #ededed;
                opacity: 0.3;
                z-index: 3;
            }

            nav.navbar-main .nav-tools .dropdown-account .btn-avatar.avatar-mask:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                display: block;
                border: none;
                background: url(../imgs/avatar_mask.svg) 100% 100%;
                mix-blend-mode: soft-light;
                opacity: 1;
                z-index: 3;
            }

        nav.navbar-main .nav-tools .dropdown-account .dropdown-menu {
            display: block;
            margin-top: 15px;
            padding: 20px 10px;
            min-width: 210px;
            max-height: calc(100vh - 120px);
            border: none;
            border-radius: 45px 0 30px 30px;
            box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
            scrollbar-color: #68a2b9 white;
            scrollbar-width: thin;
            overflow: auto;
        }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu::-webkit-scrollbar {
                width: 25px;
            }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu::-webkit-scrollbar-track {
                background: #ecf9f6;
                border: 10px solid white;
            }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu::-webkit-scrollbar-thumb {
                border: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }

                nav.navbar-main .nav-tools .dropdown-account .dropdown-menu::-webkit-scrollbar-thumb:hover {
                    border: 10px solid transparent;
                    background: #68a2b9;
                    background-clip: padding-box;
                }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu p {
                padding: 5px 10px;
                margin-bottom: 10px;
                font-size: 14px;
                text-transform: uppercase;
            }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu hr {
                margin: 20px 0;
                border-color: #9dd4ca;
                background-color: #9dd4ca;
                opacity: 1;
            }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu .nav-item {
                display: block;
                margin: 0;
                padding: 5px 10px;
                margin-bottom: 10px;
                border-radius: 6px;
                font-size: 14px;
                font-weight: bold;
                line-height: 20px;
                color: #575858;
            }

                nav.navbar-main .nav-tools .dropdown-account .dropdown-menu .nav-item:hover, nav.navbar-main .nav-tools .dropdown-account .dropdown-menu .nav-item:focus {
                    background: #ecf9f6;
                    text-decoration: none;
                }

            nav.navbar-main .nav-tools .dropdown-account .dropdown-menu .tools-menu {
                display: none;
            }

@media (max-width: 1399px) {
    nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link {
        margin: 0 10px;
    }

    nav.navbar-main .nav-tools {
        column-gap: 30px;
    }
}

@media (max-width: 1199px) {
    nav.navbar-main {
        height: 70px;
        padding: 10px 30px;
    }

        nav.navbar-main .navbar-brand {
            height: 50px;
        }

        nav.navbar-main .navbar-collapse {
            display: block;
            position: fixed;
            top: 80px;
            left: 30px;
            padding: 20px 0;
            width: 200px;
            background: white;
            border: none;
            border-radius: 0 30px 30px 30px;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
            z-index: 1050;
            opacity: 0;
            visibility: hidden;
            transform: translateX(-10px);
            transition: all 0.3s;
        }

            nav.navbar-main .navbar-collapse.show {
                opacity: 1;
                visibility: visible;
                transform: translateX(0px);
            }

            nav.navbar-main .navbar-collapse ul.navbar-nav .nav-item .nav-link {
                margin: 0;
                padding: 8px 20px;
            }

            nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu {
                position: absolute;
                top: -20px;
                left: 220px;
            }

                nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper {
                    min-width: fit-content;
                    border-radius: 30px;
                }

                    nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content {
                        padding: 25px 25px 30px 25px;
                    }

                        nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list {
                            position: relative;
                            grid-template-columns: 250px;
                            max-height: 350px;
                            overflow: auto;
                        }

                            nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list a {
                                padding-right: 20px;
                            }

                        nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .nav-title .view-all {
                            display: block;
                            margin: 5px 0 0;
                            width: fit-content;
                        }

                            nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .nav-title .view-all .view-all-mobile {
                                display: none;
                            }
}

@media (max-width: 991px) {
    nav.navbar-main .navbar-collapse {
        width: 220px;
    }

        nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu {
            left: 235px;
        }

            nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper {
                min-width: fit-content;
                border-radius: 30px;
            }

                nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills {
                    min-width: 170px;
                }

                nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content {
                    padding: 25px 25px 30px;
                }

                    nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list {
                        grid-template-columns: 220px;
                    }

    nav.navbar-main .nav-tools .nav-tools-menu {
        display: none;
    }

    nav.navbar-main .nav-tools .dropdown-account .dropdown-menu .tools-menu {
        display: block;
    }
}

@media (max-width: 699px) {
    nav.navbar-main {
        padding: 10px 15px;
        height: 60px;
    }

        nav.navbar-main .navbar-brand {
            height: 40px;
        }

        nav.navbar-main .nav-tools .nav-sign-up {
            display: none;
        }

        nav.navbar-main .nav-tools .log-in:not(:disabled):not(.disabled) {
            padding: 0;
            height: 40px;
            min-width: 0;
            color: #575858;
            background: none;
            text-shadow: none;
            box-shadow: none;
            transition: none;
        }

        nav.navbar-main .nav-tools .dropdown-account .btn-avatar {
            height: 40px;
            width: 40px;
        }
}

html[dir=rtl] nav.navbar-main .navbar-toggler {
    margin-right: initial;
    margin-left: 30px;
}

html[dir=rtl] nav.navbar-main .navbar-brand {
    margin-right: initial;
    margin-left: 30px;
}

html[dir=rtl] nav.navbar-main .nav-tools:before {
    border-left: none;
    border-right: 1px solid #9dd4ca;
}

html[dir=rtl] nav.navbar-main .nav-tools .dropdown-notifications .dropdown-menu:after {
    right: initial;
    left: 0;
}

html[dir=rtl] nav.navbar-main .nav-tools .dropdown-account .dropdown-menu {
    border-radius: 0 45px 30px 30px;
}

@media (max-width: 1199px) {
    html[dir=rtl] nav.navbar-main .navbar-collapse {
        left: initial;
        right: 30px;
        border-radius: 30px 0 30px 30px;
    }

        html[dir=rtl] nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu {
            left: initial;
            right: 220px;
        }

            html[dir=rtl] nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list a {
                padding-right: auto;
                padding-left: 20px;
            }
}

@media (max-width: 991px) {
    html[dir=rtl] nav.navbar-main .navbar-collapse ul.navbar-nav .mega-dropdown .mega-menu {
        right: 235px;
    }
}

@media (max-width: 575px) {
    body.no-nav-xs nav.navbar {
        display: none;
    }

    body.no-nav-xs main {
        padding-top: 30px;
    }

    .mobile-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        column-gap: 15px;
        margin: 0;
        padding: 5px 20px;
        height: 60px;
        background-color: #ecf9f6;
        z-index: 1099;
    }

        .mobile-nav .nav-title {
            font-weight: bold;
        }

        .mobile-nav .btn-back {
            display: block;
            width: 30px;
            height: 30px;
            background: url(../imgs/icons/icon_arrow_left.svg) 50% no-repeat;
            background-size: 12px auto;
        }

    .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane .sub-list a::after, .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .nav-item .nav-link::after, .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .dropdown-toggle-title::after, .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .nav-item .nav-link::after {
        content: "";
        display: block;
        margin-top: 10px;
        height: 1px;
        width: 100%;
        border-bottom: none;
        background: #9dd4ca;
    }

    nav.navbar-main {
        display: grid;
        grid-template-columns: auto 1fr auto;
        justify-content: unset;
        column-gap: 10px;
    }

        nav.navbar-main .nav-tools .view-all {
            display: none;
        }

        nav.navbar-main .navbar-brand {
            flex: 1 0 auto;
            margin: 0;
            width: fit-content;
            position: relative;
        }

            nav.navbar-main .navbar-brand::after {
                display: none;
            }

        nav.navbar-main .navbar-collapse {
            transition: opacity 0.3s, transform 0.3s;
            transform: translateX(0) translateY(0);
        }

        nav.navbar-main .navbar-toggler {
            margin-right: 0;
            overflow: hidden;
            width: 30px;
            border: none;
            transition: all 0.3s;
        }

        nav.navbar-main .close {
            display: none;
        }

        nav.navbar-main .nav-tools {
            padding: 0;
            column-gap: 20px;
        }
}

@media (max-width: 575px) and (max-width: 359px) {
    nav.navbar-main .nav-tools {
        column-gap: 10px;
    }
}

@media (max-width: 575px) {
    nav.navbar-main .nav-tools .dropdown-notifications .btn-bell {
        padding: 0;
        width: 22px;
    }
}

@media (max-width: 575px) {
    nav.navbar-main .nav-tools .dropdown-account .dropdown-menu {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        max-height: none;
        border-radius: 0;
        box-shadow: none;
        transition: opacity 0.3s, transform 0.3s;
    }
}

@media (max-width: 575px) {
    .logged-in-user-default nav.navbar-main .nav-tools::before {
        display: none;
    }

    .logged-in-user-default nav.navbar-main .nav-tools .nav-item .dropdown-lang {
        display: none;
    }
}

@media (max-width: 575px) {
    .main-menu-mobile {
        overflow: hidden;
    }

        .main-menu-mobile nav.navbar-main {
            display: flex;
            width: 100%;
            box-shadow: none;
        }

            .main-menu-mobile nav.navbar-main .close {
                display: flex;
                align-self: center;
                width: 30px;
                height: 30px;
                background-image: url(../imgs/icons/icon_close.svg);
                background-repeat: no-repeat;
                background-size: 17px auto;
                background-position: center;
                transform: rotate(-180deg);
            }

            .main-menu-mobile nav.navbar-main .navbar-toggler {
                width: 0;
                padding: 0;
            }

            .main-menu-mobile nav.navbar-main .nav-tools {
                position: fixed;
                left: 0px;
                bottom: 0px;
                justify-content: space-between;
                padding: 20px;
                width: 100%;
                background-color: white;
                box-shadow: 0 -4px 13px rgba(225, 225, 225, 0.25);
                z-index: 9999;
            }

                .main-menu-mobile nav.navbar-main .nav-tools .sign-up {
                    display: unset;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .log-in:not(:disabled):not(.disabled) {
                    background-color: #9dd4ca;
                    color: white;
                    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
                    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                    padding: 10px 24px;
                    height: 42px;
                    min-width: 120px;
                }

                .main-menu-mobile nav.navbar-main .nav-tools li:nth-child(1) {
                    display: none;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .nav-sign-up {
                    display: none;
                }

                .main-menu-mobile nav.navbar-main .nav-tools::before {
                    display: none;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .nav-item {
                    margin-left: 0px;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .dropdown-menu {
                    position: fixed;
                    bottom: 80px;
                    top: auto;
                    left: 0;
                    transform: translateX(0) translateY(0);
                    transition: opacity 0.3s, transform 0.3s;
                    border-radius: 0;
                    box-shadow: none;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .dropdown-lang .dropdown-menu {
                    padding: 20px;
                    border-top: 1px solid #9dd4ca;
                }

                    .main-menu-mobile nav.navbar-main .nav-tools .dropdown-lang .dropdown-menu .dropdown-item {
                        padding: 5px 0;
                    }

                .main-menu-mobile nav.navbar-main .nav-tools .dropdown-notifications .dropdown-menu {
                    padding: 20px;
                    border-top: 1px solid #9dd4ca;
                }

                .main-menu-mobile nav.navbar-main .nav-tools .dropdown-account.show .dropdown-menu.show {
                    top: 60px;
                }

            .main-menu-mobile nav.navbar-main .navbar-collapse {
                width: 100%;
                opacity: unset;
                visibility: visible;
                position: fixed;
                left: 0;
                top: 60px;
                border-radius: 0;
                height: calc(100vh - (100vh - 100%) - 140px);
                padding-top: 0px;
                overflow: auto;
                box-shadow: none;
            }

                .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .nav-item .nav-link {
                    font-size: 14px;
                    font-weight: bold;
                }

                    .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .nav-item .nav-link.active {
                        text-decoration: none;
                    }

                .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .dropdown-toggle-title {
                    display: block;
                    width: 100%;
                    background-image: url(../imgs/icons/icon_arrow_down.svg);
                    background-repeat: no-repeat;
                    background-size: 14px auto;
                    background-position: top 5px right;
                }

                    .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .dropdown-toggle-title.collapsed {
                        background: none;
                    }

                .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle::after {
                    display: none;
                }

                .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills {
                    display: none;
                    padding: 10px 0 10px 20px;
                }

                    .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .btn:not(:disabled):not(.disabled).btn-link {
                        border: none;
                        padding-top: 10px;
                        padding-bottom: 5px;
                    }

                        .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .btn:not(:disabled):not(.disabled).btn-link span {
                            text-decoration: none;
                        }

                    .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .nav-item .nav-link {
                        padding: 8px 0px;
                        font-size: 14px;
                        font-weight: bold;
                        background-color: transparent;
                        background-image: url(../imgs/icons/icon_arrow_right.svg);
                        background-position: right top 9px;
                        background-size: 10px auto;
                        background-repeat: no-repeat;
                    }

                    .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .nav-title {
                        display: none;
                    }
}

@media (max-width: 575px) {
    .expandable-menu-mobile nav.navbar-main {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

        .expandable-menu-mobile nav.navbar-main .navbar-toggler {
            display: none;
        }

        .expandable-menu-mobile nav.navbar-main .navbar-brand {
            display: none;
        }

        .expandable-menu-mobile nav.navbar-main .nav-tools {
            justify-content: stretch;
            flex-direction: unset;
        }

            .expandable-menu-mobile nav.navbar-main .nav-tools li.nav-item {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-item .log-in {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-item .sign-up {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-item .dropdown-lang {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-item .dropdown-notifications {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-item .dropdown-account {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .nav-fav {
                display: none;
            }

            .expandable-menu-mobile nav.navbar-main .nav-tools .view-all {
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 42px;
                border-radius: 0 21px 21px 21px;
                border-color: transparent;
                width: 100%;
            }

                .expandable-menu-mobile nav.navbar-main .nav-tools .view-all > span {
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .expandable-menu-mobile nav.navbar-main .nav-tools .view-all .view-all-mobile {
                    display: inline;
                }

                .expandable-menu-mobile nav.navbar-main .nav-tools .view-all i {
                    display: none;
                }

        .expandable-menu-mobile nav.navbar-main .polygon {
            position: relative;
            left: 0;
            top: 0;
            width: 30px;
            height: 30px;
            background: url(../imgs/icons/icon_arrow_left.svg) center no-repeat;
            background-size: 12px auto;
        }

        .expandable-menu-mobile nav.navbar-main .nav-title {
            margin: 0;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            line-height: 1.2;
        }

            .expandable-menu-mobile nav.navbar-main .nav-title .challenges {
                display: none;
            }

        .expandable-menu-mobile nav.navbar-main .navbar-collapse {
            padding: 0;
        }

            .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content {
                position: fixed;
                top: 0;
                left: 0;
                padding: 8px 20px;
                background-color: white;
                width: 100%;
                overflow: scroll;
                height: calc(100vh - (100vh - 100%));
                animation: show 0.3s ease;
            }

                .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane {
                    transition: none;
                }

                    .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane .sub-list {
                        grid-template-columns: none;
                        max-height: unset;
                        -ms-overflow-style: none;
                        scrollbar-width: none;
                        /* Firefox */
                    }

                        .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane .sub-list::-webkit-scrollbar {
                            display: none;
                        }

                        .expandable-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane .sub-list a {
                            padding: 8px 0px;
                        }
}

html[dir=rtl] .mobile-nav .btn-back {
    transform: scaleX(-1);
}

html[dir=rtl] .main-menu-mobile nav.navbar-main .nav-tools {
    left: initial;
    right: 0;
}

    html[dir=rtl] .main-menu-mobile nav.navbar-main .nav-tools .nav-item {
        margin-left: initial;
        margin-right: 0;
    }

    html[dir=rtl] .main-menu-mobile nav.navbar-main .nav-tools .dropdown-menu {
        left: initial;
        right: 0;
    }

html[dir=rtl] .main-menu-mobile nav.navbar-main .navbar-collapse {
    left: initial;
    right: 0;
    border-radius: 0;
}

    html[dir=rtl] .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .dropdown-toggle-title {
        background-position: top 5px left;
    }

    html[dir=rtl] .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills {
        padding: 10px 20px 10px 0;
    }

        html[dir=rtl] .main-menu-mobile nav.navbar-main .navbar-collapse .navbar-nav .mega-dropdown a.dropdown-toggle .nav-pills .nav-item .nav-link {
            background-image: url(../imgs/icons/icon_arrow_left.svg);
            background-position: left top 9px;
        }

html[dir=rtl] .expandable-menu-mobile nav.navbar-main .nav-tools .view-all {
    border-radius: 21px 0 21px 21px;
}

html[dir=rtl] .expandable-menu-mobile nav.navbar-main .polygon {
    transform: scaleX(-1);
}

@media (max-width: 575px) {
    html[dir=rtl] nav.navbar-main .navbar-toggler {
        margin-left: 0;
    }

    html[dir=rtl] nav.navbar-main .navbar-brand {
        margin: 0;
    }

    html[dir=rtl] .main-menu-mobile nav.navbar-main .nav-tools .dropdown-menu {
        left: 0;
        right: 0;
    }
}

.navbar-collapse .mega-dropdown .mega-menu {
    pointer-events: none;
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
}

    .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper {
        pointer-events: initial;
        display: flex;
        flex-wrap: nowrap;
        margin: 0 auto;
        width: 75%;
        min-width: 1110px;
        background: white;
        border: none;
        border-radius: 0 30px 30px 30px;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
        /*&:before {
      position: absolute;
      content: "";
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
      width: 100%;
      width: 75%;
      min-width: 1110px;
      height: 100%;
      height: calc(100vh - 95px);
      background: white;
      box-shadow: $shadowMedium;
      z-index: -1;
      border-radius: 0 30px 30px 30px;
  }*/
    }

        .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-title {
            margin-bottom: 30px;
            font-size: 15px;
            font-weight: bold;
            text-transform: uppercase;
            color: #575858;
        }

        .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills {
            padding: 25px 0 30px;
            min-width: 240px;
            border-right: 1px solid #9dd4ca;
        }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills .nav-title {
                padding: 0 25px;
            }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills .nav-item {
                margin-bottom: 10px;
            }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills .nav-item .nav-link {
                    margin: 0;
                    padding: 6px 25px;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 20px;
                    color: #575858;
                }

                    .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills .nav-item .nav-link.active {
                        background-color: #ecf9f6;
                        text-decoration: none;
                    }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills .view-all {
                margin-top: 5px;
                padding: 6px 25px;
                text-align: start;
                color: #575858;
            }

        .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content {
            flex: 1 1 auto;
            padding: 25px 40px 30px;
        }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .nav-title .view-all {
                margin-left: 5px;
                padding: 0;
                text-transform: none;
                color: #575858;
                vertical-align: baseline;
            }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .nav-title .view-all .view-all-mobile {
                    display: none;
                }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane {
                overflow-y: scroll !important;
                max-height: calc(100vh - 150px);
                /* Track */
                /* Handle */
                /* Handle on hover */
            }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane::-webkit-scrollbar {
                    width: 4px;
                }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane::-webkit-scrollbar-track {
                    background: transparent;
                    border-radius: 2px;
                    border: 2px solid transparent;
                }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane::-webkit-scrollbar-thumb {
                    background: #9dd4ca;
                    border-radius: 2px;
                }

                    .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .tab-pane::-webkit-scrollbar-thumb:hover {
                        background: #9dd4ca;
                    }

            .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list {
                /*display: grid;
  grid-template-columns: minmax(auto, 250px) minmax(auto, 250px) minmax(auto, 250px);
  column-gap: 15px;*/
                /* Hide scrollbar for IE, Edge and Firefox */
                -ms-overflow-style: none;
                /* IE and Edge */
                scrollbar-width: none;
                /* Firefox */
                /*-webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;*/
                /*display: flex;
  flex-wrap: wrap;
  flex: 1 0 33%;
  flex-direction: column;*/
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
            }

                .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list a {
                    padding: 6px 0;
                    font-size: 14px;
                    font-weight: bold;
                    line-height: 20px;
                    color: #575858;
                }

                    .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list a:hover, .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .sub-list a:focus {
                        color: #68a2b9;
                        text-decoration: none;
                    }

html[dir=rtl] .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .nav-pills {
    border-right: initial;
    border-left: 1px solid #9dd4ca;
}

html[dir=rtl] .navbar-collapse .mega-dropdown .mega-menu .mega-menu-wrapper .tab-content .nav-title .view-all {
    margin-left: initial;
    margin-right: 5px;
}

footer.footer {
    padding: 40px 0 60px;
    background-color: rgba(229, 229, 229, 0.3);
}

    footer.footer .footer-wrapper {
        /*By Umair*/
    }

        footer.footer .footer-wrapper .footer-brand img {
            height: 140px;
            width: auto;
        }

        footer.footer .footer-wrapper .footer-brand > .social-icons {
            display: none;
        }

        footer.footer .footer-wrapper .footer-nav {
            flex: 1 1 auto;
            display: grid;
            column-gap: 15px;
            grid-template-columns: repeat(4, 1fr);
        }

            footer.footer .footer-wrapper .footer-nav .footer-nav-list {
                margin-bottom: 20px;
            }

                footer.footer .footer-wrapper .footer-nav .footer-nav-list .nav-title {
                    font-size: 14px;
                    line-height: 24px;
                    font-weight: bold;
                    text-transform: uppercase;
                }

                footer.footer .footer-wrapper .footer-nav .footer-nav-list .nav-link {
                    padding: 5px 0;
                    width: 100%;
                    border: none;
                    background: none;
                    font-size: 14px;
                    line-height: 24px;
                    text-align: initial;
                    color: #575858;
                }

                    footer.footer .footer-wrapper .footer-nav .footer-nav-list .nav-link:hover {
                        color: #68a2b9;
                    }

                footer.footer .footer-wrapper .footer-nav .footer-nav-list .dropdown-menu {
                    position: absolute;
                    display: block;
                    opacity: 0;
                    visibility: hidden;
                    transform: translateX(10px);
                    transition: all 0.3s;
                }

                    footer.footer .footer-wrapper .footer-nav .footer-nav-list .dropdown-menu.show {
                        opacity: 1;
                        visibility: visible;
                        transform: translateX(0px);
                    }

                footer.footer .footer-wrapper .footer-nav .footer-nav-list .btn {
                    margin: 10px 0;
                }

        footer.footer .footer-wrapper .social-icons {
            display: grid;
            grid-auto-flow: column;
            column-gap: 15px;
            margin-top: 10px;
            width: fit-content;
        }

            footer.footer .footer-wrapper .social-icons .social-link {
                color: #575858;
                font-size: 20px;
            }

                footer.footer .footer-wrapper .social-icons .social-link:last-of-type {
                    margin-right: 0;
                }

                footer.footer .footer-wrapper .social-icons .social-link:hover {
                    color: #68a2b9;
                }

    footer.footer .footer-emergency {
        text-align: center;
    }

        footer.footer .footer-emergency p {
            margin: 40px 0 0;
            font-size: 14px;
        }

        footer.footer .footer-emergency a {
            font-weight: bold;
            color: #e06f85;
            text-decoration: underline;
        }

@media (max-width: 1199px) {
    footer.footer .footer-wrapper .footer-brand {
        min-width: 280px;
    }
}

@media (max-width: 991px) {
    footer.footer .footer-wrapper {
        flex-direction: column;
    }

        footer.footer .footer-wrapper .footer-brand {
            order: 2;
            margin-top: 40px;
            text-align: center;
        }

            footer.footer .footer-wrapper .footer-brand .social-icons {
                margin: 0 auto 25px;
                display: grid;
            }

        footer.footer .footer-wrapper .list-about .social-icons {
            display: none;
        }
}

@media (max-width: 575px) {
    footer.footer .footer-wrapper .footer-nav {
        grid-template-columns: repeat(2, minmax(auto, 130px));
        justify-content: center;
        column-gap: 30px;
    }

        footer.footer .footer-wrapper .footer-nav .list-about {
            order: 1;
        }

        footer.footer .footer-wrapper .footer-nav .list-specialists {
            order: 2;
        }

        footer.footer .footer-wrapper .footer-nav .list-clients {
            order: 3;
        }

        footer.footer .footer-wrapper .footer-nav .list-support {
            order: 4;
        }

    footer.footer .footer-emergency p {
        font-size: 12px;
    }
}

.nav.nav-tabs {
    position: relative;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: min-content;
    column-gap: 30px;
    margin: 30px 0 60px;
    padding: 0;
    max-width: 100%;
    border-bottom: 1px solid #9dd4ca;
}

    .nav.nav-tabs.ps--active-x .ps__rail-x .ps__thumb-x {
        bottom: 0;
        height: 5px;
        border-radius: 0;
    }

    .nav.nav-tabs .nav-item {
        margin-bottom: 0;
    }

        .nav.nav-tabs .nav-item .nav-link {
            position: relative;
            padding: 5px 1px 5px;
            margin-bottom: 10px;
            color: #575858;
            font-size: 18px;
            border: none;
            background: none;
            white-space: nowrap;
            transition: all 0.2s;
        }

            .nav.nav-tabs .nav-item .nav-link:after {
                content: "";
                pointer-events: none;
                position: absolute;
                left: 0;
                bottom: -10px;
                width: 100%;
                height: 5px;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                z-index: 2;
                opacity: 0;
                transition: all 0.2s;
            }

            .nav.nav-tabs .nav-item .nav-link.active {
                -webkit-text-stroke-width: 1px;
                -webkit-text-stroke-color: #575858;
            }

                .nav.nav-tabs .nav-item .nav-link.active:after {
                    opacity: 1;
                }

.tab-wrapper {
    /*display: flex;
  flex-wrap: nowrap;*/
}

    .tab-wrapper aside.tab-side {
        flex: 0 0 auto;
        /*margin-left: 30px;*/
        /*width: 270px;*/
    }

    .tab-wrapper .tab-content {
        flex: 1 1 auto;
    }

.tab-pane {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s;
}

    .tab-pane.show {
        opacity: 1;
        transform: translateY(0);
    }

.acnt-tab-wrapper-row .tab-content textarea,
.application-content-form .tab-content textarea {
    height: 258px;
}

.send-feedback-modal .modal-body form textarea {
    height: 258px;
}

@media (max-width: 1199px) {
    .nav.nav-tabs {
        column-gap: 20px;
    }

        .nav.nav-tabs.ps--active-x .ps__rail-x .ps__thumb-x {
            opacity: 0.6;
        }
}

@media (max-width: 991px) {
    .tab-wrapper {
        flex-direction: column;
    }

        .tab-wrapper aside.tab-side {
            margin-top: 50px;
            margin-left: 0;
            width: auto;
        }
}

@media (max-width: 575px) {
    .tab-wrapper aside.tab-side {
        margin-top: 30px;
    }

        .tab-wrapper aside.tab-side .btn-border {
            width: 100%;
        }
}

html[dir=rtl] .tab-wrapper aside.tab-side {
    margin-left: initial;
    margin-right: 30px;
}

@media (max-width: 991px) {
    html[dir=rtl] .tab-wrapper aside.tab-side {
        margin-left: initial;
        margin-right: 0;
    }
}

.pagination {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 100px;
    width: 100%;
}

    .pagination .step-links,
    .pagination .page-item {
        display: flex;
        justify-content: center;
        margin: 0 10px;
    }

        .pagination .step-links a,
        .pagination .page-item a {
            display: block;
            margin: 0 5px;
        }

        .pagination .step-links .page-link,
        .pagination .page-item .page-link {
            cursor: pointer;
            padding: 10px;
            margin: 0 5px;
            height: 40px;
            width: 40px;
            border-radius: 20px;
            font-size: 14px;
            font-weight: bold;
            line-height: 20px;
            text-align: center;
            text-decoration: none;
            color: #575858;
        }

            .pagination .step-links .page-link:hover,
            .pagination .page-item .page-link:hover {
                background-color: #ecf9f6;
            }

            .pagination .step-links .page-link.prev, .pagination .step-links .page-link.next,
            .pagination .page-item .page-link.prev,
            .pagination .page-item .page-link.next {
                border: 1px solid #68a2b9;
                color: #68a2b9;
            }

        .pagination .step-links.active .page-link,
        .pagination .page-item.active .page-link {
            cursor: default;
            background-color: #68a2b9;
            color: white;
        }

        .pagination .step-links.next .page-link, .pagination .step-links.next-page .page-link,
        .pagination .page-item.next .page-link,
        .pagination .page-item.next-page .page-link {
            border-radius: 0 20px 20px 20px;
            background-image: url(../imgs/icons/icon_arrow_right.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 10px auto;
        }

        .pagination .step-links.prev .page-link, .pagination .step-links.previous-page .page-link,
        .pagination .page-item.prev .page-link,
        .pagination .page-item.previous-page .page-link {
            border-radius: 20px 0 20px 20px;
            background-image: url(../imgs/icons/icon_arrow_left.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 10px auto;
        }

    .pagination .page-item {
        margin: 0;
    }

        .pagination .page-item.first, .pagination .page-item.last, .pagination .page-item.pageNumbers {
            display: none;
        }

        .pagination .page-item .page-link {
            border: none;
        }

        .pagination .page-item.prev .page-link, .pagination .page-item.previous-page .page-link, .pagination .page-item.jp-previous .page-link, .pagination .page-item.next .page-link, .pagination .page-item.jp-next .page-link, .pagination .page-item.next-page .page-link {
            border: 1px solid #68a2b9;
            color: transparent;
        }

        .pagination .page-item.disabled, .pagination .page-item.disable {
            display: none;
        }

    .pagination .btn-page {
        cursor: pointer;
        padding: 10px;
        margin: 0 5px;
        height: 40px;
        width: 40px;
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        text-decoration: none;
        color: #575858;
    }

        .pagination .btn-page:hover {
            background-color: #ecf9f6;
        }

        .pagination .btn-page.active {
            cursor: default;
            background-color: #68a2b9;
            color: white;
        }

        .pagination .btn-page.prev, .pagination .btn-page.next {
            border: 1px solid #68a2b9;
            color: #68a2b9;
        }

        .pagination .btn-page.next {
            border-radius: 0 20px 20px 20px;
            background-image: url(../imgs/icons/icon_arrow_right.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 10px auto;
        }

        .pagination .btn-page.prev {
            border-radius: 20px 0 20px 20px;
            background-image: url(../imgs/icons/icon_arrow_left.svg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 10px auto;
        }

@media (max-width: 991px) {
    .pagination {
        margin-top: 50px;
    }
}

.pagination > a {
    cursor: pointer;
    padding: 10px;
    margin: 0 5px;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    color: #575858;
}

    .pagination > a:hover {
        background-color: #ecf9f6;
        color: #575858;
    }

    .pagination > a.jp-next {
        border-radius: 0 20px 20px 20px;
        background-image: url(../imgs/icons/icon_arrow_right.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px auto;
        border: 1px solid #68a2b9;
        color: #68a2b9;
        color: transparent;
    }

    .pagination > a.jp-previous {
        border-radius: 20px 0 20px 20px;
        background-image: url(../imgs/icons/icon_arrow_left.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 10px auto;
        border: 1px solid #68a2b9;
        color: #68a2b9;
        color: transparent;
    }

    .pagination > a.jp-disabled {
        display: none;
    }

    .pagination > a.jp-current {
        cursor: default;
        background-color: #68a2b9;
        color: white;
    }

html[dir=rtl] .pagination .btn-page.next,
html[dir=rtl] .pagination .btn-page.prev {
    transform: scaleX(-1);
}

.wizard-steps {
    margin: 75px 0;
    padding: 50px 65px 50px 0;
}

    .wizard-steps .nav-item .nav-link {
        padding: 20px 25px;
        border-radius: 0 35px 35px 35px;
        font-size: 18px;
        color: #575858;
        transition: box-shadow 0.5s;
        background: none;
        border: none;
        width: 100%;
        text-align: left;
    }

        .wizard-steps .nav-item .nav-link i {
            margin-right: 0;
        }

        .wizard-steps .nav-item .nav-link .label {
            display: inline-block;
            margin-right: 20px;
            width: 30px;
            height: 30px;
            border-radius: 15px 15px 0 15px;
            background-color: #68a2b9;
            color: white;
            font-size: 16px;
            font-weight: bold;
            line-height: 30px;
            text-align: center;
            transition: all 0.5s;
        }

        .wizard-steps .nav-item .nav-link.active {
            background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
            color: white;
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
        }

            .wizard-steps .nav-item .nav-link.active .label {
                background: white;
                color: #68a2b9;
            }

        .wizard-steps .nav-item .nav-link.disabled {
            pointer-events: none;
            opacity: 0.5;
        }

@media (max-width: 1199px) {
    .wizard-steps {
        margin: 75px 0;
        padding: 50px 50px 50px 0;
    }
}

@media (max-width: 991px) {
    .wizard-steps {
        position: relative;
        top: 0;
        display: flex;
        flex-direction: row !important;
        justify-content: center;
        margin: 40px 0 0;
        padding: 0;
    }

        .wizard-steps .nav-item {
            display: flex;
            align-items: center;
        }

            .wizard-steps .nav-item:not(:last-of-type):after {
                content: "";
                display: block;
                margin: 0 10px;
                width: 10px;
                height: 1px;
                background: #575858;
            }

            .wizard-steps .nav-item .nav-link {
                padding: 10px;
            }

                .wizard-steps .nav-item .nav-link .label {
                    margin: 0;
                }

                .wizard-steps .nav-item .nav-link .text {
                    display: none;
                }

                .wizard-steps .nav-item .nav-link.active .label {
                    border-radius: 50%;
                }
}

@media (max-width: 699px) {
    .wizard-steps .nav-item:not(:last-of-type):after {
        margin: 0 5px;
        width: 5px;
    }

    .wizard-steps .nav-item .nav-link {
        padding: 5px;
    }
}

.articles-wrapper {
    margin: 30px 0;
}

    .articles-wrapper .article {
        display: flex;
        flex-wrap: nowrap;
        padding: 25px 0;
        border-top: 1px solid #9dd4ca;
    }

        .articles-wrapper .article .article-content {
            flex: 1 1 auto;
        }

            .articles-wrapper .article .article-content a {
                display: block;
                margin-bottom: 5px;
                color: #575858;
            }

                .articles-wrapper .article .article-content a h3 {
                    margin-bottom: 0;
                }

                .articles-wrapper .article .article-content a i {
                    font-size: 14px;
                    margin-left: 15px;
                    vertical-align: baseline;
                }

                .articles-wrapper .article .article-content a:hover {
                    color: #575858;
                }

        .articles-wrapper .article .article-tools {
            flex: 0 0 auto;
            padding-left: 30px;
        }

    .articles-wrapper.w-border .article:last-of-type {
        border-bottom: 1px solid #9dd4ca;
    }

.certificates-wrapper {
    margin: 30px 0;
}

    .certificates-wrapper .certificate {
        display: flex;
        flex-wrap: nowrap;
        padding: 25px 0;
        border-top: 1px solid #9dd4ca;
    }

        .certificates-wrapper .certificate .certificate-content {
            flex: 1 1 auto;
        }

            .certificates-wrapper .certificate .certificate-content h3 {
                margin-bottom: 5px;
            }

            .certificates-wrapper .certificate .certificate-content .file-viewer {
                font-size: 14px;
                color: #b2b2b2;
                text-decoration: underline;
            }

                .certificates-wrapper .certificate .certificate-content .file-viewer:hover, .certificates-wrapper .certificate .certificate-content .file-viewer:focus {
                    text-decoration: none;
                }

        .certificates-wrapper .certificate .certificate-tools {
            flex: 0 0 auto;
            padding-left: 30px;
        }

    .certificates-wrapper.w-border .article:last-of-type {
        border-bottom: 1px solid #9dd4ca;
    }

.reviews-wrapper {
    margin: 30px 0;
}

    .reviews-wrapper .review {
        display: flex;
        flex-wrap: nowrap;
        padding: 25px 0;
        margin: 0;
        border-top: 1px solid #9dd4ca;
        animation: show 0.3s ease;
    }

        .reviews-wrapper .review .review-avatar {
            flex: 0 0 auto;
            margin-right: 15px;
        }

            .reviews-wrapper .review .review-avatar .avatar {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                height: 50px;
                width: 50px;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                border: none;
                border-radius: 0 25px 25px 25px;
                color: white;
                text-transform: uppercase;
                vertical-align: middle;
                overflow: hidden;
            }

                .reviews-wrapper .review .review-avatar .avatar .img-avatar {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }

                .reviews-wrapper .review .review-avatar .avatar.avatar-mask:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    background: #ededed;
                    opacity: 0.3;
                    z-index: 3;
                }

                .reviews-wrapper .review .review-avatar .avatar.avatar-mask:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    border: none;
                    background: url(../imgs/avatar_mask.svg) 100% 100%;
                    mix-blend-mode: soft-light;
                    opacity: 1;
                    z-index: 3;
                }

        .reviews-wrapper .review .review-content {
            flex: 1 1 auto;
        }

            .reviews-wrapper .review .review-content .review-author {
                display: flex;
                align-items: center;
                margin-bottom: 15px;
            }

                .reviews-wrapper .review .review-content .review-author strong {
                    font-size: 14px;
                }

                .reviews-wrapper .review .review-content .review-author .rating-wrapper {
                    margin-left: 15px;
                    margin-bottom: 0;
                }

            .reviews-wrapper .review .review-content h3 {
                margin-bottom: 5px;
            }

            .reviews-wrapper .review .review-content a {
                font-size: 14px;
                color: #b2b2b2;
                text-decoration: underline;
            }

                .reviews-wrapper .review .review-content a:hover, .reviews-wrapper .review .review-content a:focus {
                    text-decoration: none;
                }

        .reviews-wrapper .review .review-tools {
            flex: 0 0 auto;
            display: flex;
            align-items: flex-end;
            padding-left: 30px;
        }

    .reviews-wrapper.w-border .review:last-of-type {
        border-bottom: 1px solid #9dd4ca;
    }

.review-load {
    padding: 30px 0;
    border-top: 1px solid #9dd4ca;
}

ol.list-drops {
    padding-left: 40px;
    counter-reset: hakkini-counter;
    list-style: none;
}

    ol.list-drops li {
        position: relative;
        margin-bottom: 10px;
        counter-increment: hakkini-counter;
        font-size: 16px;
        line-height: 26px;
    }

        ol.list-drops li:before {
            content: counter(hakkini-counter);
            position: absolute;
            top: 0;
            left: -34px;
            height: 26px;
            width: 26px;
            border-radius: 12px 12px 0 12px;
            font-weight: bold;
            text-align: center;
            line-height: 26px;
            color: white;
        }

    ol.list-drops.drops-primary li:before {
        background: #68a2b9;
    }

    ol.list-drops.drops-secondary li:before {
        background: #9dd4ca;
    }

ul.list-drops {
    padding-left: 40px;
    list-style: none;
}

    ul.list-drops li {
        position: relative;
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 26px;
    }

        ul.list-drops li:before {
            content: "";
            position: absolute;
            top: 3px;
            left: -40px;
            height: 20px;
            width: 20px;
            border-radius: 12px 12px 0 12px;
            font-weight: bold;
            text-align: center;
            line-height: 26px;
            color: white;
        }

    ul.list-drops.drops-primary li:before {
        background: #68a2b9;
    }

    ul.list-drops.drops-secondary li:before {
        background: #9dd4ca;
    }

ul.list-checks {
    padding-left: 40px;
    list-style: none;
}

    ul.list-checks li {
        position: relative;
        margin-bottom: 10px;
        line-height: 26px;
    }

        ul.list-checks li:before {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-weight: 700;
            position: absolute;
            top: 0;
            left: -40px;
            height: 26px;
            width: 26px;
            border-radius: 12px 12px 0 12px;
            text-align: center;
            line-height: 26px;
            color: white;
            background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        }

ul.list-bullets {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.list-bullets li {
        display: inline;
    }

        ul.list-bullets li:not(:last-of-type):after {
            content: " •";
            margin: 0 2px;
        }

.grid-list-wrapper {
    display: grid;
    grid-template-columns: 350px auto;
    column-gap: 25px;
    row-gap: 30px;
    align-items: center;
    margin-bottom: 80px;
}

    .grid-list-wrapper .list-point {
        display: grid;
        grid-template-columns: auto 1fr auto;
        column-gap: 10px;
        align-items: end;
        pointer-events: none;
        padding: 15px 25px;
        line-height: 26px;
        border-radius: 0 40px 40px 40px;
        background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        color: white;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    }

        .grid-list-wrapper .list-point span {
            margin-bottom: 0;
            line-height: 32px;
        }

@media (max-width: 991px) {
    .grid-list-wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

        .grid-list-wrapper .list-point {
            cursor: pointer;
            pointer-events: auto;
            display: grid;
            grid-template-columns: auto 1fr auto;
            background: linear-gradient(-90deg, #9dd1c8, #9dd1c8 59%, #9dd1c8 100%);
            transition: all 0.3s;
        }

            .grid-list-wrapper .list-point:after {
                content: "";
                display: block;
                justify-self: end;
                align-self: center;
                height: 20px;
                width: 20px;
                background-image: url(../imgs/icons/icon_plus_white.svg);
                background-position: center;
                background-repeat: no-repeat;
            }

            .grid-list-wrapper .list-point.collapsed {
                background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                background-position: 0 0;
            }

                .grid-list-wrapper .list-point.collapsed:after {
                    background-image: url(../imgs/icons/icon_minus_white.svg);
                }

        .grid-list-wrapper .list-text {
            display: none;
            margin-bottom: 20px;
            animation: show 0.3s ease;
        }

            .grid-list-wrapper .list-text.collapsed {
                display: block;
            }
}

@media (max-width: 575px) {
    .grid-list-wrapper .list-text {
        text-align: center;
    }
}

html[dir=rtl] .list-drops {
    padding-left: initial;
    padding-right: 50px;
}

    html[dir=rtl] .list-drops li:before {
        left: initial;
        right: -44px;
        border-radius: 12px 12px 12px 0;
    }

html[dir=rtl] ul.list-checks {
    padding-left: initial;
    padding-right: 40px;
}

    html[dir=rtl] ul.list-checks li:before {
        left: initial;
        right: -40px;
        border-radius: 12px 12px 12px 0;
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
    }

html[dir=rtl] .grid-list-wrapper .list-point.collapsed {
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

.session-wrapper {
    margin: 30px 0;
    border-bottom: 1px solid #9dd4ca;
}

    .session-wrapper .session-content {
        display: grid;
        grid-template-columns: auto 1fr auto;
        column-gap: 15px;
        margin-bottom: 15px;
    }

@media (max-width: 575.98px) {
    .session-wrapper .session-content {
        padding-bottom: 30px;
    }
}

.session-wrapper .session-content .session-icon img {
    height: auto;
    width: 70px;
}

.session-wrapper .session-content .session-info {
    flex: 1 1 auto;
}

    .session-wrapper .session-content .session-info h3 {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .session-wrapper .session-content .session-info p {
        margin: 0;
    }

.session-wrapper .session-content .session-switch .custom-switch {
    padding: 0;
}

.session-wrapper .session-content .session-switch .col-form-label {
    display: none;
}

.session-wrapper .card {
    margin-bottom: 30px;
}

    .session-wrapper .card .form-group:only-child {
        margin-bottom: 0;
    }

    .session-wrapper .card .form-group label {
        font-size: 18px;
        font-weight: bold;
    }

@media (max-width: 575.98px) {
    .session-wrapper .card .form-group label {
        font-size: 14px;
        font-weight: 400;
    }
}

.session-wrapper .card .form-group.row label {
    flex: 1 1 auto;
}

.session-wrapper .card .form-group.row .form-control {
    margin-left: auto;
    width: 100px;
}

.session-wrapper .card .form-group .custom-radio label {
    font-size: 14px;
    font-weight: normal;
}

html[dir=rtl] .session-wrapper .card .form-group.row .form-control {
    margin-left: initial;
    margin-right: auto;
}

.video-player {
    width: 100%;
}

    .video-player .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
    }

        .video-player .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .video-player .thumbnail-wrapper .video-thumbnail img {
        width: 100%;
        height: auto;
    }

    .video-player .thumbnail-wrapper .video-thumbnail.is-login {
        cursor: pointer;
        position: relative;
    }

        .video-player .thumbnail-wrapper .video-thumbnail.is-login img {
            opacity: 1;
            transition: opacity 0.3s;
        }

        .video-player .thumbnail-wrapper .video-thumbnail.is-login:after {
            content: "\f04b";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -25px 0 0 -25px;
            font-family: "Font Awesome 5 Free";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 50px;
            height: 50px;
            border-radius: 0 25px 25px 0;
            background: linear-gradient(0deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
            color: white;
            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
            transition: all 0.3s;
        }

        .video-player .thumbnail-wrapper .video-thumbnail.is-login:hover:after {
            opacity: 0;
        }

.active-video .video-player {
    margin-bottom: 15px;
    width: 100%;
}

    .active-video .video-player video {
        width: 100%;
    }

.active-video .video-description {
    margin-bottom: 30px;
}

@media (max-width: 699px) {
    .videos-wrapper-custom {
        width: 100%;
        display: flex !important;
    }
}

.videos-wrapper-custom {
    display: none;
}

.videos-wrapper-public {
    display: flex;
    flex-direction: column;
    height: 100%;
}

@media (max-width: 699px) {
    .videos-wrapper-public {
        display: none !important;
    }
}

.videos-wrapper-public .videos-card {
    border-radius: 6px;
    border: 1px solid rgba(157, 212, 202, 0.3);
    background: #f9fdfc;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
    overflow: auto;
    scrollbar-color: #68a2b9 #f9fdfc;
    scrollbar-width: thin;
    max-height: 430px;
}

    .videos-wrapper-public .videos-card::-webkit-scrollbar {
        width: 25px;
    }

    .videos-wrapper-public .videos-card::-webkit-scrollbar-track {
        background: #ecf9f6;
        border: 10px solid #f9fdfc;
    }

    .videos-wrapper-public .videos-card::-webkit-scrollbar-thumb {
        border: 10px solid transparent;
        background: #68a2b9;
        background-clip: padding-box;
    }

        .videos-wrapper-public .videos-card::-webkit-scrollbar-thumb:hover {
            border: 10px solid transparent;
            background: #68a2b9;
            background-clip: padding-box;
        }

    .videos-wrapper-public .videos-card .videos-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .videos-wrapper-public .videos-card .videos-list li .btn-video {
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 15px;
            align-items: center;
            padding: 20px;
            width: 100%;
            border: none;
            background: none;
            text-align: start;
            transition: all 0.3s;
        }

            .videos-wrapper-public .videos-card .videos-list li .btn-video:before {
                content: "\f04b";
                display: block;
                font-family: "Font Awesome 5 Free";
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                font-weight: 900;
                width: 30px;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-size: 20px;
                text-align: center;
                vertical-align: text-bottom;
            }

            .videos-wrapper-public .videos-card .videos-list li .btn-video.active {
                background: white;
            }

                .videos-wrapper-public .videos-card .videos-list li .btn-video.active:before {
                    content: "\f04c";
                    color: #575858;
                    background: none;
                    -webkit-background-clip: initial;
                    -webkit-text-fill-color: initial;
                }

            .videos-wrapper-public .videos-card .videos-list li .btn-video:hover {
                background: white;
            }

.videos-wrapper-profile {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .videos-wrapper-profile .videos-card {
        border-radius: 6px;
        border: 1px solid rgba(157, 212, 202, 0.3);
        background: #f9fdfc;
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
        overflow: auto;
        scrollbar-color: #68a2b9 #f9fdfc;
        scrollbar-width: thin;
        max-height: 430px;
    }

        .videos-wrapper-profile .videos-card::-webkit-scrollbar {
            width: 25px;
        }

        .videos-wrapper-profile .videos-card::-webkit-scrollbar-track {
            background: #ecf9f6;
            border: 10px solid #f9fdfc;
        }

        .videos-wrapper-profile .videos-card::-webkit-scrollbar-thumb {
            border: 10px solid transparent;
            background: #68a2b9;
            background-clip: padding-box;
        }

            .videos-wrapper-profile .videos-card::-webkit-scrollbar-thumb:hover {
                border: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }

        .videos-wrapper-profile .videos-card .videos-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .videos-wrapper-profile .videos-card .videos-list li .btn-video {
                display: grid;
                grid-template-columns: auto 1fr;
                column-gap: 15px;
                align-items: center;
                padding: 20px;
                width: 100%;
                border: none;
                background: none;
                text-align: start;
                transition: all 0.3s;
            }

                .videos-wrapper-profile .videos-card .videos-list li .btn-video:before {
                    content: "\f04b";
                    display: block;
                    font-family: "Font Awesome 5 Free";
                    -webkit-font-smoothing: antialiased;
                    display: inline-block;
                    font-style: normal;
                    font-variant: normal;
                    text-rendering: auto;
                    line-height: 1;
                    font-weight: 900;
                    width: 30px;
                    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    font-size: 20px;
                    text-align: center;
                    vertical-align: text-bottom;
                }

                .videos-wrapper-profile .videos-card .videos-list li .btn-video.active {
                    background: white;
                }

                    .videos-wrapper-profile .videos-card .videos-list li .btn-video.active:before {
                        content: "\f04c";
                        color: #575858;
                        background: none;
                        -webkit-background-clip: initial;
                        -webkit-text-fill-color: initial;
                    }

                .videos-wrapper-profile .videos-card .videos-list li .btn-video:hover {
                    background: white;
                }

.rating-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding: 5px 0;
    margin-bottom: 10px;
}

    .rating-wrapper .stars-wrapper {
        display: flex;
        margin-right: 15px;
        height: 15px;
    }

        .rating-wrapper .stars-wrapper .star {
            position: relative;
            display: block;
            margin-right: 5px;
            width: 15px;
            height: 100%;
            background: url(../imgs/icons/icon_star_empty.svg) no-repeat;
            background-position: left center;
            z-index: 0;
        }

            .rating-wrapper .stars-wrapper .star .star-progress {
                position: absolute;
                width: 0;
                height: 100%;
                background: url(../imgs/icons/icon_star_full.svg) no-repeat;
                background-size: auto 100%;
                background-position: left center;
                z-index: 1;
                opacity: 0;
                transition: opacity 0.5s 0.3s;
            }

                .rating-wrapper .stars-wrapper .star .star-progress.active {
                    opacity: 1;
                }

            .rating-wrapper .stars-wrapper .star:last-of-type {
                margin-right: 0;
            }

    .rating-wrapper .rating-counter {
        font-size: 14px;
        line-height: 1;
    }

.star-wrapper {
    display: flex;
    align-items: center;
    height: 30px;
}

    .star-wrapper p {
        margin: 0 5px 0 0;
        line-height: 25px;
    }

    .star-wrapper .rating-wrapper {
        margin: 0;
    }

        .star-wrapper .rating-wrapper .stars-wrapper {
            height: 20px;
        }

        .star-wrapper .rating-wrapper .star {
            width: 20px;
            height: 20px;
        }

        .star-wrapper .rating-wrapper .rating-counter {
            font-size: 18px;
            line-height: 20px;
            color: #b2b2b2;
        }

.show-more[data-collapsed][data-collapsed=true] .show-more-content {
    display: block;
    -webkit-line-clamp: initial !important;
}

.show-more[data-collapsed] .show-more-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.show-more[data-collapsed]:not(.active) .show-more-toggle {
    display: none;
}

#messages {
    padding: 0;
    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

    #messages:empty {
        display: none;
    }

    #messages .alert {
        margin: 0;
        padding: 15px 0;
        border: none;
        background: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: white;
    }

        #messages .alert:last-of-type {
            border-bottom: none;
        }

        #messages .alert .alert-wrapper {
            display: grid;
            grid-template-columns: auto 1fr auto;
            column-gap: 15px;
            align-items: center;
        }

            #messages .alert .alert-wrapper .icon-wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 30px;
                min-width: 30px;
            }

                #messages .alert .alert-wrapper .icon-wrapper i {
                    font-size: 22px;
                }

            #messages .alert .alert-wrapper .alertinner {
                font-size: 15px;
            }

                #messages .alert .alert-wrapper .alertinner p {
                    font-size: inherit;
                    margin: 0;
                }

                #messages .alert .alert-wrapper .alertinner a {
                    color: inherit;
                    text-decoration: underline;
                }

                    #messages .alert .alert-wrapper .alertinner a:hover {
                        text-decoration: none;
                    }

            #messages .alert .alert-wrapper .close {
                position: relative;
                top: 0;
                float: none;
                padding: 5px;
                font-size: 18px;
                line-height: 20px;
                text-shadow: none;
                color: white;
            }

@media (max-width: 575px) {
    #messages .alert-wrapper {
        grid-template-columns: auto 1fr;
        row-gap: 10px;
    }

        #messages .alert-wrapper .alerttools {
            margin-top: 15px;
            grid-column: 2/2;
        }

    #messages .alert-verify-emial .alert-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
    }

        #messages .alert-verify-emial .alert-wrapper .icon-wrapper {
            grid-column: 1;
            align-self: self-start;
        }

        #messages .alert-verify-emial .alert-wrapper .alertinner {
            grid-column: 2;
        }

        #messages .alert-verify-emial .alert-wrapper .alerttools {
            grid-column: 2;
            margin-top: 5px;
        }

            #messages .alert-verify-emial .alert-wrapper .alerttools form {
                display: flex;
            }

                #messages .alert-verify-emial .alert-wrapper .alerttools form .btn-white {
                    font-size: 12px;
                    width: 50%;
                }
}

#errormessages {
    padding: 0;
    background: linear-gradient(90deg, #FC575E, #80b6bf 59%, #90D5EC 100%);
}

    #errormessages:empty {
        display: none;
    }

    #errormessages .alert {
        margin: 0;
        padding: 15px 0;
        border: none;
        background: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        color: white;
    }

        #errormessages .alert:last-of-type {
            border-bottom: none;
        }

        #errormessages .alert .alert-wrapper {
            display: grid;
            grid-template-columns: auto 1fr auto;
            column-gap: 15px;
            align-items: center;
        }

            #errormessages .alert .alert-wrapper .icon-wrapper {
                display: flex;
                align-items: center;
                justify-content: center;
                min-height: 30px;
                min-width: 30px;
            }

                #errormessages .alert .alert-wrapper .icon-wrapper i {
                    font-size: 22px;
                }

            #errormessages .alert .alert-wrapper .alertinner {
                font-size: 15px;
            }

                #errormessages .alert .alert-wrapper .alertinner p {
                    font-size: inherit;
                    margin: 0;
                }

                #errormessages .alert .alert-wrapper .alertinner a {
                    color: inherit;
                    text-decoration: underline;
                }

                    #errormessages .alert .alert-wrapper .alertinner a:hover {
                        text-decoration: none;
                    }

            #errormessages .alert .alert-wrapper .close {
                position: relative;
                top: 0;
                float: none;
                padding: 5px;
                font-size: 18px;
                line-height: 20px;
                text-shadow: none;
                color: white;
            }

@media (max-width: 575px) {
    #errormessages .alert-wrapper {
        grid-template-columns: auto 1fr;
        row-gap: 10px;
    }

        #errormessages .alert-wrapper .alerttools {
            margin-top: 15px;
            grid-column: 2/2;
        }

    #errormessages .alert-verify-emial .alert-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
    }

        #errormessages .alert-verify-emial .alert-wrapper .icon-wrapper {
            grid-column: 1;
            align-self: self-start;
        }

        #errormessages .alert-verify-emial .alert-wrapper .alertinner {
            grid-column: 2;
        }

        #errormessages .alert-verify-emial .alert-wrapper .alerttools {
            grid-column: 2;
            margin-top: 5px;
        }

            #errormessages .alert-verify-emial .alert-wrapper .alerttools form {
                display: flex;
            }

                #errormessages .alert-verify-emial .alert-wrapper .alerttools form .btn-white {
                    font-size: 12px;
                    width: 50%;
                }
}

section.specialist-time .h1 {
    margin-bottom: 30px;
}

section.specialist-time .text-wrapper {
    margin-top: 80px;
}

section.specialist-time .img-wrapper {
    text-align: end;
}

    section.specialist-time .img-wrapper img {
        max-width: 490px;
    }

section.specialist-time .btn-primary {
    margin-top: 65px;
}

section.specialist-why {
    position: relative;
}

    section.specialist-why:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../imgs/patterns/patt_bl1.svg), url(../imgs/patterns/patt_r1.svg);
        background-size: 700px auto, 300px auto;
        background-repeat: no-repeat;
        background-position: left bottom, right 100px;
        z-index: -1;
    }

    section.specialist-why .h1 {
        margin-bottom: 25px;
    }

    section.specialist-why .cards-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 80px;
        row-gap: 40px;
        padding: 60px 30px;
        margin-bottom: 100px;
    }

        section.specialist-why .cards-wrapper .card {
            padding: 25px 40px;
            margin: 0;
            border-radius: 0 60px 60px 60px;
            box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
            border: none;
        }

section.specialist-technique .cards-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    row-gap: 40px;
    padding: 60px;
}

    section.specialist-technique .cards-wrapper .card {
        margin: 0;
        height: 100%;
        border-radius: 0 60px 60px 60px;
    }

        section.specialist-technique .cards-wrapper .card .list-wrapper.ps--active-y {
            padding: 0 15px;
            margin: 0 -15px 40px;
        }

    section.specialist-technique .cards-wrapper .sly-item:nth-of-type(2) .card-header {
        background: #9dd4ca !important;
    }

    section.specialist-technique .cards-wrapper .sly-item:nth-of-type(2) .list-drops li:before {
        background: #9dd4ca;
    }

section.specialist-link {
    padding-top: 180px;
}

    section.specialist-link .text-wrapper {
        margin-top: 55px;
    }

        section.specialist-link .text-wrapper .h1 {
            margin-bottom: 30px;
        }

section.specialist-process .h1 {
    margin-bottom: 25px;
}

section.specialist-process .btn-primary {
    margin-top: 25px;
}

section.specialist-process .cards-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 40px;
    justify-content: center;
    padding: 60px 0;
}

    section.specialist-process .cards-wrapper:before {
        content: url(../imgs/patterns/patt_lines.svg);
        position: absolute;
        top: 9px;
        left: -40px;
        pointer-events: none;
    }

    section.specialist-process .cards-wrapper .card {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 15px;
        align-content: start;
        margin: 0 auto;
        padding: 80px 30px;
        height: 360px;
        width: 360px;
        border: none;
        border-radius: 0 50% 50% 50%;
        background-image: linear-gradient(90deg, #9dd1c8 0%, #80b6bf 58.58%, #69a1b8 100%);
        background-size: 300%;
        background-position: 0 0;
    }

        section.specialist-process .cards-wrapper .card:nth-child(2) {
            background-position: 50% 0;
        }

        section.specialist-process .cards-wrapper .card:nth-child(3) {
            background-position: 100% 0;
        }

        section.specialist-process .cards-wrapper .card span {
            grid-row: 1/2 span;
            font-size: 144px;
            font-weight: bold;
            line-height: 100px;
        }

        section.specialist-process .cards-wrapper .card h3 {
            align-self: start;
        }

        section.specialist-process .cards-wrapper .card p {
            align-self: start;
        }

section.specialist-change {
    padding-bottom: 0;
}

    section.specialist-change .h1 {
        margin-bottom: 30px;
    }

    section.specialist-change .text-wrapper {
        margin-bottom: 60px;
    }

    section.specialist-change .img-wrapper {
        display: flex;
        justify-content: flex-end;
        transform: translateY(22px);
    }

        section.specialist-change .img-wrapper img {
            width: 150%;
        }

@media (max-width: 1199px) {
    section.specialist-why .cards-wrapper {
        padding: 60px 0;
        row-gap: 30px;
        column-gap: 30px;
    }

    section.specialist-process .cards-wrapper {
        column-gap: 15px;
        justify-content: unset;
        overflow-x: auto;
    }

        section.specialist-process .cards-wrapper .card {
            column-gap: 15px;
            align-content: start;
            padding: 30px 40px;
            height: 300px;
            width: 300px;
            border: none;
            border-radius: 0 50% 50% 50%;
        }

            section.specialist-process .cards-wrapper .card span {
                grid-row: 1;
                font-size: 60px;
                line-height: 48px;
            }

            section.specialist-process .cards-wrapper .card h3 {
                grid-row: 1;
                align-self: end;
                margin: 0;
            }

            section.specialist-process .cards-wrapper .card p {
                grid-row: 2;
                grid-column: 1/-1;
                align-self: start;
                margin-top: 10px;
            }
}

@media (max-width: 575px) {
    section.specialist-time .container .row .text-wrapper .btn-primary {
        width: 100%;
        margin-top: 20px;
    }

    section.specialist-why:before {
        background-image: unset;
    }

    section.specialist-why .cards-wrapper {
        grid-template-columns: unset;
        padding: 0;
        row-gap: 10px;
        margin-bottom: 50px;
    }

        section.specialist-why .cards-wrapper .card {
            display: flex;
            justify-content: center;
            padding: 10px 50px;
            min-height: 100px;
            border-radius: 0 50px 50px 50px;
            background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
            border: none;
        }

            section.specialist-why .cards-wrapper .card p {
                margin: 0;
                width: 100%;
            }

    section.specialist-technique .container .cards-wrapper {
        display: flex;
        flex-wrap: nowrap;
        grid-template-columns: unset;
        column-gap: 0;
        padding: 0 10px;
    }

        section.specialist-technique .container .cards-wrapper .sly-item {
            flex: 0 0 auto;
            width: 340px;
            padding: 0 5px;
        }

        section.specialist-technique .container .cards-wrapper .card {
            width: 100%;
        }

            section.specialist-technique .container .cards-wrapper .card .list-wrapper {
                position: relative;
                max-height: 390px;
                overflow: hidden;
            }

    section.specialist-technique .container .text-block-md {
        padding-bottom: 20px;
    }

    section.specialist-technique.for-specialist-technique .cards-wrapper .card {
        padding-right: 15px;
    }

        section.specialist-technique.for-specialist-technique .cards-wrapper .card .list-wrapper {
            overflow-y: scroll !important;
            margin-bottom: 40px;
            /* Track */
            /* Handle */
            /* Handle on hover */
        }

            section.specialist-technique.for-specialist-technique .cards-wrapper .card .list-wrapper::-webkit-scrollbar {
                width: 4px;
            }

            section.specialist-technique.for-specialist-technique .cards-wrapper .card .list-wrapper::-webkit-scrollbar-track {
                background: transparent;
                border-radius: 2px;
                border: 2px solid transparent;
            }

            section.specialist-technique.for-specialist-technique .cards-wrapper .card .list-wrapper::-webkit-scrollbar-thumb {
                background: #9dd4ca;
                border-radius: 2px;
            }

                section.specialist-technique.for-specialist-technique .cards-wrapper .card .list-wrapper::-webkit-scrollbar-thumb:hover {
                    background: #9dd4ca;
                }

    section.specialist-link.p-md {
        padding-top: 100px;
    }

        section.specialist-link.p-md .container .text-wrapper {
            margin-top: 0;
        }

            section.specialist-link.p-md .container .text-wrapper .h1 {
                margin-bottom: 15px;
            }

    section.specialist-process .container .cards-wrapper {
        grid-template-columns: unset;
        margin-bottom: 15px;
        padding: 0;
    }

        section.specialist-process .container .cards-wrapper .card {
            margin-bottom: 15px;
        }

    section.specialist-process .container .btn-primary {
        width: 100%;
        margin-top: 15px;
    }

    section.specialist-change .img-wrapper {
        transform: scaleX(-1);
        margin-bottom: 25px;
    }

    section.specialist-change .text-wrapper {
        margin-bottom: 50px;
    }

        section.specialist-change .text-wrapper .h1 {
            margin-bottom: 25px;
        }

    .bottom-bar {
        padding: 10px 0;
    }
}

html[dir=rtl] section.specialist-why:before {
    transform: scaleX(-1);
}

html[dir=rtl] section.specialist-process .cards-wrapper:before {
    left: initial;
    right: -40px;
}

html[dir=rtl] section.specialist-why .cards-wrapper .card,
html[dir=rtl] section.specialist-technique .cards-wrapper .card {
    border-radius: 60px 0 60px 60px;
}

html[dir=rtl] section.specialist-process .cards-wrapper .card {
    border-radius: 50% 0 50% 50%;
}

@media (max-width: 575px) {
    html[dir=rtl] section.specialist-why .cards-wrapper .card {
        border-radius: 50px 0 50px 50px;
    }

    html[dir=rtl] section.specialist-technique .container .cards-wrapper .card .list-wrapper.ps--active-y .ps__rail-y {
        right: 310px !important;
    }
}

main.application .wizard-steps {
    position: -webkit-sticky;
    /* for Safari */
    position: sticky;
    top: 90px;
}

main.application .application-form {
    padding-left: 65px;
    max-width: 560px;
    min-height: 800px;
}

    main.application .application-form #form_step_2 #id_description {
        padding: 10px 20px;
        font-size: 18px;
    }

@media (max-width: 1199px) {
    main.application .wizard-steps {
        position: -webkit-sticky;
        /* for Safari */
        position: sticky;
        top: 90px;
    }

    main.application .application-form {
        padding-left: 50px;
    }
}

@media (max-width: 991px) {
    main.application .application-form {
        padding-left: 0;
        max-width: none;
    }
}

@media (max-width: 575px) {
    .application .page .content {
        padding: 20px 0 40px;
    }

    .application .page .application-form {
        min-height: unset;
        padding-bottom: 0;
    }

        .application .page .application-form #content_inner .text-small {
            font-size: 14px;
        }

        .application .page .application-form #form_step_1 .group-id_avatar {
            margin-bottom: 45px;
        }

        .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload {
            display: grid;
            grid-template-columns: 1fr;
            text-align: center;
            margin-bottom: 15px;
        }

            .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .avatar-drop {
                margin-right: 0;
                margin-bottom: 25px;
                justify-self: center;
                width: 200px;
                height: 200px;
                border-radius: 0 100px 100px 100px;
            }

                .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .avatar-drop:after {
                    border-radius: 0 100px 100px 100px;
                }

            .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .info {
                margin: 5px auto 0;
                max-width: 260px;
            }

                .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .info p {
                    line-height: 1.5;
                }

                .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .info .text-small:not(.text-muted) {
                    font-weight: bold;
                }

                .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .info .btn {
                    margin-top: 15px;
                }

            .application .page .application-form #form_step_1 .dropzone-upload.avatar-upload .step-one-next-btn {
                margin-top: 40px;
            }

        .application .page .application-form #form_step_2 #id_description {
            font-size: 14px;
        }

        .application .page .application-form #form_step_5 .card {
            padding: 0;
            border: 1px solid transparent;
            transition: all 0.3s;
        }

            .application .page .application-form #form_step_5 .card .h3 {
                display: flex;
                justify-content: space-between;
                padding: 15px;
                font-size: 14px;
                border-radius: 6px;
                background-color: #ecf9f6;
                margin-bottom: 0;
            }

            .application .page .application-form #form_step_5 .card .card-content {
                display: none;
            }

            .application .page .application-form #form_step_5 .card .form-group {
                padding: 10px 15px;
                margin: 0;
            }

            .application .page .application-form #form_step_5 .card .card-solid {
                background-color: unset;
                color: initial;
                padding: 10px 15px;
                border: unset;
            }

                .application .page .application-form #form_step_5 .card .card-solid .form-group {
                    margin-top: 5px;
                    padding: 0;
                }

                .application .page .application-form #form_step_5 .card .card-solid .card-info .card-text-info {
                    line-height: 1.5;
                }

                .application .page .application-form #form_step_5 .card .card-solid .card-info .btn-pop {
                    flex: 0 0 auto;
                    background-image: url(../imgs/icons/icon_info_outline.svg);
                }

            .application .page .application-form #form_step_5 .card .polygon {
                pointer-events: none;
                content: url(../imgs/icons/icon_arrow_right.svg);
                width: 12px;
            }

            .application .page .application-form #form_step_5 .card .polygon-down {
                content: url(../imgs/icons/icon_arrow_right.svg);
                transform: rotate(90deg);
            }

        .application .page .application-form #form_step_5 .open-card {
            border: 1px solid #68a2b9;
        }

            .application .page .application-form #form_step_5 .open-card .h3 {
                border-radius: 6px 6px 0 0;
            }

    .bottom-bar.bar-sticky .bottom-bar-wrapper.application-change .btn-white {
        background-color: #9dd4ca !important;
        border-color: #9dd4ca !important;
    }

    .application-feedback img {
        width: 115px;
        margin-bottom: 10px !important;
    }

    .application-feedback .h1 {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.5;
    }

    .application-feedback .btn-primary {
        width: 100%;
    }
}

.practitioner-general {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto 1fr;
    column-gap: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9dd4ca;
}

    .practitioner-general .practitioner-avatar {
        grid-column: 1/1;
        grid-row: 1/span 2;
        flex: 0 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 110px;
        width: 110px;
        border-radius: 0 55px 55px 55px;
        overflow: hidden;
    }

        .practitioner-general .practitioner-avatar:after {
            content: "";
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            border-radius: 0 55px 55px 55px;
            border: 1px dashed #575858;
        }

        .practitioner-general .practitioner-avatar.avatar-mask:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #ededed;
            opacity: 0.3;
            z-index: 3;
        }

        .practitioner-general .practitioner-avatar.avatar-mask:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            display: block;
            border: none;
            background: url(../imgs/avatar_mask.svg) 100% 100%;
            mix-blend-mode: soft-light;
            opacity: 1;
            z-index: 3;
        }

        .practitioner-general .practitioner-avatar img {
            position: relative;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 2;
            background-color: white;
        }

            .practitioner-general .practitioner-avatar img.avatar-default {
                width: 75px;
                height: 75px;
            }

    .practitioner-general .practitioner-name h2 a {
        color: inherit;
        text-decoration: none;
    }

    .practitioner-general .practitioner-name .h3 {
        margin-bottom: 20px;
        font-size: 25px;
        line-height: 36px;
    }

    .practitioner-general .practitioner-text {
        grid-column: 2/-1;
        grid-row: 2/2;
        flex: 1 1 auto;
    }

        .practitioner-general .practitioner-text .bullet {
            margin: 0 2px;
        }

    .practitioner-general .practitioner-tools {
        grid-column: 3/3;
        grid-row: 1/1;
        flex: 0 0 auto;
        display: flex;
        flex-wrap: nowrap;
        align-items: baseline;
    }

        .practitioner-general .practitioner-tools button,
        .practitioner-general .practitioner-tools a {
            margin-left: 20px;
        }

            .practitioner-general .practitioner-tools button:first-child,
            .practitioner-general .practitioner-tools a:first-child {
                margin-left: 0;
            }

    .practitioner-general .show-more-custom {
        grid-column: 7/1;
        grid-row: 4;
    }

.practitioner-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    column-gap: 30px;
    padding: 10px 0;
}

    .practitioner-details .details-wrapper {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 30px;
    }

        .practitioner-details .details-wrapper .details-icon .img-icon {
            width: 60px;
            height: auto;
        }

        .practitioner-details .details-wrapper .show-more .show-more-toggle {
            margin-top: 8px;
            text-decoration: underline;
        }

            .practitioner-details .details-wrapper .show-more .show-more-toggle:hover {
                text-decoration: none;
            }

.practitioner-rating {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .practitioner-rating h2 {
        margin-bottom: 0;
    }

    .practitioner-rating .star-wrapper {
        margin-left: 15px;
    }

.practitioner-offer {
    padding: 50px 0;
    border-top: 1px solid #9dd4ca;
}

    .practitioner-offer .practitioner-badges {
        display: flex;
        flex-wrap: wrap;
        align-items: top;
    }

        .practitioner-offer .practitioner-badges .badges-wrapper {
            flex: 1 1 auto;
            margin-bottom: 15px;
        }

            .practitioner-offer .practitioner-badges .badges-wrapper .badge {
                margin-right: 5px;
                margin-bottom: 5px;
            }

    .practitioner-offer .practitioner-prices {
        display: grid;
        grid-template-columns: 160px 1fr 160px 100px;
        margin-top: 25px;
    }

        .practitioner-offer .practitioner-prices .product-row {
            display: contents;
            font-size: 14px;
        }

            .practitioner-offer .practitioner-prices .product-row > div {
                display: flex;
                align-items: center;
                padding: 10px 5px;
                border-top: 1px solid #9dd4ca;
            }

                .practitioner-offer .practitioner-prices .product-row > div:first-of-type {
                    padding-left: 0;
                }

            .practitioner-offer .practitioner-prices .product-row:last-of-type > div {
                border-bottom: 1px solid #9dd4ca;
            }

            .practitioner-offer .practitioner-prices .product-row .product-name {
                grid-column: 1;
                font-weight: bold;
            }

            .practitioner-offer .practitioner-prices .product-row .product-saving {
                grid-column: 2;
            }

            .practitioner-offer .practitioner-prices .product-row .product-price {
                grid-column: 3;
            }

            .practitioner-offer .practitioner-prices .product-row .product-price-total {
                grid-column: 4;
                font-size: 18px;
                font-weight: bold;
            }

.practitioner-offer-custom {
    padding: 30px 0;
    border-top: 1px solid #9dd4ca;
}

    .practitioner-offer-custom .practitioner-badges {
        display: flex;
        flex-wrap: wrap;
        align-items: top;
    }

        .practitioner-offer-custom .practitioner-badges .badges-wrapper {
            flex: 1 1 auto;
            margin-bottom: 15px;
        }

            .practitioner-offer-custom .practitioner-badges .badges-wrapper .badge {
                margin-right: 5px;
                margin-bottom: 5px;
            }

    .practitioner-offer-custom .practitioner-prices {
        display: grid;
        grid-template-columns: 160px 1fr 160px 100px;
        margin-top: 25px;
    }

        .practitioner-offer-custom .practitioner-prices .product-row {
            display: contents;
            font-size: 14px;
        }

            .practitioner-offer-custom .practitioner-prices .product-row > div {
                display: flex;
                align-items: center;
                padding: 10px 5px;
                border-top: 1px solid #9dd4ca;
            }

                .practitioner-offer-custom .practitioner-prices .product-row > div:first-of-type {
                    padding-left: 0;
                }

            .practitioner-offer-custom .practitioner-prices .product-row:last-of-type > div {
                border-bottom: 1px solid #9dd4ca;
            }

            .practitioner-offer-custom .practitioner-prices .product-row .product-name {
                grid-column: 1;
                font-weight: bold;
            }

            .practitioner-offer-custom .practitioner-prices .product-row .product-saving {
                grid-column: 2;
            }

            .practitioner-offer-custom .practitioner-prices .product-row .product-price {
                grid-column: 3;
            }

            .practitioner-offer-custom .practitioner-prices .product-row .product-price-total {
                grid-column: 4;
                font-size: 18px;
                font-weight: bold;
            }

@media (max-width: 1199px) {
    .practitioner-general {
        grid-template-columns: auto 1fr;
    }

        .practitioner-general .practitioner-avatar {
            grid-column: 1/1;
            grid-row: 1/span 3;
        }

        .practitioner-general .practitioner-name {
            grid-column: 2/2;
            grid-row: 1/1;
        }

        .practitioner-general .practitioner-text {
            grid-column: 2/2;
            grid-row: 2/2;
        }

        .practitioner-general .practitioner-tools {
            grid-column: 2/2;
            grid-row: 5/5;
            margin-top: 20px;
        }

        .practitioner-general .show-more-custom {
            grid-column: 3/1;
            grid-row: 4;
        }
}

@media (max-width: 991px) {
    .public-profile .practitioner-general {
        column-gap: 20px;
    }

        .public-profile .practitioner-general .practitioner-name {
            font-size: 25px;
        }

        .public-profile .practitioner-general .practitioner-tools .dropdown-menu {
            min-width: 180px;
            display: flex;
            justify-content: center;
        }

            .public-profile .practitioner-general .practitioner-tools .dropdown-menu .jssocials {
                width: 150px;
            }

    .public-profile .practitioner-details {
        column-gap: 20px;
    }

        .public-profile .practitioner-details .details-icon .img-icon {
            width: 50px;
        }

        .public-profile .practitioner-details .details-wrapper {
            column-gap: 20px;
        }

    .public-profile .video-player .video-thumbnail img {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .public-profile p,
    .public-profile .text-small,
    .my-account p,
    .my-account .text-small {
        font-size: 12px;
    }

    .public-profile h1,
    .my-account h1 {
        font-size: 22px;
        font-weight: bold;
    }

    .public-profile h2,
    .my-account h2 {
        font-size: 22px;
        font-weight: bold;
    }

    .public-profile .h3,
    .my-account .h3 {
        font-size: 15px;
        font-weight: bold;
    }

    .review-load .btn {
        width: 100%;
    }

    .public-practicioner-mobile .page .content {
        padding-top: 35px;
    }

        .public-practicioner-mobile .page .content .content-wrapper .calendar-container {
            display: none;
        }

        .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general {
            display: unset;
        }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-avatar {
                margin-left: auto;
                margin-right: auto;
                z-index: 3;
            }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-name {
                display: flex;
                justify-content: center;
            }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-text .rating-wrapper {
                display: flex;
                justify-content: center;
            }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-text .text-small {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                margin: 0 auto;
                max-width: 300px;
            }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools {
                display: flex;
                justify-content: center;
                padding: 10px 0;
                border-bottom: 1px solid #9dd4ca;
                border-top: 1px solid #9dd4ca;
                margin: 15px 0;
            }

                .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .btn-favorite {
                    color: transparent;
                    width: 60px;
                }

                    .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .btn-favorite .icon {
                        color: #9dd4ca;
                    }

                    .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .btn-favorite[data-favorite=true] {
                        text-shadow: unset;
                    }

                        .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .btn-favorite[data-favorite=true] .icon {
                            color: white;
                        }

                .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .dropdown.show .dropdown-menu {
                    display: flex;
                    justify-content: center;
                    min-width: 100px;
                }

                    .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .dropdown.show .dropdown-menu .jssocials {
                        width: 55px;
                    }

                        .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-general .practitioner-tools .dropdown.show .dropdown-menu .jssocials .jssocials-share-label {
                            display: none;
                        }

        .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-details {
            display: block;
        }

            .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-details .details-wrapper {
                margin-bottom: 20px;
            }

                .public-practicioner-mobile .page .content .content-wrapper .content-main .practitioner-details .details-wrapper .details-icon .img-icon {
                    width: 45px;
                }

        .public-practicioner-mobile .page .content .content-wrapper .content-main .nav-tabs .nav-item .nav-link {
            font-size: 14px;
        }

        .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-main .active-video .video-player .video-thumbnail img {
            width: 90vw;
        }

        .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-main .certificates-wrapper .certificate .certificate-content h3 {
            font-size: 14px;
        }

        .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-main .certificates-wrapper .certificate .certificate-content .file-viewer {
            font-size: 12px;
        }

        .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-main .articles-wrapper .article .article-content h3 {
            font-size: 14px;
        }

        .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-right .videos-wrapper .videos-card {
            background: #ecf9f6;
        }

            .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-right .videos-wrapper .videos-card .videos-list .btn-video {
                font-size: 12px;
            }

                .public-practicioner-mobile .page .content .tab-content .content-wrapper .content-right .videos-wrapper .videos-card .videos-list .btn-video::before {
                    width: 21px;
                    height: 21px;
                }

        .public-practicioner-mobile .page .content .tab-content .reviews-wrapper .review .review-avatar .avatar {
            width: 35px;
            height: 35px;
        }

        .public-practicioner-mobile .page .content .tab-content .reviews-wrapper .review .review-content .review-author .star-wrapper img {
            height: 15px;
        }

    .practitioner-offer {
        padding: 15px 0;
        margin-bottom: 25px;
    }

        .practitioner-offer > h2 {
            font-size: 22px;
        }

        .practitioner-offer .practitioner-badges .badges-wrapper .badge {
            font-size: 13px;
        }

        .practitioner-offer .practitioner-badges .btn-border {
            font-size: 15px;
            width: 100%;
        }

        .practitioner-offer .practitioner-prices {
            border-top: 1px solid #9dd4ca;
            border-bottom: 1px solid #9dd4ca;
            margin-top: 0;
        }

            .practitioner-offer .practitioner-prices .product-row .product-name {
                border-bottom: unset;
            }

            .practitioner-offer .practitioner-prices .product-row .product-price {
                order: 2;
                grid-column: 3;
                font-size: 12px;
                justify-self: flex-end;
            }

            .practitioner-offer .practitioner-prices .product-row .product-price-total {
                order: 1;
                grid-column: 3;
                font-size: 18px;
                justify-self: flex-end;
            }

            .practitioner-offer .practitioner-prices .product-row:last-of-type > div {
                border: unset;
            }
}

html[dir=rtl] .practitioner-general .practitioner-tools button,
html[dir=rtl] .practitioner-general .practitioner-tools a {
    margin-left: initial;
    margin-right: 20px;
}

    html[dir=rtl] .practitioner-general .practitioner-tools button:first-child,
    html[dir=rtl] .practitioner-general .practitioner-tools a:first-child {
        margin-left: initial;
        margin-right: 0;
    }

html[dir=rtl] .practitioner-general .practitioner-tools .jssocials-share i {
    margin-right: initial;
    margin-left: 10px;
}

html[dir=rtl] .practitioner-offer .practitioner-badges .badges-wrapper .badge {
    margin-right: initial;
    margin-left: 5px;
}

.availability-set {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 20px;
    align-items: center;
    margin-bottom: 20px;
}

    .availability-set h2 {
        margin: 0;
    }

    .availability-set .dropdown {
        /*&.avail-dropdown {
      .dropdown-menu {
          transform: none !important;
          top: 100% !important;
      }
  }*/
    }

        .availability-set .dropdown .dropdown-toggle {
            min-width: 300px;
            text-align: start;
        }

        .availability-set .dropdown .dropdown-menu {
            min-width: 300px;
        }

.calendar-sync-wrapper .dropdown .dropdown-toggle {
    min-width: 100px;
    padding-left: 40px;
    width: 100%;
    text-align: left;
}

    .calendar-sync-wrapper .dropdown .dropdown-toggle .icon-wrapper {
        pointer-events: none;
        position: absolute;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 40px;
        z-index: 2;
        left: 0;
        top: 0;
    }

    .calendar-sync-wrapper .dropdown .dropdown-toggle .session-label::before {
        display: none;
    }

.calendar-sync-wrapper .dropdown .dropdown-menu {
    min-width: 100px;
    width: 100%;
    padding: 20px 5px;
}

    .calendar-sync-wrapper .dropdown .dropdown-menu .dropdown-item {
        padding: 5px 15px;
    }

.availability-wrapper {
    padding: 20px 35px 40px;
    margin-bottom: 30px;
    border-radius: 0 60px 60px 60px;
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
}

    .availability-wrapper .availability-tools {
        display: grid;
        grid-template-columns: 1fr auto auto;
        column-gap: 30px;
        margin-bottom: 20px;
    }

        .availability-wrapper .availability-tools .week-picker-wrapper {
            display: flex;
            flex-wrap: nowrap;
        }

            .availability-wrapper .availability-tools .week-picker-wrapper .input-group {
                width: auto;
            }

            .availability-wrapper .availability-tools .week-picker-wrapper .btn-rm {
                padding: 0;
                height: 40px;
                width: 40px;
                box-shadow: none;
                border-radius: 0;
                text-align: center;
            }

@keyframes slot-disabled {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 0.5;
    }
}

.availability-wrapper .availability-timeline {
    position: relative;
    padding-bottom: 20px;
    max-width: 800px;
    max-width: 870px;
    padding-right: 2px;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    /* Firefox */
}

    .availability-wrapper .availability-timeline::-webkit-scrollbar {
        display: none;
    }

    .availability-wrapper .availability-timeline .timeline {
        width: fit-content;
    }

        .availability-wrapper .availability-timeline .timeline .day-row {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            margin-bottom: 24px;
            height: 50px;
            -webkit-touch-callout: none;
            /* iOS Safari */
            -webkit-user-select: none;
            /* Safari */
            -khtml-user-select: none;
            /* Konqueror HTML */
            -moz-user-select: none;
            /* Old versions of Firefox */
            -ms-user-select: none;
            /* Internet Explorer/Edge */
            user-select: none;
            animation: show 0.3s;
        }

            .availability-wrapper .availability-timeline .timeline .day-row:last-of-type {
                margin-bottom: 0;
            }

            .availability-wrapper .availability-timeline .timeline .day-row .day-label {
                position: sticky;
                left: 0;
                flex: 0 0 auto;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 70px;
                height: 100%;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                color: white;
                border-radius: 3px;
                font-size: 14px;
                text-align: center;
                z-index: 2;
            }

            .availability-wrapper .availability-timeline .timeline .day-row .time-slots {
                flex: 1 1 auto;
                display: flex;
                flex-wrap: nowrap;
                height: 100%;
            }

                .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot {
                    cursor: pointer;
                    flex: 1 1 auto;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    padding: 5px;
                    width: 40px;
                    height: 100%;
                    border: 1px solid #dedede;
                    border-radius: 3px;
                    font-size: 14px;
                    text-align: center;
                    transition: all 0.2s;
                }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot span {
                        display: block;
                        opacity: 0.3;
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Any] {
                        background-color: #575858;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Any] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=RegularInClinic] {
                        background-color: #9ab86c;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=RegularInClinic] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Regular] {
                        background-color: #68a2b9;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Regular] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Initial] {
                        background-color: #fcb073;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Initial] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=InitialInClinic] {
                        background-color: #b49595;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=InitialInClinic] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Followup] {
                        background-color: #ebca71;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=Followup] span {
                            opacity: 1;
                        }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=FollowupInClinic] {
                        background-color: #d6aec8;
                        color: white;
                    }

                        .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=FollowupInClinic] span {
                            opacity: 1;
                        }


                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked=yes], .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked^=partly] {
                        pointer-events: none;
                        background-color: white;
                        background-image: url(../imgs/slot_booked_label.svg);
                        background-size: 250%;
                        background-position: center center;
                        text-shadow: -1px -1px 0 white, 1px 1px 0 white;
                        color: #575858;
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-type=synced] {
                        text-shadow: -1px -1px 0 white, 1px 1px 0 white;
                        background-color: #68a2b9;
                        background-image: url(../imgs/slot_blocked_label.svg);
                        background-size: 250%;
                        background-position: center center;
                        pointer-events: none;
                        opacity: 0.3;
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked=yes] span, .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked^=partly] span {
                        opacity: 0.3;
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked=yes] {
                        background-image: url(../imgs/slot_booked_label.svg);
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked=partly-1] {
                        background-image: url(../imgs/slot_partial-1.svg);
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot[data-booked=partly-2] {
                        background-image: url(../imgs/slot_partial-2.svg);
                    }

                    .availability-wrapper .availability-timeline .timeline .day-row .time-slots .time-slot.disabled {
                        pointer-events: none;
                        opacity: 0.5;
                    }

.availability-wrapper.disabled {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 580px;
    text-align: center;
}

    .availability-wrapper.disabled .img-icon {
        margin-bottom: 30px;
        height: 200px;
        width: auto;
    }

    .availability-wrapper.disabled .h2 {
        margin-bottom: 15px;
    }

    .availability-wrapper.disabled p {
        margin: 0 auto;
        max-width: 540px;
    }

.my-calendar .badges-wrapper .badge {
    margin-bottom: 6px;
}

@media (max-width: 1199px) {
    .my-calendar .content-wrapper .content-main:not(:only-child) {
        max-width: 630px;
    }

        .my-calendar .content-wrapper .content-main:not(:only-child) .availability-wrapper .availability-timeline {
            overflow: auto;
        }
}

@media (max-width: 991px) {
    .my-calendar .content-wrapper {
        flex-wrap: wrap;
        display: block;
    }

        .my-calendar .content-wrapper .content-main {
            max-width: 100% !important;
            width: 100%;
        }

            .my-calendar .content-wrapper .content-main.offset-r {
                padding: 0;
            }

        .my-calendar .content-wrapper .content-right {
            width: 100%;
            margin: 30px 0 0;
        }

            .my-calendar .content-wrapper .content-right .calendar .datepicker.datepicker-inline {
                width: 100%;
            }

                .my-calendar .content-wrapper .content-right .calendar .datepicker.datepicker-inline .table-condensed {
                    width: 340px;
                }
}
/*.my-calendar .content-wrapper {
    @media (max-width: 916px) {
        display: block;
    }
}*/
@media (max-width: 575px) {
    .content .page-header .h1 .my-calendar-header {
        font-size: 22px;
        font-weight: bold;
        text-align: start;
    }

    .my-calendar .content-wrapper .availability-set {
        display: unset;
    }

        .my-calendar .content-wrapper .availability-set .h3 {
            margin-bottom: 15px;
            font-weight: normal;
        }

        .my-calendar .content-wrapper .availability-set .dropdown-toggle {
            width: 100%;
            text-align: start;
            display: flex;
            justify-content: space-between;
        }

    .my-calendar .content-wrapper .availability-wrapper {
        padding: 20px 0 0 15px;
        border-radius: 0 60px 0px 60px;
        margin: 0 -15px;
    }

        .my-calendar .content-wrapper .availability-wrapper form.show {
            transform: unset;
        }

        .my-calendar .content-wrapper .availability-wrapper .timeline-form .availability-tools {
            display: block;
            padding-right: 15px;
            width: calc(100vw - 15px);
        }

            .my-calendar .content-wrapper .availability-wrapper .timeline-form .availability-tools .week-picker-wrapper .input-group-btn {
                display: none;
            }

            .my-calendar .content-wrapper .availability-wrapper .timeline-form .availability-tools .week-picker-wrapper .datepicker-wrapper {
                width: 100%;
            }

        .my-calendar .content-wrapper .availability-wrapper .timeline-form .availability-timeline {
            touch-action: pan-x pan-y;
        }

        .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile {
            display: flex;
            padding: 30px 15px 30px 0;
            justify-content: space-between;
            width: calc(100vw - 15px);
        }

            .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile #timeline-clear,
            .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .timeline-clear {
                background: white;
                border: 1px solid #9dd4ca;
                box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                width: 45%;
                display: flex;
                justify-content: center;
            }

                .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile #timeline-clear span,
                .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .timeline-clear span {
                    text-decoration: unset;
                }

            .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .dropdown {
                order: 1;
                width: 45%;
            }

                .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .dropdown .dropdown-toggle {
                    padding-right: 14px;
                    width: 100%;
                    background: #9dd4ca;
                    color: white;
                    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                    border-radius: 0 18px 18px 18px;
                    font-weight: 700;
                }

                    .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .dropdown .dropdown-toggle:after {
                        display: none;
                    }

    .my-calendar .content-wrapper .badges-wrapper {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
    }

        .my-calendar .content-wrapper .badges-wrapper .badge {
            border: unset;
        }

    .my-calendar .content-wrapper .content-right .h3 {
        padding-bottom: 10px;
        border-bottom: 1px solid #9dd4ca;
    }

    .my-calendar .content-wrapper .content-right .calendar .datepicker.datepicker-inline {
        width: auto;
    }

        .my-calendar .content-wrapper .content-right .calendar .datepicker.datepicker-inline .table-condensed {
            width: 75vw;
        }
}

@media (min-width: 576px) {
    .availability-set .dropdown.avail-dropdown .dropdown-menu {
        transform: none !important;
        top: 100% !important;
    }
}

html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper {
    border-radius: 60px 0 60px 60px;
}

    html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .availability-tools {
        padding-right: initial;
        padding-left: 15px;
    }

        html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .availability-tools .week-picker-wrapper .btn-rm i {
            transform: scaleX(-1);
        }

    html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .timeline-form .availability-tools .week-picker-wrapper .datepicker-dropdown.dropdown-menu {
        right: 0 !important;
    }

    html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .availability-timeline .timeline .day-row .day-label {
        left: initial;
        right: 0;
    }

@media (max-width: 575px) {
    html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper {
        padding: 20px 15px 0 0;
        border-radius: 60px 0 60px 0;
        margin: 0 -15px;
    }

        html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile {
            padding: 30px 0 30px 15px;
        }

            html[dir=rtl] .my-calendar .content-wrapper .availability-wrapper .timeline-form .calendar-buttons-mobile .dropdown .dropdown-toggle {
                padding-left: 14px;
                border-radius: 18px 0 18px 18px;
            }
}

.my-account .practitioner-profile #pricing .session-anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}

@media (max-width: 575px) {
    .my-account .nav.nav-tabs {
        border-bottom: 1px solid #9dd4ca;
        margin: 30px 0 40px;
    }

        .my-account .nav.nav-tabs::after {
            display: none;
        }

        .my-account .nav.nav-tabs .nav-item .nav-link {
            font-size: 14px;
            padding: 5px 1px 14px;
        }

    .my-account .practitioner-profile .page-header .h1 {
        font-size: 22px;
        font-weight: bold;
    }

    .my-account .practitioner-profile .nav.nav-tabs {
        border-bottom: 1px solid #9dd4ca;
        margin: 30px 0 40px;
    }

        .my-account .practitioner-profile .nav.nav-tabs::after {
            display: none;
        }

        .my-account .practitioner-profile .nav.nav-tabs .nav-item .nav-link {
            font-size: 14px;
            padding: 5px 1px 14px;
        }

    .my-account .practitioner-profile .tab-wrapper .tab-content .h1 {
        display: none;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .btn-primary {
        width: 100%;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper .h1 {
        display: none;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper .btn-primary {
        width: 100%;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper .btn-secondary {
        width: 100%;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing > p {
        font-size: 16px;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-icon {
        grid-row: 1/2 span;
    }

        .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-icon img {
            width: 50px;
        }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-info {
        display: contents;
    }

        .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-info h3 {
            margin: 0 0 10px;
            font-size: 14px;
            line-height: 32px;
            align-self: center;
        }

        .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-info p {
            grid-row: 2;
            grid-column: 2/-1;
        }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .session-wrapper .session-content .session-switch .form-group {
        margin: 0;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .card.card-shadow .group-id_single_session_price {
        flex-wrap: unset;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .card.card-shadow .col-form-label {
        font-size: 14px;
        font-weight: normal;
        flex-basis: 120%;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .card.card-shadow .group-id_free_session_duration .col-form-label {
        font-weight: bold;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .form-wrapper #pricing .badges-wrapper .badge {
        white-space: normal;
    }

    .my-account .practitioner-profile .tab-wrapper .tab-content .articles-wrapper {
        margin-bottom: 0;
    }

    .my-account .practitioner-profile aside.tab-side .btn-border {
        width: 100%;
    }

    .my-account .practitioner-profile .card-exp {
        margin-bottom: 25px;
        padding: 0;
        border: none;
        border-radius: 0;
    }

        .my-account .practitioner-profile .card-exp .card-solid {
            padding: 10px 15px 20px;
            background-color: #f4f4f4;
            color: #575858;
            border: none;
        }

            .my-account .practitioner-profile .card-exp .card-solid .card-info .card-text-info {
                flex: 1 1 auto;
            }

            .my-account .practitioner-profile .card-exp .card-solid .form-group {
                margin-bottom: 0;
            }

                .my-account .practitioner-profile .card-exp .card-solid .form-group .form-control {
                    border: none;
                }

            .my-account .practitioner-profile .card-exp .card-solid .btn-pop {
                background-image: url(../imgs/icons/icon_info_outline.svg);
            }
}

html[dir=rtl] input[name=phone_number] {
    direction: ltr;
    text-align: right;
}

.areas-wrapper {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 35px;
}

    .areas-wrapper .areas-text {
        display: flex;
        align-items: center;
    }

        .areas-wrapper .areas-text h2 {
            margin-bottom: 20px;
        }

    .areas-wrapper .areas-selector {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        column-gap: 25px;
    }

        .areas-wrapper .areas-selector .area {
            cursor: pointer;
            margin: 0;
            text-align: end;
        }

            .areas-wrapper .areas-selector .area .area-content {
                display: flex;
                flex-direction: column;
                align-items: center;
                font-size: 14px;
                line-height: 20px;
                text-transform: capitalize;
                opacity: 0.5;
                transition: opacity 0.3s;
            }

                .areas-wrapper .areas-selector .area .area-content .area-icon {
                    margin-bottom: 15px;
                    width: 100px;
                    height: 100px;
                    border: 7px solid white;
                    border-radius: 50px 50px 0 50px;
                    box-shadow: none;
                    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                }

                    .areas-wrapper .areas-selector .area .area-content .area-icon .icon-img {
                        height: 86px;
                        width: 86px;
                    }

                .areas-wrapper .areas-selector .area .area-content span {
                    display: inline-block;
                    width: 100px;
                    font-weight: bold;
                }

            .areas-wrapper .areas-selector .area .area-input:checked + .area-content {
                opacity: 1;
            }

.filters-badges {
    margin-bottom: 30px;
    /*&.active,
  &.blocked {
      + .sorting {
          display: none;
      }

      ~ #filter-results {
          > h1 {
              display: none;
          }

          .sorting {
              display: grid;
          }
      }
  }

  ~ #filter-results {
      > h1,
      > .filters-badges,
      > .sorting {
          display: none;
      }
  }*/
}

    .filters-badges #active-filters {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        overflow-y: hidden;
        overflow-x: auto;
    }

        .filters-badges #active-filters:empty {
            display: none;
        }

        .filters-badges #active-filters span:empty {
            display: none;
        }

        .filters-badges #active-filters .badge {
            margin: 0 6px 6px 0;
            padding: 0 5px;
            height: 24px;
            min-height: 24px;
            font-weight: 400;
            border-radius: 5px;
        }

            .filters-badges #active-filters .badge .custom-value:before {
                content: ": ";
            }

            .filters-badges #active-filters .badge .btn-remove {
                height: 24px;
            }

                .filters-badges #active-filters .badge .btn-remove span {
                    display: block;
                    line-height: 24px;
                }

    .filters-badges button[data-action=read-more] {
        margin-top: 20px;
    }

.sorting {
    display: grid;
    grid-auto-flow: column;
    column-gap: 30px;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #9dd4ca;
    border-bottom: 1px solid #9dd4ca;
}

    .sorting .sorting-text {
        flex: 1 1 auto;
    }

    .sorting .dropdown {
        display: flex;
        flex-direction: column-reverse;
    }

        .sorting .dropdown .btn-toggle {
            padding-right: 30px;
            font-size: 14px;
            font-weight: bold;
            text-align: end;
            white-space: initial;
        }

            .sorting .dropdown .btn-toggle:after {
                height: 100%;
                width: 30px;
            }

        .sorting .dropdown .dropdown-menu {
            margin-top: 15px;
        }

.custom-result-item {
    border-bottom: 1px solid #9dd4ca;
    padding-bottom: 20px;
}

.results-wrapper {
    position: relative;
    padding: 60px 0;
    background-color: white;
    z-index: 1;
    min-height: auto !important;
}

    .results-wrapper.favorites-list {
        padding-top: 0;
    }

    .results-wrapper .results-item {
        margin-bottom: 50px;
    }

        .results-wrapper .results-item .practitioner-general {
            border-bottom: none;
        }

            .results-wrapper .results-item .practitioner-general .practitioner-avatar {
                height: 50px;
                width: 50px;
            }

                .results-wrapper .results-item .practitioner-general .practitioner-avatar .avatar-default {
                    width: 50px;
                    height: 50px;
                }

            .results-wrapper .results-item .practitioner-general .practitioner-name .h3 {
                margin-bottom: 10px;
            }

        .results-wrapper .results-item .practitioner-badges .badge {
            margin-right: 10px;
        }

            .results-wrapper .results-item .practitioner-badges .badge:last-of-type {
                margin-right: 0;
            }

        .results-wrapper .results-item .practitioner-video {
            margin-top: 30px;
        }

            .results-wrapper .results-item .practitioner-video .practitioner-video-title {
                display: none;
            }

.find-help .content-left .filter-footer {
    display: none;
}

#find-faq {
    margin-top: 80px;
}

    #find-faq .question-wrapper {
        padding: 10px 30px;
        margin-bottom: 20px;
        border-radius: 40px 0 40px 40px;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
    }

        #find-faq .question-wrapper:last-of-type {
            margin-bottom: 0;
        }

        #find-faq .question-wrapper .btn-text {
            padding: 15px 30px;
            width: 100%;
            background-image: url(../imgs/icons/icon_minus.svg);
            background-size: 16px auto;
            background-position: center right;
            background-repeat: no-repeat;
            font-size: 18px;
            line-height: 30px;
            font-weight: bold;
            text-align: start;
            text-decoration: none;
        }

            #find-faq .question-wrapper .btn-text.collapsed {
                background-image: url(../imgs/icons/icon_plus.svg);
            }

        #find-faq .question-wrapper .answer-wrapper {
            padding: 10px 30px 20px;
            font-size: 14px;
        }

            #find-faq .question-wrapper .answer-wrapper p,
            #find-faq .question-wrapper .answer-wrapper ul,
            #find-faq .question-wrapper .answer-wrapper ol {
                font-size: inherit;
            }

@media (max-width: 1199px) {
    .areas-wrapper {
        grid-template-columns: 1fr;
    }

        .areas-wrapper .areas-selector {
            overflow-x: auto;
        }

    .results-wrapper {
        padding: 40px 0;
    }

        .results-wrapper.favorites-list {
            padding-top: 0;
        }

        .results-wrapper .results-item .practitioner-general {
            padding-bottom: 20px;
        }

            .results-wrapper .results-item .practitioner-general .practitioner-name .h3 {
                font-size: 22px;
            }

            .results-wrapper .results-item .practitioner-general .practitioner-tools {
                grid-column: 3/3;
                grid-row: 1/1;
                margin: 0 0 10px;
            }

                .results-wrapper .results-item .practitioner-general .practitioner-tools a:not(:first-child),
                .results-wrapper .results-item .practitioner-general .practitioner-tools button:not(:first-child) {
                    margin-left: 10px;
                }

            .results-wrapper .results-item .practitioner-general .practitioner-text {
                grid-column: 2/2 span;
                grid-row: 2/2;
                margin-top: 10px;
            }
}

@media (max-width: 991px) {
    .areas-wrapper .areas-selector {
        column-gap: 15px;
    }

        .areas-wrapper .areas-selector .area .area-content span {
            padding: 0;
            width: 80px;
            font-size: 12px;
            line-height: 16px;
        }

        .areas-wrapper .areas-selector .area .area-content .area-icon {
            margin-bottom: 10px;
            width: 80px;
            height: 80px;
            border: 5px solid #fff;
        }

            .areas-wrapper .areas-selector .area .area-content .area-icon .icon-img {
                height: 70px;
                width: 70px;
            }

    .sorting .sorting-text {
        font-size: 14px;
    }

    .results-wrapper .results-item {
        padding-bottom: 20px;
        margin-bottom: 30px;
        border-bottom: 1px solid #9dd4ca;
    }

        .results-wrapper .results-item:last-of-type {
            margin-bottom: 0;
        }

        .results-wrapper .results-item .practitioner-general {
            column-gap: 20px;
        }

            .results-wrapper .results-item .practitioner-general .practitioner-name .h3 {
                font-size: 22px;
            }

            .results-wrapper .results-item .practitioner-general .practitioner-tools {
                grid-column: 1/-1;
                grid-row: 3;
                margin: 10px 0 0;
            }

                .results-wrapper .results-item .practitioner-general .practitioner-tools .btn {
                    flex: 1 1 auto;
                }

            .results-wrapper .results-item .practitioner-general .practitioner-text {
                grid-row: 2;
                margin: 0 0 10px;
                grid-column: 2;
            }

        .results-wrapper .results-item .practitioner-badges .badge {
            margin-bottom: 5px;
        }

        .results-wrapper .results-item .practitioner-video {
            margin-top: 25px;
        }

            .results-wrapper .results-item .practitioner-video .practitioner-video-title {
                display: none;
            }
}

@media (max-width: 699px) {
    #find-faq {
        margin-top: 60px;
    }

        #find-faq .question-wrapper .btn-text {
            padding: 10px 30px 10px 10px;
            font-size: 14px;
            line-height: 20px;
        }

        #find-faq .question-wrapper .answer-wrapper {
            padding: 10px 10px 20px;
            font-size: 14px;
        }

    .practitioner-video .practitioner-video-title {
        display: block;
    }
}

@media (max-width: 575px) {
    .dropdown.full-xs .dropdown-menu .dropdown-item::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #9dd4ca;
        margin-top: 20px;
    }

    .favorites-wrapper .results-wrapper, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper {
        padding: 20px 0;
    }

        .favorites-wrapper .results-wrapper .results-item, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item {
            display: grid;
            grid-template-columns: 50px 1fr;
            column-gap: 15px;
            margin-bottom: 25px;
            padding-top: 25px;
            border-top: 1px solid #9dd4ca;
            border-bottom: none;
        }

            .favorites-wrapper .results-wrapper .results-item .practitioner-general, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general {
                grid-column: 1/-1;
                column-gap: 15px;
                padding-bottom: 15px;
                border: none;
            }

                .favorites-wrapper .results-wrapper .results-item .practitioner-general .practitioner-avatar, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .practitioner-avatar {
                    width: 50px;
                    height: 50px;
                }

                    .favorites-wrapper .results-wrapper .results-item .practitioner-general .practitioner-avatar img.avatar-default, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .practitioner-avatar img.avatar-default {
                        width: 100%;
                        height: 100%;
                    }

                .favorites-wrapper .results-wrapper .results-item .practitioner-general .practitioner-name .h3, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .practitioner-name .h3 {
                    margin-bottom: 25px;
                    font-size: 18px;
                }

                .favorites-wrapper .results-wrapper .results-item .practitioner-general .btn-favorite, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .btn-favorite {
                    padding: 0 15px;
                    color: transparent;
                    width: 50px;
                    grid-column: 3/3;
                    grid-row: 1/2;
                }

                    .favorites-wrapper .results-wrapper .results-item .practitioner-general .btn-favorite .icon, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .btn-favorite .icon {
                        margin: 0 !important;
                        color: #9dd4ca;
                    }

                    .favorites-wrapper .results-wrapper .results-item .practitioner-general .btn-favorite[data-favorite=true], .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .btn-favorite[data-favorite=true] {
                        text-shadow: unset;
                    }

                        .favorites-wrapper .results-wrapper .results-item .practitioner-general .btn-favorite[data-favorite=true] .icon, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .btn-favorite[data-favorite=true] .icon {
                            color: white;
                        }

                .favorites-wrapper .results-wrapper .results-item .practitioner-general .practitioner-text, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-general .practitioner-text {
                    margin-top: 5px;
                    grid-column: 2/4;
                }

            .favorites-wrapper .results-wrapper .results-item .practitioner-tools, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-tools {
                grid-column: 2;
                margin-top: 15px;
            }

                .favorites-wrapper .results-wrapper .results-item .practitioner-tools .btn-primary, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-tools .btn-primary {
                    width: 100%;
                }

            .favorites-wrapper .results-wrapper .results-item .practitioner-badges, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-badges {
                grid-column: 2;
            }

                .favorites-wrapper .results-wrapper .results-item .practitioner-badges .badge .text-small, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-badges .badge .text-small {
                    font-size: 12px;
                }

                .favorites-wrapper .results-wrapper .results-item .practitioner-badges .badge-secondary strong, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-badges .badge-secondary strong {
                    font-size: 12px;
                }

                .favorites-wrapper .results-wrapper .results-item .practitioner-badges .show-more-content, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-badges .show-more-content {
                    overflow-x: auto !important;
                    height: 65px;
                }

            .favorites-wrapper .results-wrapper .results-item .practitioner-video, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-video {
                grid-column: 2;
                margin-top: 15px;
            }

                .favorites-wrapper .results-wrapper .results-item .practitioner-video .practitioner-video-title, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-video .practitioner-video-title {
                    display: block;
                }

                .favorites-wrapper .results-wrapper .results-item .practitioner-video img, .find-help-mobile .page .content .content-wrapper .content-main #filter-results .results-wrapper .results-item .practitioner-video img {
                    width: 100%;
                }

    .find-help .content-main {
        padding-top: 30px;
    }

    .page .page-header {
        margin-bottom: 20px;
    }

        .page .page-header .h1 {
            font-size: 22px;
            font-weight: bold;
            margin-top: 20px;
        }

    .backdrop-mobile {
        opacity: 0.8;
    }

    section.w-shadow {
        display: none;
    }

    .find-help-mobile #messages .alert-verify-emial .alert-wrapper {
        display: grid;
        grid-template-columns: auto auto;
        grid-template-rows: auto;
    }

        .find-help-mobile #messages .alert-verify-emial .alert-wrapper .icon-wrapper {
            grid-column: 1;
            align-self: self-start;
        }

        .find-help-mobile #messages .alert-verify-emial .alert-wrapper .alertinner {
            grid-column: 2;
        }

        .find-help-mobile #messages .alert-verify-emial .alert-wrapper .alerttools {
            grid-column: 2;
            margin-top: 5px;
        }

    .find-help-mobile .page .content {
        padding-top: 10px;
    }

        .find-help-mobile .page .content .content-wrapper .content-main > h1 {
            margin-bottom: 15px !important;
            text-align: center;
        }

        .find-help-mobile .page .content .content-wrapper .content-main .sorting {
            border-bottom: unset;
            padding-top: 20px;
            padding-bottom: 0;
        }

        .find-help-mobile .page .content .content-wrapper .areas-text {
            text-align: center;
        }

            .find-help-mobile .page .content .content-wrapper .areas-text > h2 {
                font-size: 18px;
            }

        .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper {
            margin: 0 -15px 20px -15px;
            height: 140px;
        }

            .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper.fixed .areas-selector {
                position: fixed;
                top: 60px;
                border-color: #9dd4ca;
                box-shadow: 0 4px 13px rgba(225, 225, 225, 0.25);
                z-index: 10;
            }

            .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector {
                display: grid;
                grid-auto-flow: column;
                column-gap: 5px;
                width: 100vw;
                height: 143px;
                background: white;
                border-top: 1px solid transparent;
                border-bottom: 1px solid transparent;
                -ms-overflow-style: none;
                scrollbar-width: none;
                /* Firefox */
                opacity: 1 !important;
                transition: all 0.3s;
            }

                .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector::-webkit-scrollbar {
                    display: none;
                }

                .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area {
                    padding: 15px 0;
                }

                    .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area:last-of-type {
                        margin-right: 15px;
                    }

                    .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area .area-content span {
                        text-align: center;
                        font-size: 12px;
                        line-height: 1;
                    }

                    .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area .area-content .area-icon {
                        margin-bottom: 10px;
                        width: 65px;
                        height: 65px;
                        border: 4px solid #fff;
                    }

                        .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area .area-content .area-icon .icon-img {
                            height: 57px;
                            width: 57px;
                        }

                .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .filter-button {
                    background: #68a2b9;
                    border: none;
                    color: white;
                    margin-right: 5px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .filter-button::before {
                        content: url(../imgs/icons/icon_filter.svg);
                        margin-right: 5px;
                    }

        .find-help-mobile .page .content .content-wrapper .content-main .filters-badges {
            display: flex;
            margin-bottom: 20px;
        }

            .find-help-mobile .page .content .content-wrapper .content-main .filters-badges #active-filters {
                flex-direction: row;
                height: 35px;
                display: inline-flex;
                flex-direction: row;
                overflow-x: auto;
                -ms-overflow-style: none;
                scrollbar-width: none;
                /* Firefox */
            }

                .find-help-mobile .page .content .content-wrapper .content-main .filters-badges #active-filters::-webkit-scrollbar {
                    display: none;
                }

                .find-help-mobile .page .content .content-wrapper .content-main .filters-badges #active-filters .badge {
                    height: 35px;
                }

                .find-help-mobile .page .content .content-wrapper .content-main .filters-badges #active-filters span {
                    display: flex;
                }

            .find-help-mobile .page .content .content-wrapper .content-main .filters-badges .show-more-toggle {
                display: none;
            }

        .find-help-mobile .page .content .content-wrapper .content-main #filter-results .pagination {
            margin-top: 40px;
        }

    .content-left {
        display: none;
    }
}

html[dir=rtl] .areas-wrapper .area span {
    padding-left: 0;
    padding-right: 20px;
}

html[dir=rtl] .areas-wrapper .area .area-icon {
    transform: scaleX(-1);
}

html[dir=rtl] .filters-badges #active-filters .badge {
    margin: 0 0 6px 6px;
}

html[dir=rtl] .results-wrapper .results-item .practitioner-badges .badge {
    margin-right: initial;
    margin-left: 10px;
}

html[dir=rtl] #find-faq .question-wrapper {
    border-radius: 0 40px 40px 40px;
}

    html[dir=rtl] #find-faq .question-wrapper .btn-text {
        background-position: left;
    }

@media (max-width: 1199px) {
    html[dir=rtl] .results-wrapper .results-item .practitioner-general .practitioner-tools a:not(:first-child),
    html[dir=rtl] .results-wrapper .results-item .practitioner-general .practitioner-tools button:not(:first-child) {
        margin-left: initial;
        margin-right: 10px;
    }
}

@media (max-width: 991px) {
    html[dir=rtl] .areas-wrapper .areas-selector .area .area-content span {
        padding: 0;
    }
}

@media (max-width: 699px) {
    html[dir=rtl] #find-faq .question-wrapper .btn-text {
        padding: 10px 10px 10px 30px;
    }
}

@media (max-width: 575px) {
    html[dir=rtl] .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .filter-button {
        margin-right: initial;
        margin-left: 5px;
    }

        html[dir=rtl] .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .filter-button:before {
            margin-right: initial;
            margin-left: 5px;
        }

    html[dir=rtl] .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area:last-of-type {
        margin-right: initial;
        margin-left: 15px;
    }

    html[dir=rtl] .find-help-mobile .page .content .content-wrapper .content-main .areas-wrapper .areas-selector .area .area-content span {
        padding: 0;
    }
}

.filters-wrapper .filters-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.filters-wrapper .filter-card {
    margin-bottom: 30px;
    border-radius: 6px;
    background-color: none;
}

    .filters-wrapper .filter-card .btn-text[data-toggle=collapse] {
        display: flex;
        align-items: center;
        padding: 8px 15px;
        width: 100%;
        border-bottom: 1px solid #9dd4ca;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: bold;
        text-align: start;
    }

        .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .text {
            display: flex;
            flex: 1 1 auto;
            margin-right: 15px;
        }

        .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .count {
            color: #b2b2b2;
        }

            .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .count:before {
                content: "";
                display: inline-block;
                margin: -3px 5px 0;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: #b2b2b2;
                vertical-align: middle;
            }

            .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .count:empty {
                display: none;
            }

        .filters-wrapper .filter-card .btn-text[data-toggle=collapse] i {
            font-size: 14px;
            font-family: "Font Awesome 5 Free";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-weight: 700;
        }

            .filters-wrapper .filter-card .btn-text[data-toggle=collapse] i:before {
                content: "\f067";
            }

        .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .selected-text {
            display: none;
        }

    .filters-wrapper .filter-card .filter-dropdown {
        position: relative;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        transition: all 0.3s;
    }

        .filters-wrapper .filter-card .filter-dropdown .multiselect-native-select {
            position: initial;
        }

        .filters-wrapper .filter-card .filter-dropdown .btn-group {
            position: relative;
            width: 100%;
            max-height: 400px;
        }

        .filters-wrapper .filter-card .filter-dropdown .dropdown-menu {
            position: static;
            display: block !important;
            float: none;
            padding: 10px 0;
            height: 100%;
            max-height: 400px;
            width: 100%;
            background: none;
            border: none;
            overflow: auto;
            z-index: unset;
            scrollbar-color: #68a2b9 #f7f7f7;
            scrollbar-width: thin;
        }

            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu::-webkit-scrollbar {
                width: 25px;
            }

            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu::-webkit-scrollbar-track {
                background: #e5e5e5;
                border: 10px solid #f7f7f7;
            }

            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
                border: 10px solid transparent;
                background: #68a2b9;
                background-clip: padding-box;
            }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
                    border: 10px solid transparent;
                    background: #68a2b9;
                    background-clip: padding-box;
                }

            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                padding: 10px 15px;
                background: #f7f7f7;
                z-index: 1;
            }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group {
                    padding: 0 !important;
                    height: 40px;
                    border: 1px solid #9dd4ca;
                    border-radius: 6px;
                    background: white;
                }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-prepend {
                        padding: 0 15px;
                        display: flex;
                        align-items: center;
                    }

                        .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-prepend i {
                            padding: 0;
                            border: none;
                            background: none;
                            font-size: 16px;
                        }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .form-control {
                        padding: 0;
                        height: auto;
                        border: none;
                        background: none;
                        font-size: 16px;
                    }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-append {
                        visibility: visible;
                        opacity: 1;
                        transition: all 0.3s;
                    }

                        .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-append button {
                            padding: 10px;
                            width: 39px;
                            text-align: center;
                            border: none;
                            background: none;
                        }

                            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-append button i {
                                padding: 0;
                                height: 16px;
                                width: 16px;
                                font-size: 16px;
                                line-height: 14px;
                                text-align: center;
                                font-weight: bold;
                                border: 1px solid #575858;
                                border-radius: 0 8px 8px 8px;
                            }

                                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-append button i:before {
                                    content: "×";
                                    font-family: "Open Sans", sans-serif;
                                }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .form-control:placeholder-shown + .input-group-append {
                        visibility: hidden;
                        opacity: 0;
                    }

            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item,
            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option,
            .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all {
                cursor: pointer;
                display: block;
                padding: 5px 15px;
                font-family: "Open Sans", sans-serif;
                font-size: 14px;
                color: #575858;
            }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item.active, .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item:active, .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item:focus,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option.active,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option:active,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option:focus,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all.active,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all:active,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all:focus {
                    background: none;
                    color: #575858;
                }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item.multiselect-group,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option.multiselect-group,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all.multiselect-group {
                    margin: 5px 0;
                    text-transform: uppercase;
                    font-weight: bold;
                }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item.multiselect-group ~ .multiselect-option,
                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option.multiselect-group ~ .multiselect-option,
                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all.multiselect-group ~ .multiselect-option {
                        padding-left: 30px;
                    }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item .form-check,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option .form-check,
                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all .form-check {
                    align-items: center;
                }

                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item .form-check .form-check-label,
                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-option .form-check .form-check-label,
                    .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all .form-check .form-check-label {
                        line-height: 16px;
                        white-space: normal;
                    }

                .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-all label {
                    cursor: pointer;
                    color: #b2b2b2;
                }

        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[data-search=true] + .btn-group .dropdown-menu {
            margin-top: 60px;
            max-height: 340px;
        }

        .filters-wrapper .filter-card .filter-dropdown .input-filter-select:not([multiple=multiple]) + .btn-group .multiselect-option.dropdown-item .form-check {
            padding: 0;
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 15px;
        }

            .filters-wrapper .filter-card .filter-dropdown .input-filter-select:not([multiple=multiple]) + .btn-group .multiselect-option.dropdown-item .form-check .form-check-input {
                display: none;
            }

            .filters-wrapper .filter-card .filter-dropdown .input-filter-select:not([multiple=multiple]) + .btn-group .multiselect-option.dropdown-item .form-check:before {
                content: "";
                flex: 0 0 auto;
                display: block;
                width: 24px;
                height: 24px;
                border-radius: 50%;
                border: 1px solid #575858;
                transition: all 0.3s;
            }

        .filters-wrapper .filter-card .filter-dropdown .input-filter-select:not([multiple=multiple]) + .btn-group .multiselect-option.dropdown-item.active {
            pointer-events: none;
        }

            .filters-wrapper .filter-card .filter-dropdown .input-filter-select:not([multiple=multiple]) + .btn-group .multiselect-option.dropdown-item.active .form-check:before {
                background: #68a2b9;
                box-shadow: inset 0 0 0 4px #f7f7f7;
            }

        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-item .form-check,
        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-option .form-check,
        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-all .form-check {
            padding: 0;
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 15px;
        }

            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-item .form-check .form-check-input,
            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-option .form-check .form-check-input,
            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-all .form-check .form-check-input {
                display: none;
            }

            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-item .form-check:before,
            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-option .form-check:before,
            .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-all .form-check:before {
                content: "";
                flex: 0 0 auto;
                display: block;
                width: 24px;
                height: 24px;
                border-radius: 3px;
                border: 1px solid #9dd4ca;
                font-size: 16px;
                text-align: center;
                color: white;
                transition: all 0.3s;
            }

        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-item.active .form-check:before,
        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-option.active .form-check:before,
        .filters-wrapper .filter-card .filter-dropdown .input-filter-select[multiple=multiple] + .btn-group .multiselect-all.active .form-check:before {
            content: "\f00c";
            font-family: "Font Awesome 5 Free";
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-weight: 700;
            background: #9dd4ca;
            line-height: 22px;
        }

        .filters-wrapper .filter-card .filter-dropdown .filter-custom {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            padding: 5px 15px 15px;
        }

            .filters-wrapper .filter-card .filter-dropdown .filter-custom span {
                margin: 0 10px;
            }

    .filters-wrapper .filter-card.collapsed {
        background-color: #f7f7f7;
    }

        .filters-wrapper .filter-card.collapsed .btn-text[data-toggle=collapse] i:before {
            content: "\f068";
        }

        .filters-wrapper .filter-card.collapsed .filter-dropdown {
            max-height: 400px;
            opacity: 1;
        }

@media (max-width: 991px) {
    .filters-wrapper .filters-header {
        flex-direction: column;
    }

        .filters-wrapper .filters-header #clear-filters {
            width: 100%;
        }

    .filters-wrapper .filter-card .btn-text[data-toggle=collapse] {
        font-size: 14px;
    }

    .filters-wrapper .filter-card .filter-dropdown .filter-custom span {
        margin: 0 5px;
    }
}

html[dir=rtl] .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .text {
    margin-right: initial;
    margin-left: 15px;
}

html[dir=rtl] .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-filter .input-group .input-group-prepend .fa-search {
    transform: scaleX(-1);
}

html[dir=rtl] .filters-wrapper .filter-card .filter-dropdown .dropdown-menu .multiselect-item.multiselect-group ~ .multiselect-option {
    padding: 5px 30px 5px 15px;
}

@media (max-width: 575px) {
    .filter-menu-active {
        overflow: hidden;
    }

        .filter-menu-active main .filters-header {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            display: grid;
            grid-template-columns: 1fr auto 1fr;
            align-items: center;
            column-gap: 15px;
            margin: 0;
            padding: 5px 20px;
            height: 60px;
            background-color: #ecf9f6;
            z-index: 10000;
        }

            .filter-menu-active main .filters-header .polygon {
                width: 30px;
                height: 30px;
                background: url(../imgs/icons/icon_arrow_left.svg) center no-repeat;
                background-size: 12px auto;
            }

            .filter-menu-active main .filters-header .filters-text p {
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                line-height: 1.2;
            }

            .filter-menu-active main .filters-header .filters-text .text-small {
                display: none;
            }

            .filter-menu-active main .filters-header .filters-tools {
                display: flex;
                flex-direction: row-reverse;
            }

            .filter-menu-active main .filters-header #clear-filters {
                padding: 3px;
                height: auto;
                border: none !important;
                box-shadow: unset;
                border-radius: unset;
                font-size: 13px;
                background-color: #ecf9f6;
                justify-self: flex-end;
            }

        .filter-menu-active .page .content .content-wrapper .content-left {
            display: block;
            margin: 0;
        }

            .filter-menu-active .page .content .content-wrapper .content-left .filter-footer {
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                animation: show 0.3s ease;
                display: block;
                padding: 20px;
                background-color: white;
                box-shadow: 0px -5px 15px rgba(225, 225, 225, 0.5);
                animation: fade 0.3s ease;
                z-index: 9999;
            }

                .filter-menu-active .page .content .content-wrapper .content-left .filter-footer .filter-footer-btn {
                    width: 100%;
                    font-weight: bold;
                    margin: 0;
                }

                    .filter-menu-active .page .content .content-wrapper .content-left .filter-footer .filter-footer-btn .img-icon {
                        width: 18px;
                    }

                .filter-menu-active .page .content .content-wrapper .content-left .filter-footer .img-icon {
                    content: url(../imgs/icons/icon_search_white.svg);
                }

            .filter-menu-active .page .content .content-wrapper .content-left #filters-form {
                position: fixed;
                top: 60px;
                left: 0;
                right: 0;
                bottom: 76px;
                background: white;
                z-index: 9999;
                overflow: auto;
                opacity: 1 !important;
                animation: show 0.3s ease;
            }

                .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper {
                    flex: 1 1 auto;
                    padding: 10px 20px;
                    height: auto;
                    overflow: auto;
                }

                    .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .card-search .input-group {
                        margin: 10px 0 20px;
                    }

                    .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card {
                        margin: 0;
                        transition: opacity 0.3s;
                    }

                        .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card .btn-text[data-toggle=collapse] {
                            display: block;
                            padding: 10px 30px 10px 0;
                            margin-bottom: 2px;
                            font-size: 13px;
                            background: url(../imgs/icons/icon_arrow_right.svg) no-repeat;
                            background-position: right 10px center;
                            background-size: 10px auto;
                        }

                            .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card .btn-text[data-toggle=collapse] .selected-text {
                                display: block;
                                text-transform: none;
                                font-size: 12px;
                                font-weight: 400;
                                color: #808080;
                                display: -webkit-box;
                                -webkit-line-clamp: 1;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }

                            .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card .btn-text[data-toggle=collapse] i {
                                display: none;
                            }

                        .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card .filter-dropdown {
                            display: none;
                            padding: 10px 0;
                            animation: show 0.3s ease;
                        }

                        .filter-menu-active .page .content .content-wrapper .content-left #filters-form .filters-wrapper .filter-card:last-of-type .btn-text[data-toggle=collapse] {
                            border-bottom: none;
                        }

    .filter-sub-menu-active main {
        height: calc(100vh - (100vh - 100%));
        min-height: 100vh;
        overflow: hidden;
    }

        .filter-sub-menu-active main .filters-header span.count::before {
            content: "";
            display: inline-block;
            margin: -3px 5px 0;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #575858;
            vertical-align: middle;
        }

        .filter-sub-menu-active main .container {
            height: 100%;
        }

            .filter-sub-menu-active main .container .content {
                height: 100%;
            }

                .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed {
                    margin-bottom: 0 !important;
                    background-color: white;
                    height: auto;
                }

                    .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown {
                        display: block;
                        max-height: none;
                    }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .multiselect-container {
                            margin-top: 0 !important;
                        }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .multiselect-filter {
                            margin: 0 0 20px;
                            padding: 0;
                            background-color: white;
                            position: unset;
                        }

                            .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .multiselect-filter .input-group .input-group-prepend i::before {
                                content: "\f002";
                            }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .dropdown-menu::-webkit-scrollbar {
                            display: none;
                        }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .dropdown-menu .dropdown-item {
                            padding: 10px 0;
                            margin-bottom: 2px;
                            border-bottom: 1px solid #9dd4ca;
                            background: white !important;
                        }

                            .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .dropdown-menu .dropdown-item:last-child {
                                border-bottom: none;
                            }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .btn-group {
                            max-height: unset;
                            display: block;
                        }

                            .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .btn-group .dropdown-menu {
                                max-height: unset !important;
                                padding: 0;
                            }

                        .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card.collapsed .filter-dropdown .filter-custom {
                            padding: 10px 0;
                        }

                .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper #card-challenge .filter-dropdown .dropdown-menu .dropdown-item:not(.multiselect-group):not(.multiselect-all),
                .filter-sub-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper #card-advanced .filter-dropdown .dropdown-menu .dropdown-item:not(.multiselect-group):not(.multiselect-all) {
                    padding: 10px 0 10px 15px;
                }
}

@media (max-width: 575px) {
    html[dir=rtl] .filter-menu-active main .filters-header .polygon {
        transform: scaleX(-1);
    }

    html[dir=rtl] .filter-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper .filter-card .btn-text[data-toggle=collapse] {
        background-image: url(../imgs/icons/icon_arrow_left.svg);
        padding: 10px 0 10px 30px;
        background-position: left 10px center;
    }

    html[dir=rtl] .filter-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper #card-challenge .filter-dropdown .dropdown-menu .dropdown-item:not(.multiselect-group):not(.multiselect-all),
    html[dir=rtl] .filter-menu-active main .container .content #content_inner .content-wrapper .content-left #filters-form .filters-wrapper #card-advanced .filter-dropdown .dropdown-menu .dropdown-item:not(.multiselect-group):not(.multiselect-all) {
        padding: 10px 15px 10px;
    }
}

.stats .content-right {
    margin-top: 74px;
}

    .stats .content-right .card-gradient {
        padding: 45px 20px;
        margin-bottom: 15px;
        border-radius: 0 60px 60px;
        border: none;
        color: white;
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.05);
    }

        .stats .content-right .card-gradient hr {
            margin: 30px 0;
            border-color: white;
        }

        .stats .content-right .card-gradient .stats-row {
            display: grid;
            grid-template-columns: auto 1fr;
            column-gap: 15px;
        }

            .stats .content-right .card-gradient .stats-row .icon-img {
                width: 45px;
            }

            .stats .content-right .card-gradient .stats-row p {
                margin-bottom: 5px;
                line-height: 20px;
            }

                .stats .content-right .card-gradient .stats-row p:last-of-type {
                    margin-bottom: 0;
                }

.payments-wrapper .empty-info {
    margin: 100px auto;
    text-align: center;
    max-width: 420px;
}

    .payments-wrapper .empty-info .icon-img {
        margin-bottom: 30px;
    }

html[dir=rtl] .stats .content-right .card-gradient {
    border-radius: 60px 0 60px 60px;
    background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
}

.nav-home .navbar {
    box-shadow: none;
    transition: box-shadow 0.3s;
}

    .nav-home .navbar .navbar-toggler,
    .nav-home .navbar .navbar-brand,
    .nav-home .navbar .navbar-collapse {
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }

    .nav-home .navbar.nav-show {
        box-shadow: 0 4px 13px rgba(225, 225, 225, 0.25);
    }

        .nav-home .navbar.nav-show .navbar-toggler,
        .nav-home .navbar.nav-show .navbar-brand,
        .nav-home .navbar.nav-show .navbar-collapse {
            visibility: visible;
            opacity: 1;
        }


@media (min-width: 1024px) {
    .locationart {
        position: relative;
        width: 100%;
        /*height: 100vh;*/
        background-image: url(../imgs/patterns/location_art_1.svg);
        /*background-position: right center;*/
        background-repeat: no-repeat;
        background-size: auto;
    }
}

.location-button {
    display: block; /* Show the button on larger screens by default */
}

/* Ensure proper positioning of the iframe container */
.iframe-container {
    position: relative; /* Position the button over the iframe */
}

    /* Styling for the iframe */
    .iframe-container iframe {
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 0% 2.2rem 2.2rem 2.2rem;
    }

/* Button positioned over the iframe (visible only in mobile view) */
.map-btn {
    position: absolute; /* Absolute positioning relative to the container */
    bottom: 20px; /* Adjust the distance from the bottom */
    left: 50%; /* Center the button horizontally */
    transform: translateX(-50%); /* Correct horizontal centering */
    z-index: 10; /* Ensure the button is on top of the iframe */
    padding: 10px 20px; /* Optional: button padding */
    display: none; /* Hide by default */
}

/* Mobile view adjustments */
@media (max-width: 768px) {
    /* Hide the original button on mobile */
    .location-button {
        display: none;
    }

    /* Show the button over the iframe on mobile */
    .map-btn {
        display: block; /* Make the button visible */
        bottom: 10px; /* Adjust positioning for mobile */
    }

    .iframe-container {
        height: 300px; /* Optional: Set a fixed height for the iframe on mobile */
    }
}

.imgContainer {
    background-image: url(../imgs/patterns/hakkini_clinic_1.svg); /* Background image */
    background-position: top right; /* Position the background image */
    background-size: 170px auto; /* Adjust the size of the background */
    background-repeat: no-repeat; /* Prevent the background from repeating */
    position: relative; /* For positioning ::before element relative to this container */
    width: 100%;
    max-width: 500px;
}

.hakkiniclinic {
    position: relative; /* For positioning ::before element relative to this container */
    width: 100%;
    max-width: 500px; /* Optional: you can limit the max size */
    height: 0;
    padding-bottom: 100%; /* Ensures the container is square */
    border-radius: 50% 0% 50% 50%; /* Custom border-radius for a circular shape */
    background: #FCB073; /* Background color of the element */
   
    z-index: 1; /* Ensure the background appears above the ::before pseudo-element */
    overflow: visible; /* Allow the ::before pseudo-element to overflow outside the container */
}
  
section.home-hero {
    padding-top: 10px;
    position: relative;
}

    section.home-hero .see-more {
        height: 22px;
        width: 20px;
        background: url(../imgs/icons/icon_arrow_down.svg) no-repeat;
        background-position: center center;
        background-size: 18px auto;
        position: absolute;
        bottom: 0;
    }

    section.home-hero .hero-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        max-width: 500px;
        text-align: center;
    }

        section.home-hero .hero-wrapper .hero-img {
            margin: 40px 0;
            height: 166px;
        }

        section.home-hero .hero-wrapper h1 {
            margin-bottom: 20px;
        }

        section.home-hero .hero-wrapper h2 {
            margin: 0;
            font-weight: normal;
            max-width: 400px;
        }

        section.home-hero .hero-wrapper .btn {
            margin-top: 30px;
            width: 280px;
            height: 45px;
            line-height: 27px;
            border-radius: 0 23px 23px 23px;
        }

section.home-faq .faq-wrapper {
    position: relative;
    margin-top: 80px;
}

    section.home-faq .faq-wrapper:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 550px;
        width: 550px;
        border: none;
        border-radius: 0 50% 50% 50%;
        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        z-index: 0;
    }

    section.home-faq .faq-wrapper h2 {
        position: relative;
        padding: 70px 70px 70px 35px;
        max-width: 550px;
        color: white;
        font-weight: normal;
        z-index: 1;
    }

    section.home-faq .faq-wrapper .faq {
        position: relative;
        z-index: 1;
        text-align: end;
    }

        section.home-faq .faq-wrapper .faq .btn-popover {
            padding: 5px 35px;
            margin-bottom: 10px;
            width: 330px;
            height: 70px;
            background: white;
            border-radius: 35px 35px 0 35px;
            font-weight: normal;
            text-align: start;
            white-space: normal;
            box-shadow: 0 0 0 0 transparent, 0 8px 15px rgba(0, 0, 0, 0.15);
        }

            section.home-faq .faq-wrapper .faq .btn-popover:hover {
                box-shadow: 0 5px 0 0 #b2b2b2, 0 8px 15px rgba(0, 0, 0, 0.15);
            }

        section.home-faq .faq-wrapper .faq .popover {
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
            border-radius: 35px 35px 35px 0;
            background-color: white;
            background-image: url(../imgs/patterns/patt_popover.svg);
            background-size: 30px auto;
            background-repeat: no-repeat;
            background-position: left bottom;
        }

            section.home-faq .faq-wrapper .faq .popover .popover-body {
                padding: 40px 35px;
                width: 290px;
                background: none;
            }

            section.home-faq .faq-wrapper .faq .popover .arrow,
            section.home-faq .faq-wrapper .faq .popover .popover-arrow {
                display: none;
            }

section.home-faq .col-img {
    max-width: 570px;
}

section.home-motto h2 {
    margin: 40px 0;
}

@media (min-width: 1400px) {
    section.home-help {
        position: relative;
    }

        section.home-help:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: url(../imgs/patterns/patt_home_5.svg), url(../imgs/patterns/patt_home_4.svg);
            background-position: 100% 0%, 0% -40%;
            background-size: 270px auto, 250px auto;
            background-repeat: no-repeat, no-repeat;
            /*background-position: left 250px;*/
            /*z-index: 1;*/
            overflow: visible;
        }
}


@media (min-width: 1400px) {
    section.communityclass {
        position: relative;
    }

        section.communityclass:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: url(../imgs/patterns/community_art.svg);
            background-position: 100% -40%;
            background-size: 250px auto;
            background-repeat: no-repeat;
            overflow: visible;
        }
}

.talk-container {
    display: none;
}
@media (min-width: 1024px) {
    .talk-container {
        position: fixed;
        bottom: 20px;
        right: 25px;
        z-index: 10;
        display: block;
        content: url(../imgs/talk_to_us.svg);
    
        animation: heartbeat 1.5s infinite ease-in-out;
    }
    html[dir=rtl] .talk-container {
        position: fixed;
        bottom: 20px;
        left: 25px;
        z-index: 10;
        display: block;
        content: url(../imgs/talk_to_us_ar.svg);
       
        animation: heartbeat 1.5s infinite ease-in-out;
    }
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 1024px) {
    .talk-container {
        position: fixed;
        bottom: 20px;
        right: 25px;
        z-index: 10;
        display: block;
        content: url(../imgs/talk_to_us_m.svg);
        animation: heartbeat 1.5s infinite ease-in-out;
    }
}

    section.home-help .help-areas {
        margin-bottom: 120px;
    }

        section.home-help .help-areas .text-wrapper {
            margin-left: auto;
            padding: 70px 25px 70px 120px;
            height: 470px;
            max-width: 470px;
            position: relative;
        }

            section.home-help .help-areas .text-wrapper:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                height: 470px;
                width: 470px;
                border: none;
                border-radius: 50% 0 50% 50%;
                background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                z-index: 0;
            }

            section.home-help .help-areas .text-wrapper h2,
            section.home-help .help-areas .text-wrapper p {
                position: relative;
                color: white;
                z-index: 1;
            }

        section.home-help .help-areas .areas-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            row-gap: 0;
            column-gap: 0;
            margin-left: -15px;
            margin-right: -15px;
            /*width: 670px;*/
        }

            section.home-help .help-areas .areas-wrapper .area {
                cursor: pointer;
                margin: 0 0 20px;
                padding: 0 15px;
                width: 25%;
                text-align: end;
                text-decoration: none !important;
            }

                section.home-help .help-areas .areas-wrapper .area .area-content {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-size: 14px;
                    line-height: 20px;
                    text-transform: capitalize;
                    transition: opacity 0.3s;
                }

                    section.home-help .help-areas .areas-wrapper .area .area-content .area-icon {
                        margin-bottom: 15px;
                        width: 140px;
                        height: 140px;
                        border: 10px solid white;
                        border-radius: 70px 70px 0 70px;
                        box-shadow: none;
                        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                    }

                        section.home-help .help-areas .areas-wrapper .area .area-content .area-icon .icon-img {
                            height: 120px;
                            width: 120px;
                        }

                    section.home-help .help-areas .areas-wrapper .area .area-content span {
                        display: inline-block;
                        width: 140px;
                        font-weight: bold;
                        font-size: 15px;
                        color: #575858;
                        text-align: end;
                    }

    section.home-help .help-icons .help-wrapper {
        display: grid;
        grid-template-columns: repeat(4, minmax(auto, 180px));
        justify-content: center;
        column-gap: 50px;
        margin: 80px 0;
    }

        section.home-help .help-icons .help-wrapper .help-icon {
            width: 180px;
        }

            section.home-help .help-icons .help-wrapper .help-icon .img-wrapper {
                margin-bottom: 30px;
                width: 180px;
                height: 180px;
            }

                section.home-help .help-icons .help-wrapper .help-icon .img-wrapper img {
                    width: 100%;
                    height: 100%;
                }

            section.home-help .help-icons .help-wrapper .help-icon .icon-text {
                font-weight: bold;
                font-size: 15px;
                line-height: 20px;
            }

    section.home-help .help-icons .btn-primary {
        margin-bottom: 15px;
    }

    section.home-life .btn-primary {
        margin: 20px 0;
    }

    section.home-life .media-wrapper {
        position: relative;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto 1fr 1fr;
        column-gap: 30px;
        row-gap: 30px;
        margin-top: 50px;
    }

        section.home-life .media-wrapper:after {
            content: "";
            position: absolute;
            top: 45px;
            right: -50px;
            width: 100px;
            height: 100px;
            background-image: url(../imgs/patterns/patt_home_hub.svg);
            background-size: 100% auto;
            background-repeat: no-repeat;
        }

        section.home-life .media-wrapper .video-btns {
            position: relative;
            grid-column: 1/-1;
            grid-row: 1;
            display: grid;
            grid-template-columns: 1fr 1fr;
            z-index: 2;
        }

            section.home-life .media-wrapper .video-btns .video-btn {
                display: grid;
                grid-template-columns: auto 1fr;
                column-gap: 15px;
                align-items: center;
                color: #575858;
                text-decoration: none;
            }

                section.home-life .media-wrapper .video-btns .video-btn .play-icon {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    width: 50px;
                    height: 50px;
                    border-radius: 0 25px 25px 0;
                    background: linear-gradient(0deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                    color: white;
                    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                    transition: all 0.3s;
                }

                section.home-life .media-wrapper .video-btns .video-btn:hover .play-icon {
                    box-shadow: none;
                }

        section.home-life .media-wrapper .video-card {
            position: relative;
            width: 370px;
            z-index: 2;
        }

            section.home-life .media-wrapper .video-card .img-wrapper {
                height: 200px;
            }

            section.home-life .media-wrapper .video-card .hub-label {
                display: none;
            }

        section.home-life .media-wrapper .video-xl {
            position: relative;
            grid-row: 2/-1;
            width: 100%;
        }

            section.home-life .media-wrapper .video-xl .img-wrapper {
                height: auto;
            }

            section.home-life .media-wrapper .video-xl .label-title {
                position: absolute;
                top: 30px;
                right: 30px;
                padding: 10px 15px;
                border-radius: 0 20px 20px 20px;
                background: #9dd4ca;
                color: white;
                font-size: 15px;
                line-height: 20px;
            }

    section.home-slider {
        padding-top: 120px;
    }

    @media (min-width: 1400px) {
        section.home-slider {
            position: relative;
        }

            section.home-slider:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: url(../imgs/patterns/patt_home_2.svg), url(../imgs/patterns/patt_home_3.svg);
                background-size: 200px auto, 315px auto;
                background-repeat: no-repeat;
                background-position: top left, bottom right;
                z-index: -1;
            }
    }

    section.home-slider #practitioners-slider .cards-wrapper {
        display: flex;
        flex-wrap: nowrap;
        padding: 0 10px;
    }

        section.home-slider #practitioners-slider .cards-wrapper .sly-item {
            flex: 0 0 auto;
            width: 370px;
            padding: 0 5px;
        }

    section.home-slider #practitioners-slider .practitioner-card {
        margin: 40px 0;
        width: 100%;
        min-height: 483px;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
    }

        section.home-slider #practitioners-slider .practitioner-card .img-wrapper {
            position: relative;
            display: block;
            width: 100%;
            height: 360px;
        }

            section.home-slider #practitioners-slider .practitioner-card .img-wrapper:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: block;
                background: #ededed;
                opacity: 0.3;
                z-index: 3;
            }

            section.home-slider #practitioners-slider .practitioner-card .img-wrapper:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                display: block;
                border: none;
                background: url(../imgs/card_mask.svg) 100% 100%;
                mix-blend-mode: soft-light;
                opacity: 1;
                z-index: 3;
            }

            section.home-slider #practitioners-slider .practitioner-card .img-wrapper img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        section.home-slider #practitioners-slider .practitioner-card .card-body {
            padding: 15px;
        }

        section.home-slider #practitioners-slider .practitioner-card .card-title {
            display: block;
            margin-bottom: 0;
            color: #575858;
            font-size: 18px;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

        section.home-slider #practitioners-slider .practitioner-card .badges-wrapper .badge {
            display: inline-block;
            margin-right: 5px;
            margin-top: 5px;
            width: fit-content;
            max-width: 100%;
            color: white;
            background-color: #9dd4ca;
            font-size: 14px;
            font-weight: normal;
            border-radius: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        section.home-slider #practitioners-slider .practitioner-card .badges-wrapper .btn-popover {
            display: inline-block;
            margin-left: 5px;
            margin-top: 5px;
            padding: 0 8px;
            border-radius: 0 14px 14px;
            height: 28px;
            min-width: 28px;
            background-color: #68a2b9;
            color: white;
            font-size: 14px;
            font-weight: normal;
            line-height: 1;
            text-align: center;
        }

    .bottom-bar.bar-search {
        margin-bottom: 5px;
    }

        .bottom-bar.bar-search .form-search {
            max-width: 500px;
            width: 100%;
        }

            .bottom-bar.bar-search .form-search p {
                font-weight: bold;
                color: white;
            }

            .bottom-bar.bar-search .form-search .form-group {
                display: grid;
                grid-template-columns: 1fr auto;
                column-gap: 15px;
            }

                .bottom-bar.bar-search .form-search .form-group .form-control {
                    height: 42px;
                }

                .bottom-bar.bar-search .form-search .form-group .btn-primary {
                    min-width: 130px;
                }

    @media (max-width: 1199px) {
        .default.nav-home .navbar.nav-show .navbar-toggler,
        .default.nav-home .navbar.nav-show .navbar-brand {
            visibility: visible;
            opacity: 1;
        }

        .default.nav-home .navbar.nav-show .navbar-collapse {
            visibility: hidden;
        }

            .default.nav-home .navbar.nav-show .navbar-collapse.show {
                visibility: visible;
            }

        section.home-faq .faq-wrapper h2 {
            padding-bottom: 30px;
            margin: 0;
        }

        section.home-faq .faq-wrapper:after {
            width: 470px;
            height: 470px;
        }

        section.home-help .categories {
            display: flex;
            justify-content: center;
        }

        section.home-help .help-areas .areas-wrapper .area {
            width: 25%;
        }

        section.home-help .help-icons .text-center .btn {
            width: 50%;
        }

        section.home-life .media-wrapper .video-card {
            width: 300px;
        }

        section.home-life .media-wrapper .video-xl {
            width: auto;
        }

            section.home-life .media-wrapper .video-xl .img-wrapper {
                height: 100%;
            }

        section.specialist-technique .cards-wrapper {
            padding: 60px 0;
        }
    }

    @media (max-width: 991px) {
        section.home-help .bothering {
            order: 1;
        }

        section.home-help .categories {
            order: 2;
            margin-top: -80px;
            z-index: 1;
        }

        section.home-help .help-areas .areas-wrapper .area {
            width: 25%;
        }

        section.home-help .help-icons .help-wrapper {
            display: grid;
            grid-template-columns: repeat(2, minmax(auto, 180px));
            row-gap: 40px;
        }

        section.home-faq .col-img .img-wrapper img {
            position: absolute;
            top: 80px;
            right: 0;
            width: 120%;
            mix-blend-mode: multiply;
        }

        section.home-faq .faq-wrapper h2 {
            padding-right: 0;
        }

        section.home-life .media-wrapper {
            grid-template-rows: auto 1fr auto;
            grid-template-columns: 1fr 1fr;
        }

            section.home-life .media-wrapper:after {
                top: 110px;
            }

            section.home-life .media-wrapper .video-btns {
                grid-template-columns: 1fr;
                row-gap: 15px;
            }

            section.home-life .media-wrapper .video-card {
                width: 100%;
            }

            section.home-life .media-wrapper .video-xl {
                grid-row: 2;
                grid-column: 1/-1;
            }

        section.specialist-technique .cards-wrapper {
            padding: 60px 15px;
            column-gap: 15px;
        }
    }

    @media (max-width: 699px) {
        section.home-faq .col-img .img-wrapper img {
            top: initial;
            right: -50px;
            bottom: -100px;
            width: 200%;
        }

        section.home-faq .faq-wrapper h2 {
            padding-right: 0;
        }

        section.home-help .help-areas .areas-wrapper {
            flex: 0 0 auto;
            flex-wrap: nowrap;
            width: 100vw;
            justify-content: unset;
            z-index: 1;
            overflow-x: scroll;
            -ms-overflow-style: none;
            scrollbar-width: none;
            /* Firefox */
        }

            section.home-help .help-areas .areas-wrapper::-webkit-scrollbar {
                display: none;
            }

            section.home-help .help-areas .areas-wrapper .area {
                width: auto;
            }
    }

    @media (max-width: 575px) {
        .default.nav-home .navbar .navbar-collapse {
            visibility: hidden;
            opacity: unset;
            transition: unset;
        }

        .default.nav-home .navbar.nav-show .navbar-toggler,
        .default.nav-home .navbar.nav-show .navbar-brand {
            visibility: visible;
            opacity: 1;
        }

        .default.nav-home .navbar.nav-show .navbar-collapse {
            visibility: hidden;
        }

            .default.nav-home .navbar.nav-show .navbar-collapse.show {
                visibility: visible;
            }

        section .h1 {
            font-size: 38px;
        }

        section p {
            font-size: 16px;
        }

        section.home-hero.p-md {
            padding-bottom: 0;
        }

        section.home-hero .hero-wrapper {
            padding: 0 50px 0px;
        }

            section.home-hero .hero-wrapper .hero-img {
                margin: 40px 0;
                height: 140px;
            }

            section.home-hero .hero-wrapper .h3 {
                font-size: 18px;
            }

            section.home-hero .hero-wrapper .text-small {
                font-size: 16px;
            }

            section.home-hero .hero-wrapper .btn {
                width: 120%;
            }

        section.home-motto {
            margin-top: 200px;
        }

            section.home-motto .h1 {
                margin: 40px auto;
                max-width: 270px;
            }

                section.home-motto .h1 span {
                    display: block;
                }

        section.home-faq .col {
            width: 100%;
        }

        section.home-faq .faq-wrapper::after {
            margin-left: -15px;
        }

        section.home-faq .faq-wrapper .h1 {
            margin: 0;
            padding: 40px;
            max-width: 360px;
        }

        section.home-faq .col-img {
            max-width: 0;
            padding: 0;
        }

            section.home-faq .col-img .img-wrapper img {
                position: absolute;
                top: 240px;
                right: auto;
                bottom: auto;
                left: calc(-100vw - 150px);
                width: 500px;
                mix-blend-mode: multiply;
            }

        section.home-help .help-areas {
            margin-bottom: 180px;
        }

            section.home-help .help-areas .row .bothering .text-wrapper {
                padding-left: 0;
                max-width: 360px;
            }

                section.home-help .help-areas .row .bothering .text-wrapper:after {
                    right: -15px;
                }

                section.home-help .help-areas .row .bothering .text-wrapper .h1 .title-part {
                    display: block;
                }

            section.home-help .help-areas .row .categories {
                margin-top: 40px;
                position: relative;
            }

                section.home-help .help-areas .row .categories .areas-wrapper {
                    margin: 0;
                    padding-left: 15px;
                    padding-right: 15px;
                    position: absolute;
                    width: 100%;
                    top: -115px;
                    left: 0;
                }

        section.home-help .help-icons .h1 {
            margin: 0 auto 15px;
            max-width: 270px;
        }

        section.home-help .help-icons .help-wrapper {
            flex-wrap: wrap;
            margin: 60px 0;
            row-gap: 40px;
            column-gap: 20px;
        }

            section.home-help .help-icons .help-wrapper .help-icon {
                width: auto;
            }

                section.home-help .help-icons .help-wrapper .help-icon .img-wrapper {
                    margin-bottom: 15px;
                    width: 100%;
                    height: auto;
                }

        section.home-help .help-icons .text-center .btn {
            width: 100%;
        }

        section.home-life .btn {
            width: 100%;
        }

        section.home-life .media-wrapper {
            grid-template-rows: auto 1fr auto;
            grid-template-columns: 1fr 1fr;
            row-gap: 15px;
        }

            section.home-life .media-wrapper:after {
                top: 125px;
            }

            section.home-life .media-wrapper .video-btns .video-btn {
                font-size: 18px;
            }

            section.home-life .media-wrapper .video-card {
                grid-column: 1/-1;
            }

                section.home-life .media-wrapper .video-card .hub-label {
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    padding: 10px 15px;
                    border-radius: 20px 0 20px 20px;
                    background: #68a2b9;
                    color: white;
                    font-size: 15px;
                    line-height: 20px;
                    z-index: 2;
                }

            section.home-life .media-wrapper .video-xl {
                margin-top: 30px;
            }

                section.home-life .media-wrapper .video-xl .label-title {
                    display: none;
                }

        section.specialist-technique .text-center {
            text-align: unset !important;
        }

        section.home-slider #practitioners-slider .cards-wrapper .sly-item {
            flex: 0 0 auto;
            width: 330px;
            padding: 0 5px;
        }

        .bar-search {
            padding: 20px 0;
        }

            .bar-search .form-search p {
                text-align: center;
                font-size: 14px;
            }

            .bar-search .form-search .form-group {
                margin-bottom: 10px;
            }
    }

    html[dir=rtl] section.home-help:before,
    html[dir=rtl] section.home-slider:before {
        transform: scaleX(-1);
    }

    html[dir=rtl] section.home-slider #practitioners-slider .practitioner-card .badges-wrapper .btn-popover {
        border-radius: 14px 0 14px 14px;
    }

    html[dir=rtl] section.home-slider #practitioners-slider .practitioner-card .badges-wrapper .badge {
        margin-right: initial;
        margin-left: 5px;
    }

    html[dir=rtl] section.home-life .media-wrapper:after {
        right: initial;
        left: -50px;
    }

    html[dir=rtl] section.home-life .media-wrapper .video-xl .label-title {
        right: initial;
        left: 30px;
        border-radius: 20px 0px 20px 20px;
    }

    html[dir=rtl] section.home-faq .faq-wrapper:after {
        left: initial;
        right: 0;
        transform: scaleX(-1);
    }

    html[dir=rtl] section.home-faq .faq-wrapper .h1 {
        padding: 70px 35px 70px 70px;
    }

    html[dir=rtl] section.home-faq .faq-wrapper .faq .btn-popover {
        border-radius: 35px 35px 35px 0;
    }

    html[dir=rtl] section.home-help .help-areas .text-wrapper {
        margin-left: initial;
        margin-right: auto;
        padding: 70px 120px 70px 25px;
    }

        html[dir=rtl] section.home-help .help-areas .text-wrapper:after {
            right: initial;
            left: 0;
            transform: scaleX(-1);
        }

    @media (max-width: 699px) {
        html[dir=rtl] section.home-faq .col-img .img-wrapper img {
            right: initial;
            left: -50px;
        }
    }

    @media (max-width: 575px) {
        html[dir=rtl] section.home-faq .faq-wrapper:after {
            margin-left: initial;
            margin-right: -15px;
        }

        html[dir=rtl] section.home-faq .faq-wrapper .h1 {
            padding: 40px;
        }

        html[dir=rtl] section.home-faq .col-img .img-wrapper img {
            left: auto;
            right: calc(-100vw - 150px);
        }

        html[dir=rtl] section.home-life .media-wrapper .video-card .hub-label {
            right: initial;
            left: 0;
            border-radius: 0 20px 20px 20px;
        }

        html[dir=rtl] section.home-help .help-areas .row .bothering .text-wrapper {
            padding-right: 0;
            padding-left: 25px;
        }
    }

    section.how-head .how-wrapper {
        position: relative;
        margin-top: 30px;
        padding: 50px 140px 50px 70px;
    }

        section.how-head .how-wrapper:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 470px;
            width: 470px;
            border: none;
            border-radius: 0 50% 50% 50%;
            background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
            z-index: 0;
        }

        section.how-head .how-wrapper h1 {
            position: relative;
            max-width: 550px;
            color: white;
            font-weight: normal;
            z-index: 1;
        }

        section.how-head .how-wrapper .text-wrapper {
            position: relative;
            max-width: 280px;
            color: white;
            z-index: 1;
        }

    section.how-head .img-wrapper img {
        display: block;
        margin: 0 auto;
        max-height: 525px;
        width: auto;
        object-fit: fill;
    }

    section.how-head .img-wrapper-xs {
        display: none;
    }

    @media (min-width: 1400px) {
        section.how-list {
            position: relative;
        }

            section.how-list:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: url(../imgs/patterns/patt_how.svg);
                background-size: 80px auto;
                background-repeat: no-repeat;
                background-position: right top 80px;
                z-index: -1;
            }
    }

    section.how-find {
        position: relative;
        background-color: transparent;
    }

        section.how-find:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: #ecf9f6;
            background-image: url(../imgs/patterns/patt_how_2.svg);
            background-repeat: no-repeat;
            background-position: top left;
            z-index: -1;
        }

        section.how-find .how-find-wrapper {
            text-align: center;
        }

            section.how-find .how-find-wrapper h2 {
                margin-bottom: 25px;
            }

    @media (max-width: 1199px) {
        section.how-head .how-wrapper {
            padding-right: 50px;
        }

        section.how-head .img-wrapper {
            margin-top: 60px;
        }
    }

    @media (max-width: 991px) {
        section.how-head .col {
            flex: 1 1 auto;
            width: 500px;
            min-height: 620px;
        }

            section.how-head .col.col-img {
                /*width: 150px;*/
                min-height: unset;
            }

                section.how-head .col.col-img .img-wrapper img {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 340px;
                    mix-blend-mode: multiply;
                }

        .how-find {
            background-size: 200px auto;
            background-position: top left -50px;
        }
    }

    @media (max-width: 768px) {
        section.how-head {
            min-height: 700px;
        }

            section.how-head .how-wrapper {
                margin-top: 10px;
            }

            section.how-head .img-wrapper {
                margin-top: 100px;
            }

        .how-find .how-find-wrapper {
            margin: 0 auto;
            max-width: 300px;
        }
    }

    @media (max-width: 575px) {
        .page section.how-head {
            padding-top: 0;
        }

            .page section.how-head .how-wrapper {
                padding: 50px 15px;
                margin-top: 0;
            }

                .page section.how-head .how-wrapper:after {
                    left: -15px;
                    width: 520px;
                    height: 520px;
                }

            .page section.how-head .col.col-img {
                width: 150px;
                min-height: unset;
            }

                .page section.how-head .col.col-img .img-wrapper {
                    display: none;
                }

                .page section.how-head .col.col-img .img-wrapper-xs {
                    display: block;
                    margin-top: 100px;
                }

                    .page section.how-head .col.col-img .img-wrapper-xs img {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        width: 340px;
                    }

        .page section.how-list .grid-list-wrapper .list-text {
            text-align: center;
        }

        .page section.how-list .grid-list-wrapper .list-point {
            font-weight: bold;
        }

        .page section.how-find:before {
            background-size: 180px auto;
            background-position: top left -80px;
        }
    }

    html[dir=rtl] section.how-list:before,
    html[dir=rtl] section.how-find:before {
        transform: scaleX(-1);
    }

    html[dir=rtl] section.how-head .how-wrapper {
        padding: 50px 70px 50px 140px;
    }

        html[dir=rtl] section.how-head .how-wrapper:after {
            left: initial;
            right: 0;
            border-radius: 50% 0 50% 50%;
        }

    @media (max-width: 1199px) {
        html[dir=rtl] section.how-head .how-wrapper {
            padding-right: initial;
            padding-left: 50px;
        }
    }

    @media (max-width: 991px) {
        html[dir=rtl] section.how-head .col.col-img .img-wrapper img {
            right: initial;
            left: 0;
        }

        html[dir=rtl] .how-find {
            background-position: top right -50px;
        }
    }

    @media (max-width: 575px) {
        html[dir=rtl] .page section.how-head .how-wrapper:after {
            left: initial;
            right: -15px;
        }

        html[dir=rtl] .page section.how-head .col.col-img .img-wrapper-xs img {
            right: initial;
            left: 0;
        }

        html[dir=rtl] .page section.how-list .grid-list-wrapper .list-text {
            text-align: center;
        }

        html[dir=rtl] .page section.how-list .grid-list-wrapper .list-point {
            font-weight: bold;
        }

        html[dir=rtl] .page section.how-find:before {
            background-position: top left -80px;
        }
    }

    section.about-head {
        display: flex;
        align-items: center;
        position: relative;
    }

        section.about-head:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-image-set(url(../imgs/artwork/about@1x.jpg) 1x, url(../imgs/artwork/about@2x.jpg) 2x);
            background-image: image-set(url(../imgs/artwork/about@1x.jpg) 1x, url(../imgs/artwork/about@2x.jpg) 2x);
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: left top;
            z-index: -1;
        }

        section.about-head h1 {
            margin-top: 60px;
        }

        section.about-head .text-wrapper .text-top,
        section.about-head .text-wrapper .text-bottom {
            margin-top: 40px;
        }

    section.about-list {
        padding-bottom: 0;
    }

        section.about-list ul {
            margin-bottom: 80px;
        }

            section.about-list ul:last-of-type {
                margin-bottom: 0;
            }

            section.about-list ul li {
                margin-bottom: 20px;
            }

                section.about-list ul li:last-of-type {
                    margin-bottom: 0;
                }

    section.about-team {
        padding-top: 330px;
        position: relative;
    }

        section.about-team:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: url(../imgs/patterns/patt_about_1.svg), url(../imgs/patterns/patt_about_2.svg);
            background-image: url(../imgs/patterns/patt_about_1.svg), url(../imgs/patterns/patt_about_2.svg);
            background-size: 300px auto, 250px auto;
            background-repeat: no-repeat, no-repeat;
            background-position: left top -100px, right bottom -40px;
            z-index: -1;
        }

        section.about-team .h1 {
            margin-bottom: 60px;
        }

        section.about-team .team-member {
            display: grid;
            grid-template-columns: 100px auto;
            grid-template-rows: auto 1fr;
            column-gap: 30px;
            margin-bottom: 60px;
        }

            section.about-team .team-member .member-avatar {
                grid-row: 1/-1;
                position: relative;
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0;
                height: 50px;
                width: 50px;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                border: none;
                border-radius: 0 25px 25px 25px;
                color: white;
                text-transform: uppercase;
                vertical-align: middle;
                overflow: hidden;
                height: 100px;
                width: 100px;
                border-radius: 0 50px 50px 50px;
            }

                section.about-team .team-member .member-avatar .img-avatar {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }

                section.about-team .team-member .member-avatar:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    background: #ededed;
                    opacity: 0.3;
                    z-index: 3;
                }

                section.about-team .team-member .member-avatar:after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    width: 100%;
                    height: 100%;
                    display: block;
                    border: none;
                    background: url(../imgs/avatar_mask.svg) 100% 100%;
                    mix-blend-mode: soft-light;
                    opacity: 1;
                    z-index: 3;
                }

            section.about-team .team-member .member-info .h2 {
                margin-bottom: 5px;
                line-height: 1;
            }

            section.about-team .team-member .member-info .h3 {
                font-weight: normal;
                margin-bottom: 30px;
            }

    @media (max-width: 1199px) {
        section.about-head:before {
            background-size: 70% auto;
        }

        section.about-head .col {
            flex: 0 0 auto;
            margin-left: 40%;
            width: 60%;
        }
    }

    @media (max-width: 575px) {
        section.about-head:before {
            background-image: -webkit-image-set(url(../imgs/artwork/about_xs@1x.jpg) 1x, url(../imgs/artwork/about_xs@2x.jpg) 2x);
            background-image: image-set(url(../imgs/artwork/about_xs@1x.jpg) 1x, url(../imgs/artwork/about_xs@2x.jpg) 2x);
            background-position: left -160px;
            background-size: 100% auto;
        }

        section.about-head .col {
            margin-top: 400px;
            margin-left: 0;
            width: 100%;
        }

        section.about-head .h1 {
            margin-bottom: 15px;
        }

        section.about-head h2 {
            font-size: 22px;
        }

        section.about-head .text-wrapper .text-top {
            margin-top: 15px;
        }

        section.about-head .text-wrapper .text-bottom {
            position: relative;
            margin-top: 80px;
        }

            section.about-head .text-wrapper .text-bottom:after {
                content: "";
                position: absolute;
                right: -15px;
                top: -80px;
                width: 120px;
                height: 160px;
                background-image: url(../imgs/patterns/patt_about_1-2.svg);
                background-repeat: no-repeat;
                background-size: 100% auto;
            }

        section.about-list h2 {
            font-size: 22px;
        }

        section.about-team {
            padding-top: 240px;
        }

            section.about-team:before {
                background-image: url(../imgs/patterns/patt_about_1.svg);
                background-size: 300px auto;
                background-repeat: no-repeat;
                background-position: left -130px top -200px;
            }

            section.about-team .team-member {
                grid-template-rows: auto 1fr;
                row-gap: 30px;
            }

                section.about-team .team-member .member-info .h2 {
                    margin-bottom: 15px;
                    font-size: 22px;
                }

                section.about-team .team-member .member-info .h3 {
                    margin-bottom: 0;
                }

                section.about-team .team-member .member-avatar {
                    grid-row: 1;
                }

                section.about-team .team-member .member-text {
                    grid-column: 1/-1;
                }
    }

    html[dir=rtl] section.about-head:before {
        transform: scaleX(-1);
    }

    @media (min-width: 768px) {
        html[dir=rtl] section.about-head .offset-md-4 {
            margin-left: initial;
            margin-right: 33.33333%;
        }
    }

    html[dir=rtl] section.about-team:before {
        transform: scaleX(-1);
    }

    @media (max-width: 1199px) {
        html[dir=rtl] section.about-head .col {
            margin-left: initial;
            margin-right: 40%;
        }
    }

    @media (max-width: 575px) {
        html[dir=rtl] section.about-head:before {
            background-position: right -160px;
        }

        html[dir=rtl] section.about-head .text-wrapper .text-bottom:after {
            right: initial;
            left: -15px;
            transform: scaleX(-1);
        }

        html[dir=rtl] section.about-head .col {
            margin-top: 400px;
            margin-left: initial;
            margin-right: 0;
            width: 100%;
        }
    }

    section.careers-head {
        display: flex;
        align-items: center;
        min-height: 700px;
        position: relative;
    }

        section.careers-head:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-image-set(url(../imgs/artwork/careers_head@1x.jpg) 1x, url(../imgs/artwork/careers_head@2x.jpg) 2x);
            background-image: image-set(url(../imgs/artwork/careers_head@1x.jpg) 1x, url(../imgs/artwork/careers_head@2x.jpg) 2x);
            background-size: 676px auto;
            background-repeat: no-repeat;
            background-position: left top -26px;
            z-index: -1;
        }

    section.careers-foot {
        min-height: 600px;
        position: relative;
    }

        section.careers-foot:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-image: -webkit-image-set(url(../imgs/artwork/careers_foot@1x.jpg) 1x, url(../imgs/artwork/careers_foot@2x.jpg) 2x);
            background-image: image-set(url(../imgs/artwork/careers_foot@1x.jpg) 1x, url(../imgs/artwork/careers_foot@2x.jpg) 2x);
            background-size: 551px auto;
            background-repeat: no-repeat;
            background-position: right bottom;
            z-index: -1;
        }

    @media (min-width: 1400px) {
        section.careers-foot:before {
            background-image: -webkit-image-set(url(../imgs/artwork/careers_foot@1x.jpg) 1x, url(../imgs/artwork/careers_foot@2x.jpg) 2x), url(../imgs/patterns/patt_careers.svg);
            background-image: image-set(url(../imgs/artwork/careers_foot@1x.jpg) 1x, url(../imgs/artwork/careers_foot@2x.jpg) 2x), url(../imgs/patterns/patt_careers.svg);
            background-size: 551px auto, 80px auto;
            background-repeat: no-repeat, no-repeat;
            background-position: right bottom, left top 40px;
        }
    }

    section.careers-foot .text-wrapper {
        margin: 30px 0;
    }

    @media (max-width: 575px) {
        section.careers-foot .how-wrapper {
            padding-top: 380px;
        }
    }

    section.careers-list .grid-list-wrapper {
        margin-top: 40px;
    }

    @media (max-width: 1199px) {
        section.careers-head:before {
            background-position: -125px top;
            background-size: 600px auto;
        }

        section.careers-foot:before {
            background-position: 115% 100%, -5% top;
        }
    }

    @media (max-width: 991px) {
        section.careers-head:before {
            background-position: -220px top;
        }

        section.careers-foot:before {
            background-position: 180% 100%;
        }
    }

    @media (max-width: 767.98px) {
        section.careers-head {
            padding-top: 450px !important;
        }

            section.careers-head:before {
                background-position: top -30px left -50px;
                background-size: 420px auto;
            }

        section.careers-list .grid-list-wrapper {
            margin-bottom: 0;
        }

        section.careers-foot {
            padding-top: 450px;
        }

            section.careers-foot:before {
                background-image: -webkit-image-set(url(../imgs/artwork/careers_foot_xs@1x.jpg) 1x, url(../imgs/artwork/careers_foot_xs@2x.jpg) 2x);
                background-image: image-set(url(../imgs/artwork/careers_foot_xs@1x.jpg) 1x, url(../imgs/artwork/careers_foot_xs@2x.jpg) 2x);
                background-position: top left;
                background-size: 380px auto;
            }
    }

    @media (max-width: 575px) {
        section.careers-list .grid-list-wrapper .list-point {
            font-weight: bold;
        }
    }

    html[dir=rtl] section.careers-head:before {
        transform: scaleX(-1);
    }

    @media (min-width: 768px) {
        html[dir=rtl] section.careers-head .offset-md-6 {
            margin-left: initial;
            margin-right: 50%;
        }
    }

    html[dir=rtl] section.careers-foot:before {
        transform: scaleX(-1);
    }

    .hub-head {
        margin: 40px -15px;
    }

        .hub-head .hub-wrapper {
            position: relative;
            padding: 50px 140px 50px 70px;
        }

            .hub-head .hub-wrapper:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                height: 470px;
                width: 470px;
                border: none;
                border-radius: 0 50% 50% 50%;
                background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                z-index: 0;
            }

            .hub-head .hub-wrapper h1 {
                position: relative;
                max-width: 550px;
                color: white;
                font-weight: normal;
                z-index: 1;
            }

            .hub-head .hub-wrapper .h2 {
                line-height: 1;
            }

            .hub-head .hub-wrapper .text-wrapper {
                position: relative;
                color: white;
                z-index: 1;
            }

        .hub-head .img-wrapper img {
            display: block;
            margin: 0 auto;
            max-height: 565px;
            width: auto;
            object-fit: fill;
        }

        .hub-head .img-wrapper-xs {
            display: none;
        }

    .hub-details {
        margin-bottom: 85px;
    }

        .hub-details .hub-practitioner {
            display: grid;
            grid-template-columns: 40px auto;
            grid-auto-flow: 1fr;
            column-gap: 25px;
            padding: 0;
            border: none;
        }

            .hub-details .hub-practitioner .practitioner-avatar {
                height: 40px;
                width: 40px;
                grid-row: 1;
            }

            .hub-details .hub-practitioner .practitioner-info a {
                color: inherit;
            }

            .hub-details .hub-practitioner .practitioner-book {
                margin-top: 50px;
                grid-column: 2;
            }

        .hub-details .video-player .video-info {
            margin-top: 30px;
        }

            .hub-details .video-player .video-info .h2 {
                line-height: 1.4;
            }

    .hub-videos-section .videos-anchor {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden;
    }

    .hub-videos-section .hub-search.session-filters {
        margin: 0;
    }

        .hub-videos-section .hub-search.session-filters .search-wrapper {
            max-width: 500px;
        }

    .video-card {
        color: #575858;
        text-decoration: none;
        box-shadow: 0px 4px 21px rgba(0, 0, 0, 0.06);
        transition: box-shadow 0.3s;
    }

        .video-card .img-wrapper {
            position: relative;
            overflow: hidden;
        }

            .video-card .img-wrapper img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: transform 0.3s;
            }

            .video-card .img-wrapper .play-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -25px 0 0 -25px;
                display: flex;
                justify-content: center;
                align-items: center;
                width: 50px;
                height: 50px;
                border-radius: 0 25px 25px 0;
                background: linear-gradient(0deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                color: white;
                box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                transition: all 0.3s;
            }

        .video-card .text-wrapper {
            padding: 10px 20px;
        }

            .video-card .text-wrapper .title {
                margin: 0;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .video-card .text-wrapper .profile {
                margin: 0;
                font-size: 14px;
                font-weight: bold;
            }

                .video-card .text-wrapper .profile .img-icon {
                    display: inline-block;
                    height: 16px;
                    width: auto;
                }

        .video-card:hover {
            color: #575858;
            text-decoration: none;
            box-shadow: none;
        }

            .video-card:hover .img-wrapper img {
                transform: scale(1.2);
            }

            .video-card:hover .img-wrapper .play-icon {
                opacity: 0;
            }

    .hub-videos {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 30px;
        row-gap: 40px;
    }

    @media (max-width: 1199px) {
        .hub-head {
            min-height: 550px;
        }

            .hub-head .col {
                width: 500px;
                flex: 0 0 auto;
            }

                .hub-head .col.col-img {
                    width: 400px;
                    flex: 1 1 auto;
                }

            .hub-head .img-wrapper img {
                width: 100%;
                height: auto;
            }

            .hub-head .hub-wrapper {
                padding-right: 50px;
            }

        .hub-details .video-player .video-thumbnail img {
            width: 100%;
        }

        .hub-videos {
            column-gap: 20px;
            row-gap: 30px;
        }
    }

    @media (max-width: 991px) {
        .hub .page .page-header {
            text-align: start;
        }

        .hub-head {
            min-height: 620px;
        }

            .hub-head .col.col-img {
                width: 150px;
                position: relative;
            }

                .hub-head .col.col-img .img-wrapper img {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    width: 340px;
                    mix-blend-mode: multiply;
                }

        .hub-details .hub-practitioner {
            margin-top: 40px;
        }

            .hub-details .hub-practitioner .practitioner-book {
                margin-top: 15px;
            }

        .hub-videos {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 768px) {
        .hub-head {
            min-height: 700px;
        }

            .hub-head .col.col-img {
                width: 100%;
            }

            .hub-head .img-wrapper img {
                mix-blend-mode: multiply;
            }
    }

    @media (max-width: 575px) {
        .hub .page .page-header {
            margin: 25px 0;
        }

            .hub .page .page-header .header-nav {
                margin: 0;
            }

        .hub .section-title {
            margin-bottom: 40px;
            font-size: 38px;
            line-height: 1.3;
            font-weight: 400;
            text-align: center;
        }

        .hub .hub-details {
            margin-bottom: 40px;
        }

            .hub .hub-details .video-player {
                margin-left: -15px;
                margin-right: -15px;
                width: auto;
            }

                .hub .hub-details .video-player .video-info {
                    padding: 0 15px;
                }

            .hub .hub-details .hub-practitioner .practitioner-book {
                grid-column: 1/-1;
            }

                .hub .hub-details .hub-practitioner .practitioner-book .btn {
                    width: 100%;
                }

        .hub-head {
            margin-top: 0;
            min-height: 700px;
            position: relative;
        }

            .hub-head:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-image: url(../imgs/patterns/patt_hub.svg);
                background-size: 200px auto;
                background-repeat: no-repeat;
                background-position: top 340px left;
                z-index: -1;
            }

            .hub-head .hub-wrapper {
                padding: 50px 15px;
            }

                .hub-head .hub-wrapper:after {
                    left: -15px;
                    width: 520px;
                    height: 520px;
                }

                .hub-head .hub-wrapper p:not(.h2) {
                    font-size: 16px;
                }

            .hub-head .col.col-img {
                width: 150px;
            }

                .hub-head .col.col-img .img-wrapper {
                    display: none;
                }

                .hub-head .col.col-img .img-wrapper-xs {
                    display: block;
                }

                    .hub-head .col.col-img .img-wrapper-xs img {
                        position: absolute;
                        bottom: 0;
                        right: 0;
                        width: 100%;
                    }

        .hub-videos {
            grid-template-columns: 1fr;
            row-gap: 20px;
        }
    }

    html[dir=rtl] .hub-head .hub-wrapper {
        padding: 50px 70px 50px 140px;
    }

        html[dir=rtl] .hub-head .hub-wrapper:after {
            left: initial;
            right: 0;
            transform: scaleX(-1);
        }

    @media (max-width: 1199px) {
        html[dir=rtl] .hub-head .hub-wrapper {
            padding-right: initial;
            padding-left: 50px;
        }
    }

    @media (max-width: 575px) {
        html[dir=rtl] .hub-head:before {
            transform: scaleX(-1);
        }

        html[dir=rtl] .hub-head .hub-wrapper {
            padding: 50px 15px;
        }

            html[dir=rtl] .hub-head .hub-wrapper:after {
                left: initial;
                right: -15px;
            }

        html[dir=rtl] .hub-head .col.col-img .img-wrapper-xs img {
            right: initial;
            left: 0;
        }
    }

    .chat-wrapper {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 30px;
        height: 640px;
    }

        .chat-wrapper .chat-users {
            flex: 0 0 auto;
            height: 100%;
            border-right: 1px solid #9dd4ca;
        }

            .chat-wrapper .chat-users .user-card {
                position: relative;
                cursor: pointer;
                display: grid;
                grid-template-columns: auto 1fr;
                grid-gap: 30px;
                padding: 15px 10px;
                border-radius: 6px 0 0 6px;
                transition: background 0.3s;
            }

                .chat-wrapper .chat-users .user-card:not(:last-of-type):before {
                    content: "";
                    position: absolute;
                    left: 10px;
                    right: 10px;
                    bottom: 0;
                    height: 1px;
                    background: #ecf9f6;
                }

                .chat-wrapper .chat-users .user-card.active, .chat-wrapper .chat-users .user-card:hover {
                    background: #ecf9f6;
                }

                .chat-wrapper .chat-users .user-card .user-avatar {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 0;
                    height: 50px;
                    width: 50px;
                    background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                    border: none;
                    border-radius: 0 25px 25px 25px;
                    color: white;
                    text-transform: uppercase;
                    vertical-align: middle;
                    overflow: hidden;
                    height: 44px;
                    width: 44px;
                }

                    .chat-wrapper .chat-users .user-card .user-avatar .img-avatar {
                        height: 100%;
                        width: 100%;
                        object-fit: cover;
                    }

                    .chat-wrapper .chat-users .user-card .user-avatar.avatar-mask:before {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        display: block;
                        background: #ededed;
                        opacity: 0.3;
                        z-index: 3;
                    }

                    .chat-wrapper .chat-users .user-card .user-avatar.avatar-mask:after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        width: 100%;
                        height: 100%;
                        display: block;
                        border: none;
                        background: url(../imgs/avatar_mask.svg) 100% 100%;
                        mix-blend-mode: soft-light;
                        opacity: 1;
                        z-index: 3;
                    }

                .chat-wrapper .chat-users .user-card .user-info {
                    overflow: hidden;
                }

                    .chat-wrapper .chat-users .user-card .user-info .user-head {
                        display: flex;
                        flex-wrap: nowrap;
                        margin-bottom: 15px;
                        font-size: 18px;
                    }

                        .chat-wrapper .chat-users .user-card .user-info .user-head .user-name {
                            flex: 1 1 auto;
                            display: -webkit-box;
                            -webkit-line-clamp: 1;
                            -webkit-box-orient: vertical;
                            overflow: hidden;
                        }

                        .chat-wrapper .chat-users .user-card .user-info .user-head .user-date {
                            flex: 0 0 auto;
                            padding: 0 15px;
                        }

                    .chat-wrapper .chat-users .user-card .user-info .user-message {
                        font-size: 14px;
                        opacity: 0.6;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                    }

        .chat-wrapper .chat-content {
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            height: 100%;
            padding: 15px 40px;
            padding: 15px 25px 15px 15px;
        }

            .chat-wrapper .chat-content .chat-messages-list {
                flex: 1 1 auto;
                overflow: auto;
                scrollbar-color: #68a2b9 white;
                scrollbar-width: thin;
            }

                .chat-wrapper .chat-content .chat-messages-list::-webkit-scrollbar {
                    width: 15px;
                }

                .chat-wrapper .chat-content .chat-messages-list::-webkit-scrollbar-track {
                    background: #e5e5e5;
                    border-left: 10px solid white;
                }

                .chat-wrapper .chat-content .chat-messages-list::-webkit-scrollbar-thumb {
                    border-left: 10px solid transparent;
                    background: #68a2b9;
                    background-clip: padding-box;
                }

                    .chat-wrapper .chat-content .chat-messages-list::-webkit-scrollbar-thumb:hover {
                        border-left: 10px solid transparent;
                        background: #68a2b9;
                        background-clip: padding-box;
                    }

                .chat-wrapper .chat-content .chat-messages-list > .text-small:only-child {
                    margin: 30px 0;
                    text-align: center;
                }

                .chat-wrapper .chat-content .chat-messages-list .chat-card {
                    margin-bottom: 30px;
                    padding: 10px;
                    border: 1px solid #ecf9f6;
                    border-radius: 6px;
                    width: calc(100% - 40px);
                }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card:last-of-type {
                        margin-bottom: 0;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card p {
                        font-size: 14px;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-sender {
                        margin-bottom: 20px;
                        font-weight: bold;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-text {
                        white-space: pre-wrap;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-date {
                        opacity: 0.6;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment {
                        display: grid;
                        grid-auto-flow: column;
                        align-items: center;
                        column-gap: 15px;
                        width: fit-content;
                        max-width: 100%;
                        padding: 12px 20px;
                        margin-bottom: 10px;
                        background: #ecf9f6;
                        border-radius: 6px;
                        color: #575858;
                        font-size: 18px;
                        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
                        overflow: hidden;
                    }

                        .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment span {
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }

                        .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment .icon-wrapper {
                            flex: 0 0 auto;
                            display: inline-flex;
                            justify-content: center;
                            align-items: center;
                            height: 32px;
                            width: 32px;
                            border-radius: 50%;
                            background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                        }

                            .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment .icon-wrapper .img-icon {
                                position: relative;
                                height: 14px;
                                width: auto;
                            }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card.sender {
                        margin-left: auto;
                        background-color: #f9fdfc;
                        border-color: transparent;
                    }

            .chat-wrapper .chat-content .chat-form-wrapper {
                flex: 0 0 auto;
                display: flex;
                align-items: center;
                margin-top: 15px;
                padding: 15px 25px;
                min-height: 80px;
                border: 1px solid #9dd4ca;
                border-radius: 6px;
            }

                .chat-wrapper .chat-content .chat-form-wrapper form {
                    width: 100%;
                    transform: none;
                }

                    .chat-wrapper .chat-content .chat-form-wrapper form .alert {
                        margin: 10px 0 0;
                    }

                .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper {
                    display: flex;
                    width: 100%;
                    flex-wrap: nowrap;
                    align-items: center;
                    transform: none;
                }

                    .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper textarea {
                        flex: 1 1 auto;
                        border: none;
                        font-size: 16px;
                        max-height: 88px;
                        outline: none !important;
                        resize: none;
                    }

                    .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .chat-attachment {
                        display: flex;
                        align-content: center;
                        align-items: center;
                        margin: 0 15px;
                    }

                        .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .chat-attachment:after {
                            content: "";
                            display: inline-block;
                            height: 48px;
                            width: 1px;
                            background: #9dd4ca;
                            vertical-align: middle;
                        }

                    .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-attach {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-right: 10px;
                        width: 30px;
                        height: 30px;
                        border: none;
                        border-radius: 50%;
                        background: none;
                        transition: all 0.3s;
                    }

                        .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-attach .img-icon {
                            height: 19px;
                            width: auto;
                        }

                        .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-attach.active {
                            background: #ecf9f6;
                            box-shadow: 0 4px 5px rgba(0, 0, 0, 0.19);
                        }

                    .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-send {
                        display: inline-flex;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        margin: 0;
                        height: 32px;
                        width: 32px;
                        border-radius: 50%;
                        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                        border: none;
                        transition: all 0.3s;
                    }

                        .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-send .img-icon {
                            position: relative;
                            height: 14px;
                            width: auto;
                        }

                        .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-send[disabled] {
                            opacity: 0.6;
                        }

                .chat-wrapper .chat-content .chat-form-wrapper .attachment-file {
                    margin-top: 10px;
                    padding: 3px 8px;
                    display: grid;
                    grid-template-columns: auto 1fr auto;
                    align-items: center;
                    column-gap: 10px;
                    background: #ecf9f6;
                    border-radius: 6px;
                    font-size: 14px;
                }

                    .chat-wrapper .chat-content .chat-form-wrapper .attachment-file .file-name {
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .chat-wrapper .chat-content .chat-form-wrapper .attachment-file .img-icon {
                        height: 16px;
                        width: auto;
                    }

                    .chat-wrapper .chat-content .chat-form-wrapper .attachment-file .btn-delete {
                        background: none;
                        border: none;
                    }

        .chat-wrapper.messages-chat-wrapper {
            display: initial;
        }

    @media (max-width: 1199px) {
        .chat-wrapper .chat-content {
            padding: 15px 20px;
        }

            .chat-wrapper .chat-content .chat-messages-list .chat-card {
                width: calc(100% - 20px);
            }

                .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment {
                    font-size: 14px;
                }
    }

    @media (max-width: 991px) {
        .chat-wrapper .chat-users {
            width: 270px;
        }

            .chat-wrapper .chat-users .user-card {
                column-gap: 15px;
            }

                .chat-wrapper .chat-users .user-card .user-info .user-head {
                    flex-direction: column;
                    margin-bottom: 10px;
                }

                    .chat-wrapper .chat-users .user-card .user-info .user-head .user-date {
                        padding: 0;
                        font-size: 14px;
                    }

        .chat-wrapper .chat-content {
            width: 60%;
        }

            .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-send {
                flex: 0 0 auto;
            }
    }

    @media (max-width: 575px) {
        .page .content {
            padding: 0px 0 50px;
        }

        .chat-wrapper .chat-users {
            width: 100%;
            border-right: unset;
            overflow-y: auto;
        }

            .chat-wrapper .chat-users .user-card {
                border-top: 1px solid #9dd4ca;
                border-radius: unset;
            }

                .chat-wrapper .chat-users .user-card.active {
                    background-color: white;
                }

                .chat-wrapper .chat-users .user-card:last-of-type {
                    border-bottom: 1px solid #9dd4ca;
                }

                .chat-wrapper .chat-users .user-card .user-avatar {
                    height: 34px;
                    width: 34px;
                }

                .chat-wrapper .chat-users .user-card .user-head .user-name {
                    font-size: 14px;
                    font-weight: bold;
                }

                .chat-wrapper .chat-users .user-card .user-head .user-date {
                    font-size: 14px;
                    font-weight: bold;
                }

        .chat-wrapper .chat-content {
            display: none;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            background-color: white;
            padding: 0px 20px;
        }

            .chat-wrapper .chat-content .chat-messages-list {
                display: none;
                padding-top: 60px;
                height: 80%;
                -ms-overflow-style: none;
                scrollbar-width: none;
                /* Firefox */
            }

                .chat-wrapper .chat-content .chat-messages-list::-webkit-scrollbar {
                    display: none;
                }

                .chat-wrapper .chat-content .chat-messages-list .chat-card {
                    display: grid;
                    margin-bottom: 20px;
                    overflow: scroll;
                }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card:first-of-type {
                        margin-top: 20px;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-sender {
                        grid-row: 1/2;
                        grid-column: 1/2;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-date {
                        grid-row: 1/2;
                        grid-column: 2/2;
                        justify-content: flex-end;
                        display: flex;
                    }

                    .chat-wrapper .chat-content .chat-messages-list .chat-card .message-attachment {
                        display: grid;
                        grid-template-columns: auto 1fr;
                        grid-row: 3;
                        grid-column: span 2;
                        width: 100%;
                        font-size: 14px;
                    }

            .chat-wrapper .chat-content .chat-form-wrapper {
                display: none;
                min-height: 48px;
                height: auto;
                margin: 20px 0;
                padding: 10px 15px;
            }

                .chat-wrapper .chat-content .chat-form-wrapper .btn-send {
                    height: 26px;
                    width: 42px;
                }

                .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .chat-attachment:after {
                    height: 30px;
                }

            .chat-wrapper .chat-content .chat-messages-header {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                align-items: center;
                padding: 5px 20px;
                height: 60px;
                margin-bottom: 20px;
                background-color: #ecf9f6;
                z-index: 2;
            }

                .chat-wrapper .chat-content .chat-messages-header .polygon {
                    width: 30px;
                    height: 30px;
                    background: url(../imgs/icons/icon_arrow_left.svg) center no-repeat;
                    background-size: 12px auto;
                    grid-column: 1/2;
                    animation: fade 0.3s ease;
                }

                .chat-wrapper .chat-content .chat-messages-header .header-title {
                    grid-column: 2;
                    align-self: center;
                    display: grid;
                    grid-auto-flow: column;
                    column-gap: 10px;
                    align-items: center;
                    font-size: 14px;
                    font-weight: 700;
                    animation: fade 0.3s ease;
                }

                    .chat-wrapper .chat-content .chat-messages-header .header-title .user-avatar {
                        position: relative;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 0;
                        height: 50px;
                        width: 50px;
                        background: linear-gradient(90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
                        border: none;
                        border-radius: 0 25px 25px 25px;
                        color: white;
                        text-transform: uppercase;
                        vertical-align: middle;
                        overflow: hidden;
                        height: 34px;
                        width: 34px;
                    }

                        .chat-wrapper .chat-content .chat-messages-header .header-title .user-avatar .img-avatar {
                            height: 100%;
                            width: 100%;
                            object-fit: cover;
                        }

                        .chat-wrapper .chat-content .chat-messages-header .header-title .user-avatar.avatar-mask:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            display: block;
                            background: #ededed;
                            opacity: 0.3;
                            z-index: 3;
                        }

                        .chat-wrapper .chat-content .chat-messages-header .header-title .user-avatar.avatar-mask:after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            width: 100%;
                            height: 100%;
                            display: block;
                            border: none;
                            background: url(../imgs/avatar_mask.svg) 100% 100%;
                            mix-blend-mode: soft-light;
                            opacity: 1;
                            z-index: 3;
                        }

            .chat-wrapper .chat-content.loaded .chat-messages-list,
            .chat-wrapper .chat-content.loaded .chat-form-wrapper {
                display: block;
            }

            .chat-wrapper .chat-content.active {
                display: flex;
            }
    }

    html[dir=rtl] .chat-wrapper .chat-users {
        border-right: none;
        border-left: 1px solid #9dd4ca;
    }

        html[dir=rtl] .chat-wrapper .chat-users .user-card {
            border-radius: 0 6px 6px 0;
        }

    html[dir=rtl] .chat-wrapper .chat-content .chat-form-wrapper .form-wrapper .btn-attach {
        margin-right: initial;
        margin-left: 10px;
    }

    @media (max-width: 575px) {
        html[dir=rtl] .page .content {
            padding: 0px 0 50px;
        }

        html[dir=rtl] .chat-wrapper .chat-users {
            border-left: unset;
        }

            html[dir=rtl] .chat-wrapper .chat-users .user-card {
                border-radius: unset;
            }
    }

    .basket-products .basket-item {
        padding: 40px 0;
        border-bottom: 1px solid #9dd4ca;
    }

        .basket-products .basket-item:first-of-type {
            padding-top: 20px;
        }

        .basket-products .basket-item p {
            margin: 0;
        }

        .basket-products .basket-item form {
            display: grid;
            grid-template-columns: 1fr auto;
            margin: 0;
            width: unset;
        }

            .basket-products .basket-item form h2 {
                margin: 0;
                grid-column: 1/2;
            }

            .basket-products .basket-item form .item-price {
                grid-column: 1/2;
            }

            .basket-products .basket-item form .item-count {
                display: flex;
                justify-content: flex-end;
                margin-bottom: 25px;
                grid-column: 2/2;
                grid-row: 1/3;
            }

                .basket-products .basket-item form .item-count .form-group {
                    margin: 0;
                }

                    .basket-products .basket-item form .item-count .form-group label {
                        display: none;
                    }

                    .basket-products .basket-item form .item-count .form-group .form-control {
                        margin: 0 7px;
                        height: 36px;
                        width: 60px;
                        text-align: center;
                    }

                .basket-products .basket-item form .item-count .btn-count {
                    height: 36px;
                    width: 36px;
                    border: none;
                    border-radius: 4px;
                    background-color: #9dd4ca;
                    background-position: center;
                    background-size: 20px;
                    background-repeat: no-repeat;
                    color: white;
                }

                    .basket-products .basket-item form .item-count .btn-count[data-count=add] {
                        background-image: url(../imgs/icons/icon_plus_white.svg);
                    }

                    .basket-products .basket-item form .item-count .btn-count[data-count=sub] {
                        background-image: url(../imgs/icons/icon_minus_white.svg);
                    }

            .basket-products .basket-item form .item-choose {
                display: flex;
                align-items: center;
                grid-column: 2/2;
                justify-content: end;
            }

                .basket-products .basket-item form .item-choose .total-price {
                    margin: 0 15px;
                    line-height: 36px;
                }

                    .basket-products .basket-item form .item-choose .total-price:empty {
                        display: none;
                    }

                .basket-products .basket-item form .item-choose .btn {
                    margin: 0;
                }

        .basket-products .basket-item.disabled .basket-item-wrapper {
            pointer-events: none;
            opacity: 0.6;
        }

        .basket-products .basket-item .basket-item-wrapper {
            display: grid;
            grid-template-columns: 1fr auto;
        }

    .side-basket {
        padding: 20px;
        border: 1px solid #9dd4ca;
        border-radius: 6px;
    }

        .side-basket .h3 {
            margin-bottom: 25px;
        }

        .side-basket .practitioner-name {
            padding: 15px 0 10px;
            border-top: 1px solid #9dd4ca;
        }

        .side-basket .basket-row {
            padding: 15px 0;
            border-top: 1px solid #9dd4ca;
        }

        .side-basket .amount-row {
            display: grid;
            grid-template-columns: 1fr auto;
        }

        .side-basket .basket-total p {
            font-weight: bold;
        }

        .side-basket .basket-total .total-amount {
            padding: 10px 15px;
            background-color: #ecf9f6;
            border-radius: 6px;
            font-weight: bold;
        }

    .thank-you {
        text-align: center;
    }

        .thank-you .img-main {
            margin: 40px 0;
            height: 120px;
            width: auto;
        }

    @media (max-width: 991px) {
        main.booking .page .page-header {
            text-align: left;
        }

            main.booking .page .page-header .h1 span {
                display: inline-block;
                margin: 0;
            }

            main.booking .page .page-header p {
                font-size: 14px;
            }
    }

    @media (max-width: 575px) {
        main.booking .content-wrapper .content-main .page-header {
            margin-top: 30px;
            margin-bottom: 10px;
        }

            main.booking .content-wrapper .content-main .page-header .h1 {
                display: grid;
                grid-auto-flow: column;
                column-gap: 15px;
                font-size: 22px;
                font-weight: bold;
                text-align: initial;
            }

                main.booking .content-wrapper .content-main .page-header .h1 .badge {
                    align-self: center;
                    margin: 0;
                }

            main.booking .content-wrapper .content-main .page-header p {
                text-align: initial;
            }

        main.booking .content-wrapper .content-main .basket-products .basket-item {
            padding-top: 0;
            padding: 15px 0;
        }

            main.booking .content-wrapper .content-main .basket-products .basket-item .text-small {
                font-size: 14px;
            }

            main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-info,
            main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper {
                margin-top: 10px;
            }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-info .text-small,
                main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper .text-small {
                    text-transform: none !important;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-info .item-price:before,
                main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper .item-price:before {
                    margin: 0 5px;
                }

            main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper {
                display: block;
                line-height: 1;
            }

                main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper p {
                    display: inline;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .session-time-price-wrapper .item-price::before {
                    content: "";
                    display: inline-block;
                    width: 4px;
                    height: 4px;
                    background-color: #575858;
                    align-self: center;
                    border-radius: 50%;
                    vertical-align: middle;
                }

            main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form {
                display: grid;
                grid-template-columns: 1fr auto;
                column-gap: 15px;
            }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form h2 {
                    font-size: 18px;
                    grid-column: 1;
                    grid-row: 1;
                    line-height: 1.2;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .session-time-price-wrapper {
                    grid-row: 2;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .text-small strong {
                    display: none;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .item-count {
                    grid-column: 1;
                    grid-row: 3;
                    justify-content: flex-start;
                    margin: 10px 0;
                }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .item-choose {
                    display: contents;
                }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .item-choose .total-price {
                        grid-row: 2;
                        grid-column: 2;
                        justify-self: end;
                        align-self: self-end;
                        margin-right: 0;
                        font-size: 18px;
                        line-height: 1.2;
                    }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-tools form .item-choose .btn {
                        grid-row: 3;
                        grid-column: 2;
                        margin-top: 10px;
                    }

            main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session {
                display: grid;
                grid-template-columns: 1fr auto;
            }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-info {
                    display: flex;
                    flex-direction: column;
                    margin: 0;
                }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-info .session-time-price-wrapper {
                        order: 2;
                        display: block;
                        margin-bottom: 5px;
                    }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-info h2 {
                        order: 1;
                        margin-bottom: 0;
                        font-size: 18px;
                        line-height: 1.2;
                    }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-info .text-small {
                        order: 2;
                    }

                        main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-info .text-small strong {
                            display: none;
                        }

                main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-tools {
                    display: flex;
                    align-items: flex-start;
                }

                    main.booking .content-wrapper .content-main .basket-products .basket-item .basket-item-wrapper.free-session .basket-item-tools .btn-lg.btn-primary {
                        margin-bottom: 0;
                    }

        main.booking .content-wrapper .btn-submit {
            display: none;
        }

        .book-now-bottom-bar.bottom-bar.bar-sticky {
            position: fixed;
            top: 0;
            left: 0;
            padding-top: 20px;
            padding-top: 15px;
            z-index: 9999;
            width: 100%;
            height: 60px;
            background: #ecf9f6;
        }

            .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper {
                grid-template-columns: 1fr auto 1fr;
            }

                .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .btn-link.text-white {
                    display: block;
                    color: #575858 !important;
                }

                .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .col.justify-content-end {
                    order: 1;
                }

                .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .col.justify-content-center {
                    flex: 3;
                    order: 2;
                }

                    .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .col.justify-content-center .text-white {
                        font-size: 16px;
                        color: #575858 !important;
                    }

                        .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .col.justify-content-center .text-white .last-step {
                            font-weight: normal;
                        }

                .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .steps {
                    order: 3;
                    justify-content: flex-end;
                }

                    .book-now-bottom-bar.bottom-bar.bar-sticky .bottom-bar-wrapper .steps .btn-link span {
                        text-decoration: none;
                    }

            .book-now-bottom-bar.bottom-bar.bar-sticky::before {
                content: "";
                background: linear-gradient(90deg, #68a2b9 33%, #9dd4ca 0%);
                display: block;
                width: 100%;
                height: 5px;
                position: absolute;
                top: 0;
                left: 0;
            }

        .confirm-pay .btn.btn-white {
            display: block;
            margin-top: 20px;
        }

        .confirm-pay .content-main .page-header p {
            text-align: start;
        }

        .confirm-pay .content-main .payment-wrapper .payment-cc .fa-stripe {
            font-size: 50px;
            line-height: 10px;
        }

        .confirm-pay .content-main .payment-wrapper #payment-form .form-group {
            margin-top: 5px;
        }

        .confirm-pay .content-main .card-promo .card-header {
            padding: 30px 20px;
        }

        .confirm-pay .content-main .card-promo .card-body {
            padding: 30px 20px;
        }

            .confirm-pay .content-main .card-promo .card-body .form-code {
                display: flex;
                align-items: flex-end;
            }

                .confirm-pay .content-main .card-promo .card-body .form-code .btn.btn-primary.btn-xl {
                    min-width: auto;
                }

        .bottom-bar.bar-sticky.bar-confirm-pay {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            padding-top: 20px;
            padding-top: 15px;
            width: 100%;
            height: 60px;
            align-items: center;
            background: #ecf9f6;
        }

            .bottom-bar.bar-sticky.bar-confirm-pay .bottom-bar-wrapper {
                grid-template-columns: 1fr auto 1fr;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .btn-link.text-white {
                color: #575858 !important;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .col:first-child .btn-link::before {
                content: url(../imgs/icons/icon_polygon.svg);
                transform: rotate(-180deg);
                width: 12px;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .col:first-child .btn-link img {
                display: none;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .col:first-child .btn-link span {
                display: none;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .justify-content-end .confirm-btn-wrapper {
                position: fixed;
                bottom: 0;
                left: 0;
                height: 75px;
                background-color: white;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 10px;
                box-shadow: 0 -1px 15px rgba(0, 0, 0, 0.2);
            }

                .bottom-bar.bar-sticky.bar-confirm-pay .justify-content-end .confirm-btn-wrapper .btn.btn-white {
                    width: 100%;
                    background-color: #68a2b9;
                    color: white;
                }

            .bottom-bar.bar-sticky.bar-confirm-pay .justify-content-end #book-cancel span {
                text-decoration: none;
            }

            .bottom-bar.bar-sticky.bar-confirm-pay .col.justify-content-center {
                flex: 2;
            }

                .bottom-bar.bar-sticky.bar-confirm-pay .col.justify-content-center .text-white {
                    font-size: 16px;
                    color: #575858 !important;
                }

                    .bottom-bar.bar-sticky.bar-confirm-pay .col.justify-content-center .text-white .last-step {
                        font-weight: normal;
                    }

            .bottom-bar.bar-sticky.bar-confirm-pay::before {
                content: "";
                background-color: #68a2b9;
                display: block;
                width: 100%;
                height: 5px;
                position: absolute;
                top: 0;
                left: 0;
            }

        .step-two-mobile .bar-sticky.bar-confirm-pay::before {
            background: linear-gradient(90deg, #68a2b9 66%, #9dd4ca 0);
        }

        .step-two-mobile .session-item {
            padding-bottom: 20px;
        }

            .step-two-mobile .session-item .item-icon .icon-img {
                width: 46px;
            }

            .step-two-mobile .session-item .item-wrapper .session-info {
                column-gap: 5px;
            }

                .step-two-mobile .session-item .item-wrapper .session-info .session-details {
                    font-size: 12px;
                    min-height: 30px;
                }

                .step-two-mobile .session-item .item-wrapper .session-info .session-tools .btn-reschedule {
                    margin-bottom: 5px;
                }

                .step-two-mobile .session-item .item-wrapper .session-info .session-tools .btn img {
                    display: none;
                }

            .step-two-mobile .session-item .item-wrapper .h2 {
                font-size: 15px;
            }

                .step-two-mobile .session-item .item-wrapper .h2 .time {
                    display: block;
                    margin-top: 5px;
                }

            .step-two-mobile .session-item .item-wrapper .practitioner-info .btn-text {
                text-decoration: none;
            }

                .step-two-mobile .session-item .item-wrapper .practitioner-info .btn-text::after {
                    display: none;
                }
    }

    .form-code {
        display: grid;
        grid-template-columns: 225px auto;
        column-gap: 20px;
        align-items: end;
    }

        .form-code .form-group {
            margin: 0;
        }

        .form-code .btn.btn-xl,
        .form-code .btn:not(:disabled):not(.disabled).btn-xl {
            height: 40px;
            max-width: 180px;
        }

    .payment-wrapper {
        padding: 40px 25px;
        margin-bottom: 30px;
        border-radius: 6px;
        border: 1px solid #9dd4ca;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
    }

        .payment-wrapper .payment-cc {
            margin: 30px 0 10px;
        }

            .payment-wrapper .payment-cc .col {
                display: flex;
                align-items: center;
            }

            .payment-wrapper .payment-cc .fa-stripe {
                font-size: 80px;
                line-height: 40px;
                color: #635bff;
            }

            .payment-wrapper .payment-cc .cc-wrapper {
                width: 100%;
            }

                .payment-wrapper .payment-cc .cc-wrapper .img-icon {
                    margin-right: 5px;
                    height: 30px;
                }

    #payment-form .form-group {
        margin-bottom: 0;
    }

    #payment-form #card-element {
        display: flex;
        align-items: center;
        width: 100%;
    }

        #payment-form #card-element > div {
            width: 100%;
        }

    #payment-form #card-error {
        margin-top: 10px;
        padding: 2px 20px;
        display: block;
        color: white;
        background: #575858;
        border-radius: 2px;
        font-size: 14px;
        line-height: 24px;
    }

        #payment-form #card-error:before {
            content: url(../imgs/icons/icon_warning_white.svg);
            margin-right: 10px;
            height: 14px;
            line-height: 1;
            vertical-align: middle;
        }

        #payment-form #card-error:empty {
            display: none;
        }

    #payment-form #submit {
        display: none;
    }

    #payment-form .result-message {
        margin: 15px 0 0;
        padding: 5px 15px 5px 55px;
        color: white;
        border-radius: 6px;
        background: url(../imgs/icons/icon_success_white.svg) no-repeat;
        background-color: #68a2b9;
        background-size: 30px auto;
        background-position: 15px center;
        animation: show 0.3s ease;
    }

        #payment-form .result-message.hidden {
            display: none;
        }

    @media (max-width: 991px) {
        #payment-form .row .col-lg:not(:last-of-type) .form-group {
            margin-bottom: 15px;
        }
    }

    @media (max-width: 575px) {
        .payment-wrapper {
            padding: 30px 20px;
        }
    }

    html[dir=rtl] #payment-form #card-error:before {
        margin-right: initial;
        margin-left: 10px;
    }

    html[dir=rtl] #payment-form .result-message {
        padding: 5px 55px 5px 15px;
        background-position: right 15px center;
    }

    .my-sessions .calendar-inline {
        margin: 37px 0 20px;
    }

    .session-item {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 25px;
        padding: 35px 0;
        border-bottom: 1px solid #9dd4ca;
    }

        .session-item .item-icon .icon-img {
            width: 72px;
            height: auto;
        }

        .session-item h3 {
            line-height: 1;
        }

        .session-item .session-info {
            display: grid;
            grid-template-columns: 1fr auto;
            column-gap: 30px;
        }

            .session-item .session-info .session-details {
                min-height: 36px;
                font-size: 14px;
                text-transform: uppercase;
            }

                .session-item .session-info .session-details strong:after {
                    content: " •";
                }

            .session-item .session-info .session-tools {
                display: flex;
            }

                .session-item .session-info .session-tools .btn.disabled {
                    pointer-events: initial;
                }

                .session-item .session-info .session-tools a:not(:first-child),
                .session-item .session-info .session-tools button:not(:first-child) {
                    margin-left: 20px;
                }

        .session-item .practitioner-info .dropdown-toggle:after {
            height: 27px;
        }

        .session-item .practitioner-info .dropdown-menu {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 30px;
            min-width: 700px;
            min-height: 155px;
            border: 1px solid #9dd4ca;
            border-radius: 6px;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
        }

            .session-item .practitioner-info .dropdown-menu .fa-spinner {
                font-size: 30px;
                color: #9dd4ca;
            }

            .session-item .practitioner-info .dropdown-menu .practitioner-general {
                padding: 0;
                width: 100%;
                border: none;
            }

                .session-item .practitioner-info .dropdown-menu .practitioner-general .practitioner-avatar {
                    width: 44px;
                    height: 44px;
                }

                    .session-item .practitioner-info .dropdown-menu .practitioner-general .practitioner-avatar .avatar-default {
                        width: 44px;
                        height: 44px;
                    }

        .session-item .session-reminder {
            margin-top: 30px;
        }

            .session-item .session-reminder .reminder-wrapper {
                position: relative;
            }

                .session-item .session-reminder .reminder-wrapper .btn-icon {
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 100%;
                    width: 50px;
                    border: none;
                    background: none;
                    z-index: 100000;
                }

                .session-item .session-reminder .reminder-wrapper .form-group {
                    margin-bottom: 0;
                }

                .session-item .session-reminder .reminder-wrapper .col-form-label {
                    display: none;
                }

                .session-item .session-reminder .reminder-wrapper .select2-selection {
                    padding-left: 50px;
                }

            .session-item .session-reminder .popover {
                margin-bottom: 2px;
            }

                .session-item .session-reminder .popover .arrow:after {
                    border-top-color: #68a2b9;
                }

                .session-item .session-reminder .popover .arrow:before {
                    border: none;
                }

                .session-item .session-reminder .popover .popover-body {
                    padding: 8px 15px;
                    background: #68a2b9;
                    color: white;
                    font-weight: bold;
                }

        .session-item .item-tools {
            margin-top: 20px;
        }

            .session-item .item-tools:empty {
                display: none !important;
            }

    /*.session-tabs-content {
    .session-item {
        display: none;

        &.show {
            display: grid;
        }
    }
}*/
    #form-filters {
        position: relative;
        width: 100%;
        z-index: 2;
    }

    .session-filters {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }

        .session-filters .search-wrapper {
            display: grid;
            max-width: 400px;
            width: 100%;
            height: 40px;
            border: 1px solid #9dd4ca;
            border-radius: 6px;
        }

            .session-filters .search-wrapper .input-group:before {
                content: "";
                pointer-events: none;
                display: block;
                z-index: 2;
                background: url(../imgs/icons/icon_search.svg) center center no-repeat;
                background-size: 20px 20px;
                height: 38px;
                width: 50px;
                z-index: 4;
            }

            .session-filters .search-wrapper .input-group .form-control {
                height: 38px;
                border: none;
                border-radius: 0;
            }

            .session-filters .search-wrapper .input-group .input-group-append {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 40px;
                height: 38px;
                background: none;
                border: none;
                z-index: 4;
            }

        .session-filters .dropdown .btn-input {
            display: flex;
            align-items: center;
            width: 200px;
        }

            .session-filters .dropdown .btn-input .label {
                margin-left: 5px;
            }

        .session-filters .dropdown .dropdown-menu {
            padding: 5px;
            min-width: 200px;
            border: 1px solid #9dd4ca;
            border-radius: 6px !important;
        }

            .session-filters .dropdown .dropdown-menu .dropdown-item {
                padding: 5px 15px;
            }

    .session-details .session-item .item-tools {
        margin-top: 30px;
    }

        .session-details .session-item .item-tools .btn.disabled {
            pointer-events: initial;
        }

    .session-details .session-profile {
        padding: 30px 0;
    }

        .session-details .session-profile .customer-info {
            margin: 40px 0 20px;
        }

            .session-details .session-profile .customer-info .practitioner-general .practitioner-avatar {
                height: 70px;
                width: 70px;
            }

            .session-details .session-profile .customer-info .practitioner-general .practitioner-name h2 span {
                margin-left: 5px;
                font-size: 18px;
                font-weight: normal;
                color: #b2b2b2;
                vertical-align: bottom;
            }

            .session-details .session-profile .customer-info .practitioner-general .list-bullets {
                font-size: 18px;
            }

            .session-details .session-profile .customer-info .practitioner-general .other-info {
                margin-top: 20px;
                grid-column: 2/-1;
            }

                .session-details .session-profile .customer-info .practitioner-general .other-info p {
                    margin-bottom: 10px;
                }

                .session-details .session-profile .customer-info .practitioner-general .other-info .note-wrapper {
                    padding: 20px 25px;
                    background: #ecf9f6;
                }

        .session-details .session-profile .practitioner-info {
            margin: 40px 0 20px;
        }

            .session-details .session-profile .practitioner-info .practitioner-avatar {
                width: 50px;
                height: 50px;
            }

            .session-details .session-profile .practitioner-info .practitioner-name .h3 {
                font-size: 22px;
            }

        .session-details .session-profile .profile-tools {
            display: flex;
            align-content: center;
            font-size: 14px;
        }

            .session-details .session-profile .profile-tools a {
                display: flex;
                align-items: center;
                margin-right: 30px;
            }

                .session-details .session-profile .profile-tools a:after {
                    content: "";
                    display: inline-block;
                    height: 36px;
                    width: 1px;
                    background: #9dd4ca;
                    margin-left: 30px;
                }

                .session-details .session-profile .profile-tools a:last-of-type {
                    margin-right: 0;
                }

                    .session-details .session-profile .profile-tools a:last-of-type:after {
                        display: none;
                    }

                .session-details .session-profile .profile-tools a:hover {
                    color: #575858;
                }

            .session-details .session-profile .profile-tools i {
                font-size: 16px;
            }

    .session-details .session-cancel {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 25px;
        padding-bottom: 30px;
        border-bottom: 1px solid #9dd4ca;
        margin-top: 20px;
    }

        .session-details .session-cancel .cancel-icon {
            min-width: 72px;
        }

    .session-hero {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 25px;
        height: 500px;
        border: 1px solid #9dd4ca;
        border-radius: 6px;
    }

        .session-hero .text-help {
            margin: 30px 0 0;
            font-size: 12px;
            color: #b2b2b2;
        }

        .session-hero.frame-xs {
            display: none;
        }

    .session-card {
        padding: 5px;
        height: 500px;
        border: 1px solid #9dd4ca;
        border-radius: 6px;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
        display: flex;
        flex-direction: column;
    }

        .session-card .accordion {
            position: relative;
            padding: 0 20px;
            max-height: 100%;
            overflow: hidden;
        }

        .session-card .card {
            padding: 5px 0;
            margin: 0;
            background: none;
            border: none;
            border-radius: 0;
        }

            .session-card .card:not(:last-of-type) {
                border-bottom: 1px solid #9dd4ca;
            }

            .session-card .card .card-header {
                padding: 5px 0;
                margin: 0;
                background: none;
                border: none;
            }

                .session-card .card .card-header h2 {
                    line-height: 1;
                }

                    .session-card .card .card-header h2 .btn-link {
                        padding: 0;
                        width: 100%;
                    }

                        .session-card .card .card-header h2 .btn-link:after {
                            content: "\f068";
                            font-family: "Font Awesome 5 Free";
                            -webkit-font-smoothing: antialiased;
                            display: inline-block;
                            font-style: normal;
                            font-variant: normal;
                            text-rendering: auto;
                            line-height: 1;
                            font-weight: 700;
                            position: absolute;
                            right: 0;
                        }

                        .session-card .card .card-header h2 .btn-link.collapsed:after {
                            content: "\f067";
                        }

            .session-card .card .card-body {
                padding: 5px 0;
            }

                .session-card .card .card-body p,
                .session-card .card .card-body ul {
                    font-size: 14px;
                }

                    .session-card .card .card-body ul li {
                        line-height: 1.5;
                    }

                .session-card .card .card-body .session-details {
                    margin: 15px 0;
                }

                    .session-card .card .card-body .session-details p {
                        margin: 0;
                    }

                        .session-card .card .card-body .session-details p.session-info {
                            font-weight: bold;
                        }

                .session-card .card .card-body #clockdiv {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    padding: 15px;
                    margin: 15px auto;
                    width: 150px;
                    height: 150px;
                    background-color: #ecf9f6;
                    border-radius: 50%;
                }

                    .session-card .card .card-body #clockdiv #time {
                        margin: 0;
                        line-height: 1.5;
                    }

                    .session-card .card .card-body #clockdiv p {
                        margin-bottom: 10px;
                        opacity: 0.6;
                    }

                    .session-card .card .card-body #clockdiv #svg {
                        pointer-events: none;
                        position: absolute;
                        transform: rotate(-90deg);
                    }

                        .session-card .card .card-body #clockdiv #svg circle {
                            stroke-dashoffset: 0;
                            transition: none;
                            stroke: #ecf9f6;
                            stroke-width: 3px;
                        }

                        .session-card .card .card-body #clockdiv #svg #bar {
                            stroke: #68a2b9;
                        }

    .session-frame .session-iframe {
        width: 100%;
    }

    .session-frame .session-frame-tools {
        display: flex;
        flex-direction: row-reverse;
        padding: 10px 0;
    }

        .session-frame .session-frame-tools .btn {
            padding: 5px;
            width: 40px;
            height: 40px;
            border-radius: 6px;
            background: white;
        }

    .session-frame.full {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: white;
        z-index: 9999;
    }

        .session-frame.full .session-iframe {
            max-height: initial;
            height: calc(100vh - 60px);
        }

            .session-frame.full .session-iframe iframe {
                height: 100% !important;
                resize: none !important;
            }

        .session-frame.full .session-frame-tools {
            padding: 10px 15px;
            background: black;
        }

            .session-frame.full .session-frame-tools #frame-expand i:before {
                content: "\f066";
            }

    @media (max-width: 1199px) {
        .session-item .session-info .session-details strong {
            display: block;
        }

            .session-item .session-info .session-details strong:after {
                display: none;
            }

        .session-item .item-wrapper .h2 {
            margin-top: 10px;
            font-size: 22px;
            line-height: 1.4;
        }

            .session-item .item-wrapper .h2 span {
                display: block;
            }

        .my-session-details .practitioner-info .practitioner-general .practitioner-tools {
            grid-column: 3/3;
            grid-row: 1/1;
            margin: 0;
        }
    }

    @media (max-width: 991px) {
        .session-frame {
            margin-bottom: 30px;
        }

        .session-hero {
            margin-bottom: 30px;
        }

        .my-sessions .page .content-wrapper,
        .my-session-details .page .content-wrapper {
            flex-wrap: wrap;
        }

            .my-sessions .page .content-wrapper .content-right,
            .my-session-details .page .content-wrapper .content-right {
                width: 100%;
                margin: 30px 0 0;
            }

                .my-sessions .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline,
                .my-session-details .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline {
                    width: 100%;
                }

                    .my-sessions .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline .table-condensed,
                    .my-session-details .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline .table-condensed {
                        width: 340px;
                    }

        .my-sessions .session-item .item-wrapper .h2,
        .my-session-details .session-item .item-wrapper .h2 {
            margin-top: 0;
        }

        .my-sessions .session-item .session-info .session-details strong,
        .my-session-details .session-item .session-info .session-details strong {
            display: inline;
        }

            .my-sessions .session-item .session-info .session-details strong:after,
            .my-session-details .session-item .session-info .session-details strong:after {
                display: inline;
            }

        .my-sessions .session-item .practitioner-info .dropdown-menu,
        .my-session-details .session-item .practitioner-info .dropdown-menu {
            min-width: 600px;
        }

        .my-sessions .calendar-inline,
        .my-session-details .calendar-inline {
            margin: 40px auto 20px;
            max-width: 400px;
        }
    }

    @media (max-width: 575px) {
        .connect {
            display: none;
        }

        .session-item {
            column-gap: 15px;
            /*.session-info {
        display: flex;
        flex-direction: column;
    }*/
        }

            .session-item .practitioner-info {
                margin-top: 25px;
            }

            .session-item .item-wrapper .h2 {
                font-size: 15px;
                margin-top: 10px;
            }

        .my-sessions .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline,
        .my-session-details .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline {
            width: auto;
        }

            .my-sessions .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline .table-condensed,
            .my-session-details .page .content-wrapper .content-right .calendar-inline .calendar .datepicker.datepicker-inline .table-condensed {
                width: 75vw;
            }

        .my-sessions .page-header,
        .checkout-schedule-optional .page-header {
            text-align: unset;
            margin-bottom: 0;
        }

            .my-sessions .page-header .h1,
            .checkout-schedule-optional .page-header .h1 {
                font-size: 22px;
                font-weight: bold;
            }

        .my-sessions #content_inner .content-wrapper .content-main .btn-primary,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main .btn-primary {
            width: 100%;
        }

        .my-sessions #content_inner .content-wrapper .content-main .nav.nav-tabs,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main .nav.nav-tabs {
            margin: 10px 0 60px;
            border-bottom: 1px solid #9dd4ca;
        }

            .my-sessions #content_inner .content-wrapper .content-main .nav.nav-tabs .nav-item .nav-link,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .nav.nav-tabs .nav-item .nav-link {
                font-size: 14px;
            }

            .my-sessions #content_inner .content-wrapper .content-main .nav.nav-tabs::after,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .nav.nav-tabs::after {
                display: none;
            }

        .my-sessions #content_inner .content-wrapper .content-main .session-item,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item {
            padding-bottom: 20px;
            /*.item-wrapper {
        width: calc(100% - 30px);
    }*/
        }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .item-icon .icon-img,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-icon .icon-img {
                width: 46px;
            }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .session-info .session-details strong,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .session-info .session-details strong {
                display: block;
            }

                .my-sessions #content_inner .content-wrapper .content-main .session-item .session-info .session-details strong:after,
                .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .session-info .session-details strong:after {
                    display: none;
                }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info {
                column-gap: 5px;
                /*display: flex;
    flex-direction: column;*/
            }

                .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-details,
                .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-details {
                    font-size: 12px;
                    min-height: 30px;
                    margin-bottom: 10px;
                }

                .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools,
                .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools {
                    flex-direction: column;
                }

                    .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools .btn + .btn,
                    .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools .btn + .btn {
                        margin-left: 0;
                        margin-top: 20px;
                    }

                    .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools #connectDiv,
                    .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .session-info .session-tools #connectDiv {
                        display: none;
                    }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .h2,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .h2 {
                margin-top: 15px;
                font-size: 15px;
                line-height: 1;
            }

                .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .h2 .time,
                .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .h2 .time {
                    display: block;
                    margin-top: 5px;
                }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .practitioner-info .btn-text,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .practitioner-info .btn-text {
                text-decoration: none;
            }

                .my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper .practitioner-info .btn-text::after,
                .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .item-wrapper .practitioner-info .btn-text::after {
                    display: none;
                }

            .my-sessions #content_inner .content-wrapper .content-main .session-item .btn-connect,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-item .btn-connect {
                grid-column: span 2;
                margin-top: 20px;
            }

        .my-sessions #content_inner .content-wrapper .content-main .session-reminder,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-reminder {
            grid-column: span 2;
            margin-top: 20px;
        }

            .my-sessions #content_inner .content-wrapper .content-main .session-reminder .col-form-label,
            .checkout-schedule-optional #content_inner .content-wrapper .content-main .session-reminder .col-form-label {
                display: none;
            }

        .my-sessions #content_inner .content-wrapper .content-main #form-filters .session-filters,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main #form-filters .session-filters {
            display: block;
            margin-bottom: 20px;
        }

        .my-sessions #content_inner .content-wrapper .content-main #form-filters .dropdown .dropdown-toggle,
        .checkout-schedule-optional #content_inner .content-wrapper .content-main #form-filters .dropdown .dropdown-toggle {
            width: 100%;
            margin-top: 20px;
        }

        .my-sessions.my_sessions_unscheduled .session-item,
        .checkout-schedule-optional.my_sessions_unscheduled .session-item {
            margin-top: 20px;
            padding-top: 0;
        }

            .my-sessions.my_sessions_unscheduled .session-item .btn-primary,
            .checkout-schedule-optional.my_sessions_unscheduled .session-item .btn-primary {
                grid-column: span 2;
                margin-top: 15px;
            }

        .my-sessions.my_sessions_completed .session-item,
        .checkout-schedule-optional.my_sessions_completed .session-item {
            padding-top: 0;
            margin-top: 20px;
        }

            .my-sessions.my_sessions_completed .session-item .btn-secondary,
            .checkout-schedule-optional.my_sessions_completed .session-item .btn-secondary {
                width: 100%;
                grid-column: span 2;
            }

        .my-session-details .page-breadcrumbs {
            display: none;
        }

        .my-session-details .session-details .session-item {
            display: block;
            justify-content: center;
        }

            .my-session-details .session-details .session-item .item-icon {
                margin-bottom: 15px;
            }

            .my-session-details .session-details .session-item .h2 {
                font-size: 22px;
            }

            .my-session-details .session-details .session-item .session-info {
                font-size: 14px;
                margin-top: 5px;
            }

                .my-session-details .session-details .session-item .session-info .session-details {
                    min-height: 30px;
                }

            .my-session-details .session-details .session-item .item-icon,
            .my-session-details .session-details .session-item .session-info,
            .my-session-details .session-details .session-item .h2 {
                display: block;
                text-align: center;
                column-gap: unset;
            }

                .my-session-details .session-details .session-item .item-icon .time,
                .my-session-details .session-details .session-item .session-info .time,
                .my-session-details .session-details .session-item .h2 .time {
                    display: block;
                    margin-top: 5px;
                }

                .my-session-details .session-details .session-item .item-icon img,
                .my-session-details .session-details .session-item .session-info img,
                .my-session-details .session-details .session-item .h2 img {
                    width: 46px;
                    margin-bottom: 5px;
                }

            .my-session-details .session-details .session-item .item-tools {
                display: flex;
                justify-content: space-between;
                flex-direction: column;
            }

                .my-session-details .session-details .session-item .item-tools .btn-reschedule {
                    width: 100%;
                    background-color: white;
                    border: 1px solid #9dd4ca;
                    color: #575858;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                    .my-session-details .session-details .session-item .item-tools .btn-reschedule img {
                        height: 26px;
                        filter: invert(54%) sepia(1%) saturate(636%) hue-rotate(197deg) brightness(91%) contrast(84%);
                    }

                .my-session-details .session-details .session-item .item-tools .btn-primary {
                    margin-right: 5px;
                }

                .my-session-details .session-details .session-item .item-tools #rate-session {
                    width: 100%;
                }

                .my-session-details .session-details .session-item .item-tools .btn-reschedule {
                    margin-top: 15px;
                }

        .my-session-details .session-details .customer-info {
            grid-column: 1/-1;
            margin: 20px 0 10px;
        }

            .my-session-details .session-details .customer-info .practitioner-general {
                grid-template-columns: 50px 1fr;
                column-gap: 15px;
            }

                .my-session-details .session-details .customer-info .practitioner-general:after {
                    display: none;
                }

                .my-session-details .session-details .customer-info .practitioner-general .practitioner-avatar {
                    height: 50px;
                    width: 50px;
                }

                    .my-session-details .session-details .customer-info .practitioner-general .practitioner-avatar img {
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                    }

                .my-session-details .session-details .customer-info .practitioner-general .practitioner-name {
                    margin-bottom: 10px;
                }

                    .my-session-details .session-details .customer-info .practitioner-general .practitioner-name .h2 {
                        font-size: 18px;
                        line-height: 15px;
                    }

                .my-session-details .session-details .customer-info .practitioner-general .practitioner-text .list-bullets {
                    font-size: 14px;
                }

                .my-session-details .session-details .customer-info .practitioner-general .practitioner-tools {
                    margin-top: 20px;
                    padding-top: 20px;
                    border-top: 1px solid #9dd4ca;
                }

        .my-session-details .session-details .practitioner-general {
            padding-bottom: 15px;
            border-bottom: none;
            column-gap: 15px;
        }

            .my-session-details .session-details .practitioner-general .practitioner-avatar {
                height: 50px;
                width: 50px;
            }

                .my-session-details .session-details .practitioner-general .practitioner-avatar img {
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                }

            .my-session-details .session-details .practitioner-general::after {
                content: "";
                border-bottom: 1px solid #9dd4ca;
                grid-column: 2;
                margin-bottom: -10px;
            }

            .my-session-details .session-details .practitioner-general .practitioner-name {
                display: grid;
                grid-template-columns: auto auto;
            }

                .my-session-details .session-details .practitioner-general .practitioner-name .btn-favorite {
                    grid-row: 1/span 2;
                    justify-self: flex-end;
                    color: transparent;
                    width: 60px;
                }

                    .my-session-details .session-details .practitioner-general .practitioner-name .btn-favorite .icon {
                        color: #9dd4ca;
                    }

                    .my-session-details .session-details .practitioner-general .practitioner-name .btn-favorite[data-favorite=true] {
                        text-shadow: unset;
                    }

                        .my-session-details .session-details .practitioner-general .practitioner-name .btn-favorite[data-favorite=true] .icon {
                            color: white;
                        }

                .my-session-details .session-details .practitioner-general .practitioner-name .rating-wrapper {
                    grid-column: 1/2;
                }

                .my-session-details .session-details .practitioner-general .practitioner-name .h3 {
                    grid-row: 1;
                }

            .my-session-details .session-details .practitioner-general .practitioner-tools {
                grid-column: 2/2;
                grid-row: 3/3;
                margin-top: 20px;
            }

        .my-session-details .session-details .session-profile {
            padding-bottom: 0;
            display: grid;
            grid-template-columns: 50px 1fr;
            column-gap: 15px;
        }

            .my-session-details .session-details .session-profile > p {
                grid-column: 1/-1;
                margin: 0;
            }

            .my-session-details .session-details .session-profile .practitioner-info {
                grid-column: 1/-1;
                margin: 20px 0 10px;
            }

            .my-session-details .session-details .session-profile .h3 {
                font-weight: normal;
            }

            .my-session-details .session-details .session-profile .profile-tools {
                grid-column: 2;
            }

                .my-session-details .session-details .session-profile .profile-tools .btn-text {
                    margin-right: 20px;
                }

                    .my-session-details .session-details .session-profile .profile-tools .btn-text::after {
                        margin-left: 20px;
                    }

                    .my-session-details .session-details .session-profile .profile-tools .btn-text span {
                        font-size: 12px;
                    }

        .my-session-details .session-details .practitioner-video {
            display: grid;
            grid-template-columns: 50px 1fr;
            column-gap: 15px;
            margin-top: 10px;
        }

            .my-session-details .session-details .practitioner-video .video-player {
                grid-column: 2;
            }

        .my-session-details .session-details .session-cancel .cancel-icon {
            min-width: auto;
        }

        .my-session-details .session-details .session-cancel .cancel-info p {
            font-size: 14px;
        }

        .my-session-details .content-right .calendar-inline {
            padding-top: 15px;
        }

            .my-session-details .content-right .calendar-inline .h3 {
                border-bottom: 1px solid #9dd4ca;
                padding-bottom: 15px;
                margin-bottom: 30px;
            }

        main.my-session-details {
            padding-top: 30px;
        }

        .details-page-mobile .select2-dropdown {
            z-index: 9999;
        }

        .details-page-mobile main {
            position: absolute;
            background-color: white;
            top: 0px;
            left: 0px;
            z-index: 9999;
            width: 100%;
        }

            .details-page-mobile main .content {
                padding-top: 0;
                padding-bottom: 30px;
            }

            .details-page-mobile main .content-wrapper .content-right {
                margin-top: 0;
            }

        #schedule-session .modal-content {
            overflow: auto;
        }

        #schedule-session .modal-header .modal-title {
            margin-bottom: 0;
        }

        #schedule-session .modal-body .session-item .session-info .session-details {
            margin-top: 0;
        }

        #schedule-session .modal-body .session-item .item-icon img {
            width: 46px;
        }

        #schedule-session .modal-body .schedule-wrapper {
            grid-template-columns: unset;
            flex-direction: column;
        }

            #schedule-session .modal-body .schedule-wrapper p {
                font-size: 14px;
                font-weight: bold;
            }

            #schedule-session .modal-body .schedule-wrapper .schedule-slots {
                margin-top: 35px;
            }

            #schedule-session .modal-body .schedule-wrapper .calendar-inline {
                width: 100%;
                margin-bottom: 35px;
            }

        #schedule-session .modal-footer .btn-link {
            display: none;
        }

        #rate-session.modal-content {
            overflow: auto;
        }

        #rate-session .modal-header .modal-title {
            margin-bottom: 0;
        }

        #rate-session .modal-header .text-muted {
            margin-top: 0;
        }

        #rate-session .modal-header .btn-close {
            margin-bottom: 35px;
        }

        #rate-session .modal-body .form-group .col-form-label {
            font-size: 14px;
            font-weight: bold;
        }

        #rate-session .modal-footer .btn-link {
            display: none;
        }

        .session-frame {
            display: none;
        }

        .session-hero {
            height: 360px;
        }

            .session-hero.frame-xs {
                display: flex;
            }
    }

    @media (max-width: 435px) {
        /*.my-sessions #content_inner .content-wrapper .content-main .session-item .item-wrapper {
      width: calc(100% - 30px);
  }*/
    }

    html[dir=rtl] .session-item .session-info .session-tools a:not(:first-child),
    html[dir=rtl] .session-item .session-info .session-tools button:not(:first-child) {
        margin-left: initial;
        margin-right: 20px;
    }

    html[dir=rtl] .session-item .session-reminder .reminder-wrapper .btn-icon {
        left: initial;
        right: 0;
    }

    html[dir=rtl] .session-item .session-reminder .reminder-wrapper .select2-selection {
        padding-left: initial;
        padding-right: 50px;
    }

    html[dir=rtl] .session-item .practitioner-info .dropdown-menu {
        border-radius: 6px;
    }

    html[dir=rtl] .session-filters .dropdown .btn-input .label {
        margin-left: initial;
        margin-right: 5px;
    }

    html[dir=rtl] .my-session-details .session-details .session-profile .profile-tools a {
        margin-right: initial;
        margin-left: 30px;
    }

        html[dir=rtl] .my-session-details .session-details .session-profile .profile-tools a:after {
            margin-left: initial;
            margin-right: 30px;
        }

        html[dir=rtl] .my-session-details .session-details .session-profile .profile-tools a:last-of-type {
            margin-left: 0;
        }

    html[dir=rtl] .session-card .card .card-header h2 .btn-link:after {
        right: initial;
        left: 0;
    }

    @media (max-width: 575px) {
        html[dir=rtl] .my-session-details .session-details .session-profile .profile-tools a {
            margin-left: 20px;
        }

            html[dir=rtl] .my-session-details .session-details .session-profile .profile-tools a:after {
                margin-right: 20px;
            }
    }

    .faq .session-filters .search-wrapper,
    .emergency .session-filters .search-wrapper {
        max-width: 100%;
    }

    .faq .tab-side p,
    .emergency .tab-side p {
        margin: 10px 0 40px;
    }

    .faq .tab-side form .form-group label,
    .emergency .tab-side form .form-group label {
        font-weight: bold;
    }

    .faq .tab-side form .form-group textarea,
    .emergency .tab-side form .form-group textarea {
        height: 185px;
        min-height: 185px;
    }

    .faq .tab-side form button[type=submit],
    .emergency .tab-side form button[type=submit] {
        margin-top: 30px;
    }

    .faq .tab-side form h4,
    .emergency .tab-side form h4 {
        margin: 30px 0 0;
        font-size: 16px;
    }

    .faq .tab-side form .text-small,
    .emergency .tab-side form .text-small {
        margin: 5px 0 15px;
        font-size: 12px;
        line-height: 1.4;
    }

    .faq .tab-side form .iti,
    .emergency .tab-side form .iti {
        flex-wrap: wrap;
    }

        .faq .tab-side form .iti .iti__flag-container,
        .emergency .tab-side form .iti .iti__flag-container {
            margin-bottom: 10px;
        }

    .faq .question-wrapper,
    .emergency .question-wrapper {
        display: none;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #9dd4ca;
        animation: show 0.3s ease;
    }

        .faq .question-wrapper .btn-text,
        .emergency .question-wrapper .btn-text {
            position: relative;
            padding-right: 60px;
            width: 100%;
            font-size: 18px;
            font-weight: bold;
            text-align: start;
        }

            .faq .question-wrapper .btn-text:after,
            .emergency .question-wrapper .btn-text:after {
                content: "";
                position: absolute;
                top: 0;
                right: 0;
                height: 34px;
                width: 34px;
                border-radius: 4px;
                background-color: #68a2b9;
                background-image: url(../imgs/icons/icon_minus_white.svg);
                background-position: center;
                background-size: 20px;
                background-repeat: no-repeat;
            }

            .faq .question-wrapper .btn-text.h2,
            .emergency .question-wrapper .btn-text.h2 {
                font-size: 25px;
                line-height: 34px;
            }

            .faq .question-wrapper .btn-text.collapsed:after,
            .emergency .question-wrapper .btn-text.collapsed:after {
                background-image: url(../imgs/icons/icon_plus_white.svg);
            }

        .faq .question-wrapper .answer-wrapper,
        .emergency .question-wrapper .answer-wrapper {
            padding: 15px 60px 5px 0;
        }

            .faq .question-wrapper .answer-wrapper p,
            .emergency .question-wrapper .answer-wrapper p {
                font-family: "Open Sans", sans-serif;
                font-size: 18px;
            }

        .faq .question-wrapper .emergency-wrapper,
        .emergency .question-wrapper .emergency-wrapper {
            padding: 15px 60px 5px 0;
        }

            .faq .question-wrapper .emergency-wrapper p span,
            .faq .question-wrapper .emergency-wrapper h3 span,
            .emergency .question-wrapper .emergency-wrapper p span,
            .emergency .question-wrapper .emergency-wrapper h3 span {
                font-family: inherit !important;
                font-size: inherit !important;
            }

            .faq .question-wrapper .emergency-wrapper a,
            .emergency .question-wrapper .emergency-wrapper a {
                color: #575858;
                font-weight: bold;
                text-decoration: underline;
            }

        .faq .question-wrapper.show,
        .emergency .question-wrapper.show {
            display: block;
        }

    .faq .contact-anchor,
    .emergency .contact-anchor {
        display: block;
        position: relative;
        top: -120px;
        visibility: hidden;
    }

    .emergency .page-header .h1 {
        margin-bottom: 30px;
    }

    @media (max-width: 991px) {
        .faq .contact-anchor {
            top: -60px;
        }
    }

    @media (max-width: 575px) {
        .emergency .page-header .h1 {
            margin-bottom: 0;
        }

        .faq .page-header .h1 {
            text-align: start;
        }

        .faq .nav.nav-tabs {
            margin: 10px 0 30px;
            border-bottom: 1px solid #9dd4ca;
        }

            .faq .nav.nav-tabs .nav-item .nav-link {
                font-size: 14px;
            }

            .faq .nav.nav-tabs::after {
                display: none;
            }

        .faq .tab-wrapper .tab-side {
            margin-top: 60px;
        }

            .faq .tab-wrapper .tab-side .card button[type=submit] {
                width: 100%;
            }

        .faq .question-wrapper .answer-wrapper {
            padding-right: 15px;
        }

        .faq .contact-anchor {
            top: -40px;
        }
    }

    html[dir=rtl] .faq .question-wrapper .btn-text {
        padding-right: initial;
        padding-left: 60px;
    }

        html[dir=rtl] .faq .question-wrapper .btn-text:after {
            right: initial;
            left: 0;
        }

    html[dir=rtl] .faq .question-wrapper .answer-wrapper {
        padding: 15px 0 5px 60px;
    }

    .services-agreement ol.custom-counter {
        list-style-type: none;
        counter-reset: item;
        margin: 0;
        padding: 0;
    }

        .services-agreement ol.custom-counter > li {
            display: table;
            counter-increment: item;
            margin-bottom: 0.6em;
        }

            .services-agreement ol.custom-counter > li:before {
                content: attr(data-value) ". ";
                display: table-cell;
                padding-right: 0.6em;
                min-width: 70px;
            }

    .services-agreement [id]::before {
        content: "";
        display: block;
        height: 90px;
        margin-top: -90px;
        visibility: hidden;
    }

    @media (max-width: 1199px) {
        .services-agreement [id]::before {
            height: 70px;
            margin-top: -70px;
        }
    }

    @media (max-width: 699px) {
        .services-agreement [id]::before {
            height: 60px;
            margin-top: -60px;
        }
    }
    /*By Umair*/
    ol.terms-main-ol {
        padding-left: 40px;
    }

    ol.inner-list {
        padding-left: 80px;
    }

    ol ul li {
        list-style-type: square;
    }

    /*Privacy Policy Page*/
    .privacy-policy-page {
        margin-bottom: 150px;
    }

    /* Assessment Page styles starts here */
    section.how-head .assessment-row .how-wrapper {
        padding: 20px 50px 20px 20px;
        margin-top: 0;
    }

    @media (max-width: 1200px) {
        section.how-head .assessment-row .how-wrapper {
            padding: 10px 20px;
            display: inline-block;
        }
    }

    @media (max-width: 992px) {
        section.how-head .assessment-row .how-wrapper {
            padding: 60px 15px;
        }
    }

    section.how-head .assessment-row .how-wrapper::after {
        height: 250px;
        width: 250px;
    }

    @media (max-width: 1200px) {
        section.how-head .assessment-row .how-wrapper::after {
            height: 230px;
            width: 230px;
        }
    }

    @media (max-width: 992px) {
        section.how-head .assessment-row .how-wrapper::after {
            height: 280px;
            width: 280px;
        }
    }

    section.how-head .assessment-row .how-wrapper h1 {
        font-size: 30px;
        color: #575858;
        color: white;
        font-weight: 600;
    }

    @media (max-width: 992px) {
        section.how-head .assessment-row .how-wrapper h1 {
            max-width: 240px;
        }
    }

    @media (max-width: 1200px) {
        section.how-head .assessment-row .img-wrapper {
            margin: 0;
        }
    }

    section.how-head .assessment-row .col:not(.col-img) {
        min-height: 220px;
    }

    @media (max-width: 650px) {
        section.how-head .assessment-row .w-75 {
            width: 100% !important;
        }
    }

    .assessment-carousel {
        padding-top: 0;
    }

        .assessment-carousel .owl-carousel .owl-item .item {
            padding: 0 15px;
            padding: 0 55px;
        }

    @media (min-width: 650px) {
        .assessment-carousel .owl-carousel .owl-item .item {
            padding: 0 40px;
        }
    }

    .assessment-carousel .owl-carousel .owl-item .item .row:last-of-type {
        margin-bottom: 0 !important;
    }

    @media (min-width: 992px) {
        .assessment-carousel .owl-carousel .owl-item .item .row:last-of-type .assessment-carousel-challenge {
            margin-bottom: 25px;
        }
    }

    .assessment-carousel .owl-carousel .owl-nav {
        position: absolute;
        width: 100%;
        height: 50px;
        top: 0;
        bottom: 70px;
        left: 0;
        right: 0;
        margin: auto;
        display: flex;
        justify-content: space-between;
    }

        .assessment-carousel .owl-carousel .owl-nav button {
            width: 37px;
            height: 52px;
            position: absolute;
        }

            .assessment-carousel .owl-carousel .owl-nav button:before {
                position: absolute;
                content: "";
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 37px;
                height: 52px;
                background: url(../imgs/icons/icon_arrow_right.svg) no-repeat;
                background-size: cover;
            }

    @media (min-width: 650px) {
        .assessment-carousel .owl-carousel .owl-nav button:before {
            width: 30px;
            height: 42px;
        }
    }

    .assessment-carousel .owl-carousel .owl-nav button span {
        color: transparent;
    }

    .assessment-carousel .owl-carousel .owl-nav button.owl-prev {
        transform: rotate(180deg);
        left: 0;
    }

    .assessment-carousel .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .assessment-carousel .owl-carousel .owl-nav button.disabled {
        display: none;
    }

    .assessment-carousel .assessment-carousel-challenge {
        padding: 15px 25px;
        line-height: 26px;
        border-radius: 0 40px 40px 40px;
        background: linear-gradient(-90deg, #9dd1c8, #80b6bf 59%, #69a1b8 100%);
        color: white;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
        display: block;
        text-decoration: none;
        font-size: 17px;
        margin-bottom: 50px;
    }

    .assessment-how-find {
        position: relative;
    }

        .assessment-how-find:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 220px;
            height: 242px;
            height: 100%;
            background: url(../imgs/patterns/patt_how_2.svg) no-repeat;
            background-size: cover;
        }

    @media (max-width: 991.98px) {
        .assessment-how-find:before {
            background-position-x: -160px;
        }
    }

    @media (max-width: 650px) {
        .assessment-how-find:before {
            background-size: 170px auto;
            background-position: top left -80px;
        }
    }

    .assessment-how-find .assessment-how-find-btn-wrapper {
        z-index: 11;
    }

    html[dir=rtl] section.how-head .assessment-row {
        justify-content: center;
    }

        html[dir=rtl] section.how-head .assessment-row .how-wrapper {
            padding: 20px 20px 20px 50px;
        }

    @media (max-width: 1199.98px) {
        html[dir=rtl] section.how-head .assessment-row .how-wrapper {
            padding: 10px 20px;
        }
    }

    @media (max-width: 991.98px) {
        html[dir=rtl] section.how-head .assessment-row .how-wrapper {
            padding: 60px 15px;
        }
    }

    @media (min-width: 992px) {
        html[dir=rtl] section.how-head .assessment-row .text-col {
            margin-left: 50px !important;
        }
    }

    @media (min-width: 992px) {
        html[dir=rtl] section.how-head .assessment-row .col-img {
            margin-right: 50px !important;
            margin-left: 0 !important;
        }
    }

    html[dir=rtl] .assessment-carousel .owl-carousel {
        direction: rtl;
    }

    html[dir=rtl] .assessment-how-find:before {
        transform: scaleX(-1);
        width: 300px;
    }

    @media (max-width: 1199.98px) {
        html[dir=rtl] .assessment-how-find:before {
            right: -130px;
        }
    }

    @media (max-width: 991.98px) {
        html[dir=rtl] .assessment-how-find:before {
            right: 0;
        }
    }

    html[dir=rtl] .assessment-how-find .assessment-how-find-content-wrapper {
        padding-left: 15px !important;
        padding-right: 3rem !important;
        margin-left: 0% !important;
        margin-right: 8.33333333%;
    }

    html[dir=rtl] .assessment-how-find .assessment-how-find-btn-wrapper {
        margin-left: 0% !important;
    }

    @media (min-width: 992px) {
        html[dir=rtl] .assessment-how-find .assessment-how-find-btn-wrapper {
            padding-right: 30px;
        }
    }

    @media (max-width: 991.98px) {
        html[dir=rtl] .assessment-how-find .assessment-how-find-btn-wrapper {
            margin-right: 13%;
        }
    }

    /*Workshop style starts here*/
    .spotlight-card-col {
        margin-bottom: 30px;
    }

    .spotlight-card {
        padding: 15px 15px 8px 15px;
        border: 1px solid #9dd4ca;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

        .spotlight-card .image-wrapper {
            margin-bottom: 12px;
            text-decoration: none;
            display: flex;
            justify-content: center;
        }

            .spotlight-card .image-wrapper:hover {
                text-decoration: none;
            }

            .spotlight-card .image-wrapper img {
                width: 60%;
            }

        .spotlight-card .title {
            margin-bottom: 12px;
            line-height: 1.2;
            font-size: 18px;
        }

        .spotlight-card .tags-wrapper,
        .view-workshop-details .tags-wrapper {
            display: flex;
            flex-wrap: wrap;
        }

            .spotlight-card .tags-wrapper .tag,
            .view-workshop-details .tags-wrapper .tag {
                margin-right: 10px;
                margin-bottom: 10px;
                padding: 10px;
                background: #E4E6EF;
                background: #9dd4ca;
                color: #000000;
                text-decoration: none;
                border-radius: 4px;
                font-size: 13px;
            }

                .spotlight-card .tags-wrapper .tag:hover,
                .view-workshop-details .tags-wrapper .tag:hover {
                    text-decoration: none;
                }

    .view-workshop-details {
        display: flex;
        flex-direction: column;
    }

        .view-workshop-details .image-wrapper {
            margin-bottom: 30px;
            width: 100%;
        }

    .description-wrapper .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
    }

        .description-wrapper .video-wrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .title-plus-details,
    .info-wrapper {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #9dd4ca;
    }

        .title-plus-details .tags-wrapper {
            margin-bottom: 20px;
        }

    .specs {
        list-style: none;
        padding-left: 0;
        display: flex;
        margin-bottom: 0;
    }

        .specs li {
            margin-right: 50px;
        }

            .specs li i,
            .specs li .fas {
                margin-right: 8px;
            }

    .info-wrapper dl {
        margin-bottom: 0;
        display: flex;
    }

        .info-wrapper dl dt {
            margin-right: 30px;
        }

        .info-wrapper dl dd {
            margin-bottom: 0;
        }

    /* Assessment Page styles ends here */
    html[dir=rtl] img.flip-rtl {
        transform: scaleX(-1);
    }

    html[dir=rtl] .fa-arrow-left,
    html[dir=rtl] .fa-arrow-right {
        transform: scaleX(-1);
    }

    html[dir=rtl] .ml-auto {
        margin-left: initial !important;
        margin-right: auto !important;
    }

    html[dir=rtl] .mr-auto {
        margin-right: initial !important;
        margin-left: auto !important;
    }

    html[dir=rtl] .text-left {
        text-align: right !important;
    }

    html[dir=rtl] .text-right {
        text-align: left !important;
    }
.custom-test-scroll-odd {
    max-height: 15.5rem; /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
}

.custom-test-scroll-even {
    max-height: 15.5rem; /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
}

.custom-test-odd {
    width: 100%;
    background: linear-gradient(90deg, #9DD1C8 0%, #80B6BF 60%, #69A1B8 100%);
    border-radius: 0% 2rem 2rem 2rem;
    color: white;
    box-shadow: 0px 0px 10px -5px #000;
    height: 20rem;
    box-sizing: border-box;
}

.custom-test-even {
    width: 100%;
    border-radius: 0% 2rem 2rem 2rem;
    box-shadow: 0px 0px 10px -5px #000;
    height: 20rem;
    background: white;
    box-sizing: border-box;
}

.custom-test-scroll-odd::-webkit-scrollbar {
    width: 6px; /* Scrollbar width */
}

/* Handle (the draggable part of the scrollbar) */
.custom-test-scroll-odd::-webkit-scrollbar-thumb {
    background: white; /* Color of the scrollbar handle */
    border-radius: 10px; /* Rounded edges for the handle */
    transition: background-color 0.3s ease; /* Smooth transition */
}


/* Scrollbar track when not being used */
.custom-test-scroll-odd::-webkit-scrollbar-track {
    background: transparent; /* Background of scrollbar track */
}

/* Optional: Styling for when the scrollbar is active or hovered */
.custom-test-scroll-odd::-webkit-scrollbar:active {
    background: transparent; /* Lighter background when active */
}

.custom-test-scroll-even::-webkit-scrollbar {
    width: 6px; /* Scrollbar width */
}

/* Handle (the draggable part of the scrollbar) */
.custom-test-scroll-even::-webkit-scrollbar-thumb {
    background: #68a2b9; /* Color of the scrollbar handle */
    border-radius: 10px; /* Rounded edges for the handle */
    transition: background-color 0.3s ease; /* Smooth transition */
}


/* Scrollbar track when not being used */
.custom-test-scroll-even::-webkit-scrollbar-track {
    background: transparent; /* Background of scrollbar track */
}

/* Optional: Styling for when the scrollbar is active or hovered */
.custom-test-scroll-even::-webkit-scrollbar:active {
    background: transparent; /* Lighter background when active */
}
    /*# sourceMappingURL=styles.css.map */