body {
    margin: 0;
    padding: 0;
}

main {
    overflow: hidden;
}

:root {
    --h1: 50px;
    --h2: 64px;
    --h3: 40px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    --p: 16px;
    --p_Small: 14px;
    --gap: 100px;
    --text-white: #ffffff;
    --text-primary: #171717;
    --text-secondary: #5B564A;
}

h1 {
    font-size: var(--h1);
}

h2 {
    font-size: var(--h2);
}

h3 {
    font-size: var(--h3);
}

h5 {
    font-size: var(--h5);
}

h6 {
    font-size: var(--h6);
}

h4 {
    font-size: var(--h4);
}

p {
    margin-bottom: 0;
    font-size: var(--p);
    line-height: 160%;
    color: var(--text-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: capitalize;
}


h3 {
    line-height: 140% !important;
}


a,
button {
    &:focus-visible {
        outline: 1px solid #171717;
        box-shadow: none;
    }
}

.p-small {
    font-size: 14px;
    margin: 0;
}

.text-white {
    color: var(--text-white) !important;
}

.text-primary {
    color: var(--text-primary);
}

.text-secondary {
    color: var(--text-secondary);
}

.center {
    text-align: center;
}

.section-gap-top {
    margin-top: var(--gap);
}

.section-gap-bottom {
    margin-bottom: var(--gap);
}

.section-padding-top {
    padding-top: var(--gap);
}

.section-padding-bottom {
    padding-bottom: var(--gap);
}

.page_top_padding {
    padding-top: 120px;
}

.right_transition {
    /* opacity: 0; */
    transform: translateX(60px);
    transition: .5s ease-in-out;
}

.right_transition.scroll_active {
    opacity: 1;
    transform: translateX(0);
}

.upDown_transition:not(.child),
.upDown_transition.child .mcb-wrap-inner {
    opacity: 0;
    transform: translateY(-40px);
    transition: .7s ease-in-out;
}

.upDown_transition:not(.child).scroll_active,
.upDown_transition.child.scroll_active .mcb-wrap-inner {
    opacity: 1;
    transform: translateY(0);
}

.blur_transition {
    opacity: 0;
    transform: translateY(-40px);
    filter: blur(12px);
    transition: opacity .7s ease, transform .7s ease, filter .7s ease;
    will-change: opacity, transform, filter;
}

.blur_transition.scroll_active {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
}

.Downup_transition:not(.child),
.Downup_transition.child .mcb-wrap-inner,
.swiper:not(.testimonialSwiper, .videoSwiper) .swiper-slide {
    opacity: 0;
    transform: translateY(40px);
    transition: .5s ease-in-out;
}

.Downup_transition:not(.child).scroll_active,
.swiper:not(.testimonialSwiper, .videoSwiper).scroll_active .swiper-slide,
.Downup_transition.child.scroll_active .mcb-wrap-inner {
    opacity: 1;
    transform: translateY(0);
}

.left_transition {
    opacity: 0;
    transform: translateX(-60px) !important;
    transition: .5s ease-in-out;
}

.left_transition.scroll_active {
    opacity: 1;
    transform: translateX(0) !important;
}

.fadeIn_transition {
    opacity: 0;
    transform: translateY(20px) !important;
    transition: .5s ease-in-out;
}

.fadeIn_transition.scroll_active {
    opacity: 1;
    transform: translateY(0) !important;
}

#faq_wraper .faq {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;

    & .heading {
        grid-column: span 4 / span 4;
    }

    & .faq_wrapper {
        /* grid-column: span 8 / span 8; */
        grid-column-start: 5;
        grid-column-end: 13;
        padding-left: 40px;
    }

    & .title {
        font-size: var(--h5);
        padding: 0px 0px 24px 0;
        font-family: "IBM Plex Serif";
        color: #171717;
        text-transform: capitalize;

        & .num {
            display: none;
        }

        & .icon-plus.acc-icon-plus {
            z-index: 2;
        }

        & .icon-plus.acc-icon-plus,
        & .icon-minus.acc-icon-minus {
            width: 32px;
            height: 32px;
            background-color: #F2F4E7;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 5px !important;
            color: #171717;
        }
    }

    & .answer {
        font-size: var(--p);
        padding: 0px 0px 40px 0;
        max-width: 80%;

        & .num {
            display: none;
        }
    }

    .question {
        background: none;
        border-bottom: 1px solid #dbdbbb;

        &.active {
            & .title {
                color: #171717 !important;

                & .icon-minus.acc-icon-minus {
                    z-index: 4;
                    color: #171717;
                }
            }
        }

        &::after,
        &::before {
            content: none;
        }

        &:not(:nth-child(1)) {
            margin-top: 36px;
        }
    }
}

.badge {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: var(--p_Small);
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #171717;
    text-align: center;
    text-transform: capitalize;

    & .title {
        font-size: var(--p_Small) !important;
    }

    &.badgeLeft {
        justify-content: flex-start;
    }

    & .mcb-column-inner {
        width: fit-content;
        padding: 2px 16px;
        margin: 0;
        border-radius: 110px;
        background: #fff;
        box-shadow: 0 4px 14px 0 #e3e3d8;
    }

    &.dark {
        & .mcb-column-inner {
            background: #3C3C3C;
            box-shadow: none;
        }

        * {
            color: #fff;
        }
    }
}

.center>* {
    justify-content: center;
}


/* header Styliing Start-------------------START------------------- */


/* #mfn-header-template {
    width: 100%;
    z-index: 999;
    top: 40px;
    margin: 0 auto;
    left: 50%;
    max-width: 1440px;
    transform: translateX(-50%);
    position: fixed;
    box-shadow: 0 13px 34px 0 rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(17px);
    border-radius: 100px;

} */

.hamburger_menu {
    & .icon-wrapper {
        cursor: pointer;
    }

    & .hamburger-icon,
    .icon-wrapper img {
        width: 44px !important;
        height: 44px;

        & .line {
            transform-box: fill-box;
            transform-origin: center;
            transition: transform .35s ease, opacity .35s ease;
        }
    }

    /* Top line */
    & .icon-wrapper.active .line1 {
        transform: translateY(10px) rotate(45deg);
    }

    /* Middle line */
    & .icon-wrapper.active .line2 {
        /* opacity: 0; */
        transform: scaleX(0);
        transform-origin: left;
    }

    /* Bottom line */
    & .icon-wrapper.active .line3 {
        transform: translateY(-10px) rotate(-45deg);
    }

    & .mfn-close-icon.mfn-header-menu-toggle {
        display: none;
    }
}

/* mobile menu Start */
#mfn-header-template {
    width: 100%;
    z-index: 20;
    --mega_right: -50%;

    & .mfn-builder-content.mfn-header-tmpl-builder {
        width: 100%;
        z-index: 999;
        top: 50px;
        margin-top: 40px;
        top: 0px;
        margin-top: 0px;
        border-radius: 100px;
        position: fixed;
    }

    & .headerSection {
        box-shadow: 0 13px 34px 0 rgba(0, 0, 0, 0.05);
        backdrop-filter: blur(17px);
        /* left: 50%;
        transform: translateX(-50%); */
        border-radius: 100px;
        background-color: #fff;
        transition: .8s ease-in-out;
        margin-top: 40px;
    }

    &:has(.mfn-builder-content.mfn-header-tmpl-builder .topbar-wrapper) {
        & .headerSection {
            margin-top: 90px;
        }
    }
}

.topbar-wrapper {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    height: 50px;
    max-height: 50px;
    top: 0;
    background-color: #171717;
    transition: .8s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    gap: 50px;

    &::after,
    &::before {
        content: '';
        width: 50%;
        height: 100%;
        left: 0;
        position: absolute;
        background: linear-gradient(90deg, #375009 0%, rgba(55, 80, 9, 0.00) 100%);
    }

    &::after {
        left: unset;
        right: 0;
        background: linear-gradient(270deg, #375009 0%, rgba(55, 80, 9, 0.00) 100%);
    }

    & .topbar {
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 5;

        & P {
            color: #fff;
            margin-bottom: 0;

            & span {
                font-weight: 700;
            }
        }
    }

    &>.topbar:not(:first-child) {
        display: none;
    }

    &:hover {
        & .topbar {
            animation-play-state: paused;
        }
    }
}

/* mobile menu End */

@keyframes moveText {
    100% {
        transform: translateX(calc(-100% - 50px));
    }
}

.headerSection {
    position: relative;

    & .header_menu {
        position: static !important;

        & .mfn-menu-link {
            position: relative !important;
        }

        & .mfn-menu-item-megamenu-always-on-home,
        & .menu-item-object-custom {
            & .mfn-menu-link:has(.menu-icon.mfn-menu-item-icon) {
                padding-right: 45px;
            }

            & .menu-sub.mfn-menu-subicon {
                display: none;
            }

            & .menu-icon.mfn-menu-item-icon {
                right: 20px;
                position: absolute !important;
                margin: 0;
                max-width: 16px;
                max-height: 16px;

                & img {
                    width: 100%;
                    height: 100%;
                }
            }
        }

        .mfn-header-menu .mfn-menu-li.current-menu-item>.mfn-menu-link,
        .mfn-header-menu .mfn-menu-li>.mfn-menu-link {
            color: #171717;
            text-transform: capitalize;
        }
    }

    .mfn-header-menu {
        gap: 10px;

        & .menu-item {
            border-radius: 60px;

            &:hover {
                background: #F2F4E7;
            }
        }
    }

    .current-menu-item.page_item {
        border-radius: 60px;
        background: #F2F4E7;

        & .mfn-menu-link {
            color: #171717;
        }

        &:hover {
            background: #F2F4E7;
        }
    }
}

#mfn-header-template .activeHideclass {
    & .topbar-wrapper {
        max-height: 0;
    }

    & .headerSection {
        /* margin-top: 40px !important; */
        margin-top: 0px !important;
        border-radius: 0;
        box-shadow: none;
    }
}

.Mega_menu_main {
    & .mega_bg {
        --top: 16px;
        /* position: absolute !important; */
        width: 100%;
        /* top: var(--top); */
        padding-top: calc(var(--top) + 15px);
        background: transparent;
        box-shadow: none;
        /* display: grid; */
        grid-template-columns: repeat(2, minmax(0, 1fr));

        &>.mcb-wrap-inner {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 30px;
            align-items: stretch;

            &>* {
                width: 100%;
            }
        }

        &::before {
            content: '';
            width: 100%;
            position: absolute;
            left: 0;
            top: var(--top);
            right: 0;
            bottom: 0;
            background-color: #fff;
            border-radius: 16px;
        }
    }

    & .mega_left_section {
        & .mega_left_html {
            height: 100%;

            &>.mcb-column-inner,
            &>.mcb-column-inner .mfn-html-editor-wrapper {
                height: 100%;
            }

            & .hoh-card {
                border-radius: 8px;
                background: #736E60;
                overflow: hidden;
                height: 100%;

                & .hoh-card__image {
                    max-height: 246px;
                }

                & .hoh-card__overlay {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    height: calc(100% - 246px);
                    gap: 8px;
                    margin-bottom: 20px;

                    & .button.btn {
                        & .button_label {
                            color: #171717;
                        }
                    }

                    * {
                        margin-bottom: 0;
                        color: #fff;
                        text-align: center;
                    }

                    &>*:not(.btn, .hoh-card__logo) {
                        padding: 0 20px;
                    }

                    & .btn {
                        min-height: 50px;
                    }

                    & .hoh-card__logo {
                        width: 100%;
                        height: 100%;
                        max-width: 84px;
                        max-height: 84px;
                        z-index: 5;
                    }

                    &::before {
                        content: '';
                        width: 970px;
                        height: 133px;
                        position: absolute;
                        left: 50%;
                        transform: translateX(-50%);
                        top: -25%;
                        pointer-events: none;
                        border-radius: 970px;
                        background: #736E60;
                        filter: blur(21px);
                    }
                }

                & img {
                    width: 100%;
                    height: 100%;
                    max-height: 246px;
                    object-fit: cover;
                }
            }
        }
    }

    & .mega_right_section {
        & .mega_menu_header {
            display: flex;
            justify-content: space-between;
            align-items: center;

            * {
                margin-bottom: 0;
            }
        }

        & .mfn-megamenu-menu {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 8px 32px;
            margin-top: 24px;

            & .menu-item {
                display: flex;
                height: 130px;
                padding: 12px 20px;
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                align-self: stretch;

                & .qt-menu-item-description {
                    font-size: 14px;
                    font-weight: 400;
                }

                & a {
                    padding: 0;
                    font-size: var(--h6);
                    display: flex;
                    justify-content: flex-end;
                    position: static;
                    color: #171717;
                }

                & .menu-icon {
                    position: absolute;
                    right: 0;
                    top: 0;
                    opacity: 0;
                    max-height: 32px;
                    max-width: 32px;
                    width: 100%;
                    height: 100%;

                    & img {
                        width: 100%;
                        height: 100%;
                    }
                }

                &:hover,
                &.current-menu-item.page_item {
                    border-radius: 8px;
                    background-color: #F2F4E7;

                    & .menu-icon {
                        opacity: 1;
                    }
                }
            }
        }
    }
}

.menu-sub.mfn-menu-subicon {
    display: none;
}

.hamburger_menu {
    --top_gap: 71px;

    & .mfn-header-tmpl-menu-sidebar-right {
        width: 100%;
        top: var(--top_gap);
        /* right: -100%; */
        opacity: 0;
        /* height: fit-content; */
        right: var(--mega_right);
        height: calc(100vh - var(--top_gap));
        background-color: #fff;
        pointer-events: none;

        & .mfn-header-tmpl-menu-sidebar-wrapper {
            height: calc(100vh - var(--top_gap));
        }
    }

    &.mfn-header-tmpl-menu-active {
        & .mfn-header-tmpl-menu-sidebar-right {
            opacity: 1;
            pointer-events: all;
        }

        & .mfn-header-tmpl-menu-sidebar-wrapper {
            & .mfn-header-menu {
                & .menu-item {
                    opacity: 1;
                    transform: translateX(0);
                }
            }
        }
    }
}

#mfn-header-template .mfn-builder-content.mfn-header-tmpl-builder {
    &::before {
        content: '';
        width: 100%;
        height: 100vh;
        background-color: #fff;
        position: absolute;
        /* top: -40px; */
        /* right: -100%; */
        right: var(--mega_right);
        opacity: 0;
        transition: .5s ease-in-out;
        pointer-events: none;
    }

    &::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        /* top: -40px; */
        /* right: -100%; */
        right: 0;
        left: 0;
        top: -100%;
        opacity: 0;
        transition: .8s ease-in-out;
        pointer-events: none;
        z-index: -1;
        box-shadow: 0 13px 34px 0 rgba(0, 0, 0, 0.05);
    }

    &.activeHideclass::after {
        top: 0%;
        opacity: 1;
    }
}

#mfn-header-template .mfn-builder-content.mfn-header-tmpl-builder:has(.hamburger_menu.mfn-header-tmpl-menu-active) {
    &::before {
        right: 0;
        opacity: 1;
    }

    & .headerSection {
        box-shadow: none;
        background-color: #fff;
        height: 100vh;

        &>.section_wrapper {
            position: static;
            align-items: start;
        }

        & .mcb-background-overlay {
            pointer-events: none;
        }
    }
}

.mobile-social-container {
    margin: 0 auto;
    padding-top: 40px;
}

.mobile_social_wraper {
    display: flex;
    flex-direction: column;
    gap: 32px;

    .social_menu {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        align-items: center;

        & .social_menu_inner {
            display: flex;
            justify-content: center;
            gap: 15px;
        }

        & .icon-wrapper {
            width: 44px;
            height: 44px;
            background-color: #F2F4E7;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;

            img {
                width: 17px !important;
                max-width: 17px;
                height: 17px;
                filter: brightness(0) saturate(100%) invert(42%) sepia(2%) saturate(2619%) hue-rotate(7deg) brightness(100%) contrast(85%);
            }
        }
    }
}

.hamburger_menu {
    & .mfn-header-tmpl-menu-sidebar-wrapper {
        padding: 8px 20px 20px !important;
        align-items: flex-start !important;

        .mfn-header-menu {
            & .menu-item {
                padding: 16px 0;
                justify-content: flex-start !important;
                border-bottom: 1px solid #DBDBBB;
                background: none;
                border-radius: 0;

                &:has(.sub-menu.mfn-submenu) {
                    transition: all 0.5s ease-in-out;

                    & .sub-menu.mfn-submenu {
                        background: none;
                        box-shadow: none;
                        padding-top: 16px;

                        & .menu-item {
                            border: none;
                            padding: 0;

                            & .mfn-menu-link {
                                padding: 0 0 16px 24px;

                                & .menu-icon.mfn-menu-item-icon {
                                    display: none;
                                }
                            }

                            & .qt-menu-item-description {
                                display: none;
                            }

                            & .menu-icon.btn {
                                display: none;
                            }
                        }
                    }
                }

                & .mfn-menu-link {
                    padding: 0;
                    justify-content: flex-start !important;

                    & .menu-icon.mfn-menu-item-icon {
                        position: absolute;
                        right: 0;
                    }
                }
            }

            & .menu-item {
                transition: transform 0.4s ease, opacity 0.4s ease;
                transition-delay: calc(var(--i) * 0.2s);
                opacity: 0;
                transform: translateX(60px);

                /* transition: .5s ease-in-out; */
                &:nth-child(1) {
                    --i: 0;
                }

                &:nth-child(2) {
                    --i: 1;
                }

                &:nth-child(3) {
                    --i: 2;
                }

                &:nth-child(4) {
                    --i: 3;
                }

                &:nth-child(5) {
                    --i: 4;
                }

                &:nth-child(6) {
                    --i: 5;
                }

                &:nth-child(7) {
                    --i: 6;
                }

                &:nth-child(8) {
                    --i: 7;
                }

                &:nth-child(9) {
                    --i: 8;
                }

                &:nth-child(10) {
                    --i: 9;
                }
            }
        }
    }
}

.mcb-section .mcb-wrap .mcb-item-9be68ae5e .mfn-header-menu>li.mfn-menu-li.current-menu-item>a.mfn-menu-link,
.mcb-section .mcb-wrap .mcb-item-9be68ae5e .mfn-header-menu>li.mfn-menu-li:hover>a.mfn-menu-link {
    color: #171717 !important;
}


/* header Styliing END----------------------END---------------- */

.btn_border {
    & .button {
        background-color: transparent;
        border: 1px solid;
        min-width: 245px;
    }
}

.button_wraper {
    & .mcb-wrap-inner {
        gap: 20px;
    }
}

a:hover {
    text-decoration: none !important;
    color: #171717;
}


/* Button Styliing Start---------------------START----------------- */

.btn {
    display: flex;
    justify-content: center;
    min-width: 245px;
    border-radius: 42px;
    padding: 12px 20px;
    background: none !important;
    line-height: 160% !important;
    max-height: 51px;
    overflow: hidden;
    width: fit-content !important;

    & .button_label {
        z-index: 5;
        color: #171717;
        width: fit-content !important;
        transition: all 0.5s ease-in-out;
        text-transform: capitalize;
    }

    &:hover {
        background: none;
    }

    &.primary_btn {
        transition: all 0.5s ease-in-out;

        &::after,
        &::before {
            content: '';
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, #D2FF7D 0%, #80BF0A 148.57%);
            position: absolute;
            transition: all 0.5s ease-in-out;
        }

        &::after {
            opacity: 0;
            background: linear-gradient(90deg, #80BF0A -65.78%, #D2FF7D 100%);
            height: 135px;
            /* rotate: 20deg; */
            transform: translateY(120px);
        }

        &:hover {
            &::after {
                opacity: 1;
                transform: translateY(0px);
            }
        }
    }

    &.secondary_btn {
        transition: all 0.5s ease-in-out;

        & .button_label {
            transition: all .6s ease;
            color: #fff;
        }

        &::after,
        &::before {
            content: '';
            width: 100%;
            height: 100%;
            background-color: #171717;
            position: absolute;
            transition: all .6s ease;
        }

        &::after {
            opacity: 0;
            background-color: #736E60;
            height: 135px;
            transform: translateY(120px);
        }

        &:hover {
            &::after {
                opacity: 1;
                transform: translateY(0px);
            }
        }
    }

    &.btn-link {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #171717;
        text-decoration: none;
        font-size: 16px;
        padding: 0 30px 0 0;
        justify-content: flex-start;
        min-width: auto;
        width: fit-content;
        position: relative;
        border-radius: 0px;

        &:not(:has(.button_label)) {
            &:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 3px;
                width: calc(100% - 30px);
                height: 1px;
                background: #171717;
                opacity: .35;
            }

            &:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 3px;
                width: calc(100% - 30px);
                height: 1px;
                background: #171717;
                transform: scaleX(0);
                transform-origin: left;
                transition: transform .35s ease;

            }
        }

        .button_label {
            position: relative;

            &:before {
                content: "";
                position: absolute;
                left: 0;
                bottom: 3px;
                width: 100%;
                height: 1px;
                background: #171717;
                opacity: .35;
            }

            &:after {
                content: "";
                position: absolute;
                left: 0;
                bottom: 3px;
                width: 100%;
                height: 1px;
                background: #171717;
                transform: scaleX(0);
                transform-origin: left;
                transition: transform .35s ease;

            }
        }

        & .button_icon {
            position: absolute;
            width: 15px !important;
            height: 15px;
            top: 40%;
            right: 7px;
            transform: translateY(-50%);

            svg {
                width: 15px;
                height: 15px;
            }
        }

        &:hover {


            & .button_label {
                &::after {
                    transform: scaleX(1);
                }
            }

            &::after {
                transform: scaleX(1);
            }
        }
    }

    &.outlineBtn {
        position: relative;
        border: 1px solid #171717;
        color: #171717;
        text-decoration: none;

        &::after {
            content: '';
            width: 100%;
            background-color: #171717;
            position: absolute;
            opacity: 0;
            height: 135px;
            transform: translateY(120px);
            transition: all .6s ease;
            z-index: -1;
        }

        & .button_label {
            color: #171717;
        }

        &.white {
            border: 1px solid #fff;
            color: #fff;

            & .button_label {
                color: #fff;
                transition: all .6s ease;
            }

            &::after {
                background-color: #fff;
                z-index: -1;
            }

            &:hover {
                border: 1px solid #fff;

                & .button_label {
                    color: #171717;
                }
            }
        }

        &:hover {
            border: 1px solid #171717;
            color: #fff;

            & .button_label {
                color: #fff;
            }

            &::after {
                top: 0;
                opacity: 1;
                z-index: 1;
                transform: translateY(0px);
            }
        }
    }
}


/* Button Styliing Start---------------------START----------------- */

.headerSection:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 100px;
    left: 0;
}

.btn-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #171717;
    text-decoration: none;
    font-size: 16px;
}

.global_card {
    position: relative;

    &.cardGradientNone {
        & .section_wrapper {
            &::before {
                display: none;
            }
        }

        .hover_boxshadow {
            >.mcb-wrap-inner.mfn-wrapper-for-wraps {
                background: #F2F4E7;
                transition: all 0.3s ease-in-out;
            }

            &:hover {
                >.mcb-wrap-inner.mfn-wrapper-for-wraps {
                    background: #FFF;
                    box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.06);
                }
            }
        }
    }

    & .section_wrapper {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        position: static;
        gap: 20px !important;

        &>* {
            grid-column: span 6 / span 6;
            width: 100% !important;
            height: 100%;
        }

        & .section_custom_wrap_full {
            grid-column: span 12 / span 12;
            width: 100%;

            &.servicesBtn {
                z-index: 6;
            }
        }

        &::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 300px;
            bottom: 100px;
            left: 0;
            z-index: 5;
            pointer-events: none;
            background: linear-gradient(180deg, rgba(243, 249, 182, 0) 0%, #fbfbeb 77.27%);
            background: linear-gradient(180deg, rgba(243, 249, 182, 0.00) 0%, #F3F9B6 77.27%);
        }
    }
}


/* .cardsGridSection {
    .hover_boxshadow {
        background: #FDFDF1;
        transition: all 0.3s ease-in-out;
        border-radius: 16px;
        padding: 43px 50px;
        border: 1px solid #DBDBBB;
        &:hover {
            background: #FFF;
            box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.06);
        }
        .mcb-wrap-inner.mcb-wrap-inner-34dbe1e21 {
            align-items: stretch;
        }
    }
} */

.cardsGridSection {
    .cardsGridSection_child {
        & .wrap.mcb-wrap {
            height: 100%;
        }
    }
}

.fit-contain,
.fit-contain img {
    object-fit: contain !important;
}

.bg_gradient {
    &::before {
        content: "";
        position: absolute;
        width: 300vw;
        height: 792px;
        border-radius: 3906px;
        background: #e1f9b3;
        filter: blur(167.5px);
        left: 50%;
        pointer-events: none;
        top: 0;
        transform: translateX(-50%);
    }

    &::after {
        content: "";
        position: absolute;
        width: 300vw;
        height: 792px;
        border-radius: 3906px;
        background: #F4F9B3;
        filter: blur(167.5px);
        filter: blur(90px);
        left: 50%;
        bottom: -100px;
        pointer-events: none;
        transform: translateX(-50%);
    }
}

.section_bg_gradient {
    background-image: none !important;
    overflow: hidden;

    &::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        background-image: linear-gradient(0deg, #FDFDF1 0%, #E1F9B3 100%);
        top: 0;
        opacity: 0;
        transform: translateY(-100%);
        transition: all 0.8s ease-in-out;
        transition-delay: 0.5s;

    }

    &.scroll_active::before {
        opacity: 1;
        transform: translateY(0%);
    }
}

.section_custom_wrap .section_wrapper {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px !important;

    & .section_custom_wrap_full {
        grid-column: span 12 / span 12;
        width: 100%;
    }

    & .section_custom_wrap_half {
        grid-column: span 4 / span 4;
        width: 100%;

        & .mcb-wrap-inner {
            overflow: hidden;
        }
    }

    & .section_custom_wrap_minhalf {
        grid-column: span 3 / span 3;
        width: 100%;
        height: 100%;
    }

    & .section_custom_wrap_onehalf {
        grid-column: span 2 / span 2;
        width: 100%;
        height: 100%;
    }

    & .section_custom_wrap_start5 {
        grid-column-start: 5;
        grid-column-end: 13;
        width: 100%;
        height: 100%;
    }

}


.meet_our_team {
    overflow: hidden;

    &>.section_wrapper {
        align-items: stretch;
    }

    &.overlay::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 389px;
        background: #e1f9b3;
        border-radius: 1918px;
        background: #f4f9b3;
        filter: blur(235px);
        bottom: 0;
        left: 50%;
        top: 50%;
        transform: translateX(-50%);
    }

    &.bg_gradient {
        overflow: visible;

        &::after {
            background: #E1F9B3;
            filter: blur(235px);

            bottom: -80%;
        }
    }

    &:not(.overlay) {

        background: linear-gradient(180deg, rgba(242, 244, 231, 0.00) 0%, #F2F4E7 100%);
    }
}

.scroll_svg {
    width: 100%;
    position: relative;
}

.scroll_svg svg {
    width: 100%;
    height: auto;
    display: block;
}

.progress-line {
    filter: drop-shadow(0 0 6px rgba(128, 191, 10, 0.6));
}

.progress-dot {
    fill: #80bf0a;
    filter: drop-shadow(0 0 10px rgba(128, 191, 10, 0.8));
}

.outlineBtn .button {
    background-color: transparent !important;
}

.image_frame {
    overflow: auto !important;
}

.title {
    /* text-transform: capitalize; */
}

.link_btn {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    margin: 0 auto;
    background-color: transparent !important;

    &::after {
        content: "";
        height: 1px;
        left: 0;
        min-height: 1px;
        position: absolute;
        right: 0;
        transform-origin: right;
        transform: scaleX(0);
        transition: transform .5s cubic-bezier(.55, .055, .675, .19) 0s;
        bottom: 0;
        background-color: #dddddd;
    }

    &:hover::after {
        transform: scaleX(1);
        transform-origin: left;
        transition: transform .5s cubic-bezier(.215, .61, .355, 1);
    }

    &.diff_btn {
        position: absolute;
        bottom: 30px;
        color: #171717;
        font-family: "Work Sans";
        font-size: var(--p);
        text-decoration: none;
    }
}

.human_main {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));

    .item1 {
        grid-column: span 3 / span 3;
        display: flex;
        flex-direction: column;
        gap: 26px;
    }

    .item2 {
        grid-column: span 6 / span 6;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .main_img {
        display: flex;
        justify-content: center;

        & .human_img {
            width: 100%;
            height: 100%;
            max-height: 970px;

            & .humanimg {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: left top;
            }

            &::before {
                width: 100%;
                height: 250px;
                content: "";
                position: absolute;
                background: linear-gradient(180deg, rgba(242, 244, 231, 0) 0%, #fcfcf0 89.39%);
                pointer-events: none;
                bottom: 0;
            }
        }
    }

    .point_wraper_main {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;

        & .pointer {
            z-index: 10;

            & svg .outer-circle {
                transition: all 0.2s ease-in-out;
                /* filter: brightness(0) saturate(100%) invert(60%) sepia(91%) saturate(1584%) hue-rotate(40deg) brightness(101%) contrast(92%); */
            }

            &.active {
                & svg .outer-circle {
                    fill: #171717;
                }
            }
        }
    }

    .card_wrap_main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        text-align: center;
        gap: 8px;
        padding: 16px;
        transition: all 0.5s ease-in-out;

        & * {
            text-align: left;
            margin: 0;

            & p {
                margin-top: 8px;
            }
        }

        & img {
            max-width: 60px;
            max-height: 60px;
            width: 100%;
            height: 100%;
        }

        &:hover,
        &.active {
            border-radius: 16px;
            background-color: #fff;
            box-shadow: 0 9px 28px 0 rgba(0, 0, 0, 0.06);
        }
    }
}

.static {
    &>.section_wrapper {
        position: static;
    }
}

.scroll_svg_main {
    --height: 200px;
    padding-top: calc(var(--height) / 2);
    position: relative;
    /* pointer-events: none; */

    & .scroll_main svg {
        width: 100%;
        height: var(--height);
        display: block;

        & .green-line {
            stroke-width: 4;
        }
    }

    &.absolute {
        position: absolute;
        padding-bottom: 40px;
        bottom: 0;
        left: 0;
        right: 0;
    }

    & .scroll_svg {
        /*     position: absolute; */
        top: 0;
        left: 0;
        width: 100%;
        height: var(--height);
    }

    &.section-padding-top {
        padding-top: var(--gap);
    }
}

.exp-card-main {
    --width: 80%;

    & .exp-card {
        position: relative;
        height: 100%;

        & .mcb-wrap-inner {
            width: var(--width);
        }

        &:not(:last-child)::after {
            content: "";
            position: absolute;
            width: 1px;
            height: 65%;
            top: 50%;
            transform: translateY(-50%);
            right: 40px;
            background-color: #676767;
            visibility: visible;
        }
    }
}

.CardHover {
    &.active {
        background-color: #fff;
    }
}

.custom-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 999;
    /* position: relative; */
    background: #fff;

    &.active {
        display: block;
    }

    /* .custom-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
  } */
    .custom-modal-content {
        --width: 30%;
        width: 100%;
        height: 100%;
        max-width: 1440px;
        background: #fff;
        margin: 0 auto;
        z-index: 2;
        display: flex;
        gap: 50px;
        justify-content: flex-end;
        align-items: center;
        position: static;

        & .custom-modal-img {
            width: 100%;
            height: 100%;
            max-width: var(--width);
            object-fit: cover;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;

            &:after {
                position: absolute;
                bottom: 0;
                left: 0;
                content: '';
                background: linear-gradient(180deg, rgba(54, 49, 40, 0.00) 0%, #363128 100%);
                width: 100%;
                height: 550px;
            }

            img:not(.modal_logo) {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            & .modal_logo {
                max-width: 290px;
                position: absolute;
                bottom: 10%;
                z-index: 20;
                left: 50%;
                transform: translateX(-50%);
            }
        }

        & .custom-modal-form {
            --margin: 10%;
            width: 100%;
            height: 100%;
            max-width: calc(100% - var(--width) - 5%);
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding-right: var(--margin);
            max-height: calc(100vh - 100px);
            overflow: auto;
            margin-right: calc(-1 * var(--margin));

            /* max-height: calc(100vh - 50px);
            margin-right: calc(-1* var(--margin)); */
            .gform_validation_errors {
                display: none;
            }

            &::-webkit-scrollbar {
                width: 5px;
                height: 10px;
                display: none;
            }

            &::-webkit-scrollbar-track {
                background: #F1F3E6;
                border-radius: 10px;
            }

            &::-webkit-scrollbar-thumb {
                background: #80bf0a;
                border-radius: 10px;
                transition: background 0.3s ease;
            }

            &::-webkit-scrollbar-thumb:hover {
                background: #80bf0a;
            }

            &::-webkit-scrollbar-corner {
                background: #F1F3E6;
            }

            & .header {
                display: flex;
                justify-content: start;
                gap: 16px;
                padding-bottom: 32px;
                border-bottom: 1px solid #dbdbbb;
                flex-direction: column;

                * {
                    margin: 0;
                }
            }

            & .custom-modal-form-title {
                font-size: var(--h4);
                font-weight: 600;
                color: var(--text-primary);
            }

            & .custom-modal-form-input {
                width: 100%;
                padding: 10px 15px;
                border-radius: 8px;
                border: 1px solid #dbdbbb;
                font-size: var(--p);
            }

            & .custom-modal-form-btn {
                width: fit-content;
                padding: 10px 20px;
                border-radius: 8px;
                background-color: #80bf0a;
                color: #fff;
                font-size: var(--p);
                cursor: pointer;
            }
        }
    }

    .form_wraper {
        & .gform_heading {
            display: flex;
            justify-content: start;
            gap: 16px;
            border-bottom: 1px solid #dbdbbb;
            flex-direction: column;
            padding-bottom: 24px;

            & h2 {
                font-size: var(--h4);
                font-weight: 400;
            }

            & .gform_description {
                max-width: 65%;
            }

            * {
                margin: 0;
            }
        }
    }

    .custom-modal-close {
        position: absolute;
        right: 20px;
        top: 20px;
        background: none;
        border: none;
        font-size: 16px;
        cursor: pointer;
        padding: 8px 20px;
        color: #171717;
        background-color: #fff;
    }
}

.Schedul-form .custom_select .ginput_container_select {
    position: relative;
}

.Schedul-form .custom_select .ginput_container_select select {
    /* position: absolute; */
    opacity: 0;
    pointer-events: none;
}

.Schedul-form select {}

.custom-select-wrap {
    width: 100% !important;
    position: absolute !important;
    cursor: pointer;
    font-family: inherit;
    top: 0 !important;

    .custom-select-trigger {
        height: 45px !important;
        border: 1.5px solid #C8C8B7 !important;
        border-radius: 8px !important;
        display: flex;
        align-items: center;
        padding: 9px 20px;
        color: #171717;
    }

    &.open {
        & .custom-select-options {
            max-height: 200px !important;
            background-color: #fff;
            z-index: 9;
            position: relative;
            overflow: auto !important;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
        }
    }
}

.custom-select-options {
    background: #fff !important;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    z-index: 20;
    max-height: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.custom-select-wrap.open .custom-select-options {
    display: block;
}

.custom-select-options .opt {
    padding: 14px 16px;
    border-bottom: 1px solid #f0f0f0;
    transition: background .15s ease, color .15s ease;
}

.custom-select-options .opt:last-child {
    border-bottom: none;
}

.custom-select-options .opt:hover {
    background: #F2F4E7;
    color: #171717;
}

.custom-select-options .opt.active {
    background: #736E60;
    color: #fff;
}

.custom-select-options .opt .name {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}

.custom-select-options .opt .addr {
    display: block;
    font-weight: 400;
    font-size: 0.92em;
}

.verifyed::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 0px;
    right: 0;
    border-radius: 50%;
    background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/07/verifyed.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

input,
select,
textarea,
.custom-select-trigger {
    height: 45px !important;
    border: 1.5px solid #C8C8B7 !important;
    border-radius: 8px !important;

    &:focus {
        border-color: #6EA8FF !important;
        outline-color: #6EA8FF !important;
        outline-width: 1.5px !important;
        /* outline: 1px solid #6EA8FF !important; */
        outline: none !important;
    }

    &:not(select) {
        padding: 9px 20px !important;
    }
}

form.Schedul-form {
    --location-grid-value: 4;
    --form-grid-value: 2;
    margin-top: 24px !important;
    padding: 0 0px 0px !important;

    .gform-footer {
        margin-top: 40px !important;
        justify-content: flex-end !important;

        .gform_button.button {
            max-width: 245px;
            border-radius: 42px !important;
            padding: 12px 20px !important;
            background-color: #171717 !important;
        }
    }



    .gfield_label {
        font-weight: 400 !important;
    }

    & .gform-body.gform_body {
        #gform_fields_1 {
            grid-template-columns: repeat(var(--form-grid-value), minmax(0, 1fr));
            gap: 24px 20px;
            position: relative;

            .grid-column-half {
                grid-column: span 1 / span 1;
            }

            .grid-column-full {
                grid-column: span 2 / span 2;
            }
        }
    }

    .gfield_label {
        font-weight: 400;
    }

    input,
    select {
        width: 100% !important;
    }

    input[type=radio] {
        position: relative;
        width: 20px !important;
        height: 20px !important;
        border: none !important;
        padding: 0 !important;
        top: 6px;

        &::after {
            content: '';
            width: 20px;
            height: 20px;
            border: 1px solid #C8C8B7;
            border-radius: 50%;
            position: absolute;
        }

        &::before {
            background-color: #80BF0A;
            transform: translate(-50%, -50%);
            top: 50%;
            position: absolute;
            left: 50%;
        }
    }

    select {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        background-image: none !important;
        background-color: #fff;
        position: relative;

        &::-ms-expand {
            display: none;
        }

        &::before {
            content: '';
            position: absolute;
            background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/07/select-down-arrow.svg');
            right: 20px;
            width: 16px;
            height: 16px;
        }
    }

    .ginput_container_select:has(>select) {
        position: relative;

        &::before {
            content: '';
            position: absolute;
            background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/07/select-down-arrow.svg');
            right: 20px;
            width: 16px;
            height: 16px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 5;
            pointer-events: none;
        }
    }

    input[type=checkbox] {
        padding: 0 !important;
        height: 20px !important;
        border-radius: 4px !important;

        &::before {
            color: #80BF0A !important;
        }
    }

    .custom_check {
        position: absolute;
        bottom: -75px;
        max-width: 50%;
    }

    .select_style_diff {
        & .gfield_label {
            margin-bottom: 16px !important;
        }

        & .ginput_container.ginput_container_radio {
            & #input_1_7.gfield_radio {
                display: grid;
                grid-template-columns: repeat(var(--location-grid-value), minmax(0, 1fr));
                gap: 20px;

                & .gchoice {
                    padding: 16px;
                    border-radius: 16px;
                    position: relative;
                    border: 1px solid #C8C8B7;
                    transition: all 0.3s ease-in-out;

                    /* &:has(input[type="radio"]: checked) {
                        background-color: #F1F3E6;
                    } */
                    & input[type=radio] {
                        position: absolute;
                        right: 20px;
                        top: 16px;

                        &::after {
                            content: '';
                            width: 20px;
                            height: 20px;
                            border: 1px solid #C8C8B7;
                            border-radius: 50%;
                            position: absolute;
                        }

                        &::before {
                            background-color: #80BF0A;
                            transform: translate(-50%, -50%);
                            top: 50%;
                            position: absolute;
                            left: 50%;
                        }
                    }

                    label {
                        margin: 0 30px 0 0;
                        font-size: var(--p);
                        font-size: var(--p);
                        font-weight: 400;
                        display: flex;
                        gap: 8px;
                        flex-direction: column;

                        .bold {
                            font-weight: 600;
                        }
                    }
                }
            }
        }
    }

    .gfield_error {

        input,
        select,
        textarea {
            border: 1.5px solid #E54343 !important;
        }
    }
}

.slides_card {
    width: 100%;
    height: 100%;
    --i: 0.2s;

    .mcb-wrap-inner.mfn-wrapper-for-wraps {
        transition: all 0.3s ease-in-out;

        &:hover {
            box-shadow: 0 4px 38.8px 0 rgba(219, 219, 187, 0.40);
        }
    }

    /* 
    & .mcb-wrap-inner {
       transition-delay: var(--i);
    } */
    &:nth-child(2) {
        --i: 0.5s;
    }

    &:nth-child(3) {
        --i: 0.8s;
    }
}

.review-section {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    flex-wrap: wrap;

    & .award-card {
        max-width: 150px;
    }

    & .facebook-review {
        display: flex;
        gap: 10px;
        max-width: 195px;
    }

    & .review-card {
        * {
            margin-bottom: 0;
        }

        .recommended {
            padding-bottom: 16px;
            margin-bottom: 16px;
            border-bottom: 1px solid var(--Color-Border-border-light-brown, #DBDBBB);
        }
    }
}

.gradient-bottom {
    &::after {
        content: '';
        border-radius: 1744px;
        background: #FDFDF1;
        filter: blur(65px);
        width: 1744px;
        height: 360px;
        position: absolute;
        bottom: -169px;
        left: 50%;
        transform: translateX(-50%);
    }

    &.dark {
        &::after {
            background: linear-gradient(180deg, rgba(107, 103, 88, 0.00) 0%, #6B6758 100%);
        }
    }
}

.approach-cards {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 30px;
    position: relative;
    z-index: 10;
    margin-bottom: -90px;

    & .approach-card {
        background: #FDFDF1;
        border-radius: 16px;
        border: 1px solid #DBDBBB;
        overflow: hidden;
        display: flex;
        transition: .35s;
        grid-column: span 4 / span 4;
        flex-direction: column;
        justify-content: space-between;

        &:hover {
            background: #fff;
            box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
        }

        & .card-content {
            padding: 25px;
            display: flex;
            flex-direction: column;
            gap: 16px;

            * {
                margin: 0;
            }
        }
    }
}

.quality-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    & .service-card,
    & .content-card {
        --height: 550px;
        max-width: 452px;
        max-height: var(--height);
        min-height: var(--height);
        width: 100%;
        height: 100%;
        border-radius: 16px;
        overflow: hidden;

        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    & .content-card {
        display: flex;
        padding: 95px 58px 0px 58px;
        border: 1px solid #DBDBBB;
        background: linear-gradient(180deg, #E1F9B3 22.02%, #FFF 100%);
        box-shadow: 0 9px 118px 0 rgba(0, 0, 0, 0.14);
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        text-align: center;
        gap: 26px;

        & img {
            max-width: 73px;
            max-height: 73px;
            width: 100%;
            height: 100%;
        }
    }

    &.scroll_active {
        & .service-card {
            --rotate: 10deg;
            --x: 20px;
            --y: 15px;
        }
    }

    & .service-card {
        --rotate: 0deg;
        --x: 0deg;
        --y: 0px;
        z-index: -1;
        position: relative;
        transition: all 0.5s ease-in-out;
        transition-delay: 0.3s;

        & img {
            max-height: var(--height);
            min-height: var(--height);
            object-fit: cover;
        }

        &.left-card {
            right: -160px;
            /* transform: rotate(calc(-1 * var(--rotate))) translate(calc(-1 * var(--x)), var(--y)); */
        }

        &.right-card {
            left: -160px;
            /* transform: rotate(var(--rotate)) translateX(var(--x));
            transform: rotate(var(--rotate)) translate(var(--x), var(--y)); */
        }
    }
}

.icon-wrap {
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #FFF;
    width: fit-content;
    margin: 0 auto;
}

.slide-container {
    & .service-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    & .service-image {
        border-radius: 16px;
    }
}

.service-tag {
    border-radius: 110px;
    background: #FFF;
    box-shadow: 0 4px 14px 0 #E3E3D8;
    display: flex;
    padding: 2px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    color: #171717;

    &.dark {
        background: #3C3C3C;
        box-shadow: none;
    }
}

.home_hero_main_wraper {
    & .section_wrapper {
        position: static;

    }
}

.section_main_wrap {
    position: static !important;

    & .mcb-wrap-inner {
        position: static;

        & .mcb-wrap-background-overlay {
            pointer-events: none;
        }

    }

    & .scroll_svg_main {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40%;

        z-index: -1;
    }

    & .scroll_animi_img {
        height: 100vh;
        position: relative;

        &:after {
            position: absolute;
            content: '';
            bottom: -180px;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 2009px;
            background: #FDFDF1;
            filter: blur(60px);
            width: 2009px;
            height: 360px;
        }
    }

    & .animi_img {
        position: absolute;
        inset: 0;
        opacity: 0;
        top: 10%;
        left: 0;
        width: 100%;
        height: 90%;
        bottom: 0;

        &:first-child {
            opacity: 1;
        }

        & img {
            width: 100%;
            height: 100% !important;
            object-fit: cover;
        }

        &:not(:first-child) {
            opacity: 0;
        }
    }
}

.relief_main {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
    border: 1px solid #DBDBBB;
    border-radius: 16px;
    max-width: 90%;
    margin: 0 auto;

    & .left,
    & .right {
        --gap: 40px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: var(--gap);
        padding: 100px 50px;

        & .item_wrap {
            display: flex;
            flex-direction: column;
            gap: var(--gap);
        }

        & .heading {
            margin-bottom: 0;
            padding-bottom: 30px;
            border-bottom: 1px solid #DBDBBB;
            text-align: right;
            width: 100%;
        }

        & .checklist-item {
            align-items: flex-start;
        }
    }

    & .left {
        & .checklist-item {
            flex-direction: row-reverse;

            & .icon {
                background: #FFE8E8;
            }
        }

        & .label {
            text-decoration: line-through;
            color: #736E60;
            text-align: right;
        }
    }

    & .right {
        align-items: flex-start;
        position: relative;
        overflow: hidden;

        & .heading {
            text-align: left;
        }

        &::after {
            content: '';
            width: 345px;
            height: 345px;
            position: absolute;
            left: -115px;
            background: #E1F9B3;
            z-index: -2;
            filter: blur(82px);
            top: 50%;
            transform: translateY(-50%);
        }

        &::before {
            content: '';
            width: 230px;
            height: 230px;
            position: absolute;
            left: -115px;
            background: #F7FAC2;
            z-index: -1;
            filter: blur(60px);
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

.arrow-icon {
    fill: none;
    overflow: visible;

    & path {
        stroke: #5B564A;
        fill: none;
        transition: all 0.6s ease-in-out;

        &.line {
            transform: scaleX(0);
            transform-origin: right;
            transition: all 0.6s ease-in-out;
        }
    }
}

.swiper-button-next,
.swiper-button-prev,
.mission-section .item-arrow,
.btn-link.btn,
.backTotop {
    &:hover {
        .arrow-icon {
            & path {
                transform: translateX(5px);
                stroke: #171717;

                &.line {
                    transform: scaleX(1);
                }
            }
        }
    }
}

.testimonialSwiper_main {
    &.sliderWrapper {
        & .swiper-pagination {
            background: #525252;
        }
    }
}


/* .home_hero_main_wraper {
    &>.section_wrapper {
        position: static !important;
        & .section_main_wrap {
            position: static !important;
            & .mcb-wrap-inner {
                position: static !important;
            }
        }
    }
} */

.img-full,
.img-full img,
.img-full .image_frame,
.img-full .image_wrapper,
.img-full .mcb-column-inner {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top left;
}

.absolute_img {
    position: absolute !important;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;

    &.left {
        left: 0;
        right: unset;
    }

    & .wrap {
        height: 100%;
    }
}

.custom_bg {
    &::after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(180deg, #E1F9B3 0%, rgba(225, 249, 179, 0.00) 100%);
        top: 0;
        left: 0;
        right: 0;
    }

    &.dark {
        &::after {
            opacity: 0.7;
            background: linear-gradient(180deg, #323728 0%, #171717 100%);
        }
    }
}

.muscul_card {
    .service-card {
        display: flex;
        gap: 24px;
    }

    & .service-icon {
        min-width: 73px;
        height: 73px;
        max-width: 73px;
        max-height: 73px;
        border-radius: 100%;
        background-color: #736E60;
        display: flex;
        justify-content: center;
        align-items: center;

        & svg {}
    }

    & .service-content {
        display: flex;
        flex-direction: column;
        gap: 16px;

        & * {
            color: #fff;
            margin-bottom: 0;
        }

        & .title {
            margin-bottom: 8px;

            & i {
                color: #E1F9B3;
            }
        }

        & .content_button {
            display: flex;
            justify-content: flex-end;
            margin-top: 24px;
        }
    }
}

.sports_hero_banner_main {
    &>.section_wrapper {
        position: static;
    }

    .sports_hero_banner_wraper,
    .sports_hero_banner_wraper>.mcb-wrap-inner {
        position: static;
    }

    .sports_hero_banner_img {
        & * {
            height: 100%;
            object-fit: cover;
        }
    }
}

.termsPage {
    & * {
        box-sizing: border-box;
    }

    & .terms-container {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
    }

    & .terms-badge {
        display: inline-block;
        padding: 5px 14px;
        border: 1px solid #ddd;
        border-radius: 20px;
        background: #fff;
        font-size: 12px;
        color: #666;
        margin-bottom: 18px;
    }

    & h1 {
        margin: 0;
        font-size: 52px;
        font-weight: 400;
        color: #2f2f2f;
        line-height: 1.2;
    }

    & .terms-note {
        max-width: 700px;
        margin: 28px auto 50px;
        font-size: 12px;
        line-height: 1.8;
        text-transform: uppercase;
        color: #888;
        letter-spacing: .05em;
    }

    & .terms-tabs {
        display: flex;
        justify-content: center;
        gap: 45px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;
    }

    & .terms-tabs button {
        padding: 16px 0;
        text-decoration: none;
        color: #8a8a8a;
        font-size: var(--h5);
        position: relative;
        transition: .3s;
        border-radius: 0;
        background: transparent;
        font-family: "IBM Plex Serif";
    }

    & .terms-tabs button:hover,
    & .terms-tabs button.active {
        color: #222;
    }

    & .terms-tabs a.active::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
        background: #444;
    }

    & .terms-card {
        max-width: 945px;
        margin: 0 auto;
        background: #fff;
        border-radius: 14px;
        padding: 40px;
        text-align: left;
        box-shadow: 0 10px 35px rgba(0, 0, 0, .08);

        & .sub-p {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }
    }

    & .terms-card h2 {
        text-align: center;
        margin: 0 0 45px;
        font-size: 22px;
        font-weight: 500;
        color: #333;
    }

    & .terms-section {
        margin-bottom: 32px;

        & ul li {
            list-style-type: disc;
            margin-left: 20px;
        }
    }

    & .terms-section h3 {
        margin: 0 0 10px;
        font-size: 15px;
        font-weight: 600;
        color: #444;
    }

    & .terms-section h6 {
        margin-bottom: 8px
    }

    & .terms-card .heading {
        text-align: center;
    }

    & .terms-section p {
        margin: 0;
    }

    & .contact {}

    & .terms-tabs {
        display: flex;
        justify-content: center;
        gap: 40px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;

        & button::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -1px;
            width: 100%;
            height: 3px;
            background: #171717;
            opacity: 0;
        }


        & button:hover::after {
            opacity: 0.5;
        }

    }

    & .terms-tabs button.active {
        color: #222;
    }

    & .terms-tabs button.active::after {

        opacity: 1;

    }

    & .tab-content {
        display: none;
    }

    & .tab-content.active {
        display: block;
    }
}


/* ---------------------------------------------- */

.socialWrapper .column_icon_box_2 {
    bottom: 0;
    position: absolute;
    left: calc(var(--i) * 54px);

    &:nth-child(4) {
        --i: 0;
    }

    &:nth-child(5) {
        --i: 1;
    }

    &:nth-child(6) {
        --i: 2;
    }


}

.footerSection {
    & .menu-item {
        & a {
            padding: 7px 0 !important;
        }
    }
}

.Chiropractic_for_infants {
    & .section_wrapper {
        position: static;
    }

    & .mcb-wrap-background-overlay {
        pointer-events: none;
    }

    &.Pregnancy_hero_main .Chiropractic_for_Infants_content {

        &::after,
        &::before {
            content: none;
        }
    }

    &:not(.Pregnancy_hero_main) .Chiropractic_for_Infants_content {

        &::after,
        &::before {
            content: '';
            position: absolute;
            width: 138px;
            height: 138px;
            max-width: 138px;
            left: -69px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
            overflow: visible;
            visibility: visible;
        }

        &::before {
            border-radius: 100px;
            background: var(--Color-Background-background-green, #E1F9B3);
            box-shadow: 0 4px 26px 0 rgba(115, 110, 96, 0.40);
        }

        &::after {
            width: 82px;
            height: 82px;
            max-width: 82px;
            left: -40px;
            background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/08/Logo-icon-Dark-1.svg');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
    }
}

.Chiropractic_for_infants_inner,
.Chiropractic_for_infants_inner .mcb-wrap-inner {
    position: static !important;
    height: 100%;

    & .absolute_img {
        max-width: 50%;
    }

    & .mcb-wrap-background-overlay {
        pointer-events: none;
    }
}


.call_btn {
    background: none !important;
    flex-direction: row-reverse;

    .button_label {

        color: #171717 !important;
    }

    &:hover {
        .button_label {

            color: #5B564A !important;
        }

        .button_icon {
            animation: ring .9s ease-in-out infinite;

            i {

                color: #5B564A !important;
            }

            svg {

                fill: #5B564A;
            }

        }
    }
}

@keyframes ring {

    0%,
    100% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-18deg);
    }

    20% {
        transform: rotate(18deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    40% {
        transform: rotate(15deg);
    }

    50% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(10deg);
    }

    70%,
    90% {
        transform: rotate(0deg);
    }
}

.classIV_slider {
    border-radius: 16px;
    /* border: 1px solid #515151; */
    background: linear-gradient(111deg, #252525 -36.9%, rgba(37, 37, 37, 0.00) 184.44%);
    backdrop-filter: blur(17.200000762939453px);

    & * {
        color: #fff;
    }

    & .slide_content {
        align-items: flex-start !important;

        & p {

            text-align: left !important;
        }
    }

    .slider-bottom {
        justify-content: center;
    }
}

.treatment-wrapper {
    max-width: calc(100% - 148px);
    background: #F2F4E7;
    border-radius: 8px;
    padding: 60px;
    display: flex;
    gap: 40px;
    margin: 60px auto;

    .treatment-item {
        --i: 0.3s;
        flex: 1;
        padding: 0 28px;
        position: relative;
        transition-delay: var(--i);

        &:nth-child(2) {
            --i: 0.6s;
        }

        &:nth-child(3) {
            --i: 0.9s;
        }
    }

    .treatment-item:not(:last-child)::after {
        content: '';
        width: 1px;
        height: 100%;
        background: #DBDBBB;
        position: absolute;
        right: 0;
        top: 0;
    }

    .treatment-item h5 {
        margin-bottom: 8px;
    }

    .treatment-item ul {
        padding-left: 18px;
    }

    .treatment-item li {
        margin-bottom: 8px;
        line-height: 1.6;
        list-style: disc;
        color: #5B564A;
    }
}

.classIV_laser_banner_main {
    &::after {
        content: '';
        position: absolute;
        width: 300vw;
        height: 495px;
        border-radius: 3946px;
        background: #FDFDF1;
        filter: blur(123px);
        bottom: -10%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 4;
    }

    .classIV_laser_content_banner {
        position: absolute !important;
        bottom: 50px;
    }
}

.gradient_none {
    background-image: none !important;
}

.classIV_laser_hero_banner {
    & .container {
        margin: 0 auto !important;
    }

    &::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 700px;
        background: linear-gradient(180deg, rgba(12, 11, 16, 0.00) 0%, #0C0B10 100%);
        bottom: 0;
        left: 0;
        /* z-index: 4; */
    }
}

.Chiropractic_img_banner {
    --height: 500px;

    &::after {
        /* content: '' !important; */
        /* position: absolute;
        width: 300vw !important;
        height: var(--height) !important;
        border-radius: 3946px;
        background: #FDFDF1;
        filter: blur(88px);
        top: calc(-1 *(var(--height) / 2));
        left: 50%;
        transform: translateX(-50%);

        overflow: visible !important;
        visibility: visible !important; */
        /* pointer-events: none !important; */
    }
}

.custom-blog-section-main {
    background: linear-gradient(180deg, var(--Color-Background-background-green, #E1F9B3) 0%, #FDFDF1 100%);

    & .custom-blog-section-inner {
        margin-top: 40px;

    }

    &::after,
    &::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 50%;
        max-height: 800px;
        background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/08/svg-bg.svg');
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        bottom: 0;
        left: 0;

    }

    &::before {
        top: 0;
        bottom: unset;
        background-image: url('https://hohstagging.quadranttech.co/wp-content/uploads/2026/08/svg-bg-1.svg');
        background-position: top center;


    }
}

.custom-blog-hero {
    display: flex;
    padding: 40px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 32px;
    border-radius: 24px;
    background: #FDFDF1;
    box-shadow: 0 9px 58px 0 rgba(0, 0, 0, 0.03);

    & .post_banner {
        border-radius:16px;
        max-height: 450px;
                overflow: hidden;
    }
}

/* endstyle */


/* responsive */

@media screen and (max-width: 1440px) {
    .quality-wrapper {

        & .service-card,
        & .content-card {
            --height: 450px;
        }
    }
}

@media screen and (max-width: 1439px) {

    .section_wrapper,
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 1280px) {
    .header_btn {
        display: none;
    }
}

@media screen and (max-width: 1279px) {
    .Mega_menu_main {
        & .mega_left_section {
            display: none;
        }

        & .mega_right_section {
            grid-column: span 12 / span 12 !important;
        }
    }
}

@media screen and (max-width: 1239px) {
    .human_main {
        .item2 {
            height: 90%;
            order: 3;
        }
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --h1: 80px;
        --h2: 40px;
        --h3: 32px;
        --h4: 24px;
        --h5: 18px;
        --h6: 16px;
        --p: 14px;
        --p_Small: 12px;
    }

    :root {
        --h5: 18px;
        --gap: 50px;
    }

    h3 {
        line-height: 120% !important;
    }

    .section_custom_wrap .section_wrapper {
        & .section_custom_wrap_minhalf {
            grid-column: span 6 / span 6;
        }
    }

    .exp-card-main {
        --width: 90%;

        & .exp-card {
            &::after {
                right: 30px;
            }
        }
    }

    .sports_hero_banner_img {
        max-width: 80%;
    }

    .scroll_svg_main {
        --height: 150px;
    }

    .global_card {
        & .section_wrapper {
            &>* {
                & .mcb-wrap-inner {
                    flex-direction: column;

                    & * {
                        width: 100%;
                    }
                }
            }
        }
    }

    .human_main {
        .item1 {
            grid-column: span 6 / span 6;
        }

        .item2 {
            display: none;
        }
    }

    form.Schedul-form {
        --location-grid-value: 2;

        .custom_check {
            position: relative;
            bottom: 0;
            max-width: 100%;
            grid-column: span 2 / span 2 !important;
        }
    }

    .btn {
        min-width: 245px;
        /* padding: 9px 20px !important; */
        max-height: 45px;
        min-height: 45px;

        & .button_label {
            font-size: 14px;
        }
    }

    .custom-modal {
        .custom-modal-content {
            --width: 40%;
        }
    }

    .custom-header-input {
        &.hide-laptop {
            display: flex !important;
        }
    }

    .quality-wrapper {

        & .service-card,
        & .content-card {
            --height: 100%;
            max-width: 300px;
        }

        & .content-card {
            padding: 30px;
        }

        & .service-card {
            max-width: 245px;
            max-height: 300px;
        }

        &.scroll_active {
            & .service-card {
                --rotate: 0deg;
                --y: 15px;
                --x: 20px;
            }
        }
    }

    .section_main_wrap {
        & .scroll_svg_main {
            bottom: 25%;
        }
    }

    .review-section {
        gap: 20px;
    }

    .headerSection {
        position: relative;
        padding: 5px 10px 5px 0px;
        max-width: calc(100% - 40px);
        margin: 0 auto;

        &>.section_wrapper {
            padding: 0 !important;

            & .logo-wrapper {
                max-width: 200px;
            }
        }
    }

    .mfn-header-menu .mfn-menu-li.current-menu-item>.mfn-menu-link {
        color: #171717 !important;
    }

    .section_main_wrap {
        & .scroll_animi_img {
            display: flex;
            height: fit-content;
            flex-direction: column-reverse;
            margin-top: 40px;
        }
    }

    .scroll_animi_img {
        display: flex;
        height: fit-content;
        flex-direction: column-reverse;

        & .animi_img {
            height: 100%;
            max-height: 500px;
        }
    }

    .hero_effect_main {
        top: 0%;
    }

    .relief_main {
        max-width: 100%;

        & .left,
        & .right {
            padding: 100px 40px
        }
    }

    .treatment-wrapper {
        max-width: calc(100% - 70px);
        padding: 30px;
        gap: 30px;
        margin: 40px auto;

        .treatment-item {
            padding: 0 15px;
        }
    }

    .footerSection {
        &.section_custom_wrap .section_wrapper {
            & .section_custom_wrap_minhalf {
                grid-column: span 3 / span 3;
            }
        }
    }
}

@media screen and (min-width: 960px) and (max-width: 1024px) {
    h1 {
        font-size: var(--h1) !important;
        line-height: 160% !important;
    }

    h2 {
        font-size: var(--h2) !important;
        line-height: 48px !important;
    }

    h3 {
        font-size: var(--h3) !important;
        line-height: 38px !important;
    }

    h5 {
        font-size: var(--h5) !important;
        line-height: 29px !important;
    }

    h6 {
        font-size: var(--h6) !important;
        line-height: 29px !important;
    }

    h4 {
        font-size: var(--h4) !important;
        line-height: 29px !important;
    }

    p {
        font-size: var(--p) !important;
        line-height: 22px !important;
    }
}

@media screen and (max-width: 980px) {
    .exp-card-main {
        --width: 100%;

        & .exp-card {
            &:not(:last-child)::after {
                content: none;
            }
        }
    }

    .custom-modal {
        .custom-modal-close {
            z-index: 20;
        }

        & .form_wraper {
            padding-bottom: 50px;

            & .gform_heading {
                /* position: sticky; */
                top: 0;
                background-color: #fff;
                z-index: 10;
                padding-top: 40px;
            }
        }

        & .custom-modal-content {
            & .custom-modal-img {
                display: none;
            }

            & .custom-modal-form {
                padding: 20px;
                margin-right: 0px;
                max-width: 100%;
                max-height: 100vh;
            }
        }
    }

    form.Schedul-form {
        .custom_check {
            position: relative;
            bottom: 0;
            max-width: 100%;
            grid-column: span 2 / span 2 !important;
        }
    }

    /* .cardsGridSection {
        .hover_boxshadow {
            padding: 30px;
        }
    } */
}

@media screen and (max-width: 959px) {
    .page_top_padding {
        padding-top: 120px;
    }

    #mfn-header-template {
        & .mfn-builder-content.mfn-header-tmpl-builder {
            background-color: #fff;
            border-radius: 0;
            box-shadow: 0 13px 34px 0 rgba(0, 0, 0, 0.05);
            top: 0;
            margin-top: 0px;
        }

        & .headerSection {
            border-radius: 0;
            margin-top: 0px;
            box-shadow: none;
        }

        &:has(.mfn-builder-content.mfn-header-tmpl-builder .topbar-wrapper) {
            & .headerSection {
                margin-top: 50px;
            }
        }
    }

    #mfn-header-template .activeHideclass {
        & .headerSection {
            margin-top: 0 !important;
        }

        & .mfn-builder-content.mfn-header-tmpl-builder {
            margin-top: 0;
        }
    }

    .footerSection.section_custom_wrap .section_wrapper {
        & .section_custom_wrap_minhalf {
            grid-column: span 12 / span 12;

        }

        & .section_custom_wrap_start5 {
            grid-column-start: 1;

        }
    }

    .footerSection.section {
        .column_footer_logo .logo-wrapper {
            justify-content: center;
            margin-bottom: 10px;
        }
    }

    .socialWrapper {
        --padding: 84px;
        padding-bottom: var(--padding);
    }

    .socialWrapper .column_icon_box_2 {
        bottom: calc(-1 * var(--padding));

    }

    .Chiropractic_for_infants_inner,
    .Chiropractic_for_infants_inner .mcb-wrap-inner {
        & .absolute_img {
            max-width: 100%;
            position: relative !important;
        }
    }

    .Chiropractic_for_infants {
        & .section_wrapper {
            flex-direction: column;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }

    .Chiropractic_for_infants {
        &:not(.Pregnancy_hero_main) .Chiropractic_for_Infants_content {


            &::after,
            &::before {
                width: 100px;
                height: 100px;
                left: 50%;
                top: 0;
                transform: translate(-50%, -50%);
            }

            &::after {
                width: 60px;
                height: 60px;
                max-width: 60px;
            }
        }
    }
}

@media screen and (max-width: 768px) {
    :root {
        --h2: 64px;
        --h3: 32px;
        --h4: 32;
        --h5: 18px;
        --h6: 18px;
        --gap: 35px;
    }

    .section_custom_wrap .section_wrapper {
        & .section_custom_wrap_half {
            grid-column: span 12 / span 12;
        }

        & .section_custom_wrap_minhalf {
            grid-column: span 6 / span 6;
        }
    }

    #faq_wraper .faq {

        & .heading,
        & .faq_wrapper {
            grid-column: span 12 / span 12;
        }

        & .faq_wrapper {
            padding-left: 0px;
        }

        & .title,
        & .answer {
            padding: 10px 10px 20px 0;
        }

        & .answer {
            max-width: 100%;
        }
    }

    .scroll_svg_main {
        --height: 125px;
    }

    .classIV_laser_banner_main {
        & .section_wrapper {
            position: static !important;
        }

        &::after {
            content: '';
            position: absolute;
            width: 300vw;
            height: 600px;
            border-radius: 3946px;
            background: #FDFDF1;
            filter: blur(123px);
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4;
        }

        &::before {
            content: '';
            position: absolute;
            width: 300vw;
            height: 600px;
            border-radius: 3946px;
            background: #FDFDF1;
            filter: blur(123px);
            bottom: 10%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 4;
        }

        .classIV_laser_content_banner {
            position: relative !important;
            bottom: -50%;
            left: 0;
            right: 0;
            padding-top: 400px;
        }

        .classIV_laser_image_banner {
            position: absolute;
            left: 0;
            right: 0;
        }
    }


    .human_main {
        .item2 {
            display: none;
        }

        .item1 {
            grid-column: span 6 / span 6;
        }
    }

    .human_main {
        padding-bottom: var(--gap);
    }

    .relief_main {

        & .left,
        & .right {
            padding: 80px 40px;
        }
    }

    .quality-wrapper {
        & .service-card {
            max-height: 260px;

            &.left-card {
                right: -60px;
            }

            &.right-card {
                left: -60px;
            }
        }
    }

    .sports_hero_banner_main {
        .sports_hero_banner_img {
            /* position: relative; */
            width: 100%;
        }
    }

    .approach-cards {
        gap: 20px;
    }

    .termsPage {
        padding: 0px 15px;
    }

    .termsPage h1 {
        font-size: 34px;
    }

    .termsPage .terms-note {
        font-size: 11px;
        margin-bottom: 35px;
    }

    .termsPage .terms-tabs {
        gap: 20px;
        overflow: auto;
        /* justify-content: flex-start; */
        /* white-space: nowrap; */
        padding-bottom: 0px;
    }

    .termsPage .terms-card {
        padding: 30px 24px;
    }

    .global_card {
        & .section_wrapper {
            &::before {
                height: 100px;
            }
        }
    }

    .treatment-wrapper {
        max-width: calc(100% - 40px);
        padding: 20px;
        gap: 20px;
        margin: 40px auto;
        flex-direction: column;
        align-items: flex-start;

        .treatment-item {
            padding: 0px 0px 10px;
            width: 100%;
        }

        .treatment-item:not(:last-child)::after {
            width: 100%;
            height: 1px;
            top: unset;
            bottom: 0;
        }
    }

    .page_top_padding {
        padding-top: 60px;
    }

}

@media screen and (max-width: 767px) {


    h5 {
        font-size: 18px !important;
    }

    .approach-cards {
        gap: 20px;

        & .approach-card {
            border-radius: 8px
        }
    }

    .relief_main {
        & .left {
            padding: 30px;
            align-items: flex-start;

            & .heading {
                text-align: left;
            }

            & .checklist-item {
                flex-direction: row;
            }
        }

        & .right {
            padding: 30px
        }
    }

    .btn {
        &.btn-link {
            padding: 0px 30px 0px 0 !important;
        }
    }

    #faq_wraper .faq {
        & .answer {
            font-size: 14px;
        }
    }

    .absolute_img {
        position: relative !important;
    }

    .sports_hero_banner_main_content {
        z-index: 10 !important;
        position: relative;
    }

    .sports_hero_banner_main::after {
        /* content: ''; */
        width: 100%;
        height: 100%;
        opacity: 0.7;
        background-color: #6F6A5B;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 5;
    }

    .sports_hero_banner_img {
        max-width: 100%;
    }

    .sports_hero_banner_main_content {
        width: 100% !important;
    }

    .sports_hero_banner_img::after {
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background-color: #6F6A5B !important;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0;
        filter: none;
        bottom: 0;
        z-index: 5;
    }

    .socialWrapper .column_icon_box_2 {

        left: 50%;
        transform: translateX(-50%);

        &:nth-child(4) {
            margin-left: -54px;
        }

        &:nth-child(5) {
            margin-left: 0;
        }

        &:nth-child(6) {
            margin-left: 54px;
        }
    }

    .termsPage .terms-tabs {
        white-space: normal;
    }

    form.Schedul-form {
        .gform-footer {
            justify-content: center !important;
        }
    }


}

@media screen and (max-width: 640px) {
    .section_custom_wrap .section_wrapper {
        & .section_custom_wrap_minhalf {
            grid-column: span 12 / span 12;
        }
    }

    .header-btn {
        display: none;
    }

    .global_card {
        & .section_wrapper {
            &>* {
                grid-column: span 12 / span 12;
            }
        }
    }

    .relief_main {
        grid-template-columns: repeat(1, minmax(0, 1fr));

        & .left,
        & .right {
            --gap: 25px;
            padding: 30px;
        }
    }

    .scroll_svg_main {
        --height: 70px;
    }

    .approach-cards {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .scroll_animi_img {
        & .animi_img {

            /* height: 400px; */
            /* max-height: 400px; */
            & img {
                object-fit: contain;
            }
        }
    }

    .section_main_wrap {
        & .scroll_animi_img {
            &:after {
                height: 230px;
            }
        }
    }

    .Chiropractic_img_banner {

        &.shockwave-therapy {
            --height: 200px;

            &::after {
                filter: blur(30px);
            }
        }
    }
}

@media screen and (max-width: 540px) {
    form.Schedul-form {
        & .gform-body.gform_body {
            & #gform_fields_1 {
                .grid-column-half {
                    grid-column: span 2 / span 2;
                }
            }
        }
    }

    #faq_wraper .faq {

        & .title,
        & .answer {
            padding: 10px 10px 20px 0;
            width: 90%;
        }

        & .title {

            & .icon-plus.acc-icon-plus,
            & .icon-minus.acc-icon-minus {
                top: 50%;
                right: -10%;
                /* transform: translateY(-50%); */
            }
        }
    }

    .quality-wrapper {
        flex-direction: column;
        gap: 30px;

        & .service-card {
            max-height: 350px;

            &.left-card {
                right: 0px;
                transform: none;
            }

            &.right-card {
                left: 0px;
                transform: rotate(var(--rotate)) translateX(var(--x));
                transform: none;
            }
        }

        & .service-card,
        & .content-card {
            --height: 100%;
            max-width: 100%;
        }
    }

    .muscul_card {
        .service-card {
            flex-direction: column;
        }

        & .service-content {
            & .content_button {
                display: flex;
                justify-content: center;
                margin-top: 24px;
            }
        }
    }

    .topbar-wrapper {
        & .topbar {
            animation: moveText 30s linear infinite;
        }

        &>.topbar {
            display: flex !important;
        }
    }

    .human_main {
        .item1 {
            grid-column: span 12 / span 12;
        }
    }

    .section_main_wrap {
        & .scroll_svg_main {
            bottom: 15%;
        }
    }
}

@media screen and (max-width: 375px) {
    form.Schedul-form {
        --location-grid-value: 1;
    }

    .quality-wrapper {
        padding: 30px;

        & .service-card {
            max-width: 245px;
            max-height: 300px;
        }

        &.scroll_active {
            & .service-card {
                --rotate: 0deg;
                --y: 15px;
                --x: 20px;
            }
        }
    }

    .section_main_wrap {
        & .scroll_svg_main {
            bottom: 10%;
        }
    }

}