/*======================================================
    DHRUV LOGISTICS
======================================================*/

:root {

    --primary: #123F92;

    --secondary: #EA3C36;

    --dark: #202B45;

    --text: #5B6478;

    --white: #ffffff;

    --light: #F4F8FD;

    --radius: 14px;

    --transition: .35s ease;

}

/*=========================
RESET
=========================*/

* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

html {

    scroll-behavior: smooth;

}

body {

    font-family: 'Inter', sans-serif;

    overflow-x: hidden;

    color: var(--dark);

}

img {

    display: block;

    max-width: 100%;

}

ul {

    list-style: none;

}

a {

    text-decoration: none;

}

.container {

    max-width: 1320px;

    margin: auto;

    padding: 0 15px;

}

/*=========================
HEADER
=========================*/

.header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background: #fff;

    box-shadow: 0 8px 30px rgba(0, 0, 0, .05);

}

.navbar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 92px;

}

.logo img {

    width: auto;
    height:75px
}

.nav-menu {

    display: flex;

    gap: 34px;

    align-items: center;

}

.nav-menu>li {

    position: relative;

}

.nav-menu>li>a {

    color: var(--dark);

    font-size: 15px;

    font-weight: 600;

    transition: .3s;

}

.nav-menu>li>a:hover {

    color: var(--secondary);

}

.nav-menu .active {

    color: var(--secondary);

}

/*=========================
SUB MENU
=========================*/

.submenu {

    position: absolute;

    left: 0;

    top: 160%;

    width: 240px;

    background: #fff;

    border-radius: 14px;

    box-shadow: 0 20px 60px rgba(0, 0, 0, .08);

    opacity: 0;

    visibility: hidden;

    transition: .35s;

    padding: 10px 0;

}

.dropdown:hover .submenu {

    top: 120%;

    opacity: 1;

    visibility: visible;

}

.submenu li a {

    display: block;

    padding: 12px 20px;

    color: #444;

}

.submenu li a:hover {

    background: #F4F8FD;

    color: var(--primary);

}

/*=========================
BUTTONS
=========================*/

.header-btns {

    display: flex;

    gap: 14px;

}

.btn-call {

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

    padding: 14px 24px;

    border-radius: 12px;

    color: var(--primary);

    font-weight: 600;

}

.btn-call:hover {

    background: var(--primary);

    color: #fff;

}

.btn-quote {

    background: var(--primary);

    color: #fff;

    padding: 14px 26px;

    border-radius: 12px;

    font-weight: 600;

}

.btn-quote:hover {

    background: #0D347F;

}

/*======================================================
HERO
======================================================*/

.hero {

    position: relative;

    height: 880px;

    margin-top: 92px;

    overflow: hidden;

}

/* Background Image */

.hero-image {

    position: absolute;

    inset: 0;

    background: url("../images/hero/truck.webp") center center/cover no-repeat;

    z-index: 1;

}

/* White Gradient */

.hero-overlay {

    position: absolute;

    inset: 0;

    z-index: 2;

    background:

        linear-gradient(90deg,

            rgba(255, 255, 255, .92) 0%,

            rgba(255, 255, 255, .88) 18%,

            rgba(255, 255, 255, .70) 35%,

            rgba(255, 255, 255, .30) 55%,

            rgba(255, 255, 255, 0) 78%);

}

/* Container */

.hero .container {

    position: relative;

    z-index: 5;

    height: 100%;

}

/* Grid */

.hero-grid {

    display: grid;

    grid-template-columns: 560px 1fr;

    align-items: center;

    height: 100%;

}

/* Left */

.hero-left {

    max-width: 560px;

}

/* Badge */

.hero-badge {

    display: inline-block;

    background: #fff;

    padding: 10px 18px;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 700;

    color: #123F92;

    margin-bottom: 28px;

}

/* Heading */

.hero h1 {

    font-size: 57px;

    line-height: 1.08;

    font-weight: 800;

    color: #1F2A44;

    margin-bottom: 22px;

}

.hero h1 span {

    color: #EA3C36;

}

.hero h2 {

    font-size: 24px;

    margin-bottom: 24px;

    font-weight: 700;

    color: #123F92;

}

.hero h2 span {

    color: #EA3C36;

}

.hero p {

    font-size: 18px;

    line-height: 1.8;

    color: #55637C;

    margin-bottom: 40px;

}

/* Buttons */

.hero-buttons {

    display: flex;

    gap: 18px;

}

.btn-primary-hero {

    background: #123F92;

    color: #fff;

    padding: 18px 34px;

    border-radius: 14px;

    font-weight: 700;

}

.btn-secondary-hero {

    border: 2px solid #123F92;

    color: #123F92;

    padding: 18px 34px;

    border-radius: 14px;

    font-weight: 700;

}

/*=============================
HEADER RIGHT
=============================*/

.header-right {

    display: flex;

    align-items: center;

    gap: 18px;

}

/*=============================
MOBILE TOGGLE
=============================*/

.menu-toggle {

    width: 46px;

    height: 46px;

    border: none;

    background: transparent;

    cursor: pointer;

    display: none;

    padding: 0;

}

.menu-toggle span {

    display: block;

    width: 28px;

    height: 3px;

    margin: 5px auto;

    background: #123F92;

    border-radius: 50px;

    transition: .35s;

}

/*====================================
MOBILE MENU
====================================*/

.mobile-overlay {

    position: fixed;

    inset: 0;

    background: rgba(0, 0, 0, .45);

    opacity: 0;

    visibility: hidden;

    transition: .35s;

    z-index: 998;

}

.mobile-menu {

    position: fixed;

    top: 0;

    right: -100%;

    width: 320px;

    max-width: 100%;

    height: 100vh;

    background: #fff;

    z-index: 9999;

    transition: .35s;

    display: flex;

    flex-direction: column;

    padding: 30px;

    overflow: auto;

}

.mobile-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 35px;

}

.mobile-top img {

    width: 160px;

}

.close-menu {

    border: none;

    background: none;

    font-size: 34px;

    cursor: pointer;

}

.mobile-menu ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.mobile-menu li {

    border-bottom: 1px solid #eee;

}

.mobile-menu li a {

    display: block;

    padding: 16px 0;

    color: #222;

    font-weight: 600;

}

.mobile-buttons {

    margin-top: 35px;

    display: flex;

    flex-direction: column;

    gap: 15px;

}

.mobile-buttons a {

    text-align: center;

}

/* Active */

.mobile-menu.active {

    right: 0;

}

.mobile-overlay.active {

    opacity: 1;

    visibility: visible;

}

body.menu-open {

    overflow: hidden;

}

/*==================================================
HERO STATS
==================================================*/
.hero-stats-section {

    position: relative;

    margin-top: -70px;
    /* overlaps hero */

    z-index: 50;

}

  

.stats-card{

    background:#fff;

    border-radius:24px;

    display:grid;

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

    padding:35px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.stat-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding:0 25px;

    border-right:1px solid #ECECEC;

}

.stat-item:last-child {

    border: none;

}

.stat-icon {

    width: 68px;

    height: 68px;

    border-radius: 50%;

    background: #EFF5FF;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

}

.stat-icon.red {

    background: #FFF2F2;

}

.stat-item h3 {

    font-size: 34px;

    color: #123F92;

    margin-bottom: 6px;

    font-weight: 800;

}

.stat-item p {

    color: #666;

    margin: 0;

    font-size: 15px;

}

/*======================================================
ABOUT SECTION
======================================================*/

.about-section{

    padding:120px 0;

    background:#fff;

}

.about-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    align-items:center;

    gap:80px;

}

/* Left */

.about-image{

    position:relative;

}

.about-image img{

    width:100%;

    border-radius:24px;

    object-fit:cover;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/* Experience Box */

.experience-box{

    position:absolute;

    right:-25px;

    bottom:40px;

    width:180px;

    height:180px;

    background:#123F92;

    color:#fff;

    border-radius:22px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    box-shadow:0 25px 50px rgba(18,63,146,.25);

}

.experience-box span{

    font-size:52px;

    font-weight:800;

    line-height:1;

    margin-bottom:10px;

}

/* Right */

.section-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:30px;

    background:#EFF5FF;

    color:#123F92;

    font-weight:700;

    font-size:13px;

    letter-spacing:.5px;

    margin-bottom:25px;

}

.about-content h2{

    font-size:48px;

    font-weight:800;

    color:#1E293B;

    line-height:1.2;

    margin-bottom:25px;

}

.about-content p{

    font-size:17px;

    color:#667085;

    line-height:1.9;

    margin-bottom:35px;

}

/* Features */

.about-features{

    display:grid;

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

    gap:18px 30px;

    margin-bottom:40px;

}

.about-features div{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    font-weight:600;

    color:#263247;

}

/* Tick */

.about-features div::before{

    content:"✓";

    width:28px;

    height:28px;

    border-radius:50%;

    background:#123F92;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:14px;

    flex-shrink:0;

}

/* Hover */

.about-image img{

    transition:.4s;

}

.about-image:hover img{

    transform:scale(1.03);

}
 

/*==================================================
                PRODUCTS SECTION
==================================================*/

.products-section{
    position:relative;
    padding:100px 0;
    background:#f7f9fc;
    overflow:hidden;
}

.products-section .container{
    position:relative;
}

/*=====================================
        SECTION HEADING
======================================*/

.section-heading{
    text-align:center;
    max-width:760px;
    margin:0 auto 70px;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 24px;
    border-radius:50px;
    background:#e9f2ff;
    color:#123f92;
    font-size:14px;
    font-weight:700;
    letter-spacing:.5px;
    text-transform:uppercase;
    margin-bottom:20px;
}

.section-heading h2{
    font-size:46px;
    line-height:1.2;
    font-weight:700;
    color:#1c2c4c;
    margin-bottom:18px;
}

.section-heading p{
    font-size:18px;
    line-height:1.8;
    color:#697a95;
    margin:0;
}

/*=====================================
            SLIDER
======================================*/

.products-slider{
    position:relative;
}

.dl-viewport{
    overflow:hidden;
}

.dl-track{
    display:flex;
    transition:.45s ease;
    will-change:transform;
}

.dl-slide{
    flex:0 0 100%;
    padding:18px;
    box-sizing:border-box;
}

@media(min-width:768px){

    .dl-slide{
        flex:0 0 50%;
    }

}

@media(min-width:992px){

    .dl-slide{
        flex:0 0 33.333%;
    }

}

@media(min-width:1400px){

    .dl-slide{
        flex:0 0 25%;
    }

}

/*=====================================
            PRODUCT CARD
======================================*/

.product-card{

    background:#fff;
    border-radius:20px;
    overflow:hidden;

    display:flex;
    flex-direction:column;

    height:100%;

    border:1px solid #edf1f6;

    transition:.35s;

    box-shadow:
    0 12px 35px rgba(0,0,0,.05);

}

.product-card:hover{

    box-shadow:
    0 25px 60px rgba(0,0,0,.10);

}

/*=====================================
            IMAGE
======================================*/

.product-image{

    position:relative;

    overflow:hidden;

    aspect-ratio:4/3;

}

.product-image img{

    width:100%;
    height:100%;
    padding:10px 10px 0 10px;
    object-fit:cover;
    border-radius:20px 20px 0 0;
    transition:.6s;

}

.product-card:hover img{

    transform:scale(1.08);

}

.product-image::after{

    content:"";

    position:absolute;

    inset:0;
 

}

/*=====================================
        OPTIONAL TAG
======================================*/

.product-tag{

    position:absolute;

    top:18px;
    left:18px;

    background:#123f92;

    color:#fff;

    padding:7px 18px;

    border-radius:50px;

    font-size:12px;

    font-weight:600;

    z-index:5;

}

/*=====================================
            CONTENT
======================================*/

.product-content{

    padding:22px;

    display:flex;

    flex-direction:column;

    flex:1;

}

.product-content h3{

    font-size:22px;
    font-weight:700;

    line-height:1.2;

    margin-bottom:8px;

    color:#1c2c4c;

}

.product-content p {
    color: rgb(102, 112, 133);
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 18px;
    min-height: 55px;
}

/*=====================================
        EXPLORE BUTTON
======================================*/

.product-content a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:auto;

    color:#123f92;

    font-weight:600;

    font-size:16px;

    text-decoration:none;

    transition:.3s;

}

.product-content a span{

    transition:.35s;

}

.product-content a:hover{

    color:#083a94;

}

.product-content a:hover span{

    transform:translateX(8px);

}

/*=====================================
            ARROWS
======================================*/

.dl-arrow{

    position:absolute;

    top:50%;

    transform:translateY(-50%);

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:#fff;

    color:#1c2c4c;

    font-size:22px;

    cursor:pointer;

    z-index:20;

    box-shadow:
    0 10px 30px rgba(0,0,0,.12);

    transition:.35s;

}

.dl-prev{

    left:-30px;

}

.dl-next{

    right:-30px;

}

.dl-arrow:hover{

    background:#123f92;

    color:#fff;

    transform:translateY(-50%) scale(1.08);

}

/*=====================================
            DOTS
======================================*/

.dl-nav{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:45px;

}

.dl-dot{

    width:12px;

    height:12px;

    border-radius:50px;

    background:#ffffff;

    cursor:pointer;

    transition:.35s;
    border:none;

}

.dl-dot.active{

    width:38px;

    background:#123f92;

}

/*=====================================
        DRAGGING
======================================*/

.products-slider.dragging .dl-track{

    transition:none;

    cursor:grabbing;

}

.dl-track{

    cursor:grab;

}

/*=====================================
        RESPONSIVE
======================================*/

@media(max-width:1200px){

    .section-heading h2{

        font-size:40px;

    }

}

@media(max-width:991px){

    .products-section{

        padding:80px 0;

    }

    .section-heading{

        margin-bottom:50px;

    }

    .section-heading h2{

        font-size:34px;

    }

    .section-heading p{

        font-size:16px;

    }

    .product-content{

        padding:24px;

    }

    .product-content h3{

        font-size:25px;

    }

    .dl-prev{

        left:-12px;

    }

    .dl-next{

        right:-12px;

    }

}

@media(max-width:767px){

    .products-section{

        padding:70px 0;

    }

    .section-heading{

        margin-bottom:40px;

    }

    .section-heading h2{

        font-size:28px;

    }

    .section-heading p{

        font-size:15px;

    }

    .product-content{

        padding:22px;

    }

    .product-content h3{

        font-size:24px;

    }

    .product-content p{

        font-size:15px;

    }

    .dl-arrow{

        width:48px;

        height:48px;

        font-size:18px;

    }

    .dl-prev{

        left:5px;

    }

    .dl-next{

        right:5px;

    }

}


/*=============================
        WHY CHOOSE SECTION
==============================*/

/*==================================================
                WHY CHOOSE SECTION
==================================================*/

.why-choose-section{
    padding:80px 0;
    background:#fff;
}

.why-wrapper{
    display:flex;
    min-height:330px;
    overflow:hidden;
}

/*==================================================
                LEFT SECTION
==================================================*/

.why-left{

    width:72%;

    position:relative;

    background:
    linear-gradient(
        90deg,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,1) 38%,
        rgba(255,255,255,.96) 45%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.30) 67%,
        transparent 78%
    ),
    url("../images/why-us.webp");

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

}

/*==================================================
            CONTENT BOX
==================================================*/

.why-content{

    width:44%;

    padding:40px;

}

/*==================================================
            TAG
==================================================*/

.section-tag{

    display:inline-block;

    position:relative;

    padding:12px 24px;

    border-radius:40px;

    background:#edf4ff;

    color:#0b3b8d;

    font-size:14px;

    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    margin-bottom:30px;

}

.section-tag::after{

    content:"";

    position:absolute;

    left:28px;

    bottom:10px;

    width:45px;

    height:2px;

    background:#df2c2c;

}

/*==================================================
            PARAGRAPH
==================================================*/

.why-content p{

    font-size:15px;

    line-height:2;

    color:#56657d;

    margin-bottom:30px;

}

/*==================================================
            LIST
==================================================*/

.why-list{

    margin:0;

    padding:0;

    list-style:none;

}

.why-list li{

    position:relative;

    padding-left:28px;

    margin-bottom:18px;

    color:#1f3557;

    font-size:15px;

}

.why-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#0b3b8d;

    font-weight:bold;

}

/*==================================================
            RIGHT SECTION
==================================================*/

.why-right{

    width:28%;

    position:relative;

    background:
    linear-gradient(
        rgba(9,31,70,.90),
        rgba(9,31,70,.90)
    ),
    url("../images/about.webp");

    background-size:cover;

    background-position:center;

    display:flex;

    align-items:center;

}

/*==================================================
        RIGHT CONTENT
==================================================*/
 

.why-right-content{

    padding:45px;

    color:#fff;

}

.why-right-content h2{

    font-size:26px;

    line-height:1.2;

    margin-bottom:25px;

    font-weight:700;

}

.why-right-content p{

    color:rgba(255,255,255,.82);

    line-height:1.9;

    font-size:15px;

    margin-bottom:30px;

}

/*==================================================
                BUTTON
==================================================*/

.quote-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:14px 30px;

    background:#e62f2f;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    border-radius:4px;

    transition:.3s;

}

.quote-btn span{

    transition:.3s;

}

.quote-btn:hover{

    background:#c91d1d;

}

.quote-btn:hover span{

    transform:translateX(6px);

}

/*==================================================
            RESPONSIVE
==================================================*/

@media(max-width:991px){

.why-wrapper{

flex-direction:column;

}

.why-left{

width:100%;

background-position:center;

}

.why-content{

width:55%;

padding:40px;

}

.why-right{

width:100%;

}

}

@media(max-width:767px){

.why-choose-section{

padding:60px 0;

}

.why-content{

width:100%;

padding:30px;

background:rgba(255,255,255,.92);

}

.why-right-content{

padding:35px;

}

.why-right-content h2{

font-size:32px;

}

.section-tag{

font-size:13px;

padding:10px 18px;

}

}

/*==========================================
        INDUSTRIES SECTION
==========================================*/

.industries-section{

    padding:80px 0;

    background:#fff;

}

/*==========================================*/

.industries-section .section-heading{

    text-align:center;

    margin-bottom:40px;

}

.industries-section .section-heading h2{

    font-size:38px;

    color:#18315b;

    font-weight:700;

    position:relative;

    display:inline-block;

    margin:0;

}

.industries-section .section-heading h2::after{

    content:"";

    width:45px;

    height:3px;

    background:#e33131;

    display:block;

    margin:12px auto 0;

    border-radius:5px;

}

/*==========================================*/

.industry-grid{

    display:grid;

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

    gap:18px;

}

/*==========================================*/

.industry-card{

    background:#fff;

    border:1px solid #edf0f5;

    border-radius:12px;

    padding:24px 15px;

    text-align:center;

    text-decoration:none;

    transition:.35s;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:135px;

}

.industry-card:hover{

    transform:translateY(-6px);

    border-color:#123f92;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}

/*==========================================*/

.industry-card img{

    width:75px; 

    object-fit:contain;

    margin-bottom:18px;

    transition:.35s;

}

.industry-card:hover img{

    transform:scale(1.08);

}

/*==========================================*/

.industry-card span{

    color:#1e3355;

    font-size:15px;

    font-weight:600;

    line-height:1.4;

}

/*==========================================*/

@media(max-width:1200px){

.industry-grid{

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

}

}

@media(max-width:768px){

.industry-grid{

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

gap:15px;

}

.industries-section{

padding:60px 0;

}

.industries-section .section-heading h2{

font-size:30px;

}

.industry-card{

min-height:120px;

padding:20px;

}

 

.industry-card span{

font-size:14px;

}

}

@media(max-width:480px){

.industry-grid{

grid-template-columns:1fr 1fr;

}

}

/*=========================================
            FOOTER
=========================================*/

.footer{

    background:linear-gradient(135deg,#07204c,#0a3d91);

    color:#fff;

    padding:70px 0 0;

}

/*=========================================*/

.footer-grid{

    display:grid;

    grid-template-columns:1.4fr 1fr 1fr 1.2fr;

    gap:60px;

    padding-bottom:50px;

}

/*=========================================*/

.footer-logo img{

    max-width:220px;

    margin-bottom:20px;

}

.footer-about p{

    color:rgba(255,255,255,.75);

    line-height:1.9;

    margin-bottom:30px;

}

/*=========================================*/

.social-links{

    display:flex;

    gap:12px;

}

.social-links a{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    color:#fff;

    transition:.35s;

    text-decoration:none;

}

.social-links a:hover{

    background:#e62b2b;

    transform:translateY(-5px);

}

/*=========================================*/

.footer h4{

    font-size:22px;

    margin-bottom:25px;

    position:relative;

}

.footer h4::after{

    content:"";

    width:40px;

    height:3px;

    background:#e62b2b;

    display:block;

    margin-top:10px;

}

/*=========================================*/

.footer ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer ul li{

    margin-bottom:15px;

}

.footer ul li a{

    color:rgba(255,255,255,.78);

    text-decoration:none;

    transition:.3s;

}

.footer ul li a:hover{

    color:#fff;

    padding-left:8px;

}

/*=========================================*/

.contact-list li{

    display:flex;

    gap:15px;

    align-items:center;

    color:rgba(255,255,255,.78);

    line-height:1.8;

}

.contact-list i{

    color:#ff4040;

    margin-top:5px;

    width:18px;

}

/*=========================================*/

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.12);

    padding:25px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:20px;

}

.footer-bottom p{

    margin:0;

    color:rgba(255,255,255,.75);

}

.footer-bottom div{

    display:flex;

    gap:30px;

}

.footer-bottom a{

    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;

}

.footer-bottom a:hover{

    color:#fff;

}

/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:992px){

.footer-grid{

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

gap:40px;

}

}

 @media (max-width: 576px) {

    .footer-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:30px 20px;
    }

    /* About section full width */
    .footer-about{
        grid-column:1/-1;
        text-align:left;
    }

    .footer-logo img{
        width:170px;
        margin:0 0 20px;
    }

    .footer-about p{
        margin:0 0 25px;
        max-width:100%;
        text-align:left;
    }

    .social-links{
        justify-content:flex-start;
    }

    /* Headings */
    .footer h4{
        text-align:left;
        font-size:22px;
        margin-bottom:18px;
    }

    .footer h4::after{
        margin:10px 0 0;
    }

    /* Lists */
    .footer ul{
        text-align:left;
    }

    .footer ul li{
        margin-bottom:12px;
    }

    .footer ul li a{
        padding:0;
    }

    /* Contact */
    .contact-list{
        text-align:left;
    }

    .contact-list li{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap:12px;
        text-align:left;
    }

    /* Bottom */
    .footer-bottom{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .footer-bottom div{
        justify-content:center;
        gap:20px;
        flex-wrap:wrap;
    }

    .footer-grid > :last-child {
        grid-column: 1 / -1;
    }

}
/* =========================================================
   ABOUT PAGE
========================================================= */

.dl-about-tag {
    display: inline-block;
    padding: 7px 14px;
    background: #f1f6ff;
    color: #0b3d91;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   ABOUT BANNER
========================================================= */

.dl-about-banner {
    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.72) 100%
        ),
        url("../images/why-us.webp") center / cover no-repeat;
}

.dl-about-banner-content {
    max-width: 720px;
}

.dl-about-banner .dl-about-tag {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.dl-about-banner h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.dl-about-banner h1 span {
    color: #ef3b3a;
}

.dl-about-banner-content > p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.dl-about-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 13px;
}

.dl-about-breadcrumb a {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   COMPANY PROFILE
========================================================= */

.dl-about-profile {
    padding: 90px 0;
}

.dl-about-profile-grid {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 70px;
    align-items: center;
}

.dl-about-profile-image {
    position: relative;
}

.dl-about-profile-image img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 18px;
}

.dl-about-experience-box {
    position: absolute;
    right: -25px;
    bottom: 35px;
    min-width: 170px;
    padding: 25px;
    background: #0b3d91;
    border-radius: 14px;
    color: #fff;
    box-shadow: 0 15px 40px rgba(11, 61, 145, 0.25);
}

.dl-about-experience-box strong {
    display: block;
    margin-bottom: 4px;
    font-size: 38px;
    line-height: 1;
    font-weight: 800;
}

.dl-about-experience-box span {
    font-size: 13px;
    line-height: 1.5;
}

.dl-about-profile-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.dl-about-profile-content h2 span {
    color: #ef3b3a;
}

.dl-about-profile-content > p {
    margin-bottom: 15px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-about-profile-points {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-top: 30px;
}

.dl-about-profile-point {
    display: flex;
    gap: 12px;
}

.dl-about-profile-point > span {
    display: flex;
    flex: 0 0 28px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.dl-about-profile-point h4 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-about-profile-point p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.dl-about-section-heading {
    max-width: 680px;
    margin: 0 auto 45px;
    text-align: center;
}

.dl-about-section-heading h2 {
    margin: 15px 0 12px;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-about-section-heading p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   VISION & MISSION
========================================================= */

.dl-about-vm {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-about-vm-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.dl-about-vm-card {
    display: flex;
    gap: 22px;
    padding: 38px;
    background: #fff;
    border: 1px solid #e6ebf2;
    border-radius: 16px;
    transition: 0.3s ease;
}

.dl-about-vm-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(8, 43, 97, 0.08);
}

.dl-about-vm-icon {
    display: flex;
    flex: 0 0 60px;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #eef4ff;
    border-radius: 12px;
    color: #0b3d91;
    font-size: 24px;
}

.dl-about-vm-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-about-vm-content h3 {
    margin: 8px 0 12px;
    color: #082b61;
    font-size: 21px;
    font-weight: 700;
}

.dl-about-vm-content p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   CORE VALUES
========================================================= */

.dl-about-values {
    padding: 85px 0;
}

.dl-about-values-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dl-about-value-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #fff;
}

.dl-about-value-number {
    margin-bottom: 25px;
    color: #ef3b3a;
    font-size: 30px;
    font-weight: 800;
    opacity: 0.3;
}

.dl-about-value-card h3 {
    margin: 0 0 12px;
    color: #082b61;
    font-size: 18px;
    font-weight: 700;
}

.dl-about-value-card p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.8;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.dl-about-why {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-about-why-grid {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

.dl-about-why-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-about-why-content > p {
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-about-why-list {
    margin-top: 30px;
}

.dl-about-why-item {
    display: flex;
    gap: 15px;
    margin-bottom: 22px;
}

.dl-about-why-item > span {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.dl-about-why-item h4 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-about-why-item p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.dl-about-why-image {
    position: relative;
}

.dl-about-why-image img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 18px;
}

.dl-about-why-stat {
    position: absolute;
    left: -30px;
    bottom: 30px;
    padding: 22px 28px;
    background: #ef3b3a;
    border-radius: 12px;
    color: #fff;
}

.dl-about-why-stat strong {
    display: block;
    font-size: 32px;
    line-height: 1;
}

.dl-about-why-stat span {
    font-size: 12px;
}


/* =========================================================
   TEAM
========================================================= */

.dl-about-team {
    padding: 85px 0;
}

.dl-about-team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.dl-about-team-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.dl-about-team-image {
    height: 300px;
    overflow: hidden;
}

.dl-about-team-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.dl-about-team-card:hover .dl-about-team-image img {
    transform: scale(1.05);
}

.dl-about-team-info {
    padding: 20px;
}

.dl-about-team-info h3 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-about-team-info span {
    color: #ef3b3a;
    font-size: 12px;
    font-weight: 600;
}


/* =========================================================
   CERTIFICATIONS
========================================================= */

.dl-about-certifications {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-about-cert-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

.dl-about-cert-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800;
}

.dl-about-cert-content > p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.dl-about-cert-note {
    padding: 12px 15px;
    background: #fff;
    border-left: 3px solid #ef3b3a;
}

.dl-about-cert-cards {
    display: grid;
    gap: 15px;
}

.dl-about-cert-card {
    display: flex;
    gap: 18px;
    padding: 24px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

.dl-about-cert-icon {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #eef4ff;
    border-radius: 50%;
    color: #0b3d91;
    font-weight: 700;
}

.dl-about-cert-card h3 {
    margin: 0 0 6px;
    color: #082b61;
    font-size: 15px;
    font-weight: 700;
}

.dl-about-cert-card p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   FINAL CTA
========================================================= */

.dl-about-cta {
    padding: 70px 0;
}

.dl-about-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 45px 50px;
    background: #0b3d91;
    border-radius: 18px;
}

.dl-about-cta-content {
    max-width: 650px;
}

.dl-about-cta-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-about-cta-content h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
}

.dl-about-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
}

.dl-about-cta-buttons {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.dl-about-cta-primary,
.dl-about-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-about-cta-primary {
    background: #ef3b3a;
    color: #fff;
}

.dl-about-cta-secondary {
    background: #fff;
    color: #0b3d91;
}
/* =========================================================
   PRODUCTS PAGE - COMMON
========================================================= */

.dl-products-tag {
    display: inline-block;
    padding: 7px 14px;
    background: #f1f6ff;
    color: #0b3d91;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   PRODUCTS BANNER
========================================================= */

.dl-products-banner {
    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.70) 100%
        ),
        url("../images/why-us.webp") center / cover no-repeat;
}

.dl-products-banner-content {
    max-width: 720px;
}

.dl-products-banner .dl-products-tag {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.dl-products-banner h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.dl-products-banner h1 span {
    color: #ef3b3a;
}

.dl-products-banner-content > p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.dl-products-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 13px;
}

.dl-products-breadcrumb a {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   PRODUCTS INTRO
========================================================= */

.dl-products-intro {
    padding: 85px 0;
}

.dl-products-intro-grid {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 80px;
    align-items: center;
}

.dl-products-intro-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.dl-products-intro-content h2 span {
    color: #ef3b3a;
}

.dl-products-intro-content p {
    margin: 0 0 15px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-products-intro-highlights {
    display: grid;
    gap: 15px;
}

.dl-products-highlight {
    display: flex;
    gap: 20px;
    padding: 22px;
    background: #f7f9fc;
    border: 1px solid #e7ebf1;
    border-radius: 12px;
}

.dl-products-highlight strong {
    color: #ef3b3a;
    font-size: 24px;
    font-weight: 800;
    opacity: 0.5;
}

.dl-products-highlight h3 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 15px;
    font-weight: 700;
}

.dl-products-highlight p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dl-products-section-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.dl-products-section-heading h2 {
    margin: 15px 0 12px;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-products-section-heading p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   PRODUCT CATEGORIES
========================================================= */

.dl-products-categories {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.dl-products-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 15px;
    transition: 0.3s ease;
}

.dl-products-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(8, 43, 97, 0.09);
}

.dl-products-card-image {
    position: relative;
    height: 240px;
    overflow: hidden;
}

.dl-products-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.dl-products-card:hover .dl-products-card-image img {
    transform: scale(1.05);
}

.dl-products-card-label {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 11px;
    background: #ef3b3a;
    border-radius: 20px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.dl-products-card-content {
    position: relative;
    padding: 28px;
}

.dl-products-card-number {
    position: absolute;
    top: 22px;
    right: 25px;
    color: #e8edf5;
    font-size: 28px;
    font-weight: 800;
}

.dl-products-card-content h3 {
    position: relative;
    margin: 0 0 12px;
    padding-right: 45px;
    color: #082b61;
    font-size: 19px;
    font-weight: 700;
}

.dl-products-card-content > p {
    margin: 0 0 18px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.75;
}

.dl-products-card-content ul {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.dl-products-card-content ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
    color: #475569;
    font-size: 11px;
}

.dl-products-card-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0b3d91;
    font-weight: 700;
}

.dl-products-card-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0b3d91;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-products-card-link span {
    transition: 0.3s ease;
}

.dl-products-card-link:hover span {
    transform: translateX(4px);
}


/* =========================================================
   WHY OUR CONTAINERS
========================================================= */

.dl-products-why {
    padding: 90px 0;
}

.dl-products-why-grid {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 75px;
    align-items: center;
}

.dl-products-why-image {
    position: relative;
}

.dl-products-why-image img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 18px;
}

.dl-products-why-badge {
    position: absolute;
    right: -25px;
    bottom: 30px;
    padding: 22px 28px;
    background: #0b3d91;
    border-radius: 12px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(11, 61, 145, 0.25);
}

.dl-products-why-badge strong {
    display: block;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 800;
}

.dl-products-why-badge span {
    font-size: 11px;
    line-height: 1.5;
}

.dl-products-why-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800;
}

.dl-products-why-content > p {
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-products-why-list {
    margin-top: 28px;
}

.dl-products-why-item {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.dl-products-why-item > span {
    display: flex;
    flex: 0 0 30px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.dl-products-why-item h4 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-products-why-item p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}


/* =========================================================
   PROCESS
========================================================= */

.dl-products-process {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-products-process-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dl-products-process-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.dl-products-process-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    background: #eef4ff;
    border-radius: 10px;
    color: #0b3d91;
    font-size: 15px;
    font-weight: 800;
}

.dl-products-process-card h3 {
    margin: 0 0 10px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-products-process-card p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   CUSTOM CTA
========================================================= */

.dl-products-custom {
    padding: 70px 0;
}

.dl-products-custom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 45px 50px;
    background: #0b3d91;
    border-radius: 18px;
}

.dl-products-custom-content {
    max-width: 650px;
}

.dl-products-custom-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-products-custom-content h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
}

.dl-products-custom-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
}

.dl-products-custom-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.dl-products-custom-primary,
.dl-products-custom-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-products-custom-primary {
    background: #ef3b3a;
    color: #fff;
}

.dl-products-custom-secondary {
    background: #fff;
    color: #0b3d91;
}

/* =========================================================
   PRODUCT DETAIL PAGE - COMMON
========================================================= */

.dl-product-detail-tag {
    display: inline-block;
    padding: 7px 14px;
    background: #f1f6ff;
    color: #0b3d91;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   PRODUCT DETAIL BANNER
========================================================= */

.dl-product-detail-banner {
    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.68) 100%
        ),
        url("../images/products/shipping-container-banner.jpg") center / cover no-repeat;
}

.dl-product-detail-banner-content {
    max-width: 720px;
}

.dl-product-detail-banner .dl-product-detail-tag {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.dl-product-detail-banner h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.dl-product-detail-banner h1 span {
    color: #ef3b3a;
}

.dl-product-detail-banner-content > p {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.dl-product-detail-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 13px;
}

.dl-product-detail-breadcrumb a {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   PRODUCT OVERVIEW
========================================================= */

.dl-product-detail-overview {
    padding: 90px 0;
}

.dl-product-detail-overview-grid {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 70px;
    align-items: center;
}

.dl-product-detail-main-image {
    overflow: hidden;
    border-radius: 18px;
}

.dl-product-detail-main-image img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.dl-product-detail-image-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: -35px 25px 0;
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(8, 43, 97, 0.12);
}

.dl-product-detail-info-item {
    padding: 20px 15px;
    text-align: center;
    border-right: 1px solid #e5eaf1;
}

.dl-product-detail-info-item:last-child {
    border-right: 0;
}

.dl-product-detail-info-item strong {
    display: block;
    margin-bottom: 5px;
    color: #0b3d91;
    font-size: 20px;
    font-weight: 800;
}

.dl-product-detail-info-item span {
    color: #64748b;
    font-size: 10px;
}

.dl-product-detail-overview-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.dl-product-detail-overview-content h2 span {
    color: #ef3b3a;
}

.dl-product-detail-overview-content > p {
    margin-bottom: 14px;
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.dl-product-detail-quick-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 28px;
}

.dl-product-detail-quick-item {
    display: flex;
    gap: 11px;
}

.dl-product-detail-quick-item > span {
    display: flex;
    flex: 0 0 27px;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
}

.dl-product-detail-quick-item h4 {
    margin: 0 0 4px;
    color: #082b61;
    font-size: 13px;
    font-weight: 700;
}

.dl-product-detail-quick-item p {
    margin: 0;
    color: #64748b;
    font-size: 10px;
    line-height: 1.6;
}

.dl-product-detail-overview-actions {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.dl-product-detail-primary-btn,
.dl-product-detail-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-product-detail-primary-btn {
    background: #0b3d91;
    color: #fff;
}

.dl-product-detail-secondary-btn {
    border: 1px solid #0b3d91;
    color: #0b3d91;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dl-product-detail-section-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.dl-product-detail-section-heading h2 {
    margin: 15px 0 12px;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-product-detail-section-heading p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   KEY FEATURES
========================================================= */

.dl-product-detail-features {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-product-detail-features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dl-product-detail-feature-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    transition: 0.3s ease;
}

.dl-product-detail-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(8, 43, 97, 0.08);
}

.dl-product-detail-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    background: #eef4ff;
    border-radius: 10px;
    color: #0b3d91;
    font-size: 14px;
    font-weight: 800;
}

.dl-product-detail-feature-card h3 {
    margin: 0 0 10px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-product-detail-feature-card p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   SPECIFICATIONS
========================================================= */

.dl-product-detail-specs {
    padding: 90px 0;
}

.dl-product-detail-specs-grid {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 70px;
    align-items: center;
}

.dl-product-detail-specs-content h2 {
    margin: 18px 0 12px;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-product-detail-specs-content > p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.dl-product-detail-specs-note {
    display: flex;
    gap: 12px;
    margin-top: 25px;
    padding: 18px;
    background: #f7f9fc;
    border-left: 3px solid #ef3b3a;
}

.dl-product-detail-specs-note > span {
    display: flex;
    flex: 0 0 25px;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

.dl-product-detail-specs-note p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.7;
}

.dl-product-detail-table-wrap {
    overflow-x: auto;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

.dl-product-detail-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.dl-product-detail-table th {
    padding: 18px;
    background: #0b3d91;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
}

.dl-product-detail-table td {
    padding: 18px;
    border-bottom: 1px solid #e5eaf1;
    color: #64748b;
    font-size: 12px;
}

.dl-product-detail-table tr:last-child td {
    border-bottom: 0;
}

.dl-product-detail-table td strong {
    color: #082b61;
}


/* =========================================================
   APPLICATIONS
========================================================= */

.dl-product-detail-applications {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-product-detail-app-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.dl-product-detail-app-card {
    padding: 28px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

.dl-product-detail-app-card > span {
    display: block;
    margin-bottom: 18px;
    color: #ef3b3a;
    font-size: 25px;
    font-weight: 800;
    opacity: 0.45;
}

.dl-product-detail-app-card h3 {
    margin: 0 0 9px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-product-detail-app-card p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.7;
}


/* =========================================================
   WHY CHOOSE
========================================================= */

.dl-product-detail-why {
    padding: 90px 0;
}

.dl-product-detail-why-grid {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 70px;
    align-items: center;
}

.dl-product-detail-why-image {
    position: relative;
}

.dl-product-detail-why-image img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 18px;
}

.dl-product-detail-why-stat {
    position: absolute;
    right: -25px;
    bottom: 30px;
    padding: 22px 28px;
    background: #0b3d91;
    border-radius: 12px;
    color: #fff;
}

.dl-product-detail-why-stat strong {
    display: block;
    font-size: 30px;
    font-weight: 800;
}

.dl-product-detail-why-stat span {
    font-size: 11px;
    line-height: 1.5;
}

.dl-product-detail-why-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800;
}

.dl-product-detail-why-content > p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.dl-product-detail-why-list {
    margin-top: 28px;
}

.dl-product-detail-why-item {
    display: flex;
    gap: 14px;
    margin-bottom: 20px;
}

.dl-product-detail-why-item > span {
    display: flex;
    flex: 0 0 29px;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    background: #0b3d91;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
}

.dl-product-detail-why-item h4 {
    margin: 0 0 4px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-product-detail-why-item p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   RELATED PRODUCTS
========================================================= */

.dl-product-detail-related {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-product-detail-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.dl-product-detail-related-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.dl-product-detail-related-image {
    height: 220px;
    overflow: hidden;
}

.dl-product-detail-related-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.dl-product-detail-related-card:hover img {
    transform: scale(1.05);
}

.dl-product-detail-related-content {
    padding: 24px;
}

.dl-product-detail-related-content h3 {
    margin: 0 0 9px;
    color: #082b61;
    font-size: 17px;
    font-weight: 700;
}

.dl-product-detail-related-content p {
    margin: 0 0 15px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.7;
}

.dl-product-detail-related-content a {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color: #0b3d91;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================================
   FINAL CTA
========================================================= */

.dl-product-detail-cta {
    padding: 70px 0;
}

.dl-product-detail-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 45px 50px;
    background: #0b3d91;
    border-radius: 18px;
}

.dl-product-detail-cta-content {
    max-width: 650px;
}

.dl-product-detail-cta-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-product-detail-cta-content h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
}

.dl-product-detail-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
}

.dl-product-detail-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.dl-product-detail-cta-primary,
.dl-product-detail-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-product-detail-cta-primary {
    background: #ef3b3a;
    color: #fff;
}

.dl-product-detail-cta-secondary {
    background: #fff;
    color: #0b3d91;
}/* =========================================================
   INDUSTRIES PAGE - COMMON
========================================================= */

.dl-industries-tag {
    display: inline-block;
    padding: 7px 14px;
    background: #f1f6ff;
    color: #0b3d91;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   INDUSTRIES BANNER
========================================================= */

.dl-industries-banner {
    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.68) 100%
        ),
        url("../images/why-us.webp") center / cover no-repeat;
}

.dl-industries-banner-content {
    max-width: 760px;
}

.dl-industries-banner .dl-industries-tag {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.dl-industries-banner h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.dl-industries-banner h1 span {
    display: block;
    color: #ef3b3a;
}

.dl-industries-banner-content > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.dl-industries-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 13px;
}

.dl-industries-breadcrumb a {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   INTRODUCTION
========================================================= */

.dl-industries-intro {
    padding: 90px 0;
}

.dl-industries-intro-grid {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    gap: 80px;
    align-items: center;
}

.dl-industries-intro-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.dl-industries-intro-content h2 span {
    color: #ef3b3a;
}

.dl-industries-intro-content p {
    margin: 0 0 15px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-industries-intro-highlights {
    display: grid;
    gap: 15px;
}

.dl-industries-intro-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 22px;
    background: #f7f9fc;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

.dl-industries-intro-number {
    color: #ef3b3a;
    font-size: 24px;
    font-weight: 800;
    opacity: 0.5;
}

.dl-industries-intro-item h3 {
    margin: 0 0 6px;
    color: #082b61;
    font-size: 15px;
    font-weight: 700;
}

.dl-industries-intro-item p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   SECTION HEADING
========================================================= */

.dl-industries-section-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.dl-industries-section-heading h2 {
    margin: 15px 0 12px;
    color: #082b61;
    font-size: 34px;
    font-weight: 800;
}

.dl-industries-section-heading p {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}


/* =========================================================
   INDUSTRIES LISTING
========================================================= */

.dl-industries-listing {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-industries-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.dl-industries-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    transition: 0.3s ease;
}

.dl-industries-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 45px rgba(8, 43, 97, 0.09);
}

.dl-industries-card-image {
    position: relative;
    height: 210px;
    overflow: hidden;
}

.dl-industries-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease;
}

.dl-industries-card:hover .dl-industries-card-image img {
    transform: scale(1.05);
}

.dl-industries-card-number {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #0b3d91;
    border-radius: 9px;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.dl-industries-card-content {
    padding: 25px;
}

.dl-industries-card-content h3 {
    margin: 0 0 10px;
    color: #082b61;
    font-size: 18px;
    font-weight: 700;
}

.dl-industries-card-content > p {
    min-height: 84px;
    margin: 0 0 17px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.75;
}

.dl-industries-card-content ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.dl-industries-card-content ul li {
    position: relative;
    margin-bottom: 7px;
    padding-left: 17px;
    color: #475569;
    font-size: 10px;
}

.dl-industries-card-content ul li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #0b3d91;
    font-weight: 700;
}

.dl-industries-card-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #0b3d91;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.dl-industries-card-link span {
    transition: 0.3s ease;
}

.dl-industries-card-link:hover span {
    transform: translateX(4px);
}


/* =========================================================
   HOW WE SUPPORT INDUSTRIES
========================================================= */

.dl-industries-support {
    padding: 90px 0;
}

.dl-industries-support-grid {
    display: grid;
    grid-template-columns: 0.95fr 1fr;
    gap: 75px;
    align-items: center;
}

.dl-industries-support-image {
    position: relative;
}

.dl-industries-support-image img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 18px;
}

.dl-industries-support-stat {
    position: absolute;
    right: -25px;
    bottom: 30px;
    padding: 22px 28px;
    background: #0b3d91;
    border-radius: 12px;
    color: #fff;
    box-shadow: 0 15px 35px rgba(11, 61, 145, 0.25);
}

.dl-industries-support-stat strong {
    display: block;
    font-size: 31px;
    line-height: 1;
    font-weight: 800;
}

.dl-industries-support-stat span {
    font-size: 11px;
    line-height: 1.5;
}

.dl-industries-support-content h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800;
}

.dl-industries-support-content > p {
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-industries-support-list {
    margin-top: 28px;
}

.dl-industries-support-item {
    display: flex;
    gap: 17px;
    margin-bottom: 20px;
}

.dl-industries-support-item > span {
    display: flex;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    background: #eef4ff;
    border-radius: 9px;
    color: #0b3d91;
    font-size: 11px;
    font-weight: 800;
}

.dl-industries-support-item h4 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-industries-support-item p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.6;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.dl-industries-why {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-industries-why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.dl-industries-why-card {
    padding: 30px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
}

.dl-industries-why-card > span {
    display: block;
    margin-bottom: 22px;
    color: #ef3b3a;
    font-size: 28px;
    font-weight: 800;
    opacity: 0.4;
}

.dl-industries-why-card h3 {
    margin: 0 0 10px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-industries-why-card p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.7;
}


/* =========================================================
   CTA
========================================================= */

.dl-industries-cta {
    padding: 70px 0;
}

.dl-industries-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 45px 50px;
    background: #0b3d91;
    border-radius: 18px;
}

.dl-industries-cta-content {
    max-width: 650px;
}

.dl-industries-cta-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-industries-cta-content h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 30px;
    font-weight: 800;
}

.dl-industries-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
}

.dl-industries-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.dl-industries-cta-primary,
.dl-industries-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.dl-industries-cta-primary {
    background: #ef3b3a;
    color: #fff;
}

.dl-industries-cta-secondary {
    background: #fff;
    color: #0b3d91;
}
/* =========================================================
   CONTACT PAGE - COMMON
========================================================= */

.dl-contact-tag {
    display: inline-block;
    padding: 7px 14px;
    background: #f1f6ff;
    color: #0b3d91;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}


/* =========================================================
   CONTACT BANNER
========================================================= */

.dl-contact-banner {
    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.68) 100%
        ),
        url("../images/why-us.webp") center / cover no-repeat;
}

.dl-contact-banner-content {
    max-width: 760px;
}

.dl-contact-banner .dl-contact-tag {
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

.dl-contact-banner h1 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 46px;
    line-height: 1.15;
    font-weight: 800;
}

.dl-contact-banner h1 span {
    display: block;
    color: #ef3b3a;
}

.dl-contact-banner-content > p {
    max-width: 650px;
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 16px;
    line-height: 1.8;
}

.dl-contact-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
    color: #fff;
    font-size: 13px;
}

.dl-contact-breadcrumb a {
    color: #fff;
    text-decoration: none;
}


/* =========================================================
   CONTACT INFO CARDS
========================================================= */

.dl-contact-info {
    position: relative;
    z-index: 5;
    padding: 0 0 80px;
    margin-top: -35px;
}

.dl-contact-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 15px 45px rgba(8, 43, 97, 0.08);
}

.dl-contact-info-card {
    display: flex;
    gap: 15px;
    padding: 28px 22px;
    border-right: 1px solid #e5eaf1;
}

.dl-contact-info-card:last-child {
    border-right: 0;
}

.dl-contact-info-icon {
    flex: 0 0 42px;
}

.dl-contact-info-icon span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: #eef4ff;
    border-radius: 9px;
    color: #0b3d91;
    font-size: 11px;
    font-weight: 800;
}

.dl-contact-info-content h3 {
    margin: 0 0 7px;
    color: #082b61;
    font-size: 14px;
    font-weight: 700;
}

.dl-contact-info-content p {
    margin: 0 0 8px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.dl-contact-info-content a,
.dl-contact-info-text {
    color: #0b3d91;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================================
   CONTACT MAIN
========================================================= */

.dl-contact-main {
    padding: 20px 0 90px;
}

.dl-contact-main-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 70px;
    align-items: start;
}

.dl-contact-details h2 {
    margin: 18px 0;
    color: #082b61;
    font-size: 36px;
    line-height: 1.25;
    font-weight: 800;
}

.dl-contact-details h2 span {
    display: block;
    color: #ef3b3a;
}

.dl-contact-details-intro {
    margin: 0;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
}

.dl-contact-detail-list {
    margin-top: 32px;
}

.dl-contact-detail-item {
    display: flex;
    gap: 17px;
    margin-bottom: 22px;
}

.dl-contact-detail-number {
    display: flex;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #eef4ff;
    border-radius: 9px;
    color: #0b3d91;
    font-size: 11px;
    font-weight: 800;
}

.dl-contact-detail-item h4 {
    margin: 0 0 5px;
    color: #082b61;
    font-size: 16px;
    font-weight: 700;
}

.dl-contact-detail-item p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}


/* =========================================================
   QUICK SUPPORT
========================================================= */

.dl-contact-support-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 35px;
    padding: 25px;
    background: #0b3d91;
    border-radius: 12px;
}

.dl-contact-support-box > div > span {
    color: #ef3b3a;
    font-size: 9px;
    font-weight: 700;
}

.dl-contact-support-box h3 {
    margin: 6px 0;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.dl-contact-support-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 10px;
    line-height: 1.6;
}

.dl-contact-support-box > a {
    flex-shrink: 0;
    padding: 11px 17px;
    background: #ef3b3a;
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================================
   CONTACT FORM
========================================================= */

.dl-contact-form-wrap {
    padding: 38px;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(8, 43, 97, 0.07);
}

.dl-contact-form-header {
    margin-bottom: 28px;
}

.dl-contact-form-header > span {
    color: #ef3b3a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.dl-contact-form-header h3 {
    margin: 8px 0;
    color: #082b61;
    font-size: 24px;
    font-weight: 800;
}

.dl-contact-form-header p {
    margin: 0;
    color: #64748b;
    font-size: 12px;
    line-height: 1.7;
}

.dl-contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.dl-contact-form-group {
    margin-bottom: 19px;
}

.dl-contact-form-group label {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
}

.dl-contact-form-group label span {
    color: #ef3b3a;
}

.dl-contact-form-group input,
.dl-contact-form-group select,
.dl-contact-form-group textarea {
    width: 100%;
    padding: 13px 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    outline: none;
    color: #334155;
    font-family: inherit;
    font-size: 11px;
    transition: 0.25s ease;
}

.dl-contact-form-group input {
    height: 46px;
}

.dl-contact-form-group select {
    height: 46px;
    cursor: pointer;
}

.dl-contact-form-group textarea {
    min-height: 125px;
    resize: vertical;
}

.dl-contact-form-group input:focus,
.dl-contact-form-group select:focus,
.dl-contact-form-group textarea:focus {
    background: #fff;
    border-color: #0b3d91;
    box-shadow: 0 0 0 3px rgba(11, 61, 145, 0.06);
}

.dl-contact-form-group input::placeholder,
.dl-contact-form-group textarea::placeholder {
    color: #94a3b8;
}

.dl-contact-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 5px;
}

.dl-contact-form-footer p {
    max-width: 270px;
    margin: 0;
    color: #94a3b8;
    font-size: 11px;
    line-height: 1.6;
}

.dl-contact-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 23px;
    background: #0b3d91;
    border: 0;
    border-radius: 7px;
    color: #fff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.25s ease;
}

.dl-contact-submit:hover {
    background: #082b61;
}

.dl-contact-submit span {
    transition: 0.25s ease;
}

.dl-contact-submit:hover span {
    transform: translateX(4px);
}


/* =========================================================
   LOCATION SECTION
========================================================= */

.dl-contact-location {
    padding: 85px 0;
    background: #f7f9fc;
}

.dl-contact-location-grid {
    display: grid;
    grid-template-columns: 0.7fr 1.3fr;
    gap: 60px;
    align-items: center;
}

.dl-contact-location-content h2 {
    margin: 17px 0 12px;
    color: #082b61;
    font-size: 32px;
    font-weight: 800;
}

.dl-contact-location-content > p {
    color: #64748b;
    font-size: 13px;
    line-height: 1.8;
}

.dl-contact-location-details {
    margin-top: 27px;
}

.dl-contact-location-item {
    margin-bottom: 18px;
}

.dl-contact-location-item > span {
    display: block;
    margin-bottom: 5px;
    color: #082b61;
    font-size: 11px;
    font-weight: 700;
}

.dl-contact-location-item p,
.dl-contact-location-item a {
    margin: 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.7;
    text-decoration: none;
}

.dl-contact-direction-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 8px;
    padding: 12px 20px;
    background: #0b3d91;
    border-radius: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.dl-contact-map {
    position: relative;
    overflow: hidden;
    height: 430px;
    background: #e9eef5;
    border-radius: 16px;
}

.dl-contact-map iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
}

.dl-contact-map-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
}

.dl-contact-map-placeholder span {
    color: #0b3d91;
    font-size: 10px;
    font-weight: 700;
}

.dl-contact-map-placeholder h3 {
    margin: 7px 0;
    color: #082b61;
    font-size: 25px;
    font-weight: 800;
}

.dl-contact-map-placeholder p {
    margin: 0;
    color: #64748b;
    font-size: 11px;
}


/* =========================================================
   CONTACT CTA
========================================================= */

.dl-contact-cta {
    padding: 70px 0;
}

.dl-contact-cta-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 45px 50px;
    background: #0b3d91;
    border-radius: 18px;
}

.dl-contact-cta-content {
    max-width: 680px;
}

.dl-contact-cta-content > span {
    color: #ef3b3a;
    font-size: 11px;
    font-weight: 700;
}

.dl-contact-cta-content h2 {
    margin: 10px 0;
    color: #fff;
    font-size: 30px;
    line-height: 1.3;
    font-weight: 800;
}

.dl-contact-cta-content p {
    margin: 0;
    color: rgba(255, 255, 255, 0.75);
    font-size: 13px;
    line-height: 1.7;
}

.dl-contact-cta-actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

.dl-contact-cta-primary,
.dl-contact-cta-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px 22px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

.dl-contact-cta-primary {
    background: #ef3b3a;
    color: #fff;
}

.dl-contact-cta-secondary {
    background: #fff;
    color: #0b3d91;
}

/*=========================================================
    OUR CLIENTS
=========================================================*/

.dl-clients-section{

    padding:90px 0;
    background:#f7f9fc;

}

.dl-clients-heading{

    max-width:720px;
    margin:0 auto 55px;
    text-align:center;

}

.dl-clients-tag{

    display:inline-block;
    padding:7px 15px;
    border-radius:30px;
    background:#eef4ff;
    color:#0b3d91;
    font-size:11px;
    font-weight:700;
    letter-spacing:.6px;

}

.dl-clients-heading h2{

    margin:18px 0 15px;
    color:#082b61;
    font-size:38px;
    font-weight:800;
    line-height:1.2;

}

.dl-clients-heading h2 span{

    color:#ef3b3a;

}

.dl-clients-heading p{

    color:#64748b;
    line-height:1.8;
    font-size:14px;

}

.dl-clients-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

.dl-client-card{

    background:#fff;
    border:1px solid #e6ebf2;
    border-radius:16px;
    padding:35px;
    text-align:center;
    transition:.35s;

}

.dl-client-card:hover{

    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(8,43,97,.08);

}

.dl-client-logo{

    width:120px;
    height:70px;
    margin:0 auto 22px;
    display:flex;
    align-items:center;
    justify-content:center;

}

.dl-client-logo img{

    max-width:100%;
    max-height:60px;
    filter:grayscale(100%);
    opacity:.75;
    transition:.35s;

}

.dl-client-card:hover img{

    filter:none;
    opacity:1;

}

.dl-client-card h3{

    margin:0;
    color:#082b61;
    font-size:18px;
    font-weight:700;

}

.dl-client-card span{

    display:block;
    margin-top:8px;
    color:#64748b;
    font-size:13px;

}

.dl-client-stats{

    margin-top:55px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#0b3d91;
    border-radius:16px;
    overflow:hidden;

}

.dl-client-stat{

    padding:32px 20px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,.12);

}

.dl-client-stat:last-child{

    border-right:none;

}

.dl-client-stat strong{

    display:block;
    color:#fff;
    font-size:30px;
    font-weight:800;
    margin-bottom:8px;

}

.dl-client-stat span{

    color:rgba(255,255,255,.75);
    font-size:13px;

}

/*==================================================
SERVICE DETAIL PAGE
==================================================*/

/*==============================
Banner
==============================*/

.dl-service-banner{

    position:relative;
    height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;

}

.dl-service-banner-bg{

    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;

}

.dl-service-overlay{

    position:absolute;
    inset:0;
    background:rgba(8,35,76,.72);

}

.dl-service-banner-content{

    position:relative;
    z-index:2;
    max-width:700px;
    color:#fff;

}

.dl-service-banner nav{

    margin-bottom:20px;
    font-size:14px;

}

.dl-service-banner nav a{

    color:#fff;
    text-decoration:none;
    opacity:.8;

}

.dl-service-banner nav span{

    margin:0 8px;
    opacity:.6;

}

.dl-service-banner nav strong{

    color:#EF3B3A;

}

.dl-service-banner h1{

    font-size:52px;
    font-weight:800;
    margin-bottom:20px;

}

.dl-service-banner p{

    font-size:17px;
    line-height:1.9;
    margin-bottom:35px;
    opacity:.92;

}


/*==============================
Overview
==============================*/

.dl-service-overview{

    padding:100px 0;

}

.dl-service-image{

    overflow:hidden;
    border-radius:20px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.dl-service-image img{

    width:100%;
    display:block;

}

.dl-section-tag{

    display:inline-block;
    padding:8px 18px;
    background:#EEF4FF;
    color:#0B3D91;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.6px;
    margin-bottom:20px;

}

.dl-service-content h2{

    font-size:40px;
    color:#08234C;
    font-weight:700;
    margin-bottom:20px;

}

.dl-service-content p{

    color:#666;
    line-height:1.9;
    margin-bottom:18px;

}


/*==============================
Key Benefits
==============================*/

.dl-service-features{

    padding:90px 0;
    background:#F8FAFD;

}

.dl-service-features h2{

    font-size:38px;
    font-weight:700;
    color:#08234C;

}

.dl-feature-card{

    background:#fff;
    border-radius:18px;
    padding:35px;
    text-align:center;
    height:100%;
    transition:.35s;
    border:1px solid #E8EEF6;

}

.dl-feature-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.dl-feature-icon{

    width:70px;
    height:70px;
    border-radius:50%;
    background:#EEF4FF;
    color:#0B3D91;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;

}

.dl-feature-card h5{

    font-size:20px;
    color:#08234C;
    margin:0;

}


/*==============================
Applications
==============================*/

.dl-service-applications{

    padding:100px 0;

}

.dl-service-applications h2{

    font-size:38px;
    font-weight:700;
    color:#08234C;

}

.dl-service-applications p{

    max-width:700px;
    margin:20px auto 0;
    color:#666;

}

.dl-application-card{

    background:#fff;
    border-radius:16px;
    border:1px solid #E8EEF6;
    text-align:center;
    padding:35px;
    transition:.35s;
    height:100%;

}

.dl-application-card:hover{

    background:#0B3D91;
    transform:translateY(-8px);

}

.dl-application-icon{

    width:70px;
    height:70px;
    background:#EEF4FF;
    color:#0B3D91;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto auto 20px;
    font-size:30px;

}

.dl-application-card:hover .dl-application-icon{

    background:#fff;

}

.dl-application-card h5{

    color:#08234C;
    margin:0;

}

.dl-application-card:hover h5{

    color:#fff;

}


/*==============================
Related Services
==============================*/

.dl-related-services{

    padding:100px 0;
    background:#F8FAFD;

}

.dl-related-services h2{

    font-size:38px;
    font-weight:700;
    color:#08234C;

}

.dl-related-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    height:100%;
    transition:.35s;
    border:1px solid #E8EEF6;

}

.dl-related-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

.dl-related-image{

    overflow:hidden;

}

.dl-related-image img{

    width:100%;
    height:240px;
    object-fit:cover;
    transition:.4s;

}

.dl-related-card:hover img{

    transform:scale(1.05);

}

.dl-related-content{

    padding:30px;

}

.dl-related-content h4{

    font-size:24px;
    color:#08234C;
    margin-bottom:15px;

}

.dl-related-content p{

    color:#666;
    line-height:1.8;
    margin-bottom:20px;

}

.dl-related-content a{

    color:#EF3B3A;
    font-weight:600;
    text-decoration:none;

}

.dl-related-content a i{

    margin-left:6px;

}


/*==============================
CTA
==============================*/

.dl-service-cta{

    padding:100px 0;

}

.dl-cta-box{

    background:linear-gradient(135deg,#0B3D91,#08234C);
    color:#fff;
    border-radius:22px;
    padding:60px;

}

.dl-cta-box h2{

    font-size:38px;
    font-weight:700;
    margin-bottom:20px;

}

.dl-cta-box p{

    opacity:.9;
    margin:0;

}

.dl-cta-box .btn{

    padding:15px 38px;
    font-weight:600;
    border-radius:50px;

}


/*==============================
Responsive
==============================*/

@media(max-width:991px){

.dl-service-banner{

    height:420px;

}

.dl-service-banner h1{

    font-size:40px;

}

.dl-service-content{

    margin-top:40px;

}

.dl-cta-box{

    text-align:center;

}

.dl-cta-box .text-lg-end{

    text-align:center !important;
    margin-top:30px;

}

}

@media(max-width:767px){

.dl-service-banner{

    height:380px;

}

.dl-service-banner h1{

    font-size:32px;

}

.dl-service-banner p{

    font-size:15px;

}

.dl-service-overview,
.dl-service-features,
.dl-service-applications,
.dl-related-services,
.dl-service-cta{

    padding:70px 0;

}

.dl-service-content h2,
.dl-service-features h2,
.dl-service-applications h2,
.dl-related-services h2,
.dl-cta-box h2{

    font-size:30px;

}

.dl-cta-box{

    padding:40px 30px;

}

}

/*=========================================================
SERVICES PAGE
=========================================================*/

/*==============================
Banner
==============================*/

.dl-services-banner{

    position: relative;
    padding: 85px 0;
    background:
        linear-gradient(
            90deg,
            rgba(5, 35, 79, 0.97) 0%,
            rgba(11, 61, 145, 0.90) 55%,
            rgba(11, 61, 145, 0.72) 100%
        ),
        url("../images/why-us.webp") center / cover no-repeat;


}

.dl-services-banner-content{

    max-width:700px;
    color:#fff;

}

.dl-services-banner nav{

    margin-bottom:18px;
    font-size:14px;

}

.dl-services-banner nav a{

    color:#fff;
    text-decoration:none;
    opacity:.85;

}

.dl-services-banner nav span{

    margin:0 8px;
    opacity:.6;

}

.dl-services-banner nav strong{

    color:#EF3B3A;

}

.dl-services-banner h1{

    font-size:54px;
    font-weight:800;
    margin-bottom:20px;

}

.dl-services-banner p{

    font-size:17px;
    line-height:1.9;
    opacity:.9;

}


/*==============================
Introduction
==============================*/

.dl-services-intro{

    padding:100px 0;

}

.dl-services-intro img{

    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

.dl-services-intro h2{

    font-size:42px;
    font-weight:700;
    color:#08234C;
    margin-bottom:20px;

}

.dl-services-intro p{

    color:#666;
    line-height:1.9;

}


/*==============================
Grid
==============================*/

.dl-services-grid{

    padding:90px 0;
    background:#F8FAFD;

}

.dl-service-card{

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    border:1px solid #E9EEF6;
    height:100%;
    transition:.35s;

}

.dl-service-card:hover{

    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.dl-service-image{

    overflow:hidden;

}

.dl-service-image img{

    width:100%;
    height:260px;
    object-fit:cover;
    transition:.4s;

}

.dl-service-card:hover img{

    transform:scale(1.08);

}

.dl-service-content{

    padding:30px;

}

.dl-service-content h3{

    font-size:24px;
    color:#08234C;
    margin-bottom:15px;

}

.dl-service-content p{

    color:#666;
    line-height:1.8;
    margin-bottom:20px;

}

.dl-service-content ul{

    list-style:none;
    padding:0;
    margin:0 0 25px;

}

.dl-service-content ul li{

    margin-bottom:10px;
    padding-left:24px;
    position:relative;
    color:#555;

}

.dl-service-content ul li:before{

    content:"✔";

    position:absolute;
    left:0;
    color:#0B3D91;
    font-size:13px;

}

.dl-service-content a{

    color:#EF3B3A;
    text-decoration:none;
    font-weight:600;

}

.dl-service-content a i{

    margin-left:8px;
    transition:.3s;

}

.dl-service-content a:hover i{

    margin-left:12px;

}


/*==============================
Why Choose
==============================*/

.dl-service-why{

    padding:100px 0;

}

.dl-service-why h2{

    font-size:40px;
    font-weight:700;
    color:#08234C;

}

.dl-why-box{

    background:#fff;
    border-radius:18px;
    border:1px solid #E8EEF6;
    padding:40px 20px;
    text-align:center;
    transition:.35s;
    margin-bottom:25px;

}

.dl-why-box:hover{

    background:#0B3D91;
    transform:translateY(-6px);

}

.dl-why-box h3{

    font-size:40px;
    color:#0B3D91;
    font-weight:800;
    margin-bottom:10px;

}

.dl-why-box p{

    margin:0;
    color:#666;
    font-weight:500;

}

.dl-why-box:hover h3,
.dl-why-box:hover p{

    color:#fff;

}


/*==============================
CTA
==============================*/

.dl-services-cta{

    padding-bottom:100px;

}

.dl-services-cta-box{

    background:linear-gradient(135deg,#0B3D91,#08234C);
    color:#fff;
    text-align:center;
    padding:70px;
    border-radius:24px;

}

.dl-services-cta-box h2{

    font-size:42px;
    margin-bottom:20px;
    font-weight:700;

}

.dl-services-cta-box p{

    max-width:700px;
    margin:0 auto 35px;
    line-height:1.8;
    opacity:.9;

}

.dl-services-cta-box .btn{

    padding:15px 40px;
    border-radius:50px;
    font-weight:600;

}


/*==============================
Responsive
==============================*/

@media(max-width:991px){

.dl-services-banner{

    padding:100px 0;

}

.dl-services-banner h1{

    font-size:42px;

}

.dl-services-intro{

    padding:80px 0;

}

.dl-services-intro img{

    margin-top:40px;

}

}

@media(max-width:767px){

.dl-services-banner{

    padding:80px 0;

}

.dl-services-banner h1{

    font-size:34px;

}

.dl-services-intro,
.dl-services-grid,
.dl-service-why{

    padding:70px 0;

}

.dl-services-cta{

    padding-bottom:70px;

}

.dl-services-cta-box{

    padding:45px 30px;

}

.dl-services-cta-box h2{

    font-size:30px;

}

.dl-services-intro h2,
.dl-service-why h2{

    font-size:30px;

}

.dl-service-image img{

    height:220px;

}

}

.floating-call,
.floating-whatsapp{
    position:fixed;
    bottom:5%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    text-decoration:none;
    box-shadow:0 4px 10px rgba(0,0,0,.3);
    z-index:9999;
    transition:.3s;
    padding:8px;
}

/* Call Button */
.floating-call{
    left:20px;
    background:#007bff;    
}

/* WhatsApp Button */
.floating-whatsapp{
    right:20px;
    background:#25D366;
}

/* Hover Effect */
.floating-call:hover,
.floating-whatsapp:hover{
    transform:translateY(-50%) scale(1.1);
}

/*========================*/

.dl-testimonial{

padding:90px 0;
background:#F8FAFD;

}

.dl-testimonial-slider{

overflow:hidden;
margin-bottom:25px;

}

.dl-testimonial-track{

display:flex;
width:max-content;
animation:testimonialScroll 45s linear infinite;

}

.reverse .dl-testimonial-track{

animation:testimonialReverse 50s linear infinite;

}

.dl-testimonial-slider:hover .dl-testimonial-track{

animation-play-state:paused;

}

.dl-testimonial-card{

width:360px;
margin-right:25px;

background:#fff;

padding:30px;

border-radius:18px;

border:1px solid #E8EEF6;

transition:.3s;

}

.dl-testimonial-card:hover{

transform:translateY(-6px);

box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.dl-stars{

color:#F4B400;

font-size:18px;

margin-bottom:15px;

letter-spacing:3px;

}

.dl-testimonial-card p{

line-height:1.9;

color:#666;

font-style:italic;

margin-bottom:20px;

}

.dl-testimonial-card h4{

margin:0;

font-size:20px;

color:#08234C;

}

.dl-testimonial-card span{

color:#0B3D91;

font-size:14px;

}

@keyframes testimonialScroll{

from{

transform:translateX(0);

}

to{

transform:translateX(-50%);

}

}

@keyframes testimonialReverse{

from{

transform:translateX(-50%);

}

to{

transform:translateX(0);

}

}

@media(max-width:767px){

.dl-testimonial{

padding:70px 0;

}

.dl-testimonial-card{

width:300px;

padding:25px;

}

}