/** @format **/

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

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

@media screen and (max-width: 1399px) {
    html {
        font-size: 80%;
    }
}

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

@media screen and (max-width: 1199px) {
    html {
        font-size: 77%;
    }

    .banner .container {
        padding-bottom: 40px;
    }

    .banner .banner-row span.radius {
        bottom: -30.25rem;
        left: -12.5rem;
    }

    .logoslider {
        padding: 3rem 0;
    }

    .compassion,
    .testi,
    .cta {
        padding: 4rem 0;
    }

    .mainft {
        padding-top: 3rem;
    }

    .photos {
        padding: 3rem 0;
    }

    .logoslider .splide__slide__container img {
        height: 1.66381rem;
    }

    .logoslider .splide__track:before,
    .logoslider .splide__track:after {
        width: 15rem;
    }

    .logoslider h2 {
        margin-bottom: 2rem;
    }

    .photos .img img,
    .compassion .img img {
        max-width: 38.95831rem;
    }

    .photos .text h4,
    .compassion .text h2,
    .testi h2,
    .cta h2 {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 2rem;
    }

    /* .banner .banner-row h1 {
                font-size: 3.5rem;
                line-height: 4rem;
              } */

    .banner .banner-row h1 {
        font-size: 2.6rem;
        line-height: 3.2rem;
    }

    .banner .banner-row .text:before {
        width: 60rem;
        height: 60rem;
    }

    .banner .banner-row .text {
        max-width: 54rem;
        padding: 0 0 0 140px;
    }

    .mainft .ft-top .ft-top-row .ft-text.cn-first,
    .mainft .ft-bot .ft-top-row .ft-text.cn-first {
        max-width: 14rem;
    }

    .mainft .ft-top .ft-top-row {
        padding-bottom: 2rem;
    }

    .mainft .ft-mid {
        padding: 2rem 0;
    }

    .subheading span {
        font-size: 0.7rem !important;
        gap: 0.65rem !important;
    }

    .subheading span:before {
        width: 0.425rem !important;
        height: 0.425rem !important;
    }
}

@media screen and (max-width: 991px) {
    .stellarnav .menu-toggle {
        background-color: #b29b7c;
    }

    .stellarnav.right.mobile.current-menu-item>ul {
        display: block !important;
        background: #b29b7c85;

    }

    .stellarnav.right.mobile.current-menu-item>ul::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        backdrop-filter: blur(1.875rem);
    }

    .navigationouter .nav-row .navigation .stellarnav>ul li a {
        color: white;
        padding: 0.9375rem 1.25rem;
        background-image: none !important;
    }

    .navigationouter .nav-row .navigation .stellarnav>ul li.has-sub>a.dd-toggle {
        display: flex;
        color: white;
    }

    .stellarnav a.dd-toggle .icon-plus:before,
    .stellarnav a.dd-toggle .icon-plus:after,
    .stellarnav .icon-close:after,
    .stellarnav .icon-close:before {
        border-color: white !important;
    }

    .stellarnav.mobile ul ul li a {
        background-color: var(--Dark-green, #044a3a);
    }

    .banner .banner-row .text {
        max-width: 37rem;
    }

    .banner .banner-row h1 {
        font-size: 3.2rem;
        line-height: 3.6rem;
    }

    .banner .banner-row span.radius {
        bottom: -38.25rem;
        left: -19.5rem;
        opacity: 0.6;
    }

    .mainhd .navouter .nav-row {
        flex-direction: row-reverse;
    }

    .photos .img img,
    .compassion .img img {
        max-width: 28rem;
    }

    .photos .img span {
        right: -6.5rem;
    }

    .photos::before {
        width: calc(50vw + 3.625rem);
        height: 28.4375rem;
    }

    .photos .text h4,
    .compassion .text h2,
    .testi h2,
    .cta h2 {
        font-size: 2.1rem;
        line-height: 2.5rem;
        margin-bottom: 2rem;
    }

    .photos .container .row {
        margin-top: 1rem;
    }

    .banner {
        height: 41rem;
    }

    .photos .img span {
        gap: 0.7rem;
        font-size: 0.6rem;
    }

    .photos .img span::before {
        width: 0.325rem;
        height: 0.325rem;
    }

    /* !------! */
    .innercontent {
        padding: 3rem 0;
    }

    .innercontent ol {
        background: none;
        padding: 0;
    }

    .innercontent h2 {
        color: var(--Black, #121212);
        font-size: 1.6rem;
    }

    .banner .banner-row .text {
        background-color: rgba(178, 155, 124, 0.4705882353);
        padding: 15px;
        border-radius: 20px;
        margin: 20px;
    }

    .banner .banner-row .text:before {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 100%;
    }

    .photos::before {
        width: 100%;
        height: 25.8375rem;
    }

    .photos .img img,
    .compassion .img img {
        max-width: 100%;
    }

    .photos .img span {
        position: static;
        transform: rotate(0deg);
    }

    .logoslider {
        padding: 2rem 0;
    }

    .logoslider h2 {
        margin-bottom: 1.1rem;
    }

    .logoslider .splide__slide__container img {
        height: 1.06381rem;
    }

    .photos .text h4,
    .compassion .text h2,
    .testi h2,
    .cta h2 {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-bottom: 1.5rem;
    }

    .photos .img span {
        gap: 0.7rem;
        font-size: 0.6rem;
    }

    .photos::before {
        width: 100%;
        height: calc(30vh + 25px);
    }

    .photos .img {
        margin-bottom: 1rem;
    }

    .compassion .img .cm-logo {
        width: 4rem;
        height: 4rem;
        top: auto;
        transform: unset;
        right: auto;
        padding: 12px;
        left: 0.5rem;
        /* margin: 0 auto; */
        bottom: 0.5rem;
        z-index: 9;
    }

    .compassion,
    .testi,
    .cta {
        padding: 2.5rem 0;
    }

    .compassion .img {
        margin-bottom: 1rem;
    }

    .compassion .text .subheading {
        margin-bottom: 1rem;
    }

    .compassion .text p {
        margin-bottom: 1.25rem;
    }

    .testi .subheading span {
        align-items: center;
        justify-content: flex-start;
    }

    .photos .text h4,
    .compassion .text h2,
    .testi h2 {
        text-align: left;
    }

    .testi .row-container .row {
        margin-bottom: 1.25rem;
        gap: 1.25rem;
    }

    .mainft .ft-top .ft-top-row {
        flex-direction: column;
        gap: 0.7rem;
        text-align: center;
    }

    .mainft .ft-top .ft-top-row .ftlogo img {
        width: 4.85644rem;
    }

    .mainft .ft-top .ft-top-row .ftlogo {
        order: 1;
    }

    .mainft .ft-mid p {
        text-align: center;
    }

    .mainft .ft-bot .ft-top-row {
        flex-direction: column;
        gap: 0.7rem;
        text-align: center;
    }

    .mainft .ft-bot .ft-top-row .ft-text.cn-three {
        order: 2;
    }

    .mainft .ft-bot .ft-top-row .ft-text.cn-first {
        order: 3;
    }

    .mainft .ft-top .ft-top-row .ft-text.cn-first,
    .mainft .ft-bot .ft-top-row .ft-text.cn-first {
        max-width: unset;
    }

    .btn {
        padding: 0.675rem 1.1rem;
        border-radius: 3.125rem;
        font-size: 0.9rem;
    }

    .banner .banner-row span.radius {
        display: none;
    }

    .banner .banner-row h1 {
        font-size: 1.8rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }

    .logoslider .splide__track:before,
    .logoslider .splide__track:after {
        width: 6rem;
    }

    p {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .banner .banner-row span {
        font-size: 0.6rem;
        gap: 0.65rem;
    }

    .banner .banner-row span::before {
        width: 0.4rem;
        height: 0.4rem;
    }

    .banner {
        height: 32rem;
    }

    .banner .banner-row p {
        margin-bottom: 1.1rem;
    }

    .banner .container {
        padding-bottom: 1.875rem;
    }

    .banner .banner-row .text {
        background-color: #b29b7c78;
        padding: 15px;
        border-radius: 20px;
    }

    .mainhd .logo {
        max-width: 3.3564rem;
    }

    .mainhd .navouter .nav-row {
        gap: 1rem;
    }

    .stellarnav .menu-toggle span.bars span:last-child {
        margin: 0 0 0.2875rem;
    }

    .stellarnav .menu-toggle {
        padding: 0;
        width: 40px;
        height: 40px;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .stellarnav .menu-toggle span.bars span {
        width: 1.2375rem;
        height: 0.125rem;
        margin: 0 0 0.25rem;
    }

    .inner-banner h1 {
        font-size: 3rem;
        text-align: center;
        padding-top: 1.5rem;
    }

    .inner-banner.page-404 h1 {
        padding-top: 0;
    }

    .inner-banner {
        min-height: 276px;
    }
}

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

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

@media screen and (min-width: 1901px) {}