body
{
    font-family: 'poppins', sans-serif;
    margin:0;
    background:#f5f6f9;
}

.header-area
{
    background:#fff;
    padding:15px 0;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
}

.navbar
{
    padding:0 10px;
}

.logo img
{
    max-height:60px;
}

.navbar-nav
{
    gap:20px;
}

.navbar-nav .nav-link
{
    color:#18233f;
    font-size:15px;
    font-weight:500;
    padding:8px 0;
    transition:.3s;
}

.navbar-nav .nav-link:hover
{
    color:#f43434;
}

.navbar-nav .active
{
    color:#f43434 !important;
    background:#fff;
}

.dropdown-toggle::after
{
    vertical-align:middle;
    font-size:12px;
}

.book-btn
{
    background:#ff3434;
    color:#fff;
    border:none;
    border-radius:35px;
    padding:8px 20px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.book-btn:hover
{
    background:#e92525;
    color:#fff;
}

.phone-box
{
    display:flex;
    align-items:center;
    gap:10px;
    margin-left:25px;
}

.phone-icon
{
    width:42px;
    height:42px;
    border-radius:50%;
    border:1px solid #eee;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ff3434;
}

.phone-text
{
    color:#18233f;
    font-weight:600;
    font-size:15px;
}

.dropdown-menu
{
    border:none;
    border-radius:15px;
    padding:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.dropdown-item
{
    padding:10px 15px;
    border-radius:8px;
    font-size:14px;
}

.dropdown-item:hover
{
    background:#f7f8fc;
    color:#ff3434;
}

@media(max-width:991px)
    {
        .navbar-nav
            {
                gap:10px;
                padding-top:20px;
            }

        .right-section
            {
                margin-top:20px;
                flex-direction:column;
                align-items:flex-start !important;
            }

        .phone-box
            {
                margin-left:0;
                margin-top:15px;
            }
    }


.hero
    {
        padding:60px 0 30px;
        overflow:hidden;
        background:linear-gradient(to right,#ffffff,#eef4ff);
        position:relative;
    }

.hero-content h1
    {
        font-size:40px;
        font-weight:700;
        line-height:1.3;
        color:#0f2e84;
        margin-bottom:5px;
    }

.hero-content h1 span
    {
        color:#ec2027;
    }

.hero-content p
    {
        font-size:22px;
        line-height:1.8;
        color:#444;
        margin-bottom:30px;
        max-width:700px;
    }

.hero-btn
    {
        padding:12px 26px;
        border-radius:40px;
        font-weight:600;
        font-size:16px;
        text-decoration:none;
        display:inline-flex;
        align-items:center;
        gap:10px;
    }

.btn-red
    {
        background:#ef2028;
        color:#fff;
    }

.btn-blue
    {
        background:#123ca4;
        color:#fff;
    }

.hero-btn:hover
    {
        color:#fff;
    }

.metric-box
    {
        background:#fff;
        padding:20px;
        border-radius:20px;
        box-shadow:0 10px 35px rgba(0,0,0,.08);
        margin-top:40px;
    }

.metric-item
    {
        display:flex;
        gap:15px;
    }

.metric-item i
    {
        font-size:30px;
        color:#1a3ba5;
        margin-top:5px;
    }

.metric-item h4
    {
        font-size:28px;
        font-weight:700;
        margin:0;
        color:#123ca4;
    }

.metric-item p
    {
        margin:0;
        font-size:14px;
    }

.right-image
    {
        position:relative;
        height:100%;
    }

.right-image img
    {
        width:100%;
        border-radius:30px;
    }

.floating-card
{
position:absolute;
background:#fff;
padding:18px;
border-radius:20px;
width:180px;
box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.card1{
top:0;
left:-30px;
}

.card2{
top:50%;
left:-50px;
}

.card3{
top:30px;
right:-30px;
}

.card4{
bottom:80px;
right:-30px;
}

.floating-card h6{
font-size:14px;
font-weight:700;
color:#ef2028;
}

.floating-card h2{
font-weight:800;
color:#123ca4;
}

.bottom-feature{
background:#fff;
margin-top:60px;
padding:30px;
border-radius:35px;
box-shadow:0 5px 25px rgba(0,0,0,.08);
border-top:6px solid #ef2028;
position:relative;
}

/*.bottom-feature:before{
content:'';
position:absolute;
left:0;
top:-6px;
width:60%;
height:6px;
background:#123ca4;
border-radius:100px;
} */

.feature-box{
text-align:center;
}

.feature-box i{
font-size:35px;
color:#1b45ad;
margin-bottom:15px;
}

.feature-box h6{
font-size:18px;
font-weight:700;
margin-bottom:5px;
}

.feature-box p{
font-size:14px;
margin:0;
color:#666;
}

@media(max-width:991px)
    {
        .hero-content h1
            {
                font-size:40px;
            }
        .right-image
            {
                margin-top:50px;
            }
        .floating-card
            {
                display:none;
            }
    }

/******* Service Section ********/

.services-section
    {
        padding:50px 0 80px;
    }

.section-title
    {
        text-align:center;
        margin-bottom:50px;
    }

.section-title h2
    {
        font-size:52px;
        font-weight:800;
        margin-bottom:0px;
        color:#0b2f89;
    }

.section-title h2 span
    {
        color:#ff2b2b;
    }

.section-title p
    {
        font-size:20px;
        color:#555;
    }

.service-card
    {
        background:#fff;
        border:1px solid #e8ebf4;
        border-radius:22px;
        padding:18px;
        height:100%;
        transition:.4s;
        box-shadow:0px 4px 18px rgba(0,0,0,.05);
    }

.service-card:hover
    {
        transform:translateY(-6px);
        box-shadow:0px 15px 35px rgba(0,0,0,.08);
    }

.service-top
    {
        display:flex;
        align-items:flex-start;
        gap:18px;
    }

.icon-box
    {
        width:60px;
        height:60px;
        min-width:60px;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
    }

.icon-box img
    {
        width:48px;
        border-radius:100%;
    }

.red-circle
    {
        background:#fff;
        border:1px solid #ffd7d7;
    }

.blue-circle
    {
        background:#fff;
        border:1px solid #d8e7ff;
    }

.service-content h4
    {
        font-size:18px;
        font-weight:600;
        color:#0b2f89;
        margin-bottom:12px;
        line-height:1.3;
    }

.service-content p
    {
        font-size:14px;
        color:#666;
        line-height:1.5;
        margin-bottom:20px;
    }

.service-btn
    {
        border:none;
        border-radius:40px;
        padding:5px 18px;
        color:#fff;
        font-size:14px;
        font-weight:600;
    }

.btn-red
    {
        background:#ff2b2b;
    }

.btn-blue
    {
        background:#003ca6;
    }

.btn-red:hover, .btn-blue:hover
    {
        color:#fff;
    }

.row-gap
    {
        row-gap:28px;
    }

@media(max-width:991px)
    {
        .section-title h2
            {
                font-size:38px;
            }

        .service-content h4
            {
                font-size:26px;
            }
    }

.why-section
    {
        padding:0px 0 50px;
    }

.main-box
    {
        background:#fff;
        border-radius:30px;
        border:1px solid #edf0f7;
        overflow:hidden;
        box-shadow:0px 5px 30px rgba(0,0,0,.05);
    }

/* Left Dashboard */

/*
.dashboard-area
    {
        padding:20px;
        background:#fff;
        height:100%;
    }

.dashboard-card
    {
        background:linear-gradient(135deg,#01164d,#002b85);
        padding:25px;
        border-radius:25px;
        color:#fff;
        height:100%;
    }

.dashboard-title
    {
        font-size:18px;
        font-weight:700;
        margin-bottom:25px;
    }

.stat-grid
    {
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:15px;
        margin-bottom:20px;
    }

.stat-box
    {
        background:rgba(255,255,255,.06);
        padding:15px;
        border-radius:15px;
    }

.stat-box small
    {
        display:block;
        font-size:12px;
        margin-bottom:8px;
        opacity:.7;
    }

.stat-box h4
    {
        font-size:32px;
        font-weight:700;
        margin:0;
    }

.chart-area
    {
        display:flex;
        gap:20px;
        margin-top:20px;
    }

.chart-box
    {
        background:rgba(255,255,255,.05);
        border-radius:15px;
        padding:20px;
        flex:1;
        height:180px;
    }

.bar-chart
    {
        display:flex;
        align-items:flex-end;
        justify-content:space-between;
        height:100px;
        margin-top:25px;
    }

.bar
    {
        width:14px;
        border-radius:5px;
    }

.blue
    {
        background:#2196f3;
    }

.red
    {
        background:#ff4778;
    }

.circle-score
    {
        width:120px;
        height:120px;
        margin:auto;
        border-radius:50%;
        background:conic-gradient(#31d5ff 0deg, #21a2ff 210deg, #45e28c 300deg, #031944 0deg);
        display:flex;
        align-items:center;
        justify-content:center;
    }

.circle-inner
    {
        width:90px;
        height:90px;
        background:#08266f;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }

.circle-inner h2
    {
        font-size:32px;
        margin:0;
    }

.circle-inner span
    {
        font-size:11px;
    }

*/

/***** Dashboard ********/

    .dashboard
        {
            background:#00206b;
            border-radius:30px;
            padding:40px;
            color:#fff;
        }

    .stat-box
        {
            background:#123285;
            border-radius:20px;
            padding:16px;
            text-align:center;
        }

    .stat-box h6
        {
            color:#d0d9ff;
            font-size:14px;
            
        }

    .counter
        {
            font-size:38px;
            font-weight:700;
        }

    .chart-box
        {
            background:#123285;
            border-radius:25px;
            padding:30px;
            min-height:280px;
        }   

    .bars
        {
            display:flex;
            align-items:flex-end;
            gap:18px;
            height:180px;
            margin-top:25px;
        }

    .bar
        {
            width:22px;
            border-radius:12px;
        }

    .bar.blue
        {
            background:#2aa7ff;
        }

    .bar.pink
        {
            background:#ff3e7f;
        }

    .bar1{animation:move1 1.5s infinite alternate;}
    .bar2{animation:move2 1.8s infinite alternate;}
    .bar3{animation:move3 2s infinite alternate;}
    .bar4{animation:move4 1.6s infinite alternate;}
    .bar5{animation:move5 1.4s infinite alternate;}
    .bar6{animation:move6 2.2s infinite alternate;}
    .bar7{animation:move7 1.7s infinite alternate;}
    .bar8{animation:move8 1.9s infinite alternate;}
    .bar9{animation:move9 1.5s infinite alternate;}
    
    @keyframes move1{from{height:50px;}to{height:100px;}}
    @keyframes move2{from{height:80px;}to{height:50px;}}
    @keyframes move3{from{height:70px;}to{height:140px;}}
    @keyframes move4{from{height:120px;}to{height:60px;}}
    @keyframes move5{from{height:40px;}to{height:90px;}}
    @keyframes move6{from{height:100px;}to{height:150px;}}
    @keyframes move7{from{height:60px;}to{height:125px;}}
    @keyframes move8{from{height:110px;}to{height:145px;}}
    @keyframes move9{from{height:90px;}to{height:180px;}}

    .circle-wrap
    {
        width:220px;
        height:220px;
        margin:auto;
        position:relative;
    }
    
    .circle-wrap svg
    {
        transform:rotate(-90deg);
    }
    
    .circle-wrap .score
    {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        text-align:center;
    }

    .circle-wrap .score h1
        {
            font-size:46px;
            margin:0;
        }

    .circle-wrap .score span
        {
            font-size:14px;
        }

    /******* END **********/


/* Right */

.content-side
    {
        padding:35px 30px;
        position:relative;
    }

.content-side h2
    {
        font-size:32px;
        font-weight:700;
        color:#08277d;
        margin-bottom:30px;
    }

.content-side h2 span
    {
        color:#ff3131;
    }

.feature-list
    {
        list-style:none;
        padding:0;
        margin:0;
    }

.feature-list li
    {
        display:flex;
        align-items:center;
        margin-bottom:20px;
        font-size:18px;
        font-weight:500;
        color:#28334c;
    }

.feature-list i
    {
        width:20px;
        height:20px;
        background:#0d46b7;
        color:#fff;
        border-radius:50%;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:12px;
        margin-right:10px;
    }

.device-image
    {
        position:absolute;
        right:20px;
        bottom:0;
        max-width:340px;
    }

.device-image img
    {
        width:100%;
    }

@media(max-width:991px)
    {
        .content-side
            {
                padding:30px;
            }
        .device-image
            {
                position:relative;
                margin-top:30px;
                right:auto;
            }
        .content-side h2
            {
                font-size:35px;
            }
        .feature-list li
            {
                font-size:18px;
            }
        .stat-grid
            {
                grid-template-columns:repeat(2,1fr);
            }
        .chart-area
            {
                flex-direction:column;
            }
    }


/******* Steps Section *********/

.how-it-works 
    {
        padding: 0px 20px 30px;
        text-align: center;
    }

    .how-it-works h2 
    {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 60px;
    }

    .how-it-works h2 span 
    {
        color: #e41e2f;
    }

    .step-wrapper 
    {
        position: relative;
    }

    .step-wrapper::before 
    {
        content: "";
        position: absolute;
        top: 45px;
        left: 8%;
        width: 84%;
        border-top: 2px dotted #b7bfd3;
        z-index: 0;
    }

    .step 
    {
        position: relative;
        z-index: 1;
        text-align: center;
    }

    .step-icon 
    {
        width: 70px;
        height: 70px;
        border: 2px solid #e8edf7;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        font-size: 24px;
        color: #1d3f91;
        position: relative;
    }

    .step-icon.red 
    {
        color: #ef3340;
    }

    .step-number 
    {
        width: 28px;
        height: 28px;
        background: #ef3340;
        color: #fff;
        border-radius: 50%;
        font-size: 14px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        bottom: -8px;
        left: 50%;
        transform: translateX(-50%);
        border: 3px solid #fff;
    }

    .step-title 
    {
        font-size: 16px;
        font-weight: 600;
        color: #111;
        margin-bottom: 2px;
    }

    .step-subtitle 
    {
        font-size: 14px;
        color: #222;
        line-height: 1.4;
    }

    @media (max-width: 991px) 
    {
        .step-wrapper::before 
            {
                display: none;
            }

        .step 
            {
                margin-bottom: 40px;
            }
    }

    .testimonial-section
        {
            padding:60px 0 0;
        }

    .testimonial-wrapper
        {
            overflow:hidden;
        }

    .testimonial-title
        {
            text-align:center;
            font-size:38px;
            font-weight:700;
            color:#062a86;
            margin-bottom:25px;
        }

    .quote-icon
        {
            position:absolute;
            left:20px;
            top:70px;
            font-size:90px;
            color:#dfe7ff;
            line-height:1;
        }

    .testimonial-card
        {
            background:#fff;
            border-radius:24px;
            padding:25px 20px;
            box-shadow:0 2px 12px rgba(0,0,0,0.08);
            min-height:260px;
            margin:10px;
            transition:0.3s;
        }

    .testimonial-card:hover
        {
            transform:translateY(-5px);
        }

    .stars
        {
            color:#ff9f1a;
            margin-bottom:22px;
            font-size:16px;
            letter-spacing:2px;
        }

    .testimonial-text
        {
            font-size:16px;
            line-height:1.6;
            color:#202020;
            font-weight:500;
            margin-bottom:25px;
        }

    .client-name
        {
            color:#2456c4;
            font-size:18px;
            font-weight:600;
        }

    .client-name::before
        {
            content:"— ";
        }

    /* Owl Dots */
    .owl-theme .owl-dots
        {
            margin-top:25px;
        }

    .owl-theme .owl-dots .owl-dot span
        {
            width:12px;
            height:12px;
            margin:5px;
            background:#b9bfd3;
            transition:0.3s;
        }

    
    .owl-theme .owl-dots .owl-dot.active span
        {
            background:#d71920;
            width:14px;
            height:14px;
        }

    @media(max-width:991px)
        {

            .testimonial-title
                {
                    font-size:34px;
                }
            .testimonial-text
                {
                    font-size:20px;
                }
            .client-name
                {
                    font-size:18px;
                }
            .quote-icon
                {
                    display:none;
                }
        }


.coverage-faq-section
    {
        padding:60px 0;
    }

    .main-box
    {
        border:2px solid #eef1f6;
        border-radius:28px;
        overflow:hidden;
        background:#fff;
    }

    /* LEFT SIDE */

    .coverage-area
    {
        padding:35px 35px 30px;
        height:100%;
    }

    .coverage-title
    {
        font-size:32px;
        font-weight:700;
        color:#03277d;
        line-height:1.15;
        margin-bottom:25px;
    }

    .coverage-subtitle
    {
        display:flex;
        align-items:center;
        gap:10px;
        color:#0d3b91;
        font-size:22px;
        font-weight:600;
        margin-bottom:28px;
    }

    .coverage-subtitle i
    {
        color:#2e65d9;
        font-size:20px;
    }

    .city-list
    {
        list-style:none;
        padding:0;
        margin:0;
    }

    .city-list li
    {
        display:flex;
        align-items:center;
        gap:12px;
        font-size:18px;
        color:#1d1d1d;
        margin-bottom:16px;
        font-weight:500;
    }

    .city-list li i
    {
        color:#ea1f2f;
        font-size:20px;
    }

    /* MAP */

    .map-area
    {
        height:100%;
        min-height:520px;
        overflow:hidden;
    }

    .map-area img
    {
        width:100%;
        height:100%;
        object-fit:cover;
    }

    /* FAQ */

    .faq-section
    {
        padding:35px;
        height:100%;
    }

    .faq-title
    {
        font-size:28px;
        font-weight:700;
        color:#03277d;
        margin-bottom:28px;
    }

    .accordion-item
    {
        border:none;
        margin-bottom:16px;
        border-radius:14px !important;
        overflow:hidden;
        box-shadow:0 2px 8px rgba(0,0,0,0.06);
    }

    .accordion-button
    {
        background:#fff;
        font-size:16px;
        font-weight:500;
        color:#1c1c1c;
        padding:12px 26px;
        box-shadow:none !important;
    }

    .accordion-button:not(.collapsed)
    {
        background:#fff;
        color:#03277d;
    }

    .accordion-button::after
    {
        display:none;
    }

    
    .faq-plus
    {
        margin-left:auto;
        color:#264eb4;
        font-size:22px;
        font-weight:700;
    }

    .accordion-body
    {
        font-size:18px;
        color:#444;
        line-height:1.7;
        padding:0 24px 24px;
    }

    /* OWL */

    .owl-theme .owl-dots
    {
        margin-top:25px;
    }

    .owl-theme .owl-dots .owl-dot span
    {
        width:10px;
        height:10px;
        background:#c2c7d6;
    }

    .owl-theme .owl-dots .owl-dot.active span
    {
        background:#e31d2f;
        width:12px;
        height:12px;
    }

    @media(max-width:1199px)
    {

        .coverage-title, .faq-title
            {
                font-size:34px;
            }

        .city-list li, .accordion-button
            {
                font-size:18px;
            }
    }

    @media(max-width:991px)
        {
            .map-area
                {
                    min-height:350px;
                }

            .coverage-area, .faq-section
                {
                    padding:25px;
                }
        }


    .footer-section
        {
            overflow:hidden;
            background:#fff;
        }

        /* TOP CTA AREA */

    .footer-top
        {
            background:#003b9b;
            position:relative;
            overflow:hidden;
            padding:0;
        }

    .footer-top::before
        {
            content:'';
            position:absolute;
            left:0;
            top:0;
            width:280px;
            height:100%;
            background:url('sleep-man.png') no-repeat left center;
            background-size:cover;
            z-index:1;
        }

    .footer-top-overlay
    {
        position:relative;
        z-index:2;
        padding:18px 40px 18px 20px;
    }

    .footer-heading
    {
        color:#fff;
        font-size:28px;
        font-weight:700;
        line-height:1.2;
        margin-bottom:8px;
    }

    .footer-subheading
    {
        color:#dbe5ff;
        font-size:18px;
        margin:0;
    }

    .cta-btns
    {
        display:flex;
        align-items:center;
        justify-content:end;
        gap:18px;
        height:100%;
    }

    .cta-btn
    {
        display:inline-flex;
        align-items:center;
        gap:12px;
        padding:10px 18px;
        border-radius:50px;
        font-size:14px;
        font-weight:600;
        text-decoration:none;
        transition:0.3s;
        white-space:nowrap;
    }

    .btn-red
    {
        background:#ef202f;
        color:#fff;
        border:2px solid #fff;
    }

    .btn-blue
    {
        background:transparent;
        color:#fff;
        border:2px solid rgba(255,255,255,0.5);
    }

    .cta-btn i
    {
        width:34px;
        height:34px;
        border-radius:50%;
        background:rgba(255,255,255,0.15);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:14px;
    }

    /* FOOTER CONTENT */

    .footer-main
    {
        padding:45px 30px 18px;
        background:#fff;
    }

    .footer-logo
    {
        max-width:190px;
        margin-bottom:14px;
    }

    .footer-desc
    {
        color:#6a6a6a;
        font-size:14px;
        line-height:1.6;
        max-width:240px;
    }

    .footer-title
    {
        font-size:20px;
        font-weight:600;
        color:#003b9b;
        margin-bottom:18px;
    }

    .footer-links
    {
        list-style:none;
        padding:0;
        margin:0;
    }

    .footer-links li
    {
        margin-bottom:10px;
    }

    .footer-links a
    {
        text-decoration:none;
        color:#444;
        font-size:15px;
        transition:0.3s;
        position:relative;
        padding-left:12px;
    }

    .footer-links a::before
    {
        content:'•';
        position:absolute;
        left:0;
        color:#ef202f;
    }

    .footer-links a:hover
    {
        color:#003b9b;
    }

    /* CONTACT */

    .contact-info
    {
        list-style:none;
        padding:0;
        margin:0 0 16px;
    }

    .contact-info li
    {
        display:flex;
        gap:12px;
        margin-bottom:12px;
        color:#444;
        font-size:15px;
    }

    .contact-info i
    {
        color:#ef202f;
        width:18px;
    }

    .whatsapp-btn
    {
        display:inline-block;
        background:#ef202f;
        color:#fff;
        font-size:14px;
        font-weight:700;
        padding:8px 18px;
        border-radius:30px;
        text-decoration:none;
        margin-bottom:18px;
    }

    .social-icons
    {
        display:flex;
        gap:12px;
    }

    .social-icons a
    {
        width:34px;
        height:34px;
        border-radius:50%;
        background:#1d5bc6;
        color:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        font-size:15px;
        transition:0.3s;
    }

    .social-icons a:hover
    {
        background:#ef202f;
    }

    /* BOTTOM */

    .footer-bottom
    {
        border-top:1px solid #ececec;
        margin-top:25px;
        padding-top:15px;
    }

    .copyright
    {
        color:#666;
        font-size:13px;
        margin:0;
    }

    .bottom-links
    {
        display:flex;
        justify-content:end;
        gap:24px;
    }

    .bottom-links a
    {
        text-decoration:none;
        color:#666;
        font-size:13px;
    }

    /* RESPONSIVE */

    @media(max-width:1199px)
    {

      .footer-heading
      {
            font-size:34px;
      }

      .footer-top-overlay
      {
            padding-left:220px;
      }

    }

    @media(max-width:991px)
    {

      .footer-top::before
      {
            display:none;
      }

      .footer-top-overlay{
        padding:30px 20px;
        text-align:center;
      }

      .cta-btns{
        justify-content:center;
        margin-top:25px;
        flex-wrap:wrap;
      }

      .footer-main{
        text-align:left;
      }

      .footer-desc{
        margin:auto;
      }

      .social-icons{
        justify-content:center;
      }

      .bottom-links{
        justify-content:center;
        margin-top:10px;
      }

      .copyright{
        text-align:center;
      }

    }

    @media(max-width:576px){

      .footer-heading{
        font-size:26px;
      }

      .footer-subheading{
        font-size:15px;
      }

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

    }

    .blog-section
    {
        padding:0px 0 80px;
    }

    .section-subtitle
    {
        color:#ef3340;
        font-size:18px;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:1px;
        margin-bottom:12px;
    }

    .section-title
    {
        font-size:48px;
        font-weight:700;
        color:#052a85;
        margin-bottom:18px;
    }

    .section-desc
    {
        color:#666;
        font-size:18px;
        margin:auto;
        line-height:1.8;
    }

    .blog-card
    {
        background:#fff;
        border-radius:24px;
        overflow:hidden;
        transition:0.4s;
        height:100%;
        box-shadow:0 5px 18px rgba(0,0,0,0.06);
        border:1px solid #eef1f5;
    }

    .blog-card:hover
    {
        transform:translateY(-8px);
        box-shadow:0 12px 28px rgba(0,0,0,0.12);
    }

    .blog-image
    {
        position:relative;
        overflow:hidden;
    }

    .blog-image img
    {
        width:100%;
        transition:0.4s;
    }

    .blog-card:hover .blog-image img
    {
        transform:scale(1.08);
    }

    .blog-badge{
      position:absolute;
      top:18px;
      left:18px;
      background:#ef3340;
      color:#fff;
      padding:8px 16px;
      border-radius:30px;
      font-size:13px;
      font-weight:700;
    }

    .blog-content{
      padding:28px;
    }

    .blog-meta{
      display:flex;
      align-items:center;
      gap:18px;
      margin-bottom:16px;
      color:#777;
      font-size:14px;
    }

    .blog-meta i{
      color:#0b4bc4;
      margin-right:6px;
    }

    .blog-title{
      font-size:20px;
      font-weight:600;
      color:#111;
      line-height:1.4;
      margin-bottom:16px;
    }

    .blog-text{
      font-size:16px;
      color:#666;
      line-height:1.8;
      margin-bottom:22px;
    }

    .read-more-btn{
      display:inline-flex;
      align-items:center;
      gap:10px;
      text-decoration:none;
      color:#0b4bc4;
      font-size:16px;
      font-weight:700;
      transition:0.3s;
    }

    .read-more-btn:hover{
      color:#ef3340;
    }

    .read-more-btn i{
      transition:0.3s;
    }

    .read-more-btn:hover i{
      transform:translateX(5px);
    }

    @media(max-width:991px){

      .section-title{
        font-size:36px;
      }

      .blog-title{
        font-size:24px;
      }

    }

    @media(max-width:576px){

      .section-title{
        font-size:30px;
      }

      .section-desc{
        font-size:16px;
      }

      .blog-content{
        padding:22px;
      }

    }


@media(max-width:767px)
{
    .hero
        {
            padding: 40px 0 20px;
        }

    .hero-content h1
        {
            font-size:28px;
        }

    .metric-item h4 {font-size:16px;}
    .metric-item p {font-size:10px;}
    .metric-item i {font-size:20px;}

    .hero-btn 
        {
            padding:10px 20px;
            font-size:12px;
        }
    .feature-box
        {
            margin-bottom:20px;
        }
    .feature-box h6
        {
            font-size:16px;
            font-weight:600;
        }

    .service-content h4
        {
            font-size:16px;
        }

    .city-list li {font-size:12px;}
    .footer-desc {margin:0; max-width: 100%;}

}