.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu {
    margin: 0;
    padding: 0;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item {
    border-top: 1px solid rgba(61, 107, 137, .2);
    padding: 12px 0 0;
    margin: 0 0 14px;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item:first-child {
    border-top: medium none;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item:before {
    display: none;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item a {
    text-transform: capitalize;
    color: #3d6b89;
    font-size: 16px;
    line-height: 26px;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item.current-menu-item a {
    color: #3d6b89;
    font-family: OpenSans-Bold;
    padding-left: 20px;
    position: relative;
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item.current-menu-item a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    background-image: url(../images/right_icon_grey.svg);
    background-size: cover;
    background-position: 50%;
    width: 6px;
    height: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left_right_sidebar_with_price_list_inner .left_sec .sidebar_inner_wrapper_list .price_list_comp_menu .menu-item a:hover {
    color: #e45c39;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .sub_heading {
    padding-bottom: 40px;
    /* border-bottom: 2px solid #DED4CC; */
    margin-bottom: 0;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list {
    margin: 40px 0;
    display: flex;
    width: 100%;
    column-gap: 20px;
    row-gap: 20px;
    flex-wrap: wrap;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item {
    width: calc(33.33% - 13.33px);
    padding: 25px 33px 55px;
    border-radius: 0 45px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item.box_teal {
    background-color: #4AA3A3;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item.box_blue {
    background-color: #3D6B89;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item.box_purple {
    background-color: #8094BC;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .waterstone_icon {
    max-width: 44px;
    margin-bottom: 51px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_name {
    font-size: 20px;
    line-height: 30px;
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 25px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price .price {
    font-size: 50px;
    line-height: 60px;
    font-family: 'Lato-Bold';
    font-weight: normal;
    color: #FFFFFF;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price .price_prefix {
    font-size: 16px;
    line-height: 24px;
    font-family: 'OpenSans-Regular';
    font-weight: normal;
    color: #FFFFFF;
    margin-left: 4px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_short_desc {
    font-size: 14px;
    line-height: 23px;
    font-family: 'OpenSans-Regular';
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: 45px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description * {
    font-size: 18px;
    line-height: 27px;
    color: #56504E;
    font-family: 'OpenSans-Regular';
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description p {
    margin-bottom: 20px;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description p a {
    color: #56504E;
    text-decoration: underline;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description p a:hover {
    text-decoration: none;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description strong {
    font-family: 'OpenSans-SemiBold';
    color: #000000;
}

.left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description p:last-child {
    margin-bottom: 0;
}

.team__popup__inner__top__left .btn {
    margin: 20px 0 0 0;
}

@media (max-width: 1440px) {
    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item {
        padding: 25px 20px 40px;
        border-radius: 0 35px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .waterstone_icon {
        margin-bottom: 30px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price {
        margin-bottom: 15px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_short_desc {
        margin-bottom: 25px;
    }
}

@media (max-width: 1199px) {
    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item {
        width: calc(50% - 10px);
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price .price {
        font-size: 45px;
        line-height: 55px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .sub_heading {
        padding-bottom: 30px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list {
        margin: 32px 0;
    }
}

@media (max-width: 991px) {
    .left_right_sidebar_with_price_list.products_list_sec .left_sec .sidebar_inner_wrapper .sidebar_inner_wrapper_list {
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        height: 0;
        opacity: 0;
        pointer-events: none;
    }

    .left_right_sidebar_with_price_list.products_list_sec .left_sec .sidebar_inner_wrapper.active_child .sidebar_inner_wrapper_list {
        height: 100%;
        opacity: 1;
        margin: 30px 0 0;
        pointer-events: all;
    }
}

@media (max-width: 767px) {
    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_description * {
        font-size: 16px;
        line-height: 24px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item .products_list_item_inner .product_price .price {
        font-size: 40px;
        line-height: 50px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .sub_heading {
        padding-bottom: 23px;
    }

    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list {
        margin: 25px 0;
    }
}

@media (max-width: 575px) {
    .left_right_sidebar_with_price_list.products_list_sec .right_sec_inner .products_list .products_list_item {
        width: 100%;
    }
}


/* Header */
.site-logo.desktop {
    opacity: 1;
}

.menu_active .site-logo.desktop {
    opacity: 0;
}

/* /Header */
.hero_banner__inner__content:before {
    background: linear-gradient(rgba(222, 212, 204, 1), rgba(234, 227, 215, 0.2), rgba(222, 212, 204, 0.05), rgba(222, 212, 204, 0));
    height: 233px;
}

.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner .hover_box__inner .short_description {
    font-size: 18px;
}

.left_right_sidebar_with_content_inner .right_sec .right_sec_inner.small {
    max-width: 970px;
    margin: 0 auto;
}

.left_right_sidebar_with_content_inner .right_sec .right_sec_inner .post_published_date {
    color: #4AA3A3;
    font-family: 'Lato-Bold';
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item.rots {
    padding-top: 0;
}

.left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item.robs {
    padding-bottom: 0;
    margin-bottom: 0;
}

.left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignright {
    border-radius: 0;
    margin: 0;
    margin-left: 71px;
}

.left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignleft {
    border-radius: 0;
    margin: 0;
    margin-right: 71px;
}

.left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item.top_border_none::before {
    display: none !important;
}


@media (max-width: 1359px) {
    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignright {
        margin-left: 40px;
    }

    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignleft {
        margin-right: 40px;
    }
}

@media (max-width: 1199px) {
    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignright {
        margin-left: 30px;
    }

    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignleft {
        margin-right: 30px;
    }
}

@media (max-width: 991px) {
    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignright {
        margin-left: 15px;
    }

    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignleft {
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .left_right_sidebar_with_content_inner .right_sec_inner .section_content_list_inner .section_content_list_item .section_content_list_item_content_list .section_content_list_item_content_list_item img.alignright {
        border-radius: 0;
        margin: 0;
        margin-left: 0px;
    }

    .testimonials_list_nav_outer_wrapper {
        border-radius: 0 60px 0 60px;
    }

    .left_right_sidebar_with_content_inner .right_sec .right_sec_inner .post_published_date {
        margin-bottom: 20px;
    }

    .treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner .hover_box__inner .short_description {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .inner_page_banner__inner .content_section {
        min-height: 580px;
    }
}

/* woocommerce */


/* woocommerce */

body.woocommerce-checkout .site-main {
    margin-top: 15rem;
    margin-bottom: 8rem;
}

body.woocommerce-checkout .site-main .form-row {
    position: relative;
}

body.woocommerce-checkout .site-main .form-row>label {
    position: absolute;
    top: 10px;
    left: 31px;
    margin: 0;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    line-height: normal;
    color: #9EA0A0;
    z-index: 1;
    font-weight: normal;
}

body.woocommerce-checkout .site-main input,
body.woocommerce-checkout .site-main textarea {
    padding: 37px 10px 10px 26px;
    border: 1px solid;
    border-radius: 0px 8px;
    border: 1px solid rgba(128, 148, 188, 0.50);
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    line-height: normal;
    text-transform: capitalize;
    position: relative;
}

body.woocommerce-checkout .site-main input#coupon_code {
    padding-top: 20px;
    padding-bottom: 20px;
}

body.woocommerce-checkout .site-main input::placeholder,
body.woocommerce-checkout .site-main textarea::placeholder,
body.woocommerce-checkout .site-main input::-webkit-input-placeholder,
body.woocommerce-checkout .site-main textarea::-webkit-input-placeholder,
body.woocommerce-checkout .site-main input::-moz-placeholder,
body.woocommerce-checkout .site-main textarea::-moz-placeholder {
    color: #9EA0A0;
    font-family: 'OpenSans-Regular';
    font-size: 14px;
    line-height: normal;
    overflow: visible;
}

body.woocommerce-checkout .site-main .form-row.form-row-first,
body.woocommerce-checkout .site-main .form-row.form-row-last {
    width: 49%;
}

body.woocommerce-checkout .site-main input {
    height: 74px;
}

body.woocommerce-checkout .site-main textarea {
    height: 127px;
    padding: 44px 10px 10px 26px;
}


body.woocommerce-checkout .site-main .form-row .selectric-wrapper.selectric-open {
    z-index: auto
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper.selectric-open .selectric:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric {
    border: 1px solid rgba(128, 148, 188, .5);
    background: #fff;
    position: relative;
    border-radius: 0 8px
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    bottom: 0;
    right: 21px;
    width: 9px;
    height: 5px;
    background-image: url(../images/selectric_icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric .label {
    color: #56504e;
    font-family: OpenSans-SemiBold;
    font-size: 18px;
    line-height: 150%;
    margin: 0;
    height: auto !important;
    text-transform: none;
    padding: 37px 50px 10px 26px
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric .button {
    display: none
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items {
    border-color: rgba(128, 148, 188, .5) !important;
    z-index: 10
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul {
    margin: 0;
    background: #eee9e5
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li {
    border-color: rgba(128, 148, 188, .5) !important;
    margin: 0;
    padding: 15px 29px;
    font-size: 16px;
    font-weight: 500;
    line-height: 115% !important;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li:before {
    content: none
}

@media (max-width:1199px) {
    body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li {
        padding: 14px 23px
    }
}

@media (max-width:767px) {
    body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li {
        padding: 12px 18px
    }
}

body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li.highlighted,
body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li.selected,
body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li:focus,
body.woocommerce-checkout .site-main .form-row .selectric-wrapper .selectric-items ul li:hover {
    color: #fff;
    background: #e45c39
}

body.woocommerce-checkout .site-main .woocommerce-form__label-for-checkbox input[type=checkbox]+span:before {
    top: 9px;
}

body.woocommerce-checkout .site-main button,
body.woocommerce-checkout .site-main input[type=submit] {
    text-decoration: none !important;
    color: #fff !important;
    font-family: OpenSans-Regular !important;
    font-size: 18px !important;
    line-height: 150% !important;
    padding: 15px 25px !important;
    background: #e45c39 !important;
    border-radius: 0 8px !important;
    border: none !important;
    -webkit-transition: all .5s ease !important;
    -o-transition: all .5s ease !important;
    transition: all .5s ease !important;
    letter-spacing: normal !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


body.woocommerce-checkout .site-main button:hover,
body.woocommerce-checkout .site-main input[type=submit]:hover {
    background: #2d2926 !important;
    border-radius: 8px 0 !important;
    color: #fff !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding-left: 0;
}

.woocommerce-checkout #payment ul.payment_methods li:before {
    opacity: 0;
}


body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:checked,
body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:checked+label,
body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:not(:checked)+label {
    position: relative;
    overflow: hidden;
    padding-left: 37px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]+label:after,
body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]+label:before {
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:not(:checked)+label:before {
    top: 4px;
    left: 3px;
    width: 20px;
    height: 20px;
    background-image: url(../images/tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    opacity: 0
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:not(:checked)+label:after {
    top: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid #56504e;
    background: #f7f9fb;
    background: #fff;
    border-radius: 4px;
    z-index: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:checked+label:before {
    opacity: 1;
    top: 6px;
    left: 2px;
    width: 16px;
    height: 16px;
    background-image: url(../images/tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:checked+label:after {
    top: 4px;
    width: 16px;
    height: 16px;
    border: 2px solid #56504e;
    background: #f7f9fb;
    border-radius: 3px;
    z-index: 0;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 4px
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:disabled:checked+label:before,
body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:disabled:not(:checked)+label:before {
    top: 4px;
    left: 3px;
    opacity: 1;
    width: 16px;
    height: 16px;
    background-image: url(../images/tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:disabled+label {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:disabled:not(:checked)+label:focus:before,
body.woocommerce-checkout .site-main .woocommerce-checkout-review-order [type=checkbox]:disabled:not(:checked)+label:hover:before {
    opacity: 1;
    top: 4px;
    left: 3px;
    width: 16px;
    height: 16px;
    background-image: url(../images/tick.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .woocommerce-form__label {
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .woocommerce-form__label span {
    font-size: 16px;
}

body.woocommerce-checkout .site-main .woocommerce-checkout-review-order .woocommerce-form__label span:before {
    top: 1px !important;
}

body.woocommerce-checkout .cart_item td {
    text-align: left;
    padding: 9px 12px !important;
}

.woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 20px;
}

body.woocommerce-checkout table thead tr th:first-child {
    min-width: auto !important;
}

@media (max-width:1199px) {
    body.woocommerce-checkout .site-main {
        margin-top: 12rem;
        margin-bottom: 7rem;
    }
}

@media (max-width:991px) {
    body.woocommerce-checkout .site-main input {
        height: 70px;
    }

    body.woocommerce-checkout .site-main {
        margin-top: 10rem;
        margin-bottom: 6rem;
    }
}


@media (max-width:767px) {

    body.woocommerce-checkout .site-main {
        margin-top: 8rem;
        margin-bottom: 5rem;
    }

    body.woocommerce-checkout .site-main button,
    body.woocommerce-checkout .site-main input[type=submit] {
        font-family: Lato-Semibold !important;
        font-size: 16px !important;
        line-height: 19px !important;
        padding: 11px 25px !important;
    }

    body.woocommerce-checkout .site-main .woocommerce-form__label-for-checkbox input[type=checkbox]+span {
        padding-left: 27px;
    }

    body.woocommerce-checkout .site-main .woocommerce-form__label-for-checkbox input[type=checkbox]+span:before {
        top: 4px;
    }
}

/* Treatments Card Slider */
.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner .hover_box,
.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner .hover_box.even_box {
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
}

.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner:hover .hover_box {
    opacity: 1;
}

.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner .hover_box__inner .hover_logo {
    margin-left: 15%;
    transition: all 0.7s ease-in-out;
}

.treatments_card_slider_inner .treatments_card_list .treatments_card_item_inner:hover .hover_box__inner .hover_logo {
    margin-left: 0;
}

/* /Treatments Card Slider */

@media (max-width: 991px) {
    /* .inner_page_banner__inner:before {
        background: linear-gradient(180deg, #ded4cc 50%, hsla(38, 31%, 88%, .2) 69.04%, hsla(27, 21%, 84%, .05) 90.24%, hsla(27, 21%, 84%, 0) 104.08%);
        height: 100vh;
        z-index: 0;
    }

    .inner_page_banner__inner .img_sec {
        top: 200px;
        z-index: 0;
    }

    .inner_page_banner__inner .content_section {
        z-index: 2;
    }

    .inner_page_banner__inner:after {
        z-index: 1;
    }

    .inner_page_banner__inner {
        min-height: 800px;
    } */
}

@media (max-width: 767px) {
     /* .inner_page_banner__inner:after {
        display: none;
    }

    .inner_page_banner__inner .content_section {
        min-height: auto;
        background-color: #ded4cc;
        border-radius: 0 0 0;
    } */

    /* .inner_page_banner__inner {
        display: flex;
        min-height: auto;
        flex-direction: column;
    } */

    /* .inner_page_banner__inner .img_sec {
        margin-top: 0;
        z-index: 0;
        position: relative;
        padding-top: 60%;
        order: 1;
        top: 0;
    } */

    /* .inner_page_banner__inner .content_section {
        order: 0;
    }

    .inner_page_banner__inner .img_sec .for_mob {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 0;
    } */

    .inner_page_banner__inner .content_section_inner .heading_sec .heading {
        font-size: 38px;
        margin: 0 0 30px;
    }
}

.standard_editor_section .post_content {
    margin-bottom: 50px;
}

#menu-sitemap .menu-item .sub-menu-toggle {
    display: none !important;
}

.post_list .news_list_section .pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 50px;
}

.post_list .news_list_section .pagination .page-item {
    margin: 0;
    padding: 0;
}

.post_list .news_list_section .pagination .page-item:before {
    display: none;
}

.post_list .news_list_section .pagination .page-item.prev a,
.post_list .news_list_section .pagination .page-item.next a {
    font-size: 14px;
    line-height: 14px;
}

.post_list .news_list_section .pagination .page-item:not(.prev, .next) a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #e45c39;
    border: 2px solid #e45c39;
    transition: all 0.5s ease;
    font-size: 14px;
    line-height: 14px;
}

.post_list .news_list_section .pagination .page-item:not(.prev, .next).active a,
.post_list .news_list_section .pagination .page-item:not(.prev, .next) a:hover {
    background-color: #e45c39;
    color: #ffffff;
}

@media (max-width: 1440px) {
    .site-header-main-wrapper #primary-menu-list>li>.sub-menu>li>.submenu-toggle {
        right: 7px;
    }
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container input,
.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container textarea {
    text-transform: none !important;
}


@media (max-width: 767px) {
   /* .hero_banner__inner .inner_overlap_image {
       
        top: 40%;
    }
	.site-header-main {
		z-index: 9999999;
	}*/
	
	
	/*.hero_banner__inner__content {
       position: relative;
	   z-index:999999
    }*/
	
	 .hero_banner__inner__content {
        z-index: 9;
    }
}
/* ==================================================================
   Archive post grid
   ------------------------------------------------------------------
   Shared by template-parts/content/archive-grid.php, which is used by
   category.php / tag.php (terms with no ACF flexible content) and by
   author.php.
   Markup: .cat_archive_grid > .container > .cat_archive_grid_inner
                             > .cat_archive_card
   The cat_ prefix is kept from the first implementation so the rules
   did not all need renaming; it covers author archives too.
   Colours below are the theme's SCSS variables written out, since this
   file sits outside the gulp pipeline:
     #2D2926 $color_dark_grey   #56504E $color_grey
     #E45C39 $color_orange      #DED4CC $color_white1
   ================================================================== */

.cat_archive_grid {
    margin: 58px 0 140px;
}

/* Optional heading, used on author archives where the page is meaningless
   without saying whose posts these are. h1 is 70px site-wide, which is
   hero-banner scale rather than archive-heading scale. */
.cat_archive_grid_header {
    margin-bottom: 46px;
}

.cat_archive_grid_title {
    font-size: 40px;
    line-height: 120%;
    color: #2D2926;
    margin: 0;
}

@media (max-width: 1199px) {
    .cat_archive_grid_header {
        margin-bottom: 36px;
    }

    .cat_archive_grid_title {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .cat_archive_grid_header {
        margin-bottom: 26px;
    }

    .cat_archive_grid_title {
        font-size: 28px;
    }
}

.cat_archive_grid_inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 55px;
}

/* post_class() marks these up as articles, which pick up the theme's
   default article spacing and max-width. Clear it. */
.cat_archive_grid .cat_archive_card {
    margin: 0;
    padding: 0;
    max-width: none;
}

.cat_archive_grid .cat_archive_card_link {
    display: block;
    text-decoration: none;
    color: inherit;
}

/* A fixed ratio keeps every card the same height whatever the
   dimensions of the featured image uploaded. */
.cat_archive_grid .cat_archive_card_img {
    position: relative;
    overflow: hidden;
    /* 5 / 2 matches the featured-image library: every one of these posts uses a
       1920x720-style banner, which WordPress serves as medium_large at
       1024x409 (2.5:1). Matching the ratio means nothing is cropped, so the
       text baked into those banners stays readable. object-fit below still
       covers correctly if someone later uploads a different shape. */
    aspect-ratio: 5 / 2;
    border-radius: 0 44px;
    background-color: #DED4CC;
}

.cat_archive_grid .cat_archive_card_img img {
    display: block;
    /* !important is needed here, not laziness: something in the stack (WP Rocket's
       image optimisation, per its device-aware LCP handling) injects
       style="width:100%;height:39.9%;max-width:1920px" directly onto the img.
       An inline style beats any stylesheet selector, so without !important the
       image renders at 39.9% of the box height and the placeholder colour shows
       through underneath. */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    -webkit-transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
}

.cat_archive_grid .cat_archive_card_link:hover .cat_archive_card_img img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}

/* h2 is 50px site-wide, far too large at card scale. Family and weight
   are left to inherit so titles keep the theme's Mallory-Light face. */
.cat_archive_grid .cat_archive_card_title {
    font-size: 24px;
    line-height: 130%;
    color: #2D2926;
    margin: 22px 0 0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}

.cat_archive_grid .cat_archive_card_link:hover .cat_archive_card_title {
    color: #E45C39;
}

/* --- Pagination ------------------------------------------------- */

.cat_archive_grid .pagination {
    margin-top: 60px;
}

.cat_archive_grid .pagination .nav-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.cat_archive_grid .pagination .page-numbers {
    font-family: Lato-Bold;
    font-size: 16px;
    line-height: 1;
    color: #56504E;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid rgba(86, 80, 78, .2);
    border-radius: 0 8px;
}

.cat_archive_grid .pagination .page-numbers.current,
.cat_archive_grid .pagination a.page-numbers:hover {
    color: #FFFFFF;
    background: #E45C39;
    border-color: #E45C39;
}

/* the_posts_pagination() prints an h2 heading for screen readers.
   Hide it visually in case the global utility class isn't in scope. */
.cat_archive_grid .pagination .screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

/* --- Breakpoints ------------------------------------------------ */

@media (max-width: 1199px) {
    .cat_archive_grid {
        margin: 58px 0 86px;
    }

    .cat_archive_grid_inner {
        column-gap: 24px;
        row-gap: 40px;
    }

    .cat_archive_grid .cat_archive_card_title {
        font-size: 22px;
    }
}

@media (max-width: 991px) {
    .cat_archive_grid {
        margin: 46px 0 60px;
    }

    .cat_archive_grid_inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .cat_archive_grid {
        margin: 34px 0;
    }

    .cat_archive_grid .cat_archive_card_title {
        font-size: 20px;
        margin-top: 16px;
    }
}

@media (max-width: 575px) {
    .cat_archive_grid_inner {
        grid-template-columns: 1fr;
        row-gap: 34px;
    }

    .cat_archive_grid .cat_archive_card_img {
        border-radius: 0 28px;
    }
}

/* ==================================================================
   Checkout form — label / value overlap
   ------------------------------------------------------------------
   The .form-row labels are absolutely positioned inside the field as a
   placeholder substitute (see the existing rule earlier in this file):

       body.woocommerce-checkout .site-main .form-row > label {
           position: absolute; top: 10px; left: 31px; ...
       }

   Nothing ever moved the value out of the way. The dropdown rows
   (Country, County) were built 82px tall so their label sits above the
   value and they look right; every text input stayed at 41px, so the
   label landed on top of whatever the patient typed.

   Fix: give the text-style controls the same treatment the dropdowns
   already had — top padding that clears the label — and bring the
   dropdowns down to the same height so every row matches.

   Note: the country/county selects have BOTH Select2 and Selectric
   initialised on them. Selectric is the one that actually renders,
   which is why these rules target .selectric and not .select2-*.
   ================================================================== */

body.woocommerce-checkout .site-main .form-row input.input-text,
body.woocommerce-checkout .site-main .form-row textarea {
    height: auto;
    min-height: 58px;
    /* 30px top clears the label (top:10px, ~19px tall); 26px left lines the
       value up under the label text, which the label rule puts at left:31px */
    padding: 30px 26px 9px;
    line-height: 1.3;
}

body.woocommerce-checkout .site-main .form-row textarea {
    min-height: 96px;
}

/* Selectric dropdowns: match the inputs' 58px so rows line up. */
body.woocommerce-checkout .site-main .form-row .selectric {
    height: 58px;
}

body.woocommerce-checkout .site-main .form-row .selectric .label {
    height: 58px;
    line-height: 1.3;
    padding: 30px 26px 9px;
    margin: 0;
    box-sizing: border-box;
}

body.woocommerce-checkout .site-main .form-row .selectric .button {
    height: 58px;
}

/* Password show/hide toggle. It carries no dimensions of its own and was
   picking up the theme's orange button background, so it rendered as a
   large solid block sitting over the field. Inline SVG eye instead, so it
   doesn't depend on WooCommerce's icon font being loaded. */
body.woocommerce-checkout .site-main .form-row .show-password-input {
    position: absolute;
    top: 50%;
    right: 14px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    background: transparent !important;
    cursor: pointer;
    opacity: .55;
}

body.woocommerce-checkout .site-main .form-row .show-password-input::after {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: no-repeat center / 20px url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D2926' stroke-width='1.7'><path d='M1.5 12S5 5.5 12 5.5 22.5 12 22.5 12 19 18.5 12 18.5 1.5 12 1.5 12Z'/><circle cx='12' cy='12' r='3.2'/></svg>");
}

body.woocommerce-checkout .site-main .form-row .show-password-input.display-password {
    opacity: 1;
}

/* ==================================================================
   Secondary menu - mobile copy
   ------------------------------------------------------------------
   The secondary menu is output twice inside header.site-header: once in
   template-parts/header/site-header.php (the desktop top bar) and once in
   template-parts/header/site-nav.php (the mobile hamburger panel). Both
   carried id="secondary-menu-list", which is invalid HTML.

   The mobile copy is now id="secondary-menu-list-mobile". The styling for
   it lives here rather than in src/scss/global/_header.scss because that
   file compiles to dist/css/site.css and the gulp build cannot be run
   (no node_modules). These declarations MIRROR the
   ".site-header #secondary-menu-list" block in _header.scss - if you edit
   one, edit the other. A comment there says the same thing.

   Colours are that file's SCSS variables written out:
     #FFFFFF $color_white     #DB753C $color_orange1
     #ECCAB7 $color_orange2   #CF7A49 $color_orange3

   The .menu-wrapper reset (margin, padding, list-style) still applies to
   both copies via menu_class, so it is not repeated here.
   ================================================================== */

.site-header #secondary-menu-list-mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 43px;
}

.site-header #secondary-menu-list-mobile li {
    display: flex;
}

.site-header #secondary-menu-list-mobile li a {
    color: #FFFFFF;
    font-family: OpenSans-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    text-decoration: none;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
}

.site-header #secondary-menu-list-mobile li a:hover {
    color: #DB753C;
}

@media (max-width: 991px) {

    .site-header #secondary-menu-list-mobile {
        flex-direction: column;
        align-items: flex-start;
        column-gap: 0;
        padding: 34px 0 0;
        margin: 34px 0 0;
        border-top: 1px solid #CF7A49;
        row-gap: 15px;
    }

    .site-header #secondary-menu-list-mobile li {
        width: 100%;
    }

    .site-header #secondary-menu-list-mobile li a {
        color: #FFFFFF;
        font-family: Lato-Light;
        line-height: 133%;
    }

    .site-header #secondary-menu-list-mobile li a:hover {
        color: #ECCAB7;
    }
}

/* ==================================================================
   Intrinsic image sizing guard
   ------------------------------------------------------------------
   The templates now carry width/height attributes on their images so
   the browser can reserve the right box before the file downloads
   (cumulative layout shift). Those attributes are applied by the
   browser as presentational hints, i.e. as if they were the CSS
   declarations width:Npx and height:Npx at the very lowest priority.

   That creates a squash risk. Several rules in dist/css/site.css size
   an image by WIDTH ONLY, for example:

       .footer_inner_wrapper .branding .logo_section_inner a img { width: 76px }
       .hover_logo .logo_img                                     { width: 89px }
       .our_story_sec__inner .heading_sec__inner .logo_img .logo { max-width: 24.65% }

   With no height declared anywhere, the attribute height would win by
   default and the logo would render at its CSS width but its full
   intrinsic height. This theme has no global "img { height: auto }" -
   Twenty Twenty-One's default element styles were stripped out of
   style.css when the theme was forked - so nothing else prevents it.

   height:auto restores the correct behaviour: the browser derives an
   aspect-ratio from the two attributes and works the height out from
   whatever width actually applies. That IS the layout-shift fix, not a
   cancellation of it.

   :where() is deliberate. It contributes ZERO specificity, so this
   resolves as plain "img" (0,0,1) and every existing rule still wins -
   including the six in site.css that set an explicit non-auto height
   (.site-logo a img, .bg_img img, .inner_page_banner__inner .img_sec img,
   .news_item_inner_img img) and .cat_archive_card_img img above, which
   uses !important. Written as img[width][height] it would be (0,2,1)
   and would silently break all of them.

   IE11 does not understand :where() and drops the rule. That is
   acceptable - IE11 also ignores attribute-derived aspect ratios, so it
   behaves exactly as it did before this change.
   ================================================================== */

img:where([width][height]) {
    height: auto;
}