/**

     * @desc Responsive Css

     * @date 08 September 2025

     * @author Workhorse digital

     */





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

    .popup-modal-body {

        max-width: 1200px;

        margin: auto;

    }



}



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

    .desktop-hide {

        display: none !important;

    }



}

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

    .rotate-words .word {

        font-size: 50px;

    }

}

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

    .rotate-words .word {

        font-size:46px;

    }

}

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



    h1 {

        font-size: 58px;

    }



    .banner-heading-col .banner-heading{

        font-size: 58px;

    }



    h3, h2, .blog-banner-wrapper h1.heading {

        font-size: 42px;

        line-height: 48px;

    }



    h4{

        font-size: 28px;

        line-height: 40.6px;

    }

    .rotate-words .word {

        font-size:40px;

    }

    .sub-heading-h2 {

        font-size: 22px;

    }



    .case-studies-card .card-body h4.description {

        font-size: 28px;

    }



    .case-studies-card .card-body .increase {

        font-size: 38px;

    }



    .services .title h5 {

        font-size: 24px;

        line-height: 32px;

    }



    .services .content h4 {

        font-size: 34px;

        margin: 0 0 26px;

    }



    .submenu-row {

        gap: 16px;

    }



    .menu-content h5 {

        font-size: 15px;

    }



    .submenu-content-child h5 {

        font-size: 15px;

    }



    .submenu-col-6 ul li {

        width: 285px;

        gap: 6px;

    }



    .popup-modal {

        padding: 32px 40px;

    }



    .popup-modal-body {

        gap: 38px;

    }



    .case-studies-popup-row {

        flex-wrap: wrap;

    }



    .kpi svg.ring {

        width: 100%;

        height: 100%;

    }



    .col-sm-6.banner-image-col {

        -ms-flex: 0 0 40%;

        flex: 0 0 40%;

        max-width: 40%;

    }



    .col-sm-6.banner-content-col {

        -ms-flex: 0 0 60%;

        flex: 0 0 60%;

        max-width: 60%;

    }



    .case-studies-listing-row {

        flex-wrap: wrap;

        gap: 16px;

    }



    .case-studies-listing-card .img-col {

        height: 225px;

    }



    .banner-sec {

        align-items: center;

        min-height: 100%;

    }



    .banner-content-col .heading-col {

        padding-top: 40px;

    }



    .partner-list-with-review .row .col-sm-8 {

        flex: 0 0 58%;

        max-width: 58%;

    }



    .partner-list-with-review .row .col-sm-4 {

        flex: 0 0 42%;

        max-width: 42%;

    }



    .partners {

        gap: 32px;

    }



    .card-img-row {

        min-height: 100%;

    }



    .bubbles {

        right: 75px;

        top: 77px;

        width: 160px;

        height: auto;

        aspect-ratio: 37 / 23;

    }



    .kpi .value {

        font-size: 38px;

    }



    .award-winning-block h2 {

        font-size: 38px;

    }



    h5 {

        font-size: 22px;

    }



    .award-winning-container .partner-list-with-review ul {

        padding: 28px 0;

    }

    .book-btn.green-button {

        font-size: 12px;

        line-height: 18px;

        width: 260px;

    }



}



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

    .color-card-grid-block .ccg-slider {

        padding-right: 8%;

    }



    .case-studies-card .card-body h4.description {

        font-size: 36px;

    }

    .performance-stats h4 {

        font-size: 26px;

    }





}



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

    :root {

        --stickTop: 90px;

    }



    .logo {

        width: 230px;

    }



    ul.nav li.main-menu {

        padding: 65px 12px;

    }



    .header-nav {

        min-height: 64px;

        display: flex;

        align-items: center;

    }



    .submenu-image,

    .vertical-line {

        display: none !important;

    }



    .need-different-solution {

        flex-direction: column;

        gap: 12px;

        align-items: start;

    }



    .submenu-col-6 ul li {

        width: 100%;

    }



    .footer-row {

        flex-wrap: wrap;

    }



    .partner-list-with-review .row {

        gap: 32px;

    }



    .partner-list-with-review .row .col-sm-4,

    .partner-list-with-review .row .col-sm-8 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    img.profile-group-image {

        max-width: 358px;

    }



    .review-col span {

        width: 100%;

    }



    .review-col span img {

        max-width: 236px;

    }



    .services {

        flex-direction: column;

        height: 100%;

    }



    .card {

        height: 520px;

        min-height: 120px;

    }



    .card.active {

        flex: 1 1 auto;

    }



    .services .title .stem {

        margin: 0 auto 8px;

    }



    .services .title {

        top: -32px;

    }



    .services .content h4 {

        max-width: 100%;

    }



    .heading-content-with-cta .content-row {

        flex-direction: column;

        gap: 24px;

    }



    .partners {

        grid-template-columns: 1fr;

    }



    .partners__nav {

        display: flex;

        gap: 24px;

        overflow-y: auto;

        flex-wrap: nowrap;

        flex-direction: row;

        top: 28px;

        z-index: 2;

    }



    .partners__nav::-webkit-scrollbar {

        display: none;

    }



    .partners__nav li {

        width: fit-content;

        min-width: fit-content;

        padding-bottom: 10px;

    }



    .partners__nav li span.label br {

        display: none;

    }



    .partners__nav::before {

        display: none;

    }



    .partners-sticky-card-sec h2 {

        position: static;

    }





    .card__inner {

        grid-template-columns: 1fr;

        min-height: unset;

        gap: 24px;

    }



    .sticky-card .media img {

        position: relative;

        height: auto;

    }



    .card__copy {

        max-width: 100%;

        font-size: 24px;

        order: 2;

    }



    .sticky-card .media {

        order: 1;

    }



    .kpi-wrap {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-wrap: wrap;

    }

    .kpi .value {

        top: 30%;

        font-size: 38px;

    }



    .modal {

        width: 100%;

        height: 100%;

        max-width: calc(100% - 30px);

        max-height: calc(100% - 30px);

    }



    .col-sm-6.banner-content-col {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .col-sm-6.banner-image-col {

        display: none;

    }



    .banner-content-col .heading-col {

        padding-top: 0;

    }



    .svg-line-container {

        display: none;

    }



    .footer-logo {

        padding-top: 30px;

        border-top: 1px solid #fff;

        margin-top: 44px;

        max-width: 100%;

    }



    .footer-contact-info {

        order: 2;

        gap: 16px;

        max-width: 100%;

        width: 100%;

    }



    .footer-row {

        gap: 40px;

    }



    .footer-section {

        background: #020d2d;

        background-image: none !important;

    }



    .footer-section::before {

        display: none;

    }



    .footer-contact-info h2 {

        display: none;

    }



    .get-in-touch {

        padding: 32px 0;

        max-width: 100%;

    }



    .wf-form-container {

        padding: 0 20px;

        max-width: 100%;

    }



    .lookfor-pills .wpcf7-list-item-label {

        font-size: 14px;

        line-height: 130%;

        letter-spacing: -0.14px;

    }



    .mobile-footer-heading {

        color: #fff;

        margin-bottom: 40px;

        display: block;

    }



    .footer-logo img {

        max-width: 323px;

    }



}



@media (max-width: 891px) {

    .two-col-img-content-sec .col-sm-6 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }

    .banner-heading-container h1, .banner-heading-col .banner-heading{

        font-size: 36px;

        text-align: center;

        width: 100%;

    }

    .rotate-words .word {

        font-size:36px;

        text-align: center;

    }



    .rotate-words {

        overflow: visible;

    }



    .rotate-words .word {

        white-space: normal;

        overflow-wrap: break-word;

        max-width: 90%;

        margin: auto;

    }



    .two-col-img-content-sec .row {

        gap: 24px;

    }



    .two-col-img-content-sec .two-col-img {

        padding: 0 !important;

    }



    .two-col-img-content-sec .row.column-reverse .col-sm-6.two-img-col-sec {

        order: 1;

    }



    .col-sm-6.two-content-col-sec {

        order: 2;

    }



    .card-grid-container {

        padding: 56px 20px;

    }



    .color-card-grid-block .row .col-sm-3 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    .color-card-grid-block .row {

        row-gap: 20px;

    }



    .award-winning-container .col-sm-7,

    .award-winning-container .col-sm-5,

    .award-winning-container .col-sm-6 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .award-winning-container .row {

        row-gap: 69px;

    }



    .award-winning-container ul {

        gap: 24px;

        flex-wrap: wrap;

        justify-content: center;

    }



    .our-partners-container .our-partners-content {

        max-width: 386px;

    }



    .card-grid .col-sm-4 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }



    .our-services-tab-container {

        padding: 64px 32px;

    }



    .tab-link {

        min-width: fit-content;

    }



    ul.tabs {

        overflow: auto;

    }



    .tab-wrapper ::-webkit-scrollbar {

        display: none;

    }



    .banner-heading-col {

        position: relative;

        min-height: 308px;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        width: 100%;

        margin-bottom: 40px;

    }



    .banner-heading-col::before,

    .banner-heading-col::after {

        position: absolute;

        content: "";

        width: 182px;

        height: 182px;

        filter: blur(137px);

    }



    .banner-heading-col::before {

        background: var(--fresh-green);

        top: 0;

        right: 0;

    }



    .banner-heading-col::after {

        background: var(--royal-blue);

        bottom: 0;

        left: -28px;

    }



    .banner-heading-col img {

        z-index: 1;

        width: 100%;

        height: min-content;

    }



    .banner-heading-col h1, .banner-heading-col .banner-heading {

        position: relative;

        z-index: 2;

    }



    .banner-heading-container {

        position: absolute;

        inset: 0;

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        top: 16px;

    }



    .banner-sec .desktop-hide {

        display: block !important;

    }



    .banner-content {

        text-align: center;

    }



    .banner-content p {

        margin-left: auto;

        margin-right: auto;

    }



    .banner-heading-col {

        margin-left: auto;

        margin-right: auto;

        max-width: 80%;

    }



    .banner-content .blue-button {

        margin: auto;

        max-width: 232px;

        height: 40px;

    }



    .bootom-image {

        margin: auto;

    }



    .rotate-words .word {

        right: 0;

    }



    .case-studies-card {

        flex-direction: column;

    }



    .case-studies-card .card-img-col {

        width: 100%;

    }



    .card-img-row {

        border-bottom-left-radius: 0;

        border-top-right-radius: 22px;

    }



    .case-studies-card .card-body {

        width: 100%;

    }



    .case-studies-card .card-body .card-body-wrapper {

        gap: 32px;

    }

    .book-btn.green-button {

        width: 286px;

    }



}



@media (max-width: 767px) {

    :root {

        --stickTop: 40px;

    }



    ::-webkit-scrollbar {

        width: 4px;

    }



    h1 {

        font-size: 48px;

        line-height: 120%;

        text-align: center;

    }



    h4 {

        font-size: 22px;

        line-height: 28px;

    }



    h5 {

        font-size: 22px;

    }



    h3,

    h2, .blog-banner-wrapper h1.heading {

        font-size: 36px;

        line-height: 42px;

    }



    .space-y {

        padding: 56px 0 0;

    }



    .space-top-2X {

        padding-top: 70px;

    }



    .header-nav {

        padding: 6px 0;

    }



    .logo {

        width: 190px;

    }



    .mobile-hide {

        display: none !important;

    }



    .m-nav-toggle {

        display: flex;

        width: 50px;

        height: 50px;

        align-items: center;

        justify-content: center;

        gap: 5px;

        background: transparent;

        border: 0;

        padding: 0;

        margin-left: auto;

        cursor: pointer;

        z-index: 9;

        flex-direction: column;

        border-radius: 50%;

        border: 1.185px solid rgba(255, 255, 255, 0.22);

        background: rgba(255, 255, 255, 0.10);

        backdrop-filter: blur(12px);

    }

    .m-nav-toggle .m-bar {

        display: block;

        width: 26px;

        height: 2px;

        background: var(--cream);

        position: relative;

        transition: all 0.35s ease;

    }

    .m-nav-toggle .m-bar + .m-bar {

        margin-left: 0;

    }



    .m-nav-toggle .m-bar:nth-child(2) {

        width: 26px;

    }



    .m-nav {

        position: fixed;

        background: var(--cream);

        z-index: 1202;

        padding: 16px 18px;

        box-shadow: -6px 0 18px rgba(0, 0, 0, 0.08);

        top: 0;

        left: 0;

        width: 100%;

        height: 0%;

        opacity: 0;

        visibility: hidden;

        transition: opacity 0.35s, visibility 0.35s, height 0.35s;

        overflow: hidden;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    body.m-open .m-nav {

        opacity: 1;

        visibility: visible;

        height: 100%;

        overflow-y: auto;

    }

    body.m-open {

        overflow: hidden;

    }



    .m-nav-head-row {

        display: flex;

        flex-direction: column;

        gap: 34px;

    }



    .m-nav-head {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }



    .m-logo img {

        max-height: 50px;

        width: auto;

    }



    .m-nav-close {

        background: transparent;

        border: 0;

        font-size: 28px;

        line-height: 1;

        cursor: pointer;

        padding: 8px;

        margin: -12px -8px -8px 0;

        color: var(--midnight-blue);

        padding-top: 0;

        position: relative;

        z-index: 9;

    }



    .m-backdrop {

        position: fixed;

        inset: 0;

        background: rgba(0, 0, 0, 0.45);

        opacity: 0;

        pointer-events: none;

        transition: opacity 0.25s ease;

        z-index: 1200;

    }

    body.m-open .m-backdrop {

        opacity: 1;

        pointer-events: auto;

    }



    /* List */

    .m-nav-list,

    .wordpress-mobile-menu ul.menu {



        list-style: none;



        margin: 0;



        padding: 8px 0 28px;



        display: flex;



        flex-direction: column;



        gap: 8px;



    }







    .m-lv2-open ul.m-nav-list {



        display: none;



    }







    .m-link,

    .wordpress-mobile-menu ul.menu a {



        display: block;



        padding: 12px 2px;



        color: var(--midnight-blue);



        text-decoration: none;



        font-size: 20px;



        font-style: normal;



        font-weight: 500;



        line-height: normal;



        letter-spacing: -0.4px;



    }



    .wordpress-mobile-menu ul.menu li.menu-item-has-children{

        position: relative;

    }



    .wordpress-mobile-menu ul.menu li.menu-item-has-children::after {

        content: "";

        -webkit-mask: url('../images/arrow-down-icon-white.svg') no-repeat center;

        mask: url('../images/arrow-down-icon-white.svg') no-repeat center;

        width: 24px;

        height: 24px;

        background-color: var(--midnight-blue);;

        margin: auto;

        position: absolute;

        top: 10px;

        right: 0;

        z-index: -1;

        transform: rotate(0);

        transition: transform 0.25s linear;

    }



    .wordpress-mobile-menu ul.menu li.menu-item-has-children.open::after {

        transform: rotate(-180deg);

    }



    .wordpress-mobile-menu li.menu-item-has-children > ul{

        max-height: 0;

        opacity: 0;

        padding-left: 10px;

    }



    .wordpress-mobile-menu li.menu-item-has-children.open > ul{

        max-height: fit-content;

        opacity: 1;

    }



    .m-acc-header-row {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }



    .m-nav-item.has-sub .m-acc-header {

        width: 100%;

        display: flex;

        align-items: center;

        background: transparent;

        border: 0;

        padding: 12px 2px;

        cursor: pointer;

        font-weight: 500;

        color: var(--midnight-blue);

        text-align: left;

        font-size: 16px;

        position: relative;

    }



    img.m-acc-arrow-hover-icon {

        width: 19px;

        height: 14px;

        transform: translateX(-100px);

        position: absolute;

        top: 0;

        bottom: 0;

        left: 0;

        margin: auto;

        transition: all ease-in-out 0.4s;

    }





    li.m-nav-item.has-sub.open img.m-acc-arrow-hover-icon {

        transform: translateX(0);

    }



    .m-nav-item.has-sub .m-acc-header span.m-link {

        position: relative;

        transform: translateX(0);

        transition: all ease-in-out 0.4s;

    }



    li.m-nav-item.has-sub.open .m-acc-header span.m-link {

        transform: translateX(23px);

        color: var(--royal-blue);

    }



    .m-acc-caret {

        width: 10px;

        height: 10px;

        border-right: 2px solid #1c274c;

        border-bottom: 2px solid #1c274c;

        transform: rotate(45deg);

        transition: transform 0.2s ease;

    }



    li.m-nav-item.has-sub.open a.m-link {

        color: var(--royal-blue);

    }



    .m-nav-item.open .m-acc-caret {

        transform: rotate(-135deg);

        border-right: 2px solid var(--royal-blue);

        border-bottom: 2px solid var(--royal-blue);

    }



    .m-acc-panel {

        display: none;

        border-radius: 10px;

        background: #EFF1F7;

        padding: 6px 16px;

    }



    .m-subtitle {

        font-size: 16px;

        font-weight: 500;

        line-height: 16px;

        color: var(--midnight-blue);

    }

    .m-subdesc {

        margin: 0 0 6px;

        font-size: 12px;

        color: var(--midnight-blue);

        opacity: 0.7;

    }



    .m-sublink-list {

        list-style: none;

        margin: 0;

        padding: 0;

        display: grid;

        gap: 6px;

        padding-left: 12px;

    }

    .m-sublink {

        display: flex;

        align-items: center;

        gap: 10px;

        padding: 10px 0;

        text-decoration: none;

        color: #142136;

    }

    .m-subicon {

        width: 34px;

        height: 34px;

        border-radius: 8px;

        background: var(--royal-blue);

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }

    .m-subicon img {

        max-width: 18px;

        max-height: 18px;

        object-fit: contain;

    }



    .m-subtext strong {

        display: block;

        font-size: 14px;

        line-height: 1.2;

        font-weight: 500;

    }

    .m-subtext em {

        display: block;

        font-size: 12px;

        opacity: 0.75;

        font-style: normal;

    }



    .m-subgroup-icon img {

        max-width: 24px;

        max-height: 24px;

        object-fit: contain;

    }



    .m-subgroup-icon {

        width: 40px;

        height: 40px;

        border-radius: 8px;

        background: var(--royal-blue);

        display: inline-flex;

        align-items: center;

        justify-content: center;

    }



    .m-subgroup-col {

        display: flex;

        align-items: center;

        gap: 10px;

        padding: 10px 0;

        text-decoration: none;

        color: var(--midnight-blue);

    }



    .m-acc-panel .m-sublink-list {

        display: none;

    }



    .m-subgroup {

        position: relative;

        margin-bottom: 6px;

    }



    .m-subgroup:first-child {

        margin-top: 0;

    }



    .m-subgroup:last-child {

        margin-bottom: 0;

    }



    .m-subgroup::after {

        content: "";

        position: absolute;

        right: 0;

        top: 50%;

        width: 9px;

        height: 9px;

        border-right: 2px solid #1c274c;

        border-bottom: 2px solid #1c274c;

        transform: translateY(-50%) rotate(-45deg);

    }



    .m-acc-panel .m-subgroup::after {

        width: 7px;

        height: 7px;

    }



    .m-acc-panel .m-sublink-list {

        display: none;

    }



    .m-lv2 {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        width: 100%;

        max-width: none;

        background: var(--cream);

        transform: translateX(100%);

        /*        transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);*/

        transition: all ease-in-out 0.3s;

        z-index: 2;

        display: flex;

        flex-direction: column;

        overflow: hidden;

    }



    body.m-lv2-open #m-nav {

        overflow: hidden;

    }

    body.m-lv2-open .m-lv2 {

        transform: translateX(0);

    }



    .m-lv2-head {

        position: sticky;

        top: 0;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 14px;

        padding: 25px 0 15px;

        border-bottom: 1px solid #eef1f7;

        background: var(--cream);

        border-bottom: 1px solid rgba(2, 13, 45, 0.2);

        margin: 0 15px;

        z-index: 1;

    }

    .m-lv2-back {

        display: flex;

        align-items: center;

        gap: 14px;

        background: transparent;

        border: 0;

        font-weight: 600;

        cursor: pointer;

        color: var(--midnight-blue);

    }



    .m-lv2-title {

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        letter-spacing: -0.32px;

        color: var(--midnight-blue);

    }



    .m-lv2-close {

        background: transparent;

        border: 0;

        font-size: 26px;

        line-height: 1;

        cursor: pointer;

    }



    .m-lv2-body {

        padding: 32px 16px 20px;

        overflow: auto;

        -webkit-overflow-scrolling: touch;

        overscroll-behavior: contain;

    }



    li.m-sublink-item a {

        color: var(--midnight-blue);

        font-size: 16px;

        font-style: normal;

        font-weight: 600;

        line-height: 140%;

        letter-spacing: -0.16px;

    }



    li.m-sublink-item a:hover {

        color: var(--royal-blue);

    }



    .m-lv2-body .m-sublink-list {

        display: grid;

        gap: 6px;

        padding: 0;

        margin: 0;

    }

    .m-lv2-body .m-sublink {

        padding: 12px 0;

    }



    .book-btn.green-button {

        font-size: 18px;

        line-height: 22px;

        width: 220px;

        height: 48px;

    }



    .book-btn-row {

        border-top: 1px solid rgba(2, 13, 45, 0.2);

        padding-top: 24px;

        position: relative;

        z-index: 9;

    }



    /*    mobile menu end*/



    .marquee-logos__container img {

        /*        width: 9rem;

                height: 3rem;

                min-height: 3rem;

                min-width: 9rem;*/

        height: 28px;

    }



    .marquee-logos__container {

        gap: 18px;

    }



    img.profile-group-image {

        max-width: 207px;

    }



    .review-col span {

        width: 139px;

        text-align: left;

    }

    .partner-list-with-review ul {

        gap: 24px;

        flex-wrap: wrap;

        justify-content: center;

    }



    .seo-card-with-hover-animation .description {

        margin: 12px 0 32px;

        font-size: 20px;

        text-align: center;

    }



    .panel {

        padding: 56px 20px;

        border-radius: 0;

    }



    .t-card {

        padding: 24px 20px 32px;

    }



    .author {

        flex-direction: column;

        text-align: center;

        gap: 6px;

    }



    blockquote,

    blockquote p {

        font-size: 20px;

        line-height: 150%;

        letter-spacing: -0.4px;

        text-align: center;

    }



    blockquote {

        margin: 0 0 26px;

    }



    .bubbles {

        width: 70px;

        height: auto;

        right: 9px;

        top: 110px;

    }



    .testimonials-sec h2 {

        margin-bottom: 32px;

        text-align: center;

    }



    .controls, .testimonial-controls {

        justify-content: center;

        padding-top: 20px;

    }



    .t-foot {

        flex-direction: column;

        align-items: center;

        gap: 26px;

    }



    .card__inner {

        padding: 24px 16px;

        gap: 16px;

        text-align: center;

    }



    .sticky-card h4 {

        color: #fff;

        text-align: center;

        font-size: 24px;

        font-weight: 700;

        line-height: 130%;

        letter-spacing: -0.72px;

    }



    .card__copy {

        font-size: 20px;

    }



    .sticky-card .media {

        min-height: auto;

    }



    cf7-step.step-1,

    .cf7-step.step-1 p {

        flex-wrap: wrap;

    }



    select[name^="audit-reason"] {

        width: 100%;

        font-size: 15px;

        padding: 13px 39px 13px 14px;

    }



    .popup-modal-body {

        gap: 48px;

    }



    .popup-modal {

        padding: 40px 20px;

    }



    p.category-and-date {

        font-size: 16px;

    }



    .popup-modal-body img.card-img-top {

        border-radius: 12px;

        margin-top: -16px;

    }



    .case-studies-popup-row {

        gap: 12px;

    }



    .case-studies-popup-row .heading-col h4 {

        font-size: 24px;

        font-style: normal;

        font-weight: 700;

        line-height: 120%;

        letter-spacing: -0.384px;

    }



    .case-studies-col-7 p {

        font-size: 20px;

        line-height: 140%;

    }



    .case-studies-popup-row img {

        border-radius: 12px;

    }



    .modal {

        border-radius: 12px;

    }

    .kpi {

        width: 45%;

        height: auto;

    }



    .kpi .value {

        font-size: 24px;

        letter-spacing: -0.96px;

        top: -44px;

        bottom: 0;

        margin: auto;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .kpi p.label {

        font-size: 18px;

    }



    .kpi-wrap {

        gap: 20px;

    }



    .close-btn {

        width: 26px;

        height: 26px;

    }



    .close-btn:before,

    .close-btn:after {

        width: 20px;

    }



    .back-button {

        font-size: 18px;

    }



    .back-button svg {

        width: 26px;

        height: 26px;

    }



    .case-studies-summary-row {

        margin-top: -12px;

    }



    .py-100 {

        padding: 56px 0;

    }



    .my-100 {

        margin: 56px 0;

    }



    .heading-content-with-cta .content-row {

        justify-content: center;

        text-align: center;

    }



    .heading-content-with-cta h2 {

        min-width: 100%;

    }



    .heading-content-with-cta .blue-button {

        margin: auto;

    }



    .review-col {

        flex-wrap: wrap;

        flex-direction: column;

    }



    .review-col span {

    }



    .partner-list-with-review ul li:nth-child(1) img {

        width: 102px;

    }



    .partner-list-with-review ul li:nth-child(2) img {

        width: 89px;

    }



    .partner-list-with-review ul li:nth-child(3) img {

        width: 79px;

    }



    .partner-list-with-review ul li:nth-child(4) img {

        width: 91px;

    }



    .partner-list-with-review ul li img {

        height: auto;

    }



    .partner-list-with-review ul li:nth-child(5) img {

        width: 106px;

    }



    .partners-sticky-card-sec h2 {

        text-align: center;

        margin-bottom: 32px;

    }



    html.lenis, html.lenis body {

        overflow-x: hidden !important;

    }



    .sticky-cards {

        display: flex;

        overflow-y: auto;

        width: 100vw;

        padding-right: 30px;

        gap: 16px;

    }



    .sticky-cards::-webkit-scrollbar {

        display: none;

    }



    .sticky-card {

        border-radius: 12px;

        min-width: 305px;

    }



    .partners-sticky-card-sec {

        padding-bottom: 0;

    }



    .case-studies-sec {

        text-align: center;

        margin-bottom: 0;

    }



    .case-studies-slider {

        padding-top: 29px;

    }



    .card {

        min-height: 81px;

    }



    .services .title .stem {

        display: none;

    }



    .services .title {

        top: 22px;

    }



    .testimonials-sec .container {

        padding: 0;

    }



    .cyfa-form-container {

        padding: 40px 10px;

        text-align: center;

        min-height: auto;

    }



    .cf7-step.step-2 .fields label{

        text-align: left;

        font-size: 16px;

    }



    .cyfa-form-mcontainer h3 {

        text-align: center;

    }



    .claim-your-free-audit-form {

        padding: 16px 8px;

    }



    .wpcf7-form-control-wrap {

        width: 100%;

    }



    .cyfa-form-container .wpcf7-submit.green-button,

    button.btn.green-button.btn-next.cf7-step-next {

        min-width: 100%;

        max-width: 100%;

    }



    .cf7-step.step-2 .fields {

        flex-wrap: wrap;

        gap: 16px;

    }



    .mobile-footer-heading {

        text-align: center;

    }



    .green-button,

    .blue-button {

        font-size: 16px;

        padding: 0 20px;

    }



    .faqs-sec .heading-h3 {

        text-align: center;

        margin-bottom: 32px;

    }



    .acc-item {

        padding: 20px;

        background: #fff;

    }



    .acc-trigger {

        font-size: 18px;

        line-height: 140%;

        letter-spacing: -0.36px;

    }



    .acc-icon {

        width: 32px;

        height: 32px;

    }



    .acc-inner {

        padding: 12px 0 0;

        font-size: 16px;

        line-height: 150%;

    }



    .bootom-image {

        padding-top: 70px;

        max-width: 100%;

    }



    .banner-image {

        display: none;

    }



    .banner-sec {

        padding: 167px 0 56px;

        text-align: center;

        min-height: auto;

    }



    .banner-content .blue-button {

        margin: auto;

    }



    .pill {

        align-self: center;

    }



    .card .blue-button,

    .card .green-button {

        margin-left: auto;

        margin-right: auto;

    }



    .services .content h4 {

        margin: 0 0 24px;

        font-size: 28px;

        font-style: normal;

        font-weight: 600;

        line-height: 120%;

        text-align: center;

    }



    .single-case-studies .header-nav,

    .error404 .header-nav{

        margin-bottom: 56px;

    }



    .page-id-426 .header-nav{

        margin-bottom: 0;

    }



    .blog-banner-wrapper {

        padding-bottom: 0;

    }

    .case-studies-listing-row h2 {

        min-width: auto;

    }



    .description-block h4, .case-studies-card .card-body h4.description {

        text-align: center;

        font-size: 24px;

        line-height: 130%;

        letter-spacing: -0.32px;

        margin: 0

    }



    .case-studies-card .card-body .card-body-wrapper {

        padding: 20px;

    }



    .two-col-content p {

        margin-bottom: 24px;

    }



    .two-col-img-content-sec .container {

        gap: 48px;

        text-align: center;

    }



    .col-sm-6.two-content-col-sec a.blue-button {

        margin: auto;
        margin-top: 20px;

    }



    .page-404 .space-y {

        padding-bottom: 56px;

    }



    .card-grid-container {

        gap: 32px;

        border-radius: 0;

    }



    .card-grid-block.space-y {

    }



    .card-grid-block .container {

        padding: 0;

    }



    .card-grid-container .row {

        row-gap: 18px;

    }



    .card-grid-container .card-col {

        text-align: center;

    }



    .card-grid-container .card-col h5 {

        font-size: 20px;

    }



    .card-grid-container .card-col ul {

        justify-content: center;

    }



    .color-card-grid-block .row .col-sm-3 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .color-card-grid-block .card-col {

        align-items: center;

        min-height: 276px;

        text-align: center;

    }



    .color-card-grid-block .card-col h2 {

        font-size: 40px;

    }



    .color-card-grid-block .card-col h5 {

        font-size: 24px;

    }



    .award-winning-container {

        padding: 32px 24px;

        border-radius: 12px;

    }



    .award-winning-block h2 {

        font-size: 32px;

        line-height: 130%;

        text-align: center;

    }



    .award-winning-container .review-col span {

        width: 100%;

        text-align: center;

    }



    .award-winning-container .review-col {

        gap: 14px;

    }



    .award-winning-container .review-col span img {

        max-width: 170px;

    }



    .award-winning-container .review-col span p {

        font-size: 12px;

        padding-top: 9px;

        width: 100%;

    }



    .award-winning-container ul {

        padding: 12px 0;

    }



    .our-partners-container {

        flex-wrap: wrap;

        padding: 32px 24px;

        gap: 40px;

        border-radius: 12px;

    }



    .our-partners-container .our-partners-content {

        max-width: 100%;

        text-align: center;

    }



    .our-partners-container .our-partners-content h2 {

        font-size: 32px;

        margin-bottom: 8px;

    }



    .our-partners-container .our-partners-content h5 {

        font-size: 20px;

        margin-bottom: 16px;

    }



    .our-partners-img {

        width: 100%;

    }



    .claim-your-free-audit-popup .popup-close-btn {

        width: 30px;

        height: 30px;

        right: 9px;

        top: 9px;

    }



    .claim-your-free-audit-popup .foam-content {

        width: 100%;

    }



    .claim-your-free-audit-popup .foam-content h4 {

        font-size: 18px;

    }



    .claim-your-free-audit-popup .foam-content p {

        font-size: 16px;

    }



    .claim-your-free-audit-popup.modal {

        max-width: calc(100% - 30px);

        max-height: calc(100% - 30px);

    }



    .claim-your-free-audit-popup .popup-modal {

        padding: 30px 20px;

    }



    .our-services-tab .container {

        padding: 0;

    }



    .our-services-tab-container {

        padding: 64px 20px;

        border-radius: 0;

    }



    .card-grid .col-sm-4,

    .card-grid .col-sm-4:nth-of-type(4),

    .card-grid .col-sm-4:nth-of-type(5),

    .card-grid .col-sm-4:nth-of-type(9),

    .card-grid .col-sm-4:nth-of-type(10),

    .card-grid .col-sm-4:nth-of-type(14),

    .card-grid .col-sm-4:nth-of-type(15) {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .tab-card h5 {

        font-size: 24px;

    }



    .contact-block .col-sm-6 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .contact-block {

        margin-top: 0;

    }



    .contact-content-col h5 {

        font-size: 20px;

        text-align: center;

        line-height: 140%;

        letter-spacing: -0.4px;

        margin-bottom: 32px;

    }



    .contact-content-col.get-in-touch {

        margin-bottom: 56px;

    }



    .award-winning-light-block h5 {

        font-size: 20px;

        text-align: center;

    }



    .content-area-404 {

        height: 100%;

    }



    .not-found-content h1 {

        font-size: 54px;

    }



    .not-found-content h2 {

        font-size: 32px;

    }



    .not-found-content p, .not-found-content a {

        font-size: 16px;

        text-align: center;

    }



    .case-studies-card .category {

        padding: 6px 8px;

        font-size: 14px;

        border-radius: 4px;

    }



    .case-studies-footer ul li{

        font-size: 14px;

        letter-spacing: -0.28px;

        padding: 3px 9px;

    }



    .case-studies-footer {

        gap: 4px;

        padding-top: 8px;

    }



    .banner-heading-col {

        max-width: 100%;

    }



    .banner-content p {

        font-size: 16px;

        margin-bottom: 32px;

    }



    .banner-content .blue-button {

        font-size: 16px;

    }



    .heading-content-with-cta  h4 {

        font-size: 24px;

    }



    .review-col span p {

        width: max-content;

    }



    .pills {

        gap: 8px;

    }



    .case-studies-listing-row {

        text-align: center;

    }



    .case-studies-listing-slider.row {

        padding-top: 32px;

    }



    .case-studies-listing-row,

    .color-card-grid-block{

        text-align: center;

    }



    .color-card-grid-block .row {

        padding-top: 32px;

    }



    .award-winning-container .partner-list-with-review ul {

        padding: 12px 0;

    }



    .wf-form-row {

        display: block;

    }



    .wf-form .legend {

        margin-bottom: 2px;

    }



    .lookfor-pills {

        padding: 6px 2px 0;

    }



    .wf-form .actions {

        margin-top: 24px;

    }



    .case-studies-listing-card .img-col h3.increase {

        padding: 16px;

    }



    .banner-heading-col img {

        width: 93%;

    }



    .heading-content-with-cta .blue-button {

        display: none;

    }



    .partner-list-with-review ul {

        display: none;

    }



    .partner-list-with-review .row {

        gap: 0;

    }



    .heading-content-with-cta .content-cta-col h4 {

        margin-bottom: 0;

    }



    .arrow:hover {

        transform: translateY(-1px);

        border-color: var(--midnight-blue);

    }



    .arrow:hover svg path {

        fill: var(--midnight-blue);

    }



    .testimonial-controls .arrow:hover {

        transform: translateY(-1px);

        border-color: var(--cream);

    }



    .testimonial-controls .arrow:hover svg path {

        fill: var(--cream);

    }



    .header-nav {

        position: relative !important;

    }



    .header-nav.header-fixed .logo img.logo-img {

        opacity: 1;

    }



    .header-nav.header-fixed .logo img.sticky-logo-img {

        opacity: 0;

    }



    .quote-form-row {

        flex-direction: column;

    }



    .quote-form-row button.btn.blue-button.quote-cf7-step-next,

    .quote-step.quote-step-2 input.wpcf7-submit.blue-button{

        min-width: 100%;

        max-width: 100%;

        height: 48px;

    }



    .quote-form-row .cf7-actions,

    .quote-step.quote-step-2 .cf7-actions{

        width: 100%;

    }



    .quote-step.quote-step-2 {

        flex-direction: column;

    }



    .wpcf7-not-valid-tip {

        text-align: left;

    }



    .performance-stats h4 {

        font-size: 24px;

        font-weight: 500;

        line-height: 120%;

        text-align: left;

    }



    .performance-stats {

        width: calc(50% - 10px);

        min-width: calc(50% - 10px);

    }



    .performance-stats p {

        text-align: left;

    }



    .seo-card-with-hover-animation h2 {

        text-align: center;

    }



    .claim-your-free-audit-sec .cf7-step.step-1{

        flex-wrap: wrap;

    }



    .banner-form .cf7-step.step-2 .fields span.field {

        width: 100%;

    }



    .banner-form .cf7-step.step-1,  .banner-form .cf7-step.step-1 p {

        flex-direction: column;

    }



    .description-block h2{

        margin-bottom: 40px

    }



    .heading-content-col h2 {

        margin-bottom: 10px;

        font-size: 36px;

    }

}

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

    .banner-heading-container h1, .banner-heading-col .banner-heading{

        font-size: 30px;

        line-height: 120%;

    }

    .rotate-words .word {

        font-size:30px;

    }

}

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

    .contact-content-col ul li a {

        font-size: 18px;

    }

    .services .title h5 {

        font-size: 20px;

    }



    .banner-heading-col img {

        width: 100%;

    }



    select[name^="audit-reason"]{

        font-size: 14px;

    }

}



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

    select[name^="audit-reason"] {

        font-size: 12px;

    }

}



@media screen and (max-height: 691px) {

    .claim-your-free-audit-popup .popup-modal {

        height: 100%;

    }

}



@media screen and (max-width: 712px) and (orientation: landscape) {

    .book-btn-row {

        z-index: 1;

    }

}