@media (min-width: 1701px) {
    .embla-thumbs__slide--selected .wwd-nav-item {
        transform: scale(1.17);
    }
}
@media (max-width: 1700px) {
    .what-we-do-tabs .tab-nav .tab-nav-item.active {
        transform: scale(1);
    }
}

@media (max-width: 1440px) {
    .news-item .news-item-title {
        font-size: var(--font-h4);
    }
    .landscape-section {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .landscape-section .h2 {
        font-size: var(--font-h3);
        padding-bottom: 0;
    }
    .blog-item {
        --px-padding: 24px;
    }
    .blog-item .blog-item-title {
        font-size: var(--font-h6);
    }
    .what-we-do-tabs .tab-nav {
        gap: 12px;
    }
    .engage-row {
        gap: 32px;
    }
    .engage-tabs .tab-nav-item {
        font-size: 16px;
        font-weight: 500;
    }
    .faq-items-wrap {
        gap: 32px;
    }
    .faq-items-wrap > * {
        gap: 24px;
    }
    .footer-row .footer-col-right {
        padding-left: 24px;
    }
    .footer-row .footer-col-left {
        padding-right: 24px;
    }
    .copy-right-wrap ul li {
        font-size: var(--text-base);
    }
}

@media (max-width: 1300px) {
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .blog-slider {
        --slide-size: 50%;
    }
    .what-we-do-tab-content .what-we-do-tab-text {
        font-size: var(--text-xl);
    }
    .engage-tabs .tab-nav {
        gap: 12px;
    }
    .engage-col-box {
        padding: 32px 24px;
    }
    .engage-col-box .engage-col-box-img.is-video img {
        border-radius: 16px;
    }
    .copy-right-wrap ul li {
        padding: 0 16px;
    }
}

@media (max-width: 1200px) {
    .header-wrap .menu ul li a {
        font-size: 16px;
    }
    .servies-nav-wrap {
        display: none;
    }
    .case-study-section .case-study-shape {
        display: none;
    }
}

@media (min-width: 1101px) {
    .what-we-do-slider {
        overflow: visible;
    }
    .what-we-do-slider .embla__container {
        overflow: hidden;
    }
    .wwd-slider-thumb .embla-thumbs__viewport {
        overflow: visible;
    }
    .wwd-slider-thumb .embla-thumbs__slide {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 1100px) {
    .menu-toggle {
        display: inline-grid;
    }
    .header-wrap {
        height: 66px;
    }
    .header-wrap .header {
        padding: 12px 0;
    }
    .header-wrap .header-right {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        flex-direction: column;
        padding: 24px 16px;
        background: var(--color-black);
        border-radius: 16px;
        max-height: calc(100dvh - 137px);
        overflow: auto;
        margin-top: 16px;
        transition: var(--transition);
        transform: translate(0, -30px);
        opacity: 0;
        visibility: hidden;
        border: 1px solid var(--color-primary);
    }
    .header-wrap .menu ul {
        flex-direction: column;
        text-align: center;
    }
    .header-wrap .header .logo {
        max-width: 136px;
    }
    body.is-menu-active {
        overflow: hidden;
    }
    .header-wrap.is-sticky .header {
        padding: 12px 10px 12px 16px;
    }
    .header-wrap.is-menu-show .header-right {
        opacity: 1;
        visibility: visible;
        transform: translate(0, 0);
    }
    .about-row .about-col-right {
        padding-right: 0;
    }

    .insights-row .insights-col-left {
        width: 100%;
        padding-right: 0;
    }
    .insights-row .insights-col-right {
        display: none;
    }
    .blog-slider {
        --slide-size: 33.33%;
    }
    .event-list-wrap {
        position: relative;
        padding-top: 48px;
        width: 100%;
    }
    .event-list {
        flex-direction: row;
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 24px;
        margin: 0 -12px;
    }
    .event-list .event-list-item {
        width: 33.33%;
        padding: 0 12px;
    }
    .what-we-do-tabs .tab-nav {
        overflow: auto;
        margin: 0 -16px;
        padding: 16px;
        gap: 20px;
    }
    .what-we-do-tabs .tab-nav .tab-nav-item {
        flex-shrink: 0;
        width: 240px;
        height: 320px;
        flex: 0 0 280px;
    }
    .what-we-do-tabs .tab-content {
        padding-top: 48px;
    }
    /* .wwd-slider-thumb {
        --slide-spacing: 20px;
        --slide-size: 25%;
    } */
    .engage-tabs .tab-nav {
        display: none;
    }
    .engage-tabs .tab-content {
        padding-top: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .engage-tabs .tab-nav-item.is-mobile {
        display: block;
    }
    .engage-tabs {
        display: none;
    }
    .faq-items-wrap.engage-mobile-section {
        display: flex;
    }
    .engage-mobile-section .engage-row {
        padding: 0 16px 24px;
    }
    .wwd-nav-item {
        height: 200px;
    }
    .wwd-nav-item .tab-nav-item-content img {
        max-width: 64px;
    }
}

@media (max-width: 1024px) {
    :root {
        --section-top-padding: 60px;
        --section-bottom-padding: 60px;
        --font-h1: 52px;
        --font-h2: 40px;
        --font-h3: 32px;
        --font-h4: 28px;
        --font-h5: 22px;
        --font-h6: 20px;
        --text-xl: 20px;
    }
    .banner-content {
        padding: 160px 0;
    }
    .banner-section .slider-actions {
        right: 16px;
        bottom: 8px;
        justify-content: flex-end;
        gap: 8px;
    }
    .banner-section .slider-actions .slider-arrow,
    .banner-section .slider-actions .slider-play-pause-action > button {
        width: 30px;
        height: 30px;
    }
    .banner-section .slider-actions .slider-arrow svg,
    .banner-section .slider-actions .slider-play-pause-action > button svg {
        width: 16px;
        height: 16px;
    }
    .event-item {
        padding: 20px 20px 48px;
    }
    .what-we-do-item .what-we-do-item-icon {
        width: 70px;
        height: 70px;
    }
    .what-we-do-item .what-we-do-item-icon img {
        max-width: 48px;
    }
    .what-we-do-item .what-we-do-item-icon:before {
        height: 48px;
        margin-top: -24px;
    }
    .cta-section .title-wrap .cta .btn {
        font-size: 20px;
        padding: 16px 40px;
    }
    .faq-section .title-wrap {
        padding-bottom: 24px;
    }
    .faq-items-wrap {
        flex-direction: column;
        gap: 24px;
    }
    .faq-item .faq-question .faq-item-title {
        font-size: var(--font-h6);
    }
    .faq-answer .faq-answer-content {
        font-size: var(--text-base);
    }
    .footer-row {
        flex-wrap: wrap;
    }
    .footer-row .footer-col-left {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid var(--color-white);
    }
    .footer-row .footer-col-right {
        width: 100%;
        padding-left: 0;
        padding: 24px 0;
    }
    .follow-us-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .follow-us-wrap .follow-us-title {
        position: relative;
        transform: translate(0, 0);
        top: 0;
    }
    .footer-wrap ul {
        flex-wrap: wrap;
        row-gap: 16px;
    }
    .footer-wrap ul li.copyright-text {
        order: 4;
        border-right: 0;
        width: 100%;
        text-align: center;
    }
    .social-list ul {
        gap: 16px;
    }
    .social-list ul li a svg {
        width: 32px;
        height: 32px;
    }
    .scroll-shape {
        width: 80vw;
        height: 80vw;
    }
    /* .scroll-shape {
        top: 15vw;
    } */
    .scroll-shape .text-content {
        font-size: 8vw;
    }
    .event-slider {
        --slide-spacing: 20px;
        --slide-size: 33.33%;
    }
    .what-we-do-list .what-we-do-list-item {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .about-toggle-content {
        display: block !important;
    }
    .team-list > ul > li:nth-child(-n + 3) {
        width: 33.33%;
    }
}

@media (max-width: 991px) {
    .about-row {
        flex-direction: column;
        gap: 16px;
    }
    .about-video-box {
        padding-bottom: 24px;
    }
    .about-info {
        gap: 0;
    }
    .about-statistics .is-hide-in-mobile {
        display: none;
    }
    .about-statistics.is-show-in-mobile {
        display: block;
        padding-bottom: 12px;
    }
    .about-info-hide-mobile {
        display: none;
    }
    .about-toggle-content .about-info-text,
    .about-toggle-content .about-info {
        display: block;
    }
    .about-toggle-content .about-info {
        padding-top: 16px;
    }
    .about-toggle-content .about-quote {
        padding-top: 16px;
    }
    .about-info-text:has(.is-hide-in-mobile) p:first-child {
        padding-bottom: 0;
    }
    .about-info-text .is-hide-in-mobile {
        display: none;
    }
    .about-toggle-content {
        display: none;
    }
    .about-toggle-btn {
        display: flex;
    }
    .testimonial-item {
        padding: 20px;
    }
    .testimonial-item .testimonial-item-img {
        width: 260px;
    }
    .testimonial-item .testimonial-item-img .video-play-icon {
        width: 80px;
        height: 80px;
    }
    .testimonial-item .testimonial-item-content {
        font-size: 16px;
    }
    .partners-list ul {
        gap: 20px;
    }
    .team-list > ul > li {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    :root {
        --section-top-padding: 48px;
        --section-bottom-padding: 48px;
        --font-h1: 26px;
        --font-h2: 26px;
        --font-h3: 24px;
        --font-h4: 22px;
        --font-h5: 20px;
        --font-h6: 18px;
        --text-xl: 18px;
        --text-lg: 18px;
        --text-base: 16px;
    }
    .title-wrap {
        padding-bottom: 24px;
    }
    .title-wrap p {
        font-size: 16px;
    }
    .btn {
        font-size: 16px;
    }
    /* .video-bg {
        padding-bottom: 40%;
    } */
    .banner-content {
        padding: 40px 0;
    }
    .banner-slider .embla__slide .container {
        z-index: 3;
    }
    .banner-slider .embla__slide .cover-img:before {
        content: '';
        inset: 0;
        background: var(--color-black);
        opacity: 0.65;
        position: absolute;
        z-index: 1;
    }
    .banner-slider .embla__slide .cover-img {
        /* height: auto;
        position: relative; */
    }
    .banner-slider .embla__slide .cover-img.is-desktop-video {
        display: none;
    }
    .banner-slider .embla__slide .cover-img.is-mobile-video {
        display: block;
    }
    .video-play-icon {
        width: 64px;
        height: 64px;
    }
    .video-play-icon svg {
        width: 32px;
        height: 32px;
    }
    .statistics-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .statistics-item .statistics-item-icon {
        width: 30px;
    }
    .statistics-item .statistics-item-title,
    .statistics-item .statistics-item-text {
        font-size: var(--text-sm);
    }
    .blog-slider {
        --slide-size: 90%;
    }
    .event-list-wrap {
        width: auto;
        margin: 0 -16px;
    }
    .event-list {
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0;
        column-gap: 12px;
        padding: 0 16px 16px;
    }
    .event-list .event-list-item {
        width: 90%;
        flex-shrink: 0;
        padding: 0;
    }
    .event-list-wrap .cta {
        padding: 16px 16px 0;
    }
    .insight-news-wrap {
        --section-top-padding: 48px;
        --section-bottom-padding: 48px;
    }
    .insight-slider-wrap {
        margin: 0 -16px;
    }
    .insight-slider-wrap .blog-slider {
        padding: 0 16px;
    }
    .news-slider {
        --slide-spacing: 24px;
        --slide-size: 100%;
    }
    .landscape-section {
        padding: 60px 0;
    }
    .what-we-do-tab-content .what-we-do-tab-text {
        font-size: var(--text-base);
        padding-top: 0;
    }
    .what-we-do-list .what-we-do-list-item {
        width: 100%;
        padding: 20px 24px 20px 24px;
    }
    .what-we-do-item .what-we-do-item-icon:before {
        left: -20px;
        width: 3px;
    }
    .what-we-do-item .what-we-do-item-icon {
        width: 50px;
        height: 50px;
        border-width: 1px;
    }
    .what-we-do-item .what-we-do-item-icon img {
        max-width: 28px;
    }
    .what-we-do-item {
        gap: 16px;
    }
    .what-we-do-tabs .tab-nav .tab-nav-item .tab-nav-item-content {
        font-size: var(--text-lg);
    }
    .engage-row {
        flex-direction: column;
        gap: 0;
        background: var(--color-gray-100);
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .engage-col-box {
        border: 0;
        border-radius: 0;
        padding: 20px 16px;
    }
    .engage-col-img {
        display: none;
    }
    .engage-tabs .tab-content {
        gap: 0;
    }
    .engage-tabs .tab-nav-item.is-mobile.active {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .engage-tabs .tab-nav-item.is-mobile {
        display: block;
        margin-top: 16px;
        font-size: var(--text-lg);
    }
    .faq-items-wrap,
    .faq-items-wrap > * {
        gap: 16px;
    }
    .footer-wrap {
        padding-top: 48px;
    }
    .f-logo {
        padding-bottom: 24px;
    }
    .quick-links-row {
        flex-direction: column;
        gap: 24px;
    }
    .footer-wrap ul.quick-link-list {
        gap: 8px;
    }
    .subscribe-wrap .subscribe-text {
        font-size: var(--text-base);
    }
    .quick-link-list li a {
        font-size: var(--text-base);
    }
    .follow-us-wrap .follow-us-title {
        font-size: 16px;
    }
    .follow-us-wrap {
        padding: 20px 0;
    }
    .social-list ul {
        gap: 10px;
    }
    .social-list ul li a svg {
        width: 24px;
        height: 24px;
    }
    .subscribe-form form .subscribe-input {
        height: 40px;
        font-size: var(--text-base);
    }
    .footer-contact-info {
        padding-bottom: 24px;
    }
    .footer-contact-info .location-name {
        font-size: var(--text-lg);
        padding-bottom: 16px;
    }
    .footer-contact-info .location-address {
        padding-bottom: 16px;
    }
    .footer-contact-info .location-address,
    .footer-contact-info .location-contact {
        font-size: var(--text-base);
    }
    .footer-wrap ul li.copyright-text {
        font-size: var(--text-sm);
    }

    .testimonial-item .testimonial-item-row {
        flex-direction: column;
        gap: 24px;
    }
    .testimonial-item .testimonial-item-img {
        width: 100%;
    }

    .case-study-item {
        flex-direction: column;
    }
    .case-study-item .case-study-item-info {
        padding-bottom: 0;
        width: 100%;
    }
    .case-study-slider-thumb {
        border: 0;
        --slide-spacing: 12px;
    }
    .case-study-thumb-item {
        height: 4px;
        border: 0;
        background: var(--color-primary);
    }
    .case-study-thumb-item img {
        display: none;
    }
    .case-study-slider-thumb {
        max-width: 240px;
        margin: 30px auto 0;
    }
    .case-study-thumb-item:before {
        top: 0;
        height: 4px;
    }
    .case-study-item .case-study-item-image-box {
        border-radius: 12px;
    }
    .case-study-item .case-study-item-image .case-study-item-image-box img {
        aspect-ratio: 1 / 0.8;
        position: relative;
    }
    .case-study-item .case-study-item-image .case-study-logo {
        display: block;
    }
    .case-study-section .title-wrap .cta .btn {
        font-size: 18px;
    }
    /* .case-study-slider .embla__container {
        align-items: flex-start;
    } */
    .wwd-slider-thumb {
        --slide-spacing: 12px;
        --slide-size: 90%;
    }
    .embla-thumbs__slide--selected .wwd-nav-item {
        border-color: var(--color-white);
    }
    .is-snapped .wwd-nav-item {
        border-color: var(--color-primary);
    }
    .what-we-do-slider-viewport {
        padding-top: 32px;
    }
    .event-slider {
        --slide-spacing: 20px;
        --slide-size: 90%;
    }
    .about-intro-section {
        padding: 64px 0;
    }
    .event-slider-wrap {
        margin: 0 -16px;
    }
    .event-slider-wrap .event-slider {
        padding: 0 16px;
    }
    .team-list > ul > li {
        width: 50%;
    }
    .engage-mobile-section .engage-row {
        padding: 4px;
    }
    .engage-mobile-section .engage-row .engage-col-right .engage-col-box {
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .inner-banner-section .banner-content {
        padding: 74px 0;
    }
    .inner-banner-section .cover-img {
        opacity: 0.35;
    }
}

@media (max-width: 540px) {
    .team-list > ul > li {
        width: 100%;
    }
    .team-item {
        text-align: center;
    }
    .team-item .team-item-img {
        max-width: 260px;
        margin: 0 auto;
    }
}