/*
 * Divinologix large-display readability layer.
 * Targets wide desktop viewports used by 28-inch and 32-inch monitors while
 * leaving the existing laptop, tablet and mobile breakpoints unchanged.
 */

@media (min-width:1600px){
    html{
        font-size:18px !important;
    }

    html body{
        padding-top:88px !important;
        font-size:16px !important;
        line-height:1.65 !important;
    }

    body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl,
    body main[class] .container,
    body section[class] .container,
    body footer[class] .container,
    body .hero .container,
    body .page-hero .container,
    body .service-detail-hero .container,
    body .sw-page .container,
    body .svc-page .container{
        width:min(1800px, calc(100% - 96px)) !important;
        max-width:1800px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav,
    body nav.navbar.svc-nav{
        min-height:88px !important;
    }

    body .navbar.glass-nav .container,
    body .navbar.svc-nav .container{
        min-height:88px !important;
        padding-left:clamp(64px,5vw,112px) !important;
        padding-right:clamp(64px,5vw,112px) !important;
    }

    body .navbar.glass-nav .navbar-brand,
    body .navbar.svc-nav .navbar-brand{
        min-width:290px !important;
        margin-right:clamp(72px,5vw,118px) !important;
    }

    body .navbar.glass-nav .navbar-brand img,
    body .navbar.svc-nav .navbar-brand img{
        width:auto !important;
        height:58px !important;
        max-height:62px !important;
        max-width:268px !important;
    }

    body .navbar.glass-nav .navbar-collapse > .navbar-nav.ms-auto,
    body .navbar.svc-nav .navbar-collapse > .navbar-nav.ms-auto{
        width:clamp(900px,47vw,1120px) !important;
    }

    body .navbar.glass-nav .navbar-nav,
    body .navbar.svc-nav .navbar-nav{
        gap:clamp(18px,1.35vw,30px) !important;
    }

    body .navbar.glass-nav .nav-link,
    body .navbar.svc-nav .nav-link{
        font-size:15.5px !important;
        line-height:1.25 !important;
    }

    body .navbar.glass-nav .nav-link.nav-cta-link,
    body .navbar.svc-nav .nav-link.nav-cta-link{
        min-width:172px !important;
        min-height:48px !important;
        padding:0 28px !important;
        font-size:15px !important;
    }

    body .navbar.glass-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu,
    body .navbar.svc-nav .navbar-nav > .nav-item.dropdown > .dropdown-menu.mega-menu{
        width:430px !important;
        min-width:430px !important;
        max-width:430px !important;
        padding:20px !important;
    }

    body .navbar.glass-nav .mega-simple-link,
    body .navbar.svc-nav .mega-simple-link{
        grid-template-columns:48px minmax(0,1fr) 16px !important;
        min-height:68px !important;
        gap:15px !important;
    }

    body .navbar.glass-nav .mega-simple-link i,
    body .navbar.svc-nav .mega-simple-link i{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        font-size:18px !important;
    }

    body .navbar.glass-nav .mega-simple-link b,
    body .navbar.svc-nav .mega-simple-link b{
        font-size:14.5px !important;
    }

    body .navbar.glass-nav .mega-simple-link small,
    body .navbar.svc-nav .mega-simple-link small{
        font-size:10.5px !important;
    }

    body main h1,
    body .hero h1,
    body .page-hero h1,
    body .service-detail-panel h1,
    body .sw-hero h1,
    body .svc-hero h1,
    body .ai-hero h1,
    body .consult-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1,
    body .hero-v8 h1,
    body .premium-hero h1{
        max-width:960px !important;
        font-size:clamp(58px,3.4vw,78px) !important;
        line-height:1.08 !important;
    }

    body .hero p,
    body .page-hero p,
    body .service-detail-panel p,
    body .sw-hero p,
    body .svc-hero p,
    body .ai-hero p,
    body .consult-hero p,
    body .hero-v8 p,
    body .premium-hero p{
        max-width:920px !important;
        font-size:19px !important;
        line-height:1.75 !important;
    }

    body .hero,
    body .page-hero,
    body .service-detail-hero,
    body .sw-hero,
    body .svc-hero,
    body .ai-hero,
    body .consult-hero,
    body .portfolio-v34-hero,
    body .hero-v8,
    body .premium-hero{
        padding-top:44px !important;
        padding-bottom:88px !important;
    }

    body .section,
    body .sw-section,
    body .svc-section,
    body .ai-section,
    body .consult-section,
    body .pf-section,
    body .about-premium-v17,
    body .dx-home-delivery-section,
    body .dx-enterprise-capabilities-section,
    body .dx-platform-flow-section,
    body .dx-delivery-flow-section,
    body .dx-mission-timeline-section{
        padding-top:96px !important;
        padding-bottom:96px !important;
    }

    body .section-title,
    body .section-heading,
    body .section-head,
    body .sw-title,
    body .svc-section-title,
    body .dx-section-head,
    body .dx-core-premium-heading{
        margin-bottom:48px !important;
    }

    body .section-title h2,
    body .section-heading h2,
    body .section-head h2,
    body .sw-title h2,
    body .svc-section-title h2,
    body .dx-section-head h2,
    body .dx-section-head h2 em,
    body .dx-core-premium-heading .main-heading,
    body .smart-panel .section-title h2,
    body .process-flow .section-title h2,
    body .compact-stat-title h2{
        font-size:clamp(40px,2.35vw,54px) !important;
        line-height:1.16 !important;
    }

    body .section-title p,
    body .section-heading p,
    body .section-head p,
    body .sw-title p,
    body .svc-section-title p,
    body .dx-section-head p{
        font-size:17px !important;
        line-height:1.75 !important;
    }

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card,
    body .premium-feature-v26,
    body .consult-offer-card,
    body .consult-choice-card,
    body .consult-step-card,
    body .ai-service-card,
    body .flow-card,
    body .tech-logo-tile,
    body .dx-growth-card,
    body .svc-why-item,
    body .sw-choice-item,
    body .ai-choice,
    body main .pill-card,
    body main .feature,
    body main .card,
    body .sw-panel,
    body .svc-panel,
    body .sw-card,
    body .svc-card{
        padding:30px !important;
        border-radius:26px !important;
    }

    body .info-card h3,
    body .service-card h3,
    body .solution-card h3,
    body .smart-module h3,
    body .case-card h3,
    body .about-feature-card h3,
    body .consult-offer-card h3,
    body .consult-choice-card h3,
    body .consult-step-card h3,
    body .ai-service-card h3,
    body .flow-card h3,
    body .sw-card h3,
    body .svc-card h3{
        font-size:24px !important;
        line-height:1.3 !important;
    }

    body .info-card h4,
    body .service-card h4,
    body .solution-card h4,
    body .smart-module h4,
    body .case-card h4,
    body .about-feature-card h4,
    body .consult-offer-card h4,
    body .consult-choice-card h4,
    body .consult-step-card h4,
    body .ai-service-card h4,
    body .flow-card h4{
        font-size:21px !important;
    }

    body .info-card h5,
    body .service-card h5,
    body .solution-card h5,
    body .smart-module h5,
    body .tech-category h5,
    body .case-card h5,
    body .about-feature-card h5,
    body .consult-service-card h5,
    body .latest-tech-card h5,
    body .portfolio-card h5,
    body .premium-feature-v26 h5,
    body .consult-offer-card h5,
    body .consult-choice-card h5,
    body .consult-step-card h5,
    body .ai-service-card h5,
    body .flow-card h5,
    body .tech-logo-tile h5{
        font-size:18px !important;
        line-height:1.35 !important;
    }

    body .info-card p,
    body .service-card p,
    body .solution-card p,
    body .smart-module p,
    body .tech-category p,
    body .case-card p,
    body .about-feature-card p,
    body .consult-service-card p,
    body .latest-tech-card p,
    body .portfolio-card p,
    body .premium-feature-v26 p,
    body .consult-offer-card p,
    body .consult-choice-card p,
    body .consult-step-card p,
    body .ai-service-card p,
    body .flow-card p,
    body .sw-card p,
    body .svc-card p,
    body .sw-card li,
    body .svc-card li,
    body main .pill-card span,
    body main .feature span{
        font-size:15.5px !important;
        line-height:1.7 !important;
    }

    body .solution-step-v26 b,
    body .premium-feature-v26 b,
    body main .pill-card strong,
    body main .feature strong{
        font-size:16px !important;
    }

    body .solution-step-v26 small,
    body .tech-logo-tile small,
    body main .card small,
    body main .pill-card small{
        font-size:13px !important;
        line-height:1.55 !important;
    }

    body .icon-wrap,
    body .about-feature-card i,
    body .premium-feature-v26 i,
    body .ai-card-icon,
    body .consult-choice-icon,
    body .consult-offer-icon,
    body .sw-card-icon,
    body .svc-process-icon,
    body .sw-process-icon{
        min-width:54px !important;
        width:54px !important;
        height:54px !important;
        font-size:23px !important;
        border-radius:17px !important;
    }

    body .btn,
    body .sw-btn,
    body .svc-btn,
    body .btn-dx,
    body .btn-outline-dx,
    body .service-detail-panel .btn-dx{
        min-height:54px !important;
        padding:13px 28px !important;
        font-size:15.5px !important;
        line-height:1.2 !important;
    }

    body .hero-badge,
    body .sw-kicker,
    body .svc-kicker,
    body .chip,
    body .tech-chip{
        padding:10px 17px !important;
        font-size:13.5px !important;
    }

    body .service-detail-panel{
        padding:52px !important;
        border-radius:38px !important;
    }

    body .service-detail-panel .about-visual{
        min-height:420px !important;
    }

    body .service-flow{
        gap:24px !important;
    }

    body .service-flow div{
        padding:30px !important;
    }

    body footer.dlx-footer-rich .dlx-footer-main{
        padding:64px 0 44px !important;
    }

    body .dlx-footer-rich .dlx-footer-grid{
        gap:34px !important;
    }

    body .dlx-footer-rich .dlx-footer-logo{
        width:220px !important;
    }

    body .dlx-footer-rich h3{
        font-size:23px !important;
    }

    body .dlx-footer-rich h4{
        font-size:17px !important;
    }

    body .dlx-footer-rich p,
    body .dlx-footer-rich a,
    body .dlx-footer-rich li,
    body .dlx-footer-rich address{
        font-size:14.5px !important;
        line-height:1.7 !important;
    }

    body .floating-contact{
        font-size:15px !important;
    }

    body .whatsapp-float{
        width:64px !important;
        height:64px !important;
        font-size:31px !important;
    }
}

@media (min-width:2400px){
    html{
        font-size:19px !important;
    }

    html body{
        padding-top:96px !important;
        font-size:17.5px !important;
    }

    body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl,
    body main[class] .container,
    body section[class] .container,
    body footer[class] .container,
    body .hero .container,
    body .page-hero .container,
    body .service-detail-hero .container,
    body .sw-page .container,
    body .svc-page .container{
        width:min(2280px, calc(100% - 160px)) !important;
        max-width:2280px !important;
    }

    body .navbar.glass-nav.fixed-top,
    body nav.navbar.glass-nav,
    body nav.navbar.svc-nav,
    body .navbar.glass-nav .container,
    body .navbar.svc-nav .container{
        min-height:96px !important;
    }

    body .navbar.glass-nav .navbar-brand img,
    body .navbar.svc-nav .navbar-brand img{
        height:64px !important;
        max-height:68px !important;
        max-width:296px !important;
    }

    body .navbar.glass-nav .nav-link,
    body .navbar.svc-nav .nav-link{
        font-size:16.5px !important;
    }

    body main h1,
    body .hero h1,
    body .page-hero h1,
    body .service-detail-panel h1,
    body .sw-hero h1,
    body .svc-hero h1,
    body .ai-hero h1,
    body .consult-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1,
    body .hero-v8 h1,
    body .premium-hero h1{
        max-width:1120px !important;
        font-size:clamp(76px,3.3vw,96px) !important;
    }

    body .hero p,
    body .page-hero p,
    body .service-detail-panel p,
    body .sw-hero p,
    body .svc-hero p,
    body .ai-hero p,
    body .consult-hero p,
    body .hero-v8 p,
    body .premium-hero p{
        font-size:22px !important;
    }

    body .section-title h2,
    body .section-heading h2,
    body .section-head h2,
    body .sw-title h2,
    body .svc-section-title h2,
    body .dx-section-head h2,
    body .dx-section-head h2 em,
    body .dx-core-premium-heading .main-heading,
    body .smart-panel .section-title h2,
    body .process-flow .section-title h2,
    body .compact-stat-title h2{
        font-size:clamp(52px,2.35vw,68px) !important;
    }

    body .info-card,
    body .service-card,
    body .solution-card,
    body .smart-module,
    body .tech-category,
    body .case-card,
    body .about-feature-card,
    body .consult-service-card,
    body .latest-tech-card,
    body .portfolio-card,
    body .premium-feature-v26,
    body .consult-offer-card,
    body .consult-choice-card,
    body .consult-step-card,
    body .ai-service-card,
    body .flow-card,
    body .tech-logo-tile,
    body .dx-growth-card,
    body .svc-why-item,
    body .sw-choice-item,
    body .ai-choice,
    body main .pill-card,
    body main .feature,
    body main .card,
    body .sw-panel,
    body .svc-panel,
    body .sw-card,
    body .svc-card{
        padding:38px !important;
        border-radius:30px !important;
    }

    body .info-card p,
    body .service-card p,
    body .solution-card p,
    body .smart-module p,
    body .tech-category p,
    body .case-card p,
    body .about-feature-card p,
    body .consult-service-card p,
    body .latest-tech-card p,
    body .portfolio-card p,
    body .premium-feature-v26 p,
    body .consult-offer-card p,
    body .consult-choice-card p,
    body .consult-step-card p,
    body .ai-service-card p,
    body .flow-card p,
    body .sw-card p,
    body .svc-card p,
    body .sw-card li,
    body .svc-card li{
        font-size:17px !important;
    }

    body .btn,
    body .sw-btn,
    body .svc-btn,
    body .btn-dx,
    body .btn-outline-dx,
    body .service-detail-panel .btn-dx{
        min-height:62px !important;
        padding:16px 34px !important;
        font-size:17px !important;
    }
}

@media (min-width:3000px){
    html{
        font-size:21px !important;
    }

    html body{
        font-size:19px !important;
    }

    body .container,
    body .container-sm,
    body .container-md,
    body .container-lg,
    body .container-xl,
    body .container-xxl,
    body main[class] .container,
    body section[class] .container,
    body footer[class] .container,
    body .hero .container,
    body .page-hero .container,
    body .service-detail-hero .container,
    body .sw-page .container,
    body .svc-page .container{
        width:min(3040px, calc(100% - 240px)) !important;
        max-width:3040px !important;
    }

    body main h1,
    body .hero h1,
    body .page-hero h1,
    body .service-detail-panel h1,
    body .sw-hero h1,
    body .svc-hero h1,
    body .ai-hero h1,
    body .consult-hero h1,
    body .portfolio-v34-hero h1,
    body .portfolio-showcase-hero h1,
    body .hero-v8 h1,
    body .premium-hero h1{
        max-width:1320px !important;
        font-size:clamp(92px,2.9vw,112px) !important;
    }

    body .section-title h2,
    body .section-heading h2,
    body .section-head h2,
    body .sw-title h2,
    body .svc-section-title h2,
    body .dx-section-head h2,
    body .dx-section-head h2 em,
    body .dx-core-premium-heading .main-heading,
    body .smart-panel .section-title h2,
    body .process-flow .section-title h2,
    body .compact-stat-title h2{
        font-size:clamp(64px,2.1vw,78px) !important;
    }
}