@media (max-width: 1200px) {

    .main-nav {
        gap: 16px;
    }

    .nav-list > li > a {
        padding: 0 9px;
        font-size: 13px;
    }

    .footer-grid {
        grid-template-columns:
            repeat(3, 1fr);

        gap: 40px;
    }
}


@media (max-width: 992px) {

    .navbar-wrap {
        min-height: 74px;
    }

    .mobile-menu-toggle {
        display: block;
        position: relative;
        z-index: 1002;
    }

    .main-nav {
        position: fixed;

        top: 74px;
        left: 0;
        right: 0;

        display: flex;

        flex-direction: column;
        align-items: stretch;

        gap: 20px;

        height:
            calc(100vh - 74px);

        padding:
            24px;

        background:
            rgba(8, 17, 29, 0.98);

        border-top:
            1px solid var(--line);

        overflow-y: auto;

        opacity: 0;
        visibility: hidden;

        transform:
            translateY(-10px);

        transition:
            opacity var(--transition),
            visibility var(--transition),
            transform var(--transition);
    }

    .main-nav.is-open {
        opacity: 1;
        visibility: visible;

        transform:
            translateY(0);
    }

    .nav-list {
        display: flex;

        flex-direction: column;
        align-items: stretch;

        gap: 4px;
    }

    .nav-list > li > a {
        min-height: 50px;

        padding:
            0 14px;

        border-radius: 10px;

        font-size: 15px;
    }

    .nav-list > li > a::after {
        display: none;
    }

    .nav-list > li > a:hover,
    .nav-list > li > a.active {
        background:
            rgba(255, 255, 255, 0.05);
    }

    .dropdown {
        position: static;

        display: none;

        min-width: 0;

        margin:
            0 0 8px;

        padding:
            6px 0 6px 16px;

        border: 0;

        border-radius: 0;

        background: transparent;

        box-shadow: none;

        opacity: 1;
        visibility: visible;

        transform: none;
    }

    .has-dropdown.is-open > .dropdown {
        display: block;
    }

    .dropdown a {
        padding:
            10px 14px;

        font-size: 13px;
    }

    .nav-quote-btn {
        width: 100%;

        min-height: 54px;
    }

    .hero {
        min-height:
            calc(100vh - 74px);

        padding:
            90px 0;
    }

    .hero h1 {
        font-size:
            clamp(46px, 10vw, 80px);

        letter-spacing:
            -3px;
    }

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

        gap: 36px;
    }
}


@media (max-width: 768px) {

    .container {
        width:
            min(
                calc(100% - 32px),
                var(--container)
            );
    }

    .brand-mark {
        width: 48px;
        height: 48px;

        border-radius: 12px;
    }

    .brand-text strong {
        font-size: 15px;
    }

    .brand-text small {
        font-size: 9px;
    }

    .hero {
        padding:
            72px 0;
    }

    .hero h1 {
        margin-bottom: 20px;

        font-size:
            clamp(42px, 12vw, 68px);

        line-height: 1;
        letter-spacing:
            -2px;
    }

    .hero p {
        margin-bottom: 28px;

        font-size: 16px;
    }

    .btn {
        min-height: 50px;

        padding:
            0 22px;
    }

    .site-footer {
        padding-top: 65px;
    }

    .footer-grid {
        grid-template-columns: 1fr;

        gap: 34px;

        padding-bottom: 50px;
    }

    .footer-about {
        padding-right: 0;
    }

    .footer-bottom {
        flex-direction: column;

        align-items: flex-start;
        justify-content: center;

        min-height: 100px;

        padding:
            20px 0;
    }
}


@media (max-width: 480px) {

    .container {
        width:
            min(
                calc(100% - 24px),
                var(--container)
            );
    }

    .navbar-wrap {
        min-height: 68px;
    }

    .main-nav {
        top: 68px;

        height:
            calc(100vh - 68px);

        padding:
            18px 14px;
    }

    .brand-text small {
        display: none;
    }

    .hero {
        min-height:
            calc(100vh - 68px);

        padding:
            60px 0;
    }

    .hero h1 {
        font-size:
            clamp(38px, 13vw, 58px);
    }

    .hero p {
        font-size: 15px;
    }

    .footer-brand {
        font-size: 21px;
    }
}
/* =====================================================
   HOME PAGE RESPONSIVE
===================================================== */

@media (max-width: 1200px) {

    .home-hero-inner {
        grid-template-columns: 1.2fr 0.8fr;
        gap: 50px;
    }

    .home-about-grid,
    .global-network-grid,
    .experience-grid {
        gap: 70px;
    }

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

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

    .quote-cta-box {
        padding: 55px;
    }
}


@media (max-width: 992px) {

    .home-hero {
        min-height: auto;
        padding-top: 90px;
    }

    .home-hero-inner {
        grid-template-columns: 1fr;
        gap: 50px;

        padding-bottom: 70px;
    }

    .home-hero-content {
        max-width: 760px;
    }

    .home-hero-content h1 {
        font-size: clamp(56px, 10vw, 90px);
        letter-spacing: -4px;
    }

    .hero-side-card {
        max-width: 520px;
    }

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

    .hero-stat:nth-child(2) {
        border-right: 0;
    }

    .hero-stat:nth-child(1),
    .hero-stat:nth-child(2) {
        border-bottom:
            1px solid rgba(255,255,255,0.08);
    }

    .home-about,
    .home-services,
    .global-network,
    .home-routes,
    .experience-section,
    .why-mys,
    .home-blog {
        padding: 110px 0;
    }

    .home-about-grid,
    .global-network-grid,
    .experience-grid {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .home-about-right {
        padding-top: 0;
    }

    .network-map-placeholder {
        min-height: 500px;
    }

    .network-globe {
        width: min(100%, 500px);
    }

    .experience-year {
        max-width: 650px;
    }

    .quote-cta {
        padding-bottom: 110px;
    }

    .quote-cta-box {
        flex-direction: column;
        align-items: flex-start;

        padding: 50px;
    }

    .quote-large-btn {
        align-self: flex-start;
    }
}


@media (max-width: 768px) {

    .section-heading {
        flex-direction: column;
        align-items: flex-start;

        gap: 22px;

        margin-bottom: 36px;
    }

    .section-heading h2,
    .home-about h2,
    .global-network h2,
    .experience-content h2,
    .why-heading h2,
    .quote-cta h2 {
        font-size: clamp(34px, 9vw, 52px);
        letter-spacing: -1.8px;
    }

    .home-hero {
        padding-top: 72px;
    }

    .home-hero-inner {
        gap: 38px;
        padding-bottom: 54px;
    }

    .home-hero-content h1 {
        font-size: clamp(48px, 13vw, 76px);
        letter-spacing: -3px;
    }

    .home-hero-content p {
        font-size: 16px;
        line-height: 1.75;
    }

    .home-hero-actions {
        align-items: stretch;
        flex-direction: column;

        max-width: 320px;
    }

    .hero-primary-btn,
    .hero-secondary-btn {
        width: 100%;
        justify-content: center;
    }

    .hero-side-card {
        padding: 28px;
    }

    .hero-side-card strong {
        font-size: 23px;
    }

    .hero-stats {
        grid-template-columns: 1fr 1fr;
    }

    .hero-stat {
        padding: 24px 0;
    }

    .hero-stat strong {
        font-size: 28px;
    }

    .home-about,
    .home-services,
    .global-network,
    .home-routes,
    .experience-section,
    .why-mys,
    .home-blog {
        padding: 85px 0;
    }

    .home-about-grid,
    .global-network-grid,
    .experience-grid {
        gap: 42px;
    }

    .services-grid,
    .routes-grid,
    .blog-grid,
    .why-grid {
        grid-template-columns: 1fr;
    }

    .service-card {
        min-height: 280px;
    }

    .global-network-content p {
        margin-top: 24px;
    }

    .network-map-placeholder {
        min-height: 420px;
    }

    .network-globe {
        width: min(100%, 420px);
    }

    .map-point {
        font-size: 10px;
        padding: 7px 10px;
    }

    .experience-year {
        min-height: 310px;
        padding: 38px;
    }

    .experience-year strong {
        font-size: clamp(72px, 18vw, 120px);
        letter-spacing: -5px;
    }

    .why-card {
        min-height: auto;
    }

    .why-card > span {
        margin-bottom: 38px;
    }

    .quote-cta {
        padding-bottom: 85px;
    }

    .quote-cta-box {
        padding: 38px 28px;
        border-radius: 22px;
    }

    .quote-large-btn {
        width: 100%;
        justify-content: center;
    }

    .contact-strip-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        padding: 34px 0;
    }
}


@media (max-width: 520px) {

    .home-hero-content h1 {
        font-size: clamp(42px, 14vw, 62px);
        line-height: 0.96;
        letter-spacing: -2.5px;
    }

    .home-hero-content h1 span {
        -webkit-text-stroke:
            1px rgba(255,255,255,0.28);
    }

    .hero-side-card {
        border-radius: 18px;
    }

    .hero-stats {
        grid-template-columns: 1fr;
    }

    .hero-stat {
        border-right: 0;
        border-bottom:
            1px solid rgba(255,255,255,0.08);
    }

    .hero-stat:last-child {
        border-bottom: 0;
    }

    .service-card,
    .route-card,
    .why-card,
    .blog-card {
        border-radius: 15px;
    }

    .service-card {
        padding: 26px;
    }

    .route-card {
        min-height: 205px;
        padding: 25px;
    }

    .route-countries {
        margin-bottom: 38px;
    }

    .network-map-placeholder {
        min-height: 330px;
    }

    .network-globe {
        width: 330px;
        max-width: 100%;
    }

    .point-tr {
        left: 8%;
        top: 55%;
    }

    .point-ge {
        left: 38%;
        top: 44%;
    }

    .point-kz {
        right: 3%;
        top: 28%;
    }

    .point-uz {
        right: 5%;
        bottom: 18%;
    }

    .point-ru {
        left: 34%;
        top: 8%;
    }

    .experience-year {
        min-height: 250px;
        padding: 30px;
    }

    .experience-year strong {
        font-size: 72px;
        letter-spacing: -4px;
    }

    .quote-cta-box {
        padding: 32px 22px;
    }

    .contact-strip-inner div strong {
        font-size: 22px;
    }
}
/* =====================================================
   ABOUT PAGE RESPONSIVE
===================================================== */

@media (max-width: 1200px) {

    .about-intro-grid,
    .about-why-grid {
        gap: 70px;
    }

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


@media (max-width: 992px) {

    .page-hero {
        padding:
            110px 0 90px;
    }

    .page-hero h1 {
        font-size:
            clamp(54px, 10vw, 90px);

        letter-spacing: -4px;
    }

    .about-intro,
    .company-history,
    .about-values,
    .about-why,
    .vision-mission {
        padding:
            110px 0;
    }

    .about-number-section {
        padding-bottom: 110px;
    }

    .about-intro-grid,
    .about-why-grid {
        grid-template-columns: 1fr;

        gap: 52px;
    }

    .about-intro-content {
        padding-top: 0;
    }

    .about-number-card {
        grid-template-columns: 1fr;

        gap: 50px;

        padding: 50px;
    }

    .history-item {
        grid-template-columns:
            160px 1fr;

        gap: 40px;
    }

    .vision-mission-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 768px) {

    .page-hero {
        padding:
            85px 0 70px;
    }

    .page-hero h1 {
        font-size:
            clamp(46px, 13vw, 72px);

        letter-spacing: -3px;
    }

    .page-hero p {
        font-size: 15px;
    }

    .about-intro,
    .company-history,
    .about-values,
    .about-why,
    .vision-mission {
        padding:
            85px 0;
    }

    .about-number-section {
        padding-bottom: 85px;
    }

    .about-intro-heading h2,
    .about-values-heading h2,
    .about-why-heading h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .about-number-card {
        min-height: auto;

        padding: 38px 30px;

        border-radius: 22px;
    }

    .about-number-year {
        font-size:
            clamp(76px, 20vw, 120px);

        letter-spacing: -5px;
    }

    .about-number-content h2 {
        font-size:
            clamp(32px, 8vw, 48px);
    }

    .history-item {
        grid-template-columns: 1fr;

        gap: 14px;

        padding: 30px 0;
    }

    .history-year {
        font-size: 24px;
    }

    .about-values-grid {
        grid-template-columns: 1fr;
    }

    .about-value-card {
        min-height: auto;
    }

    .about-value-card > span {
        margin-bottom: 38px;
    }

    .vision-box {
        min-height: auto;

        padding: 36px 28px;
    }

    .vision-box > span {
        margin-bottom: 45px;
    }
}


@media (max-width: 480px) {

    .page-hero h1 {
        font-size:
            clamp(42px, 14vw, 62px);

        letter-spacing: -2.5px;
    }

    .about-number-card {
        padding: 30px 22px;
    }

    .about-number-year {
        font-size: 72px;

        letter-spacing: -4px;
    }

    .about-value-card,
    .vision-box {
        border-radius: 16px;
    }
}
/* =====================================================
   SERVICES PAGE RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .services-page-intro-grid {
        gap: 60px;
    }

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


@media (max-width: 900px) {

    .services-page-intro {
        padding: 100px 0;
    }

    .services-page-intro-grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .services-page-intro-text {
        padding-top: 0;
    }

    .services-page-list {
        padding-bottom: 110px;
    }

    .services-page-grid {
        grid-template-columns: 1fr;
    }

    .services-process {
        padding: 110px 0;
    }
}


@media (max-width: 700px) {

    .services-page-intro {
        padding: 80px 0;
    }

    .services-page-intro h2,
    .services-process-heading h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .services-page-list {
        padding-bottom: 85px;
    }

    .services-page-card {
        min-height: 330px;

        padding: 30px;
    }

    .services-process {
        padding: 85px 0;
    }

    .services-process-grid {
        grid-template-columns: 1fr;
    }

    .services-process-grid article {
        min-height: auto;
    }

    .services-process-grid article > span {
        margin-bottom: 38px;
    }
}


@media (max-width: 480px) {

    .services-page-card {
        min-height: 300px;

        padding: 25px;

        border-radius: 16px;
    }

    .services-page-card-content h2 {
        font-size: 28px;
    }
}
/* =====================================================
   SERVICE DETAIL RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .service-detail-hero-grid {
        gap: 55px;
    }

    .service-detail-content-grid,
    .service-detail-process-grid {
        gap: 65px;
    }

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


@media (max-width: 900px) {

    .service-detail-hero {
        padding:
            90px 0 75px;
    }

    .service-detail-hero-grid {
        grid-template-columns: 1fr;

        gap: 42px;
    }

    .service-detail-title h1 {
        font-size:
            clamp(50px, 10vw, 82px);

        letter-spacing: -3px;
    }

    .service-detail-visual {
        padding-bottom: 100px;
    }

    .service-detail-image,
    .service-detail-image img,
    .service-detail-image-placeholder {
        min-height: 460px;
        height: 460px;
    }

    .service-detail-content-section,
    .service-advantages,
    .service-detail-process {
        padding: 110px 0;
    }

    .service-detail-content-grid,
    .service-detail-process-grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .service-detail-sidebar {
        position: static;
    }
}


@media (max-width: 700px) {

    .service-detail-hero {
        padding:
            75px 0 60px;
    }

    .service-detail-breadcrumb {
        margin-bottom: 38px;
    }

    .service-detail-title h1 {
        font-size:
            clamp(44px, 12vw, 66px);

        letter-spacing: -2.5px;
    }

    .service-detail-visual {
        padding-bottom: 80px;
    }

    .service-detail-image,
    .service-detail-image img,
    .service-detail-image-placeholder {
        min-height: 350px;
        height: 350px;
    }

    .service-detail-image,
    .service-detail-image-placeholder {
        border-radius: 18px;
    }

    .service-detail-image-placeholder {
        padding: 30px;
    }

    .service-detail-image-placeholder strong {
        font-size:
            clamp(34px, 9vw, 52px);
    }

    .service-detail-content-section,
    .service-advantages,
    .service-detail-process {
        padding: 85px 0;
    }

    .service-detail-content h2,
    .service-advantages-heading h2,
    .service-process-heading h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .service-advantages-grid {
        grid-template-columns: 1fr;
    }

    .service-advantages-grid article {
        min-height: auto;
    }

    .service-advantages-grid article > span {
        margin-bottom: 38px;
    }

    .service-process-list article {
        grid-template-columns:
            48px 1fr;

        gap: 18px;
    }
}
/* =====================================================
   ROUTES PAGE RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .routes-page-intro-grid {
        gap: 60px;
    }

    .routes-network-grid {
        gap: 60px;
    }

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


@media (max-width: 900px) {

    .routes-page-intro,
    .routes-network,
    .routes-page-list,
    .routes-features {
        padding: 105px 0;
    }

    .routes-page-intro-grid,
    .routes-network-grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .routes-page-intro-text {
        padding-top: 0;
    }

    .routes-network-visual {
        min-height: 480px;
    }

    .route-world {
        width: min(100%, 480px);
    }

    .routes-page-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 700px) {

    .routes-page-intro,
    .routes-network,
    .routes-page-list,
    .routes-features {
        padding: 85px 0;
    }

    .routes-page-intro h2,
    .routes-network h2,
    .routes-features-heading h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .routes-network-visual {
        min-height: 380px;
    }

    .route-world {
        width: min(100%, 380px);
    }

    .route-map-country {
        padding: 6px 9px;

        font-size: 9px;
    }

    .routes-page-card {
        min-height: 390px;

        padding: 28px;
    }

    .routes-card-route {
        grid-template-columns:
            1fr 80px 1fr;

        gap: 14px;
    }

    .routes-features-grid {
        grid-template-columns: 1fr;
    }

    .routes-features-grid article {
        min-height: auto;
    }

    .routes-features-grid article > span {
        margin-bottom: 38px;
    }
}


@media (max-width: 480px) {

    .routes-network-visual {
        min-height: 320px;
    }

    .route-world {
        width: 320px;
        max-width: 100%;
    }

    .country-tr {
        left: 4%;
    }

    .country-ge {
        left: 31%;
    }

    .country-az {
        right: 6%;
    }

    .country-kz {
        right: 0;
    }

    .country-uz {
        right: 4%;
    }

    .country-kg {
        display: none;
    }

    .routes-page-card {
        min-height: 360px;

        padding: 24px;

        border-radius: 16px;
    }

    .routes-card-route {
        grid-template-columns:
            1fr 50px 1fr;

        margin-bottom: 42px;
    }

    .routes-card-route strong {
        font-size: 16px;
    }
}
/* =====================================================
   ROUTE DETAIL RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .route-detail-hero-grid,
    .route-detail-content-grid,
    .route-process-grid {
        gap: 60px;
    }

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

    .route-detail-map-card {
        padding: 45px;
    }
}


@media (max-width: 900px) {

    .route-detail-hero {
        padding:
            90px 0 75px;
    }

    .route-detail-hero-grid {
        grid-template-columns: 1fr;

        gap: 42px;
    }

    .route-detail-hero h1 {
        font-size:
            clamp(50px, 11vw, 82px);

        letter-spacing: -3px;
    }

    .route-detail-visual {
        padding-bottom: 100px;
    }

    .route-detail-map-card {
        grid-template-columns: 1fr;

        gap: 35px;

        min-height: auto;

        padding: 45px;
    }

    .route-detail-point-right {
        text-align: left;
    }

    .route-detail-line {
        width: 100%;
    }

    .route-detail-content-section,
    .route-services-section,
    .route-process {
        padding: 110px 0;
    }

    .route-detail-content-grid,
    .route-process-grid {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .route-detail-sidebar {
        position: static;
    }
}


@media (max-width: 700px) {

    .route-detail-hero {
        padding:
            75px 0 60px;
    }

    .route-detail-hero h1 {
        font-size:
            clamp(44px, 13vw, 66px);

        letter-spacing: -2.5px;
    }

    .route-detail-visual {
        padding-bottom: 80px;
    }

    .route-detail-map-card {
        padding: 30px;

        border-radius: 18px;
    }

    .route-detail-content-section,
    .route-services-section,
    .route-process {
        padding: 85px 0;
    }

    .route-detail-content h2,
    .route-process-grid > div:first-child h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .route-services-grid {
        grid-template-columns: 1fr;
    }

    .route-services-grid article {
        min-height: auto;
    }

    .route-services-grid article > span {
        margin-bottom: 38px;
    }

    .route-process-list article {
        grid-template-columns:
            48px 1fr;

        gap: 18px;
    }
}


@media (max-width: 480px) {

    .route-detail-map-card {
        padding: 24px;
    }

    .route-detail-point strong {
        font-size: 30px;
    }
}
/* =====================================================
   OFFICES PAGE RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

    .offices-intro-grid,
    .offices-map-card {
        gap: 60px;
    }
}


@media (max-width: 900px) {

    .offices-intro,
    .offices-list {
        padding: 105px 0;
    }

    .offices-map-section,
    .offices-contact-cta {
        padding-bottom: 105px;
    }

    .offices-intro-grid,
    .offices-map-card {
        grid-template-columns: 1fr;
    }

    .offices-intro-text {
        padding-top: 0;
    }

    .offices-map-card {
        min-height: auto;

        padding: 50px;
    }

    .offices-map-visual {
        min-height: 430px;
    }

    .office-map-circle {
        width: min(100%, 430px);
    }

    .offices-contact-box {
        flex-direction: column;

        align-items: flex-start;

        padding: 50px;
    }
}


@media (max-width: 700px) {

    .offices-intro,
    .offices-list {
        padding: 85px 0;
    }

    .offices-map-section,
    .offices-contact-cta {
        padding-bottom: 85px;
    }

    .offices-intro h2,
    .offices-map-content h2,
    .offices-contact-box h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .offices-map-card {
        padding: 34px 28px;

        border-radius: 20px;
    }

    .offices-map-visual {
        min-height: 360px;
    }

    .office-map-circle {
        width: min(100%, 360px);
    }

    .offices-grid {
        grid-template-columns: 1fr;
    }

    .office-card {
        min-height: 380px;

        padding: 30px;
    }

    .office-contact-list {
        grid-template-columns: 1fr;
    }

    .offices-contact-box {
        padding: 38px 28px;

        border-radius: 20px;
    }

    .offices-contact-box .quote-large-btn {
        width: 100%;

        justify-content: center;
    }
}


@media (max-width: 480px) {

    .offices-map-visual {
        min-height: 300px;
    }

    .office-map-circle {
        width: 300px;

        max-width: 100%;
    }

    .office-pin-tr {
        left: 2%;
    }

    .office-pin-ge {
        left: 31%;
    }

    .office-pin-kz {
        right: 0;
    }

    .office-pin-kg {
        right: 1%;
    }

    .office-card {
        min-height: 350px;

        padding: 24px;

        border-radius: 16px;
    }

    .office-card-top {
        margin-bottom: 50px;
    }

    .offices-contact-box {
        padding: 30px 22px;
    }
}
/* =====================================================
   QUOTE FORM RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .quote-form-layout {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .quote-form-sidebar {
        position: static;
    }

    .quote-form-steps {
        display: grid;

        grid-template-columns:
            repeat(3, 1fr);

        gap: 18px;

        border-top: 0;
    }

    .quote-form-steps article {
        display: block;

        padding: 20px;

        border:
            1px solid var(--line);

        border-radius: 14px;
    }

    .quote-form-steps article > span {
        display: block;

        margin-bottom: 25px;
    }
}


@media (max-width: 760px) {

    .quote-form-section {
        padding:
            85px 0 100px;
    }

    .quote-form-steps {
        grid-template-columns: 1fr;
    }

    .quote-form-card {
        padding: 30px;

        border-radius: 18px;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .form-group-full {
        grid-column: auto;
    }

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

    .form-options {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 480px) {

    .quote-form-card {
        padding: 22px;
    }

    .form-measurements {
        grid-template-columns: 1fr;
    }

    .form-inline {
        grid-template-columns:
            1fr 80px;
    }
}
/* =====================================================
   CONTACT PAGE RESPONSIVE
===================================================== */

@media (max-width: 1000px) {

    .contact-page-grid {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .contact-info {
        position: static;
    }

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


@media (max-width: 760px) {

    .contact-page {
        padding:
            85px 0 100px;
    }

    .contact-offices {
        padding: 85px 0;
    }

    .contact-info h2 {
        font-size:
            clamp(34px, 9vw, 52px);

        letter-spacing: -1.8px;
    }

    .contact-form-card {
        padding: 30px;

        border-radius: 18px;
    }

    .contact-office-grid {
        grid-template-columns: 1fr;
    }

    .contact-office-grid article {
        min-height: auto;
    }

    .contact-office-grid article > span {
        margin-bottom: 35px;
    }
}


@media (max-width: 480px) {

    .contact-form-card {
        padding: 22px;
    }
}
/* =====================================================
   BLOG PAGE RESPONSIVE
===================================================== */

@media (max-width: 1100px) {

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


@media (max-width: 760px) {

    .blog-page {
        padding: 85px 0;
    }

    .blog-page-grid {
        grid-template-columns: 1fr;
    }

    .blog-empty {
        min-height: 340px;

        padding: 35px 25px;
    }
}
/* =====================================================
   BLOG DETAIL RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .blog-detail-hero {
        padding:
            90px 0 75px;
    }

    .blog-detail-hero-content h1 {
        font-size:
            clamp(48px, 10vw, 80px);

        letter-spacing: -3px;
    }

    .blog-detail-image-section {
        padding-bottom: 90px;
    }

    .blog-detail-content-section {
        padding: 105px 0;
    }

    .blog-detail-layout {
        grid-template-columns: 1fr;

        gap: 45px;
    }

    .blog-detail-sidebar {
        position: static;
    }
}


@media (max-width: 700px) {

    .blog-detail-hero {
        padding:
            75px 0 60px;
    }

    .blog-detail-hero-content h1 {
        font-size:
            clamp(42px, 12vw, 64px);

        letter-spacing: -2.5px;
    }

    .blog-detail-image-section {
        padding-bottom: 75px;
    }

    .blog-detail-image {
        border-radius: 18px;

        aspect-ratio: 16 / 10;
    }

    .blog-detail-content-section {
        padding: 85px 0;
    }

    .blog-detail-lead {
        font-size: 22px;
    }

    .blog-share-inner {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;

        min-height: auto;

        padding: 35px 0;
    }

    .blog-share-inner > div strong {
        font-size: 19px;
    }
}
/* =====================================================
   404 RESPONSIVE
===================================================== */

@media (max-width: 768px) {

    .error-page {
        min-height:
            calc(100vh - 68px);

        padding: 80px 0;
    }

    .error-code {
        font-size:
            clamp(100px, 32vw, 180px);

        letter-spacing: -7px;
    }

    .error-page h1 {
        font-size:
            clamp(42px, 12vw, 64px);

        letter-spacing: -2.5px;
    }
}


@media (max-width: 480px) {

    .error-actions {
        align-items: stretch;

        flex-direction: column;

        max-width: 300px;
    }

    .error-secondary-link {
        justify-content: center;
    }
}
/* =====================================================
   LEGAL PAGE RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .legal-page {
        padding: 105px 0;
    }

    .legal-layout {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .legal-sidebar {
        position: static;
    }
}

@media (max-width: 700px) {

    .legal-page {
        padding: 85px 0;
    }

    .legal-content h2 {
        font-size:
            clamp(34px, 9vw, 50px);

        letter-spacing: -1.8px;
    }

    .legal-content h3 {
        font-size: 20px;
    }
}