/*======================
Top Bar
=======================*/

.top-bar{
    background:#003366;
    color:#fff;
    font-size:14px;
    padding:8px 0;
}

.top-bar .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.left-info a,
.right-info a{
    color:#fff;
    text-decoration:none;
    margin-right:20px;
}

.right-info a{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    transition:.3s;
}

.right-info a:hover{
    background:#00AEEF;
}

.header-bg{
    position:relative;
    overflow:hidden;

    background:
    radial-gradient(circle at 15% 20%,rgba(0,255,255,.15),transparent 30%),
    radial-gradient(circle at 85% 80%,rgba(0,120,255,.18),transparent 35%),
    linear-gradient(135deg,#0f3d73 0%,#007b8a 45%,#0d8c7d 100%);

    min-height:120px;
}

.header-area,
.main-header,
.header,
.header-section {
    background: linear-gradient(135deg,#003366,#006699,#009999) !important;
}

.header-bg::after{
    content:"";
    position:absolute;
    inset:0;

    background:
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);

    background-size:60px 60px;
    opacity:.3;
}


/*======================
Navbar
=======================*/

.navbar{

    background:#ffffff;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
    position:sticky;
    top:0;
    z-index:999;

}

.nav-flex{

    display:flex;
    align-items:center;
    justify-content:space-between;
    height:85px;

}



.menu{

    display:flex;
    list-style:none;
    margin:0;
    padding:0;

}

.menu li{

    position:relative;

}

.menu li a{

    display:block;
    padding:30px 18px;
    color:#003366;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.3s;

}

.menu li:hover>a{

    color:#00AEEF;

}

.menu li::after{

    content:'';
    position:absolute;
    left:18px;
    bottom:20px;
    width:0;
    height:3px;
    background:#00AEEF;
    transition:.3s;

}

.menu li:hover::after{

    width:50%;

}

/* Dropdown */

.submenu{

    position:absolute;
    top:100%;
    left:0;
    width:250px;
    background:#fff;
    list-style:none;
    padding:0;
    opacity:0;
    visibility:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:.3s;

}

.dropdown:hover .submenu{

    opacity:1;
    visibility:visible;

}

.submenu li a{

    padding:14px 20px;

}

/* Button */

.track-btn{

    background:linear-gradient(90deg,#0056b3,#0099ff);
    color:#fff;
    padding:14px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;

}

.track-btn:hover{

    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,86,179,.35);

}



/* =============================logo ================================================ */


/* ==========================================
   NAVBAR
========================================== */

#nav-bar .sticky-area{
    min-height:100px;
    display:flex;
    align-items:center;
    background:#fff;
    transition:.3s;
}


.navigation{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100px;
}

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

.navigation-btn{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    height:100px;
}

/* ==========================================
   LARGE DESKTOP
========================================== */

@media (min-width:1400px){

.logo img{
    height:100px;
}

#nav-bar .sticky-area,
.logo,
.navigation,
.navigation-btn{
    height:100px;
}

}

/* ==========================================
   LAPTOP
========================================== */

@media (max-width:1199px){

.logo img{
    height:85px;
}

#nav-bar .sticky-area,
.logo,
.navigation,
.navigation-btn{
    height:85px;
}

}

/* ==========================================
   TABLET
========================================== */

@media (max-width:991px){

#nav-bar .sticky-area{
    min-height:auto;
    padding:12px 0;
}

.logo{
    justify-content:center;
    height:auto;
}

.logo img{
    height:70px;
}

.navigation{
    display:none;
}

.navigation-btn{
    display:none;
}

.responsive-menu-wrap{
    display:block;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    z-index:9999;
}

.col-lg-3.col-md-12{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
}

}
/* ================= MOBILE ================= */

@media (max-width:991px){

#nav-bar .sticky-area{
    min-height:80px;
    padding:10px 15px;
}

#nav-bar .col-lg-3,
#nav-bar .col-md-12{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}

#nav-bar .col-lg-3{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* Logo */

.logo{
    margin:0;
    padding:0;
}

@media (max-width:991px){

#nav-bar .sticky-area{
    min-height:90px !important;
    overflow: visible !important;
}

.logo{
    height:auto !important;
    overflow:visible !important;
    padding:30px 0;
}

.logo img{
    height:70px !important;
    width:auto;
    max-height:none !important;
    display:block;
}

}

@media (max-width:991px){

.slicknav_btn{
    margin-top: -12px !important;
}

}

@media (max-width:991px){

.mean-container a.meanmenu-reveal{
    top: -12px !important;   /* -8px ya -12px adjust kar sakte ho */
    right: 15px !important;
}

}
/* Desktop Menu Hide */

.navigation,
.navigation-btn{
    display:none !important;
}

/* Hamburger */

.responsive-menu-wrap{
    display:block !important;
    margin-left:auto;
}

/* Mean Menu */

.mean-container{
    position:static !important;
}

.mean-container .mean-bar{
    position:static !important;
    background:transparent !important;
    min-height:auto;
    padding:0;
}

.mean-container a.meanmenu-reveal{
    position:relative !important;
    right:auto !important;
    top:auto !important;
}

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width:480px){

#nav-bar .sticky-area{
    padding:8px 0;
}

.logo img{
    height:55px;
    max-width:140px;
}

.navigation{
    display:none;
}

.navigation-btn{
    display:none;
}

.responsive-menu-wrap{
    right:10px;
}

}

/* ==========================================
   HAMBURGER MENU
========================================== */

.mean-container .mean-bar,
.slicknav_menu{
    background:#ffffff !important;
    padding:0 !important;
}

.mean-container a.meanmenu-reveal,
.slicknav_btn{
    color:#0b3b70 !important;
}

.mean-container .mean-nav,
.slicknav_nav{
    background:#ffffff !important;
}

.mean-container .mean-nav ul li a,
.slicknav_nav a{
    color:#222 !important;
    border-bottom:1px solid #eee;
    font-size:15px;
    padding:12px 15px;
}

.mean-container .mean-nav ul li a:hover,
.slicknav_nav a:hover{
    background:#f5f5f5;
    color:#f7931e !important;
}


/* Logo Container */
.logoPage {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
}

/* Logo Image */
.logoPage img {
    width: 180px;
    max-width: 100%;
    height: auto;
    display: block;
    transition: 0.3s ease;
}

/* Hover Effect */
.logoPage img:hover {
    transform: scale(1.05);
}

/* =========================
   Tablet (768px - 991px)
========================= */
@media (max-width: 991px) {
    .logoPage {
        justify-content: center;
        padding: 15px 0;
    }

    .logoPage img {
        width: 150px;
    }
}

/* =========================
   Mobile (576px - 767px)
========================= */
@media (max-width: 767px) {
    .logoPage {
        justify-content: center;
        padding: 10px 0;
    }

    .logoPage img {
        width: 130px;
    }
}

/* =========================
   Small Mobile (0 - 575px)
========================= */
@media (max-width: 575px) {
    .logoPage img {
        width: 110px;
    }
}


/* ============================slider================================== */


/* Owl Carousel Navigation Hide */
#home-slider .owl-nav {
    display: none !important;
}

/* Owl Carousel Dots Hide */
#home-slider .owl-dots {
    display: none !important;
}

/* Slider Full Height */
#home-slider .item {
    height: 700px;
    position: relative;
    display: flex;
    align-items: center;
}

#home-slider .home-slider-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Dark Overlay */
#home-slider .overlay-bg {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.55);
}

#home-slider .container {
    position: relative;
    z-index: 2;
}

/* Text Style */
.slider-dtl-2 {
    color: #fff;
}

.slider-sub-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.slider-heading {
    font-size: 56px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.slider-dtl-2 p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    max-width: 650px;
}

/* Button */
.slider-btn .btn {
    background: #ff6600;
    border: none;
    padding: 14px 35px;
    border-radius: 5px;
    transition: .3s;
}

.slider-btn .btn:hover {
    background: #000;
}

.slider-btn a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

/* Responsive */
@media(max-width:991px){

    #home-slider .item{
        height:550px;
    }

    .slider-heading{
        font-size:38px;
    }

    .slider-dtl-2 p{
        font-size:16px;
    }
}

@media(max-width:576px){

    #home-slider .item{
        height:480px;
    }

    .slider-heading{
        font-size:30px;
    }

    .slider-sub-heading{
        font-size:16px;
    }
}

/* Desktop */
#home-slider .item{
    height: 550px;   /* Pehle 700px tha */
}

/* Tablet */
@media (max-width:991px){
    #home-slider .item{
        height: 380px;
    }
}

/* Mobile */
@media (max-width:576px){
    #home-slider .item{
        height: 300px;
    }
}



@media (max-width:767px){

#home-slider .item{
    height:220px !important;
    min-height:220px !important;
    padding:0 !important;

    background-size:100% 100% !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
}

}


/*=====================================
        ABOUT SECTION NEW STYLE
======================================*/

.about-main-block{
    padding:90px 0;
    background:#f7f9fc;
}

.about-main-block .section-heading{
    font-size:48px;
    font-weight:700;
    line-height:60px;
    color:#0b2341;
    margin-bottom:25px;
}

.about-main-block .section p{
    font-size:17px;
    line-height:30px;
    color:#666;
    margin-bottom:40px;
}

/* About Card */

.about-dtl .row{

    background:#fff;

    border-radius:15px;

    padding:22px;

    margin-bottom:25px;

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

    transition:.35s;

    align-items:center;

}

.about-dtl .row:hover{

    transform:translateY(-8px);

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

}

/* Icon */

.about-icon{

    width:80px;

    height:80px;

    background:#0d6efd;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin:auto;

}

.about-icon img{

    width:42px;

    filter:brightness(0) invert(1);

}

/* Heading */

.about-heading{

    font-size:24px;

    font-weight:700;

    color:#0b2341;

    margin-bottom:10px;

}

.about-sub-heading p{

    color:#666;

    font-size:16px;

    line-height:28px;

    margin:0;

}

/* Image */

.about-img{

    text-align:center;

}

.about-img img{

    max-width:100%;

    border-radius:20px;

    transition:.4s;

}

.about-img img:hover{

    transform:scale(1.03);

}

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

@media(max-width:991px){

.about-main-block{

padding:70px 0;

}

.about-main-block .section-heading{

font-size:38px;

line-height:50px;

}

.about-img{

margin-top:40px;

}

}

@media(max-width:767px){

.about-main-block{

padding:50px 0;

}

.about-main-block .section-heading{

font-size:30px;

line-height:40px;

text-align:center;

}

.about-main-block .section p{

text-align:center;

}

.about-dtl .row{

padding:18px;

text-align:center;

}

.about-icon{

margin-bottom:15px;

}

.about-heading{

font-size:22px;

}

.about-img{

margin-top:35px;

}

}



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


.transport-cards{
    display:flex;
    gap:30px;
    flex-wrap:wrap;
    margin-top:40px;
}

.transport-card{
    flex:1;
    min-width:320px;
    background:#fff;
    padding:35px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    transition:.3s;
    
}

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

.card-icon{
    width:70px;
    height:70px;
    background:#0d6efd;
    color:#fff;
    font-size:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.transport-card h3{
    font-size:28px;
    color:#222;
    margin-bottom:20px;
    font-weight:700;
}

.transport-card ul{
    margin:0;
    padding:0;
    list-style:none;
}

.transport-card ul li{
    position:relative;
    padding-left:28px;
    margin-bottom:14px;
    font-size:16px;
    color:#555;
    line-height:26px;
}

.transport-card ul li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#16a34a;
    font-weight:bold;
}

@media(max-width:768px){

.transport-cards{
    display:block;
}

.transport-card{
    margin-bottom:25px;
}

}


/* 
===============================our services============================== */

/*====================================
        SERVICES SECTION
=====================================*/

#services{
    background:#f7f9fc;
    padding:90px 0;
}

#services .section-heading{
    font-size:42px;
    font-weight:700;
    color:#1b1b1b;
    margin-bottom:50px;
    position:relative;
}

#services .section-heading:after{
    content:'';
    width:80px;
    height:4px;
    background:#0d6efd;
    display:block;
    margin:18px auto 0;
    border-radius:50px;
}

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

.services-block-2{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    transition:.4s;
    position:relative;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin:18px 10px;
}

.services-block-2:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(13,110,253,.18);
}

/* Blue Border Animation */

.services-block-2:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:5px;
    background:#0d6efd;
    transition:.4s;
}

.services-block-2:hover:before{
    width:100%;
}

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

.services-img{
    overflow:hidden;
    position:relative;
}

.services-img img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.5s;
}

.services-block-2:hover .services-img img{
    transform:scale(1.08);
}

/* Dark Overlay */

.services-img:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.35));
}

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

.services-dtl-2{
    padding:28px;
    position:relative;
}

/* Number Circle */

.services-meta{
    position:absolute;
    top:-25px;
    right:25px;
}

.services-meta a{
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#0d6efd;
    color:#fff;
    border-radius:50%;
    text-decoration:none;
    font-weight:700;
    font-size:20px;
    box-shadow:0 10px 20px rgba(13,110,253,.35);
}

/* Heading */

.services-heading{
    margin-top:15px;
    margin-bottom:15px;
}

.services-heading a{
    color:#222;
    font-size:24px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.services-block-2:hover .services-heading a{
    color:#0d6efd;
}

/* Paragraph */

.services-dtl-2 p{
    color:#666;
    line-height:28px;
    margin-bottom:22px;
}

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

.services-dtl-2 .btn-link{
    background:#0d6efd;
    color:#fff !important;
    text-decoration:none;
    padding:12px 28px;
    border-radius:50px;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-weight:600;
    transition:.3s;
}

.services-dtl-2 .btn-link:hover{
    background:#0b5ed7;
    transform:translateX(6px);
}

.services-dtl-2 .btn-link i{
    transition:.3s;
}

.services-dtl-2 .btn-link:hover i{
    transform:translateX(6px);
}

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

#service-slider .owl-stage{
    display:flex;
}

#service-slider .owl-item{
    display:flex;
}

#service-slider .owl-nav{
    margin-top:35px;
    text-align:center;
}

#service-slider .owl-prev,
#service-slider .owl-next{
    width:50px;
    height:50px;
    border-radius:50% !important;
    background:#0d6efd !important;
    color:#fff !important;
    font-size:22px !important;
    margin:0 8px;
    transition:.3s;
}

#service-slider .owl-prev:hover,
#service-slider .owl-next:hover{
    background:#222 !important;
}

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

@media(max-width:991px){

.services-img img{
    height:220px;
}

#services .section-heading{
    font-size:34px;
}

}

@media(max-width:767px){

.services-img img{
    height:200px;
}

.services-heading a{
    font-size:20px;
}

.services-dtl-2{
    padding:22px;
}

}




/*=============================
        TOP BAR
==============================*/

.top-bar{
    background:linear-gradient(90deg,#0056b3,#0088cc,#00a86b);
    color:#fff;
    padding:12px 0;
    font-size:15px;
    box-shadow:0 5px 20px rgba(0,0,0,.15);
    position:relative;
    z-index:99;
}

.top-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

/* Left */

.left-info{
    display:flex;
    align-items:center;
    gap:30px;
}

.left-info a{
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    transition:.35s;
    font-weight:500;
}

.left-info a i{
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:12px;
    font-size:20px;
    transition:.35s;
}

.left-info a:hover{
    color:#ffd54f;
}

.left-info a:hover i{
    background:#fff;
    color:#0088cc;
    transform:rotate(360deg);
}

/* Social */

.right-info{
    display:flex;
    gap:12px;
}

.social{
    width:42px;
    height:42px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.15);
    color:#fff;
    font-size:18px;
    text-decoration:none;
    transition:.35s;
}

.social:hover{
    background:#fff;
    color:#0088cc;
    transform:translateY(-5px);
    box-shadow:0 10px 20px rgba(0,0,0,.2);
}

.facebook:hover{
    color:#1877F2;
}

.instagram:hover{
    color:#E1306C;
}

.linkedin:hover{
    color:#0077B5;
}

/* Responsive */

@media(max-width:768px){

.top-flex{
    flex-direction:column;
    gap:15px;
}

.left-info{
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
}

.right-info{
    justify-content:center;
}

}

/*==================================
        PREMIUM NAVBAR
===================================*/

#nav-bar{
    position:relative;
    z-index:999;
}

#nav-bar .sticky-area{
    background:#fff;
    border-radius:0 0 18px 18px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    padding:0;
}

/* Logo */

.logoPage{
    display:flex;
    align-items:center;
    height:90px;
}

.logoPage img{
    height:75px;
    width:auto;
    transition:.35s;
}

.logoPage img:hover{
    transform:scale(1.05);
}

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

.navigation{
    display:flex;
    justify-content:center;
    align-items:center;
    height:90px;
}

#cssmenu>ul{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
}

#cssmenu>ul>li{
    list-style:none;
    position:relative;
    margin:0 8px;
}

#cssmenu>ul>li>a{
    color:#222;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    padding:33px 16px;
    display:block;
    transition:.35s;
    position:relative;
}

/* Underline Animation */

#cssmenu>ul>li>a:after{
    content:'';
    position:absolute;
    left:50%;
    bottom:18px;
    width:0;
    height:3px;
    background:#0d6efd;
    transition:.35s;
    transform:translateX(-50%);
    border-radius:20px;
}

#cssmenu>ul>li:hover>a{
    color:#0d6efd;
}

#cssmenu>ul>li:hover>a:after{
    width:70%;
}

/*===========================
        DROPDOWN
===========================*/

#cssmenu ul ul{
    position:absolute;
    top:110%;
    left:0;
    min-width:250px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 20px 40px rgba(0,0,0,.12);
    opacity:0;
    visibility:hidden;
    transition:.35s;
    padding:12px 0;
}

#cssmenu ul li:hover>ul{
    opacity:1;
    visibility:visible;
    top:100%;
}

#cssmenu ul ul li{
    list-style:none;
}

#cssmenu ul ul li a{
    display:block;
    color:#444;
    padding:13px 25px;
    text-decoration:none;
    font-size:15px;
    transition:.3s;
}

#cssmenu ul ul li a:hover{
    background:#0d6efd;
    color:#fff;
    padding-left:35px;
}

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

.navigation-btn{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.navigation-btn .btn{
    background:linear-gradient(90deg,#0d6efd,#00a86b);
    color:#fff;
    border:none;
    border-radius:50px;
    padding:14px 34px;
    font-weight:600;
    font-size:15px;
    transition:.35s;
    box-shadow:0 10px 25px rgba(13,110,253,.25);
}

.navigation-btn .btn:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 35px rgba(0,0,0,.18);
}

/*===========================
        STICKY
===========================*/

.nav-fixed,
#nav-bar.fixed,
.sticky-area.fixed{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    animation:slideDown .4s ease;
    z-index:9999;
}

@keyframes slideDown{

from{
transform:translateY(-100%);
}

to{
transform:translateY(0);
}

}

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

@media(max-width:991px){

.logoPage{
    justify-content:center;
    height:80px;
}

.logoPage img{
    height:65px;
}

.navigation{
    height:auto;
}

.navigation-btn{
    justify-content:center;
    height:auto;
    margin:20px 0;
}

}


#home-slider,
#home-slider .item{
    width:100%;
}

.home-slider-bg{
    width:100%;
    min-height:700px;   /* Desktop Height */
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.overlay-bg{
    width:100%;
    height:100%;
}

/* Large Desktop */
@media(min-width:1600px){
    .home-slider-bg{
        min-height:850px;
    }
}

/* Laptop */
@media(max-width:1199px){
    .home-slider-bg{
        min-height:550px;
    }
}

/* Tablet */
@media(max-width:991px){
    .home-slider-bg{
        min-height:420px;
        background-size:cover;
    }
}

/* Mobile */
@media(max-width:767px){
    .home-slider-bg{
        min-height:260px;
        background-size:cover;
        background-position:center;
    }
}


/* Parent */
#cssmenu ul li{
    position:relative;
}

/* Dropdown */
#cssmenu ul li ul{
    position:absolute;
    top:100%;          /* 105% ya 110% mat rakho */
    left:0;
    display:none;
    min-width:240px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
    z-index:99999;
}

/* Hover */
#cssmenu ul li:hover > ul{
    display:block;
}

/* Remove gap */
#cssmenu ul li{
    padding-bottom:0;
    margin-bottom:0;
}

/* Link */
#cssmenu ul li ul li a{
    display:block;
    padding:14px 20px;
    color:#333;
}

/* Hover */
#cssmenu ul li ul li a:hover{
    background:#1565ff;
    color:#fff;
}


#cssmenu > ul > li.has-sub > a::after{
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}



.facts-section{
    padding:80px 0;
    background:#f5f8fc;
}

.fact-card{
    background:#fff;
    border-radius:18px;
    padding:35px 20px;
    text-align:center;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    height:100%;
    border-top:5px solid #0d6efd;
}

.fact-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.fact-icon{
    width:80px;
    height:80px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#00b894);
    color:#fff;
    font-size:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.fact-card h2{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:8px;
}

.fact-card p{
    font-size:17px;
    color:#666;
    margin:0;
}

@media(max-width:767px){

.fact-card{
    margin-bottom:20px;
}

.fact-card h2{
    font-size:34px;
}

}


.testimonial-section{
    padding:90px 0;
    background:#f4f8fc;
}

.sub-title{
    color:#0d6efd;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-heading{
    font-size:40px;
    font-weight:700;
    margin:10px 0;
}

.testimonial-card{

    position:relative;
    background:#fff;
    border-radius:20px;
    padding:35px;
    margin:15px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;
    overflow:hidden;

}

.testimonial-card:hover{

    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);

}

.quote-icon{

    width:60px;
    height:60px;
    border-radius:50%;
    background:linear-gradient(135deg,#0066ff,#00b894);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:25px;

}

.testimonial-card p{

    color:#555;
    line-height:30px;
    font-size:16px;
    margin-bottom:30px;

}

.client-info{

    display:flex;
    align-items:center;

}

.client-info img{

    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    margin-right:18px;
    border:4px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,.15);

}

.client-info h5{

    margin:0;
    font-size:18px;
    font-weight:700;

}

.client-info span{

    color:#888;
    font-size:14px;

}

@media(max-width:768px){

.testimonial-card{

    padding:25px;

}

.section-heading{

    font-size:30px;

}

}


.gallery-section{
    padding:60px 0;
    background:#f7f7f7;
}

.gallery-section .row{
    margin:0;
}

.gallery-section [class*="col-"]{
    padding:12px;
}

.gallery-card{
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    transition:.4s;
    background:#fff;
}

.gallery-card img{
    width:100%;
    aspect-ratio:4/3;     /* Automatically responsive */
    object-fit:cover;
    display:block;
    transition:.5s;
}

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

/* Large Desktop */
@media (min-width:1400px){
    .gallery-card img{
        aspect-ratio:16/10;
    }
}

/* Laptop */
@media (max-width:1199px){
    .gallery-card img{
        aspect-ratio:4/3;
    }
}

/* Tablet */
@media (max-width:991px){
    .gallery-section{
        padding:50px 0;
    }

    .gallery-section [class*="col-"]{
        padding:10px;
    }
}

/* Mobile */
@media (max-width:767px){

    .gallery-section{
        padding:40px 0;
    }

    .gallery-section [class*="col-"]{
        padding:8px;
    }

    .gallery-card{
        border-radius:12px;
    }
}

/* Small Mobile (Vivo, Oppo, Redmi, Samsung, etc.) */
@media (max-width:575px){

    .gallery-section{
        padding:30px 10px;
    }

    .gallery-section [class*="col-"]{
        padding:6px;
    }

    .gallery-card{
        border-radius:10px;
    }
}


.section-title{
    padding:70px 0 40px;
}

.section-title .sub-title{
    display:inline-block;
    color:#0d6efd;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
}

.section-title h2{
    font-size:42px;
    font-weight:700;
    color:#222;
    margin-bottom:15px;
}

.section-title p{
    max-width:650px;
    margin:auto;
    color:#666;
    font-size:16px;
    line-height:28px;
}

@media(max-width:768px){
    .section-title{
        padding:50px 15px 30px;
    }

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

    .section-title p{
        font-size:15px;
    }
}


.section{
    margin-bottom:60px;
}

.section-subtitle{
    display:inline-block;
    color:#0d6efd;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:10px;
    position:relative;
}

.section-subtitle::before,
.section-subtitle::after{
    content:'';
    width:40px;
    height:2px;
    background:#0d6efd;
    display:inline-block;
    vertical-align:middle;
    margin:0 12px;
}

.section-heading{
    font-size:42px;
    font-weight:800;
    color:#222;
    margin-bottom:18px;
    position:relative;
}

.section-heading::after{
    content:'';
    width:80px;
    height:4px;
    background:linear-gradient(to right,#0d6efd,#00b894);
    display:block;
    margin:15px auto 0;
    border-radius:30px;
}

.section-description{
    max-width:760px;
    margin:20px auto 0;
    color:#666;
    font-size:17px;
    line-height:30px;
}

/* Tablet */
@media(max-width:991px){

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

.section-description{
    font-size:16px;
    padding:0 20px;
}

}

/* Mobile */
@media(max-width:576px){

.section{
    margin-bottom:40px;
}

.section-subtitle{
    font-size:13px;
}

.section-heading{
    font-size:28px;
}

.section-description{
    font-size:15px;
    line-height:26px;
    padding:0 15px;
}

.section-subtitle::before,
.section-subtitle::after{
    width:20px;
    margin:0 8px;
}

}



/* =============================footer start css ====================================== */


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

#footer{
    background:#071c34;
    color:#fff;
    position:relative;
    overflow:hidden;
    padding-top:80px;
}

#footer::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#0d6efd,#00b894,#ffc107);
}

.footer-widget{
    margin-bottom:40px;
}

.logo-footer img{
    max-width:180px;
    margin-bottom:20px;
}

/* Heading */

.footer-widget h6{
    color:#fff;
    font-size:22px;
    font-weight:700;
    margin-bottom:30px;
    position:relative;
    padding-bottom:12px;
}

.footer-widget h6::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:55px;
    height:3px;
    background:#0d6efd;
}

/* Paragraph */

.footer-widget p{
    color:#c6d2df;
    line-height:28px;
    font-size:15px;
}

/* Address */

.footer-address{
    color:#fff;
    font-weight:600;
    margin-bottom:5px;
}

.footer-address-dtl{
    color:#b7c4d3;
}

/* Icons */

.footer-icon{
    width:45px;
    height:45px;
    background:#0d6efd;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:20px;
}

/* Links */

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

.footer-list li{
    margin-bottom:15px;
}

.footer-list li a{
    color:#c6d2df;
    text-decoration:none;
    transition:.3s;
}

.footer-list li a:hover{
    color:#fff;
    padding-left:8px;
}

.footer-list i{
    color:#0d6efd;
    margin-right:8px;
}

/* Recent News */

.footer-img img{
    width:75px;
    height:75px;
    border-radius:10px;
    object-fit:cover;
}

.recent-news-footer p{
    color:#fff;
    margin-bottom:6px;
    font-size:15px;
}

.date-footer{
    color:#0d6efd;
    font-size:13px;
}

/* Newsletter */

.footer-form input.form-control{
    border-radius:50px;
    border:none;
    height:50px;
    padding-left:20px;
}

.footer-form .btn{
    width:100%;
    border-radius:50px;
    margin-top:12px;
    background:#0d6efd;
    border:none;
    height:50px;
    font-weight:600;
}

.footer-form .btn:hover{
    background:#0056d6;
}

/* Social */

.footer-social ul{
    display:flex;
    align-items:center;
    gap:10px;
    padding:0;
    margin-top:25px;
    list-style:none;
}

.footer-social li:first-child{
    color:#fff;
    font-weight:600;
}

.footer-social a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#12355f;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    transition:.3s;
}

.footer-social a:hover{
    background:#0d6efd;
    transform:translateY(-5px);
}

/* Tiny Footer */

.tiny-footer{
    background:#051426;
    padding:18px 0;
    margin-top:40px;
}

.copyright-block p{
    margin:0;
    color:#b7c4d3;
}

.copyright-block a{
    color:#0d6efd;
    text-decoration:none;
}

.copyright-social ul{
    display:flex;
    justify-content:flex-end;
    gap:20px;
    list-style:none;
    margin:0;
    padding:0;
}

.copyright-social a{
    color:#c6d2df;
    text-decoration:none;
    transition:.3s;
}

.copyright-social a:hover{
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

.footer-widget{
    margin-bottom:35px;
}

.copyright-social ul{
    justify-content:center;
    margin-top:15px;
    flex-wrap:wrap;
}

.copyright-block{
    text-align:center;
}

}

@media(max-width:576px){

#footer{
    padding-top:60px;
}

.footer-widget h6{
    font-size:20px;
}

.footer-social ul{
    flex-wrap:wrap;
}

.footer-img img{
    width:65px;
    height:65px;
}

}


.footer-address-dtl a{
    color:#cfd8e3;
    text-decoration:none;
    transition:.3s;
}

.footer-address-dtl a:hover{
    color:#0d6efd;
}


/* 
===========================contact us ====================================== */

/*===========================
PAGE TITLE HERO
===========================*/

.page-title-section{
    width:100%;
    min-height:420px;

    background:url("/Slider/Contactuspage.png") center center/cover no-repeat;

    display:flex;
    align-items:center;

    position:relative;
}

.page-title-box{
    max-width:1320px;
    width:100%;
    margin:auto;
    padding:0 50px;
    color:#fff;
}

.page-title-box h1{
    font-size:60px;
    font-weight:700;
}

.breadcrumb-box{
    margin-top:15px;
}



@media (max-width:1200px){

.page-title-section{
    min-height:350px;
}

.page-title-box h1{
    font-size:48px;
}

}

@media (max-width:992px){

.page-title-section{
    min-height:300px;
    background-position:center;
}

.page-title-box{
    padding:0 30px;
}

.page-title-box h1{
    font-size:40px;
}

}

@media (max-width:768px){

.page-title-section{
    min-height:220px;
    background-position:center;
}

.page-title-box{
    padding:0 20px;
}

.page-title-box h1{
    font-size:32px;
}

.breadcrumb-box{
    font-size:14px;
}

}

@media (max-width:480px){

.page-title-section{
    min-height:180px;
}

.page-title-box h1{
    font-size:26px;
}

.breadcrumb-box{
    font-size:13px;
}

}

.breadcrumb-box{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:12px 28px;

    border-radius:40px;

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

}

.breadcrumb-box a{

    color:#ffffff;

    text-decoration:none;

    transition:.3s;

    font-weight:500;

}

.breadcrumb-box a:hover{

    color:#ffc107;

}

.breadcrumb-box span{

    color:#ddd;

    font-size:15px;

}

/* Decorative Shape */

.page-title-section::after{

    content:'';

    position:absolute;

    bottom:-80px;

    left:-80px;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(255,193,7,.15);

    filter:blur(10px);

}

/* Responsive */

@media(max-width:992px){

.page-title-section{

height:300px;

}

.page-title-box{

padding:30px;

margin:20px;

}

.page-title-box h1{

font-size:38px;

}

}

@media(max-width:576px){

.page-title-section{

height:250px;

}

.page-title-box h1{

font-size:30px;

}

.breadcrumb-box{

font-size:14px;

padding:10px 18px;

}

}



/*==============================
CONTACT SECTION
===============================*/

.contact-section{
    padding:100px 0;
    background:#f5f8fc;
}

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

.section-heading span{
    color:#ff9800;
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
}

.section-heading h2{
    font-size:42px;
    font-weight:700;
    color:#0b2c5f;
    margin:15px 0;
}

.section-heading p{
    color:#6c757d;
    font-size:17px;
    line-height:28px;
}

/*==============================
CONTACT WRAPPER
===============================*/

.contact-wrapper{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:40px;
    align-items:start;
}

/*==============================
LEFT CARD
===============================*/

.contact-info{

    background:linear-gradient(135deg,#0b2c5f,#174f9c);

    color:#fff;

    padding:45px;

    border-radius:25px;

    box-shadow:0 20px 40px rgba(0,0,0,.15);

}

.contact-info h3{

    font-size:30px;

    margin-bottom:15px;

}

.contact-info p{

    opacity:.9;

    line-height:28px;

    margin-bottom:35px;

}

.info-box{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:30px;

}

.icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#fff;

    color:#0b2c5f;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    transition:.3s;

}

.info-box:hover .icon{

    background:#ff9800;

    color:#fff;

    transform:rotate(10deg);

}

.info-box h5{

    margin-bottom:5px;

    font-size:18px;

}

.info-box span{

    font-size:15px;

    opacity:.9;

}

/*==============================
RIGHT CARD
===============================*/

.contact-form{

    background:#fff;

    padding:45px;

    border-radius:25px;

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

}

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

.form-group{

    position:relative;

    margin-bottom:30px;

}

.form-group input,
.form-group textarea{

    width:100%;

    border:2px solid #e6eaf0;

    border-radius:14px;

    padding:18px 18px;

    font-size:16px;

    outline:none;

    background:#fff;

    transition:.3s;

}

.form-group textarea{

    resize:none;

}

.form-group label{

    position:absolute;

    top:18px;

    left:18px;

    background:#fff;

    padding:0 6px;

    color:#888;

    transition:.3s;

    pointer-events:none;

}

.form-group input:focus,
.form-group textarea:focus{

    border-color:#0b5ed7;

    box-shadow:0 0 15px rgba(13,110,253,.15);

}

.form-group input:focus+label,
.form-group textarea:focus+label,
.form-group input:valid+label,
.form-group textarea:valid+label{

    top:-11px;

    left:14px;

    color:#0b5ed7;

    font-size:13px;

    font-weight:600;

}

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

.contact-btn{

    border:none;

    background:linear-gradient(135deg,#ff9800,#ffb300);

    color:#fff;

    padding:18px 45px;

    border-radius:50px;

    font-size:17px;

    font-weight:600;

    transition:.35s;

    display:inline-flex;

    align-items:center;

    gap:12px;

    box-shadow:0 15px 30px rgba(255,152,0,.35);

}

.contact-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(255,152,0,.45);

}

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

@media(max-width:992px){

.contact-wrapper{

grid-template-columns:1fr;

}

.contact-info{

padding:35px;

}

.contact-form{

padding:35px;

}

.section-heading h2{

font-size:34px;

}

}

@media(max-width:768px){

.contact-section{

padding:70px 0;

}

.section-heading h2{

font-size:30px;

}

.contact-info{

padding:30px;

}

.contact-form{

padding:30px 20px;

}

.info-box{

align-items:flex-start;

}

.contact-btn{

width:100%;

justify-content:center;

}

}

@media(max-width:480px){

.section-heading h2{

font-size:26px;

}

.section-heading p{

font-size:15px;

}

.contact-info h3{

font-size:24px;

}

.icon{

width:55px;

height:55px;

font-size:20px;

}

}

.contact-info{
    color:#fff;
}

.contact-info h3{
    color:#fff;
}

.contact-info p{
    color:#e9eef8;
}

.info-box{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:28px;
}

.icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#fff;

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

    transition:.35s;
}

.icon i{
    color:#0b4ea2;
    font-size:28px;
}

.info-box:hover .icon{
    background:#ffc107;
    transform:translateY(-4px);
}

.info-box:hover .icon i{
    color:#fff;
}

.info-content h5{
    color:#fff;
    font-size:22px;
    margin-bottom:4px;
}

.info-content span{
    color:#e8edf7;
    font-size:16px;
}


.contact-info .info-box h5{
    color: #fff !important;
}

.contact-info .info-box span{
    color: #fff !important;
}


/*==================================
OFFICE SECTION
===================================*/

.office-wrapper{
    max-width:1300px;
    margin:80px auto;
    padding:0 15px;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

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

.office-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

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

    transition:.35s;

    position:relative;

    overflow:hidden;

    border-top:5px solid #0d4ea6;

}

.office-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(90deg,#0d4ea6,#ffb400);

}

.office-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.15);

}

/*==================================
TITLE
===================================*/

.office-title{

    display:flex;

    align-items:center;

    gap:15px;

    margin-bottom:20px;

}

.office-title i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#0d4ea6;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    transition:.3s;

}

.office-card:hover .office-title i{

    background:#ffb400;

    transform:rotate(12deg);

}

.office-title h3{

    margin:0;

    font-size:24px;

    font-weight:700;

    color:#0d2d62;

}

/*==================================
ADDRESS
===================================*/

.office-card p{

    color:#666;

    line-height:30px;

    font-size:16px;

    margin-bottom:25px;

}

/*==================================
PHONE
===================================*/

.office-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    background:#0d4ea6;

    color:#fff;

    padding:14px 25px;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.office-card a i{

    font-size:16px;

}

.office-card a:hover{

    background:#ffb400;

    color:#fff;

    transform:translateY(-3px);

}

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

@media(max-width:992px){

.office-wrapper{

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

}

}

@media(max-width:768px){

.office-wrapper{

grid-template-columns:1fr;

}

.office-card{

padding:28px;

}

.office-title h3{

font-size:22px;

}

}

@media(max-width:480px){

.office-card{

padding:22px;

}

.office-title i{

width:50px;

height:50px;

font-size:20px;

}

.office-title h3{

font-size:20px;

}

.office-card p{

font-size:15px;

line-height:28px;

}

.office-card a{

width:100%;

justify-content:center;

}

}


.office-map-section{
    padding:80px 0;
    background:#f6f8fc;
}

.office-map-card{

    max-width:1300px;

    margin:auto;

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    display:grid;

    grid-template-columns:420px 1fr;

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

}

.office-details{

    background:linear-gradient(135deg,#0b3d91,#1658c0);

    color:#fff;

    padding:45px;

}

.office-details h3{

    font-size:30px;

    margin-bottom:25px;

}

.office-details h3 i{

    color:#ffc107;

    margin-right:10px;

}

.office-details p{

    line-height:32px;

    font-size:17px;

    margin-bottom:35px;

}

.office-details a{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    text-decoration:none;

    margin-bottom:18px;

    font-size:17px;

    transition:.3s;

}

.office-details a:hover{

    color:#ffc107;

}

.office-map iframe{

    width:100%;

    height:100%;

    min-height:420px;

    border:0;

}


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

.about-banner{

    position:relative;

    width:100%;

    min-height:420px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    linear-gradient(rgba(8,33,72,.65),rgba(8,33,72,.65)),
    url("/Slider/Aboutssss.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

/* Dark Overlay */

.about-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(7,32,71,.85) 0%,
        rgba(7,32,71,.45) 45%,
        rgba(7,32,71,.15) 100%
    );

}

/* Text */

.page-title-box{

    position:relative;

    z-index:2;

    max-width:700px;

    padding:80px;

    color:#fff;

}

.page-title-box span{

    display:inline-block;

    color:#ffc107;

    letter-spacing:2px;

    font-weight:600;

    text-transform:uppercase;

    margin-bottom:15px;

}

.page-title-box h1{

    font-size:64px;

    font-weight:700;

    margin-bottom:20px;

    color:#fff;

}

.page-title-box p{

    font-size:18px;

    line-height:32px;

    color:#f5f5f5;

    margin-bottom:30px;

}

.breadcrumb-box{

    display:flex;

    align-items:center;

    gap:10px;

}

.breadcrumb-box a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.breadcrumb-box a:hover{

    color:#ffc107;

}

.breadcrumb-box span{

    color:#ffc107;

}

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

@media(max-width:992px){

.about-banner{

min-height:340px;

}

.page-title-box{

padding:40px;

}

.page-title-box h1{

font-size:46px;

}

}

@media(max-width:768px){

.about-banner{

min-height:280px;

background-position:center;

}

.page-title-box{

padding:25px;

}

.page-title-box h1{

font-size:34px;

}

.page-title-box p{

font-size:16px;

line-height:28px;

}

}

@media(max-width:480px){

.about-banner{

min-height:220px;

}

.page-title-box h1{

font-size:28px;

}

.page-title-box p{

display:none;

}

}



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

.about-section{

    padding:90px 0;

    background:#f5f8fc;

}

/* Left Card */

.about-card{

    background:#fff;

    padding:45px;

    border-radius:25px;

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

    transition:.35s;

    border-top:6px solid #0d4ea6;

}

.about-card:hover{

    transform:translateY(-8px);

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

}

.about-tag{

    display:inline-block;

    background:#0d4ea6;

    color:#fff;

    padding:8px 18px;

    border-radius:50px;

    font-size:14px;

    letter-spacing:2px;

    margin-bottom:20px;

}

.about-card h2{

    font-size:42px;

    font-weight:700;

    color:#0d2d62;

    margin-bottom:25px;

}

.about-card p{

    color:#666;

    line-height:30px;

    margin-bottom:18px;

    font-size:16px;

}

/* Features */

.about-features{

    display:grid;

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

    gap:20px;

    margin-top:35px;

}

.feature{

    display:flex;

    align-items:center;

    gap:12px;

    background:#f7f9fc;

    padding:15px;

    border-radius:15px;

    transition:.3s;

}

.feature:hover{

    background:#0d4ea6;

    color:#fff;

}

.feature i{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#ffc107;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:18px;

}

.feature span{

    font-weight:600;

}

/* Right Image */

.about-image-card{

    background:#fff;

    padding:15px;

    border-radius:25px;

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

}

.about-image-card img{

    width:100%;

    border-radius:18px;

}

/* Responsive */

@media(max-width:991px){

.about-card{

margin-bottom:35px;

}

}

@media(max-width:768px){

.about-card{

padding:30px;

}

.about-card h2{

font-size:32px;

}

.about-features{

grid-template-columns:1fr;

}

}

@media(max-width:480px){

.about-card{

padding:22px;

}

.about-card h2{

font-size:26px;

}

.about-card p{

font-size:15px;

line-height:28px;

}

}

.row.align-items-center{
    align-items: stretch !important;
}

.about-card,
.about-image-card{
    height:100%;
}

.about-image-card img{
    width:100%;
    height:100%;
    min-height:650px;
    object-fit:cover;
}



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

.work-process{

    padding:100px 0;

    background:#f4f8fd;

    position:relative;

    overflow:hidden;

}

/* Background Circles */

.work-process::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-150px;

    width:450px;

    height:450px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

}

.work-process::after{

    content:"";

    position:absolute;

    bottom:-150px;

    left:-120px;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

}

/* Title */

.section-title{

    text-align:center;

    margin-bottom:70px;

    position:relative;

    z-index:2;

}

.section-title span{

    display:inline-block;

    background:#e8f1ff;

    color:#0d6efd;

    padding:10px 25px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:18px;

}

.section-title h2{

    font-size:52px;

    color:#17325c;

    font-weight:700;

    margin-bottom:15px;

}

.section-title p{

    font-size:18px;

    color:#666;

}

/* Cards */

.process-grid{

    display:grid;

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

    gap:30px;

    position:relative;

    z-index:2;

}

.process-card{

    position:relative;

    background:#fff;

    border-radius:25px;

    padding:45px 30px;

    text-align:center;

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

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(0,0,0,.15);

}

.step-no{

    position:absolute;

    top:25px;

    right:25px;

    font-size:72px;

    font-weight:800;

    color:#edf2fa;

    line-height:1;

}

.icon{

    width:95px;

    height:95px;

    margin:auto;

    border-radius:50%;

    background:linear-gradient(135deg,#0d6efd,#16b3ff);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:38px;

    margin-bottom:30px;

    transition:.35s;

}

.process-card:hover .icon{

    transform:rotate(10deg) scale(1.08);

}

.process-card h3{

    color:#0d6efd;

    font-size:30px;

    margin-bottom:18px;

    font-weight:700;

}

.process-card p{

    color:#666;

    line-height:30px;

    font-size:17px;

}

/* Responsive */

@media(max-width:1200px){

.process-grid{

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

}

}

@media(max-width:768px){

.work-process{

padding:70px 0;

}

.section-title h2{

font-size:34px;

}

.process-grid{

grid-template-columns:1fr;

}

.process-card{

padding:35px 25px;

}

.icon{

width:80px;

height:80px;

font-size:32px;

}

.process-card h3{

font-size:24px;

}

.step-no{

font-size:55px;

}

}

@media(max-width:480px){

.section-title h2{

font-size:28px;

}

.section-title p{

font-size:15px;

}

.process-card{

padding:30px 20px;

}

}



.office-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:50px;
}

.office-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    border-top:5px solid #0d6efd;
    transition:.35s;
    height:100%;
}

.office-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.office-card h3{
    font-size:24px;
    margin-bottom:18px;
    color:#183153;
}

.office-card h3 i{
    color:#0d6efd;
    margin-right:10px;
}

.office-card p{
    color:#666;
    line-height:30px;
    font-size:16px;
    margin-bottom:25px;
}

.office-card a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:40px;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    margin-top:8px;
}

.office-card a:hover{
    background:#ffc107;
    color:#000;
}




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

.vision-banner{

    position:relative;

    width:100%;

    min-height:420px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    linear-gradient(rgba(6,35,75,.65),rgba(6,35,75,.65)),
    url("../Slider/Vision&mission.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

/* Overlay */

.vision-banner::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(6,35,75,.85),
        rgba(6,35,75,.45),
        rgba(6,35,75,.15)
    );

}

/* Content */

.page-title-box{

    position:relative;

    z-index:2;

    color:#fff;

    max-width:700px;

}

.page-title-box span{

    display:inline-block;

    color:#ffc107;

    font-size:15px;

    font-weight:600;

    letter-spacing:2px;

    margin-bottom:15px;

}

.page-title-box h1{

    font-size:58px;

    font-weight:700;

    margin-bottom:15px;

    color:#fff;

}

.page-title-box p{

    font-size:18px;

    line-height:30px;

    color:#f2f2f2;

    margin-bottom:25px;

}

.breadcrumb-box{

    display:flex;

    align-items:center;

    gap:10px;

}

.breadcrumb-box a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.breadcrumb-box a:hover{

    color:#ffc107;

}

.breadcrumb-box span{

    color:#ffc107;

}

/* Responsive */

@media(max-width:991px){

.vision-banner{

min-height:320px;

}

.page-title-box h1{

font-size:42px;

}

}

@media(max-width:768px){

.vision-banner{

min-height:260px;

}

.page-title-box h1{

font-size:32px;

}

.page-title-box p{

font-size:16px;

line-height:26px;

}

}

@media(max-width:480px){

.vision-banner{

min-height:220px;

}

.page-title-box h1{

font-size:28px;

}

.page-title-box p{

display:none;

}

}



/* ==============================vision & mission=============================== */

/*=========================
MISSION SECTION
==========================*/

.mission-section{

    padding:90px 0;

    background:#f7f9fc;

}

/* Left Card */

.mission-img-card{

    position:relative;

    overflow:hidden;

    border-radius:25px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

}

.mission-img-card img{

    width:100%;

    height:520px;

    object-fit:cover;

    transition:.4s;

}

.mission-img-card:hover img{

    transform:scale(1.08);

}

.mission-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:25px;

    background:linear-gradient(transparent,rgba(0,0,0,.75));

}

.mission-overlay h2{

    color:#fff;

    margin:0;

    font-size:34px;

}

/* Right Card */

.mission-content-card{

    background:#fff;

    padding:40px;

    border-radius:10px;
   

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

    height:100%;
   

}

.mission-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    background:#0d6efd;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    margin-bottom:25px;

}

.mission-content-card h2{

    font-size:40px;

    color:#17325c;

    margin-bottom:20px;

}

.mission-content-card p{

    color:#666;

    line-height:32px;

    font-size:17px;

    margin-bottom:30px;

}

.mission-list{

    display:grid;

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

    gap:18px;

}

.mission-list .item{

    background:#f5f8fc;

    padding:15px 18px;

    border-radius:12px;

    font-weight:600;

}

.mission-list i{

    color:#28a745;

    margin-right:8px;

}


.mission-img-card{
    position: relative;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,.12);
}

.mission-img-card img{
    width: 100%;
    height: 100%;
    min-height: 450px;
    max-height: 600px;
    object-fit: cover;
    display: block;
    transition: .4s;
}

.mission-img-card:hover img{
    transform: scale(1.05);
}

.mission-overlay{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: linear-gradient(to top, rgba(0,0,0,.75), transparent);
}

.mission-overlay h2{
    color: #fff;
    font-size: 32px;
    margin: 0;
    font-weight: 700;
}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   COMPLETE WEBSITE CSS
========================================================= */


/* =========================================================
   ROOT
========================================================= */

:root {

    --primary: #082B59;
    --primary-dark: #061F40;
    --primary-light: #0B4F9C;

    --orange: #F58220;
    --orange-dark: #D9680D;
    --orange-light: #FFF0E4;

    --white: #FFFFFF;
    --light: #F5F8FC;

    --text: #1B2735;
    --muted: #687789;

    --border: #E3EAF2;

    --shadow:
        0 15px 45px rgba(8, 43, 89, 0.10);
}


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

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    color: var(--text);

    background: var(--white);

    line-height: 1.6;

    overflow-x: hidden;
}


a {
    text-decoration: none;
}


img {
    max-width: 100%;
    display: block;
}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.section-container {

    width: min(1180px, 92%);

    margin: auto;
}


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

.services-hero {

    position: relative;

    min-height: 720px;

    display: flex;
    align-items: center;

    overflow: hidden;

    color: var(--white);

    background:
        linear-gradient(
            120deg,
            #041A35 0%,
            #082B59 50%,
            #0B4F9C 100%
        );
}


.hero-background {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4, 26, 53, .96),
            rgba(8, 43, 89, .86)
        );

    z-index: 0;
}


.services-hero::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -260px;
    top: -260px;

    border:
        80px solid
        rgba(245, 130, 32, .10);

    border-radius: 50%;
}


.services-hero::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    left: -220px;
    bottom: -220px;

    background:
        rgba(245, 130, 32, .08);

    border-radius: 50%;
}


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

.hero-container {

    position: relative;

    z-index: 2;

    width: min(1180px, 92%);

    margin: auto;

    display: grid;

    grid-template-columns:
        1.15fr
        .85fr;

    gap: 70px;

    align-items: center;
}


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

.hero-content {

    max-width: 700px;
}


.hero-label {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #FFB067;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 25px;
}


.hero-label span {

    width: 38px;

    height: 3px;

    background: var(--orange);

    border-radius: 10px;
}


.hero-content h1 {

    font-size:
        clamp(44px, 5.5vw, 76px);

    line-height: 1.02;

    letter-spacing: -2.5px;

    font-weight: 800;

    color: var(--white);

    margin-bottom: 25px;
}


.hero-content h1 strong {

    display: block;

    color: var(--orange);
}


.hero-content p {

    max-width: 650px;

    font-size: 17px;

    line-height: 1.8;

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

    margin-bottom: 35px;
}


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

.hero-buttons {

    display: flex;

    gap: 15px;

    flex-wrap: wrap;
}


.primary-btn,
.secondary-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 15px 24px;

    border-radius: 7px;

    font-size: 14px;

    font-weight: 800;

    transition: .3s ease;
}


.primary-btn {

    background: var(--orange);

    color: var(--white);

    border:
        2px solid
        var(--orange);

    box-shadow:
        0 10px 25px
        rgba(245,130,32,.25);
}


.primary-btn:hover {

    background: var(--white);

    color: var(--primary);

    border-color: var(--white);

    transform: translateY(-3px);
}


.secondary-btn {

    background: transparent;

    color: var(--white);

    border:
        2px solid
        rgba(255,255,255,.45);
}


.secondary-btn:hover {

    background: var(--white);

    color: var(--primary);

    border-color: var(--white);

    transform: translateY(-3px);
}


/* =========================================================
   CARGO CARD
========================================================= */

.hero-cargo-card {

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

    color: var(--text);

    padding: 30px;

    border-radius: 16px;

    border-top:
        5px solid
        var(--orange);

    box-shadow:
        0 30px 70px
        rgba(0,0,0,.25);

    animation:
        floatingCard 5s ease-in-out infinite;
}


@keyframes floatingCard {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}


/* =========================================================
   CARGO CARD TOP
========================================================= */

.cargo-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

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

    color: var(--primary);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.cargo-card-top i {

    color: var(--orange);

    font-size: 22px;
}


/* =========================================================
   ROUTE
========================================================= */

.cargo-route {

    display: grid;

    grid-template-columns:
        auto
        1fr
        auto;

    gap: 15px;

    align-items: center;

    padding: 35px 0;
}


.route-city {

    text-align: center;
}


.route-city span {

    display: block;

    font-size: 10px;

    color: var(--muted);

    font-weight: 700;

    letter-spacing: 1px;

    margin-top: 8px;
}


.route-city strong {

    display: block;

    font-size: 28px;

    color: var(--primary);

    margin-top: 3px;
}


.route-dot {

    width: 15px;

    height: 15px;

    margin: auto;

    background: var(--orange);

    border:
        4px solid
        #FFE3CE;

    border-radius: 50%;
}


.route-line {

    position: relative;

    height: 3px;

    background:
        #D8E2EE;
}


.moving-dot {

    position: absolute;

    width: 8px;

    height: 8px;

    top: -3px;

    left: 30%;

    background: var(--orange);

    border-radius: 50%;

    animation:
        movingDot 2s linear infinite;
}


@keyframes movingDot {

    0% {
        left: 0;
    }

    100% {
        left: 95%;
    }
}


.route-line i {

    position: absolute;

    left: 50%;

    top: -15px;

    transform:
        translateX(-50%);

    color: var(--primary-light);

    background: var(--white);

    padding: 0 8px;

    font-size: 20px;
}


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

.cargo-card-footer {

    display: grid;

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

    gap: 10px;

    padding-top: 22px;

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

    text-align: center;
}


.cargo-card-footer small {

    display: block;

    color: var(--muted);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1px;
}


.cargo-card-footer strong {

    display: block;

    color: var(--primary);

    font-size: 15px;

    margin-top: 4px;
}


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

.services-intro {

    padding: 100px 0;

    background: var(--white);
}


.services-intro .section-container {

    display: grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap: 80px;

    align-items: center;
}


.section-label {

    display: inline-block;

    color: var(--orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;

    margin-bottom: 15px;
}


.intro-heading h2,
.services-heading h2,
.why-heading h2,
.process-heading h2 {

    color: var(--primary);

    font-size:
        clamp(36px, 4vw, 52px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;
}


.intro-heading h2 span,
.services-heading h2 span,
.why-heading h2 span,
.process-heading h2 span {

    display: block;

    color: var(--orange);
}


.intro-text p {

    color: var(--muted);

    font-size: 16px;

    line-height: 1.8;

    margin-bottom: 18px;
}


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

.cargo-services {

    padding: 100px 0;

    background: var(--light);
}


.services-heading {

    display: flex;

    align-items: end;

    justify-content: space-between;

    gap: 30px;

    margin-bottom: 55px;
}


.services-heading > p {

    max-width: 430px;

    color: var(--muted);

    font-size: 15px;
}


/* =========================================================
   SERVICE BLOCK
========================================================= */

.service-block {

    display: grid;

    grid-template-columns:
        1fr
        1fr;

    background: var(--white);

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

    border-radius: 18px;

    overflow: hidden;

    margin-bottom: 35px;

    box-shadow:
        0 15px 45px
        rgba(8,43,89,.07);

    transition: .35s ease;
}


.service-block:hover {

    transform:
        translateY(-7px);

    box-shadow:
        0 25px 60px
        rgba(8,43,89,.14);
}


/* =========================================================
   REVERSE
========================================================= */

.service-block.reverse {

    direction: rtl;
}


.service-block.reverse .service-content,
.service-block.reverse .service-image {

    direction: ltr;
}


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

.service-image {

    position: relative;

    min-height: 480px;

    display: flex;

    align-items: flex-end;

    padding: 35px;

    overflow: hidden;
}


.air-image {

    background:
        linear-gradient(
            135deg,
            #092D58,
            #1671B9
        );
}


.surface-image {

    background:
        linear-gradient(
            135deg,
            #123E5D,
            #16856F
        );
}


.train-image {

    background:
        linear-gradient(
            135deg,
            #282F45,
            #5A3E80
        );
}


.service-image::before {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -80px;
    top: -80px;

    border:
        50px solid
        rgba(255,255,255,.08);

    border-radius: 50%;
}


.image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.65),
            rgba(0,0,0,.05)
        );
}


/* =========================================================
   SERVICE NUMBER
========================================================= */

.service-number {

    position: absolute;

    top: 30px;

    left: 30px;

    z-index: 2;

    font-size: 65px;

    font-weight: 900;

    color:
        rgba(255,255,255,.18);
}


/* =========================================================
   SERVICE ICON
========================================================= */

.service-icon {

    position: absolute;

    top: 32px;

    right: 32px;

    z-index: 2;

    width: 58px;
    height: 58px;

    display: flex;

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

    border-radius: 12px;

    background: var(--orange);

    color: var(--white);

    font-size: 23px;

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


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

.image-caption {

    position: relative;

    z-index: 2;

    color: var(--white);

    font-size: 14px;

    font-weight: 800;

    letter-spacing: 2px;
}


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

.service-content {

    padding: 55px 50px;
}


.service-tag {

    color: var(--primary-light);

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.2px;
}


.service-content h3 {

    color: var(--primary);

    font-size: 36px;

    line-height: 1.1;

    margin: 12px 0 20px;

    font-weight: 800;
}


.service-content h3 span {

    color: var(--orange);
}


.service-content p {

    color: var(--muted);

    font-size: 15px;

    line-height: 1.8;

    margin-bottom: 17px;
}


.service-content .service-lead {

    color: var(--text);

    font-size: 16px;

    font-weight: 500;
}


/* =========================================================
   SERVICE FEATURES
========================================================= */

.service-features {

    display: grid;

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

    gap: 18px;

    margin: 30px 0;
}


.service-features > div {

    display: flex;

    gap: 12px;

    padding-bottom: 15px;

    border-bottom:
        1px solid
        var(--border);
}


.service-features i {

    color: var(--orange);

    font-size: 18px;

    margin-top: 3px;
}


.service-features strong {

    display: block;

    color: var(--primary);

    font-size: 13px;

    margin-bottom: 2px;
}


.service-features span {

    display: block;

    color: var(--muted);

    font-size: 11px;
}


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

.service-button {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 21px;

    border-radius: 6px;

    background: var(--primary);

    color: var(--white);

    font-size: 13px;

    font-weight: 800;

    transition: .3s ease;
}


.service-button:hover {

    background: var(--orange);

    transform:
        translateX(4px);
}


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

.why-section {

    padding: 100px 0;

    background: var(--white);
}


.why-heading {

    max-width: 700px;

    margin-bottom: 50px;
}


.why-heading p {

    color: var(--muted);

    margin-top: 18px;

    max-width: 600px;
}


/* =========================================================
   WHY GRID
========================================================= */

.why-grid {

    display: grid;

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

    gap: 20px;
}


.why-card {

    position: relative;

    padding: 30px;

    background: var(--white);

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

    border-radius: 14px;

    transition: .3s ease;
}


.why-card:hover {

    transform:
        translateY(-7px);

    border-color:
        var(--orange);

    box-shadow:
        var(--shadow);
}


.why-icon {

    width: 55px;
    height: 55px;

    display: flex;

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

    border-radius: 12px;

    background:
        var(--orange-light);

    color: var(--orange);

    font-size: 21px;

    margin-bottom: 20px;
}


.why-card > span {

    color: var(--orange);

    font-size: 12px;

    font-weight: 900;

    letter-spacing: 1px;
}


.why-card h3 {

    color: var(--primary);

    font-size: 20px;

    margin: 7px 0 10px;
}


.why-card p {

    color: var(--muted);

    font-size: 13px;

    line-height: 1.7;
}


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

.process-section {

    padding: 100px 0;

    background: var(--light);
}


.process-heading {

    margin-bottom: 50px;
}


.process-grid {

    display: grid;

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

    gap: 20px;
}


.process-item {

    position: relative;

    padding: 30px;

    background: var(--white);

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

    border-radius: 14px;

    transition: .3s ease;
}


.process-item:hover {

    transform:
        translateY(-7px);

    border-color:
        var(--orange);

    box-shadow:
        var(--shadow);
}


.process-number {

    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 50%;

    background: var(--primary);

    color: var(--white);

    font-size: 12px;

    font-weight: 800;

    margin-bottom: 30px;
}


.process-item > i {

    display: block;

    color: var(--orange);

    font-size: 28px;

    margin-bottom: 17px;
}


.process-item h3 {

    color: var(--primary);

    font-size: 19px;

    margin-bottom: 10px;
}


.process-item p {

    color: var(--muted);

    font-size: 13px;

    line-height: 1.7;
}


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

.services-cta {

    position: relative;

    overflow: hidden;

    padding: 90px 0;

    background:
        linear-gradient(
            120deg,
            #041A35,
            #082B59 55%,
            #0B4F9C
        );

    color: var(--white);
}


.services-cta::before {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    right: -180px;
    top: -180px;

    border:
        70px solid
        rgba(245,130,32,.10);

    border-radius: 50%;
}


.cta-pattern {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            135deg,
            transparent 45%,
            rgba(255,255,255,.025) 45%,
            rgba(255,255,255,.025) 50%,
            transparent 50%
        );

    background-size: 35px 35px;
}


.cta-container {

    position: relative;

    z-index: 2;

    width: min(1180px, 92%);

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 50px;
}


.cta-content > span {

    color: #FFB067;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;
}


.cta-content h2 {

    color: var(--white);

    font-size:
        clamp(38px, 4vw, 55px);

    line-height: 1.05;

    margin: 12px 0 18px;

    font-weight: 800;
}


.cta-content h2 strong {

    color: var(--orange);
}


.cta-content p {

    max-width: 600px;

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

    line-height: 1.7;
}


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

.cta-actions {

    display: flex;

    align-items: center;

    gap: 15px;

    flex-shrink: 0;
}


.cta-phone {

    display: flex;

    align-items: center;

    gap: 13px;

    padding: 14px 18px;

    color: var(--white);

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius: 8px;

    transition: .3s ease;
}


.cta-phone:hover {

    border-color:
        var(--orange);

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


.cta-phone i {

    color: var(--orange);

    font-size: 20px;
}


.cta-phone small {

    display: block;

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

    font-size: 9px;

    letter-spacing: 1px;

    font-weight: 700;
}


.cta-phone strong {

    display: block;

    font-size: 14px;

    margin-top: 2px;
}


.cta-button {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 15px 22px;

    background: var(--orange);

    color: var(--white);

    border:
        2px solid
        var(--orange);

    border-radius: 7px;

    font-size: 13px;

    font-weight: 800;

    transition: .3s ease;
}


.cta-button:hover {

    background: var(--white);

    color: var(--primary);

    border-color: var(--white);

    transform:
        translateY(-3px);
}


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

.footer {

    background: #031426;

    color: var(--white);

    padding-top: 55px;
}


.footer-container {

    width: min(1180px, 92%);

    margin: auto;

    display: flex;

    justify-content: space-between;

    gap: 40px;

    padding-bottom: 40px;
}


.footer-brand h3 {

    color: var(--white);

    font-size: 22px;

    margin-bottom: 12px;
}


.footer-brand h3 span {

    color: var(--orange);
}


.footer-brand p {

    max-width: 480px;

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

    font-size: 13px;

    line-height: 1.7;
}


.footer-links {

    display: flex;

    align-items: center;

    gap: 25px;
}


.footer-links a {

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

    font-size: 13px;

    font-weight: 700;

    transition: .3s ease;
}


.footer-links a:hover {

    color: var(--orange);
}


.footer-bottom {

    padding: 18px;

    text-align: center;

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

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

    font-size: 11px;
}


/* =========================================================
   RESPONSIVE - TABLET
========================================================= */

@media (max-width: 1000px) {

    .hero-container {

        grid-template-columns: 1fr;

        gap: 45px;

        padding: 80px 0;
    }


    .hero-cargo-card {

        max-width: 600px;
    }


    .services-intro .section-container {

        grid-template-columns: 1fr;

        gap: 35px;
    }


    .why-grid,
    .process-grid {

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


    .cta-container {

        flex-direction: column;

        align-items: flex-start;
    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 700px) {

    .services-hero {

        min-height: auto;
    }


    .hero-container {

        width: 90%;

        padding: 75px 0;
    }


    .hero-content h1 {

        font-size: 43px;

        letter-spacing: -1.5px;
    }


    .hero-content p {

        font-size: 15px;
    }


    .hero-buttons {

        flex-direction: column;

        align-items: stretch;
    }


    .primary-btn,
    .secondary-btn {

        width: 100%;
    }


    .hero-cargo-card {

        padding: 22px;
    }


    .cargo-card-footer {

        gap: 5px;
    }


    .services-intro,
    .cargo-services,
    .why-section,
    .process-section {

        padding: 70px 0;
    }


    .services-heading {

        display: block;
    }


    .services-heading > p {

        margin-top: 20px;
    }


    .service-block {

        grid-template-columns: 1fr;

        margin-bottom: 25px;
    }


    .service-block.reverse {

        direction: ltr;
    }


    .service-image {

        min-height: 330px;
    }


    .service-content {

        padding: 35px 25px;
    }


    .service-content h3 {

        font-size: 30px;
    }


    .service-features {

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .why-grid,
    .process-grid {

        grid-template-columns: 1fr;
    }


    .cta-container {

        width: 90%;
    }


    .cta-actions {

        width: 100%;

        flex-direction: column;

        align-items: stretch;
    }


    .cta-phone,
    .cta-button {

        width: 100%;

        justify-content: center;
    }


    .footer-container {

        flex-direction: column;
    }


    .footer-links {

        align-items: flex-start;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .hero-content h1 {

        font-size: 37px;
    }


    .cargo-route {

        gap: 8px;
    }


    .route-city strong {

        font-size: 22px;
    }


    .service-image {

        min-height: 280px;
    }


    .service-number {

        font-size: 50px;
    }


    .intro-heading h2,
    .services-heading h2,
    .why-heading h2,
    .process-heading h2 {

        font-size: 35px;
    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   PREMIUM NAVIGATION DESIGN
========================================================= */

:root {
    --sbe-blue: #075DB5;
    --sbe-blue-dark: #052F61;
    --sbe-blue-light: #087EF5;

    --sbe-green: #00A982;
    --sbe-green-dark: #008A6B;

    --sbe-white: #ffffff;
    --sbe-text: #182230;
    --sbe-muted: #64748B;

    --sbe-border: #E7EDF4;
}


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

.nav-bar-main-block {

    position: relative;

    z-index: 9999;

    width: 100%;

    background: #ffffff;

    border-bottom:
        1px solid
        var(--sbe-border);

    box-shadow:
        0 8px 30px
        rgba(15, 45, 80, 0.07);

}


/* =========================================================
   STICKY AREA
========================================================= */

.nav-bar-main-block .sticky-area {

    width: 100%;

    background: rgba(255, 255, 255, 0.98);

    backdrop-filter: blur(12px);

    -webkit-backdrop-filter: blur(12px);

}


/* =========================================================
   NAV CONTAINER
========================================================= */

.nav-bar-main-block .container {

    max-width: 1240px;

}


/* =========================================================
   ROW
========================================================= */

.nav-bar-main-block .row {

    min-height: 94px;

    align-items: center;

}


/* =========================================================
   LOGO
========================================================= */

.logoPage {

    display: flex;

    align-items: center;

    height: 94px;

}


.logoPage a {

    display: flex;

    align-items: center;

}


.logoPage img {

    width: 145px;

    height: 82px;

    object-fit: contain;

    display: block;

    transition:
        transform .3s ease,
        filter .3s ease;

}


.logoPage img:hover {

    transform:
        scale(1.04);

    filter:
        drop-shadow(
            0 8px 12px
            rgba(0, 80, 160, .15)
        );

}


/* =========================================================
   NAVIGATION
========================================================= */

.navigation {

    height: 94px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   MAIN MENU UL
========================================================= */

#cssmenu > ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 3px;

}


/* =========================================================
   MAIN MENU LI
========================================================= */

#cssmenu > ul > li {

    position: relative;

    list-style: none;

}


/* =========================================================
   MAIN MENU LINKS
========================================================= */

#cssmenu > ul > li > a {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 94px;

    padding: 0 16px;

    color: var(--sbe-text) !important;

    background: transparent;

    font-size: 14px;

    font-weight: 800;

    letter-spacing: .35px;

    text-transform: uppercase;

    white-space: nowrap;

    transition:
        color .25s ease,
        background .25s ease;

}


/* =========================================================
   BOTTOM ACTIVE LINE
========================================================= */

#cssmenu > ul > li > a::after {

    content: "";

    position: absolute;

    left: 16px;

    right: 16px;

    bottom: 0;

    height: 3px;

    border-radius:
        4px 4px 0 0;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    transform:
        scaleX(0);

    transform-origin: center;

    transition:
        transform .3s ease;

}


/* =========================================================
   HOVER
========================================================= */

#cssmenu > ul > li:hover > a {

    color: var(--sbe-blue) !important;

}


#cssmenu > ul > li:hover > a::after {

    transform:
        scaleX(1);

}


/* =========================================================
   ACTIVE MENU
========================================================= */

#cssmenu > ul > li.active > a {

    color: var(--sbe-blue) !important;

}


#cssmenu > ul > li.active > a::after {

    transform:
        scaleX(1);

}


/* =========================================================
   DROPDOWN ARROW
========================================================= */

#cssmenu > ul > li.has-submenu > a {

    padding-right: 30px;

}


#cssmenu > ul > li.has-submenu > a::before {

    content: "\f107";

    position: absolute;

    right: 12px;

    top: 50%;

    transform:
        translateY(-50%);

    font-family:
        "Font Awesome 6 Free";

    font-weight: 900;

    color: var(--sbe-muted);

    font-size: 11px;

    transition:
        transform .25s ease,
        color .25s ease;

}


#cssmenu > ul > li.has-submenu:hover > a::before {

    color: var(--sbe-blue);

    transform:
        translateY(-50%)
        rotate(180deg);

}


/* =========================================================
   DROPDOWN MENU
========================================================= */

#cssmenu > ul > li > ul {

    position: absolute;

    top: calc(100% - 1px);

    left: 50%;

    width: 235px;

    margin: 0;

    padding: 10px;

    list-style: none;

    background: #ffffff;

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

    border-radius: 0 0 10px 10px;

    box-shadow:
        0 18px 40px
        rgba(10, 40, 80, .14);

    opacity: 0;

    visibility: hidden;

    transform:
        translate(-50%, 12px);

    transition:
        opacity .25s ease,
        visibility .25s ease,
        transform .25s ease;

}


/* =========================================================
   SHOW DROPDOWN
========================================================= */

#cssmenu > ul > li:hover > ul {

    opacity: 1;

    visibility: visible;

    transform:
        translate(-50%, 0);

}


/* =========================================================
   DROPDOWN LI
========================================================= */

#cssmenu > ul > li > ul > li {

    list-style: none;

    margin: 2px 0;

}


/* =========================================================
   DROPDOWN LINKS
========================================================= */

#cssmenu > ul > li > ul > li > a {

    display: flex;

    align-items: center;

    min-height: 42px;

    padding: 0 14px;

    border-radius: 7px;

    color: var(--sbe-text) !important;

    background: transparent;

    font-size: 13px;

    font-weight: 600;

    transition:
        color .25s ease,
        background .25s ease,
        padding .25s ease;

}


/* =========================================================
   DROPDOWN HOVER
========================================================= */

#cssmenu > ul > li > ul > li > a:hover {

    color: var(--sbe-blue) !important;

    background:
        linear-gradient(
            90deg,
            #F0F7FF,
            #F4FBF9
        );

    padding-left: 20px;

}


/* =========================================================
   TRACKING BUTTON AREA
========================================================= */

.navigation-btn {

    height: 94px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}


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

.header-tracking-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-width: 125px;

    padding: 14px 20px;

    overflow: hidden;

    color: #ffffff !important;

    background:
        linear-gradient(
            105deg,
            #087CF2 0%,
            #0864C9 48%,
            #00A982 100%
        );

    border: none;

    border-radius: 30px;

    font-size: 13px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .4px;

    box-shadow:
        0 10px 24px
        rgba(0, 110, 200, .22);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


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

.header-tracking-btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: -120%;

    width: 90%;

    height: 100%;

    transform:
        skewX(-20deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.30),
            transparent
        );

    transition:
        left .6s ease;

}


.header-tracking-btn:hover::before {

    left: 130%;

}


.header-tracking-btn:hover {

    color: #ffffff !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 32px
        rgba(0, 110, 200, .30);

}


/* =========================================================
   TRACKING ICON
========================================================= */

.header-tracking-btn i {

    font-size: 13px;

}


/* =========================================================
   RESPONSIVE - 1200
========================================================= */

@media (max-width: 1200px) {

    .logoPage img {

        width: 125px;

    }


    #cssmenu > ul > li > a {

        padding: 0 11px;

        font-size: 12px;

    }


    #cssmenu > ul > li > a::after {

        left: 11px;

        right: 11px;

    }


    #cssmenu > ul > li.has-submenu > a {

        padding-right: 25px;

    }

}


/* =========================================================
   RESPONSIVE - 991
========================================================= */

@media (max-width: 991px) {

    .nav-bar-main-block .row {

        min-height: 82px;

    }


    .logoPage {

        height: 82px;

    }


    .logoPage img {

        width: 125px;

        height: 72px;

    }


    .navigation-btn {

        height: 82px;

    }


    .navigation {

        height: 82px;

    }

}


/* =========================================================
   RESPONSIVE - MOBILE
========================================================= */

@media (max-width: 767px) {

    .nav-bar-main-block .row {

        min-height: 78px;

    }


    .logoPage {

        height: 78px;

    }


    .logoPage img {

        width: 105px;

        height: 65px;

    }


    .navigation {

        display: none;

    }


    .navigation-btn {

        height: 78px;

        justify-content: flex-end;

    }


    .header-tracking-btn {

        min-width: auto;

        padding: 11px 15px;

        font-size: 11px;

    }


    .header-tracking-btn i {

        font-size: 12px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .logoPage img {

        width: 92px;

        height: 60px;

    }


    .header-tracking-btn {

        padding: 10px 12px;

        border-radius: 25px;

    }


    .header-tracking-btn span {

        display: none;

    }


    .header-tracking-btn i {

        font-size: 16px;

    }

}



#cssmenu > ul > li.has-submenu > a {
    display: inline-flex !important;
    align-items: center;
    gap: 9px !important;
}

#cssmenu > ul > li.has-submenu > a > i {
    font-size: 0 !important;

    width: 7px;
    height: 7px;

    border-right: 1.5px solid #64748B;
    border-bottom: 1.5px solid #64748B;

    transform: rotate(45deg) translateY(-2px);

    transition: .25s ease;
}

#cssmenu > ul > li.has-submenu:hover > a > i {
    border-color: #075DB5;

    transform:
        rotate(225deg)
        translateY(-2px);
}


#cssmenu > ul > li > a {
    text-transform: none !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   PREMIUM FOOTER
========================================================= */

:root {
    --sbe-blue: #075DB5;
    --sbe-blue-light: #087EF5;
    --sbe-blue-dark: #061F40;

    --sbe-green: #00A982;
    --sbe-green-dark: #008A6B;

    --sbe-orange: #F58220;

    --sbe-footer-bg: #041B35;
    --sbe-footer-bg-2: #062A50;

    --sbe-footer-text: #D9E4EF;
    --sbe-footer-muted: #8FA5BA;

    --sbe-white: #FFFFFF;
}


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

.sbe-footer {

    position: relative;

    background:
        linear-gradient(
            135deg,
            var(--sbe-footer-bg),
            var(--sbe-footer-bg-2)
        );

    color: var(--sbe-footer-text);

    overflow: hidden;
}


/* Decorative background */

.sbe-footer::before {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    right: -220px;
    top: -220px;

    border:
        70px solid
        rgba(0, 169, 130, 0.06);

    border-radius: 50%;

    pointer-events: none;
}


.sbe-footer::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    left: -180px;
    bottom: -180px;

    border:
        50px solid
        rgba(7, 126, 245, 0.05);

    border-radius: 50%;

    pointer-events: none;
}


/* =========================================================
   MAIN FOOTER AREA
========================================================= */

.sbe-footer-main {

    position: relative;

    z-index: 2;

    padding: 75px 0 60px;

    border-bottom:
        1px solid
        rgba(255,255,255,0.08);
}


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

.sbe-footer-widget {

    height: 100%;
}


/* =========================================================
   LOGO
========================================================= */

.sbe-footer-logo {

    display: inline-flex;

    align-items: center;

    padding: 8px 14px;

    margin-bottom: 20px;

    background: #FFFFFF;

    border-radius: 8px;

    box-shadow:
        0 10px 25px
        rgba(0,0,0,0.15);
}


.sbe-footer-logo img {

    width: 190px;

    height: auto;

    max-height: 70px;

    object-fit: contain;

    display: block;
}


/* =========================================================
   COMPANY DESCRIPTION
========================================================= */

.sbe-footer-description {

    max-width: 390px;

    margin: 0 0 24px;

    color:
        var(--sbe-footer-muted);

    font-size: 13px;

    line-height: 1.9;
}


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

.sbe-footer-badges {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;
}


.sbe-footer-badge {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 12px;

    border:
        1px solid
        rgba(255,255,255,0.10);

    border-radius: 6px;

    background:
        rgba(255,255,255,0.035);

    color:
        #B9C9D8;

    font-size: 11px;

    font-weight: 600;
}


.sbe-footer-badge i {

    color: var(--sbe-green);

    font-size: 17px;
}


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

.sbe-footer-title {

    position: relative;

    margin: 5px 0 12px;

    color: var(--sbe-white);

    font-size: 17px;

    font-weight: 800;

    letter-spacing: .2px;
}


/* =========================================================
   TITLE LINE
========================================================= */

.sbe-footer-title-line {

    width: 42px;

    height: 3px;

    margin-bottom: 23px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue-light),
            var(--sbe-green)
        );

    border-radius: 10px;
}


/* =========================================================
   QUICK LINKS
========================================================= */

.sbe-footer-links {

    margin: 0;

    padding: 0;

    list-style: none;
}


.sbe-footer-links li {

    margin-bottom: 12px;
}


.sbe-footer-links a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color:
        var(--sbe-footer-muted);

    font-size: 13px;

    font-weight: 500;

    transition:
        color .25s ease,
        transform .25s ease;
}


.sbe-footer-links a i {

    color: var(--sbe-green);

    font-size: 12px;

    transition:
        transform .25s ease;
}


.sbe-footer-links a:hover {

    color: var(--sbe-white);

    transform:
        translateX(4px);
}


.sbe-footer-links a:hover i {

    transform:
        translateX(3px);
}


/* =========================================================
   CONTACT ITEM
========================================================= */

.sbe-contact-item {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    margin-bottom: 22px;
}


.sbe-contact-icon {

    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;

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

    border-radius: 8px;

    color: var(--sbe-green);

    background:
        rgba(0,169,130,.10);

    border:
        1px solid
        rgba(0,169,130,.15);

    font-size: 17px;
}


.sbe-contact-content {

    min-width: 0;
}


.sbe-contact-content > span {

    display: block;

    margin-bottom: 4px;

    color: var(--sbe-white);

    font-size: 11px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;
}


.sbe-contact-content p {

    margin: 0;

    color:
        var(--sbe-footer-muted);

    font-size: 12px;

    line-height: 1.7;
}


.sbe-contact-content a {

    color:
        var(--sbe-footer-muted);

    transition:
        color .25s ease;
}


.sbe-contact-content a:hover {

    color:
        var(--sbe-green);
}


/* =========================================================
   NEWSLETTER
========================================================= */

.sbe-newsletter-text {

    margin-bottom: 20px;

    color:
        var(--sbe-footer-muted);

    font-size: 13px;

    line-height: 1.8;
}


/* =========================================================
   NEWSLETTER INPUT
========================================================= */

.sbe-newsletter-input {

    display: flex;

    width: 100%;

    height: 50px;

    overflow: hidden;

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

    border-radius: 7px;

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

    transition:
        border-color .25s ease;
}


.sbe-newsletter-input:focus-within {

    border-color:
        var(--sbe-green);
}


.sbe-newsletter-input input {

    flex: 1;

    min-width: 0;

    padding: 0 15px;

    border: none;

    outline: none;

    background: transparent;

    color: var(--sbe-white);

    font-size: 12px;
}


.sbe-newsletter-input input::placeholder {

    color:
        #7890A5;
}


.sbe-newsletter-input button {

    width: 55px;

    border: none;

    background:
        linear-gradient(
            135deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    color: var(--sbe-white);

    font-size: 17px;

    cursor: pointer;

    transition:
        opacity .25s ease;
}


.sbe-newsletter-input button:hover {

    opacity: .85;
}


/* =========================================================
   SOCIAL TITLE
========================================================= */

.sbe-social-title {

    margin-top: 25px;

    margin-bottom: 12px;

    color: var(--sbe-white);

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;
}


/* =========================================================
   SOCIAL ICONS
========================================================= */

.sbe-social-links {

    display: flex;

    align-items: center;

    gap: 9px;
}


.sbe-social-links a {

    width: 38px;
    height: 38px;

    display: flex;

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

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 50%;

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

    color:
        #A9BDCE;

    font-size: 15px;

    transition:
        all .3s ease;
}


.sbe-social-links a:hover {

    background:
        linear-gradient(
            135deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    border-color:
        transparent;

    color:
        #ffffff;

    transform:
        translateY(-4px);

    box-shadow:
        0 8px 20px
        rgba(0,120,200,.25);
}


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

.sbe-footer-bottom {

    position: relative;

    z-index: 2;

    padding: 20px 0;

    background:
        rgba(0,0,0,.16);
}


/* =========================================================
   COPYRIGHT
========================================================= */

.sbe-copyright {

    color:
        #8095A9;

    font-size: 11px;

    line-height: 1.7;
}


.sbe-copyright a {

    color:
        #C9D7E4;

    font-weight: 700;

    transition:
        color .25s ease;
}


.sbe-copyright a:hover {

    color:
        var(--sbe-green);
}


/* =========================================================
   BOTTOM LINKS
========================================================= */

.sbe-bottom-links {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    flex-wrap: wrap;

    gap: 9px;

    color:
        #73899D;

    font-size: 10px;
}


.sbe-bottom-links a {

    color:
        #8498AA;

    transition:
        color .25s ease;
}


.sbe-bottom-links a:hover {

    color:
        var(--sbe-green);
}


.sbe-bottom-links strong {

    color:
        #B6C8D8;

    font-weight: 700;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-footer-main {

        padding: 60px 0 45px;
    }


    .sbe-footer-widget {

        margin-bottom: 20px;
    }


    .sbe-bottom-links {

        justify-content: flex-start;

        margin-top: 8px;
    }

}


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

@media (max-width: 767px) {

    .sbe-footer-main {

        padding: 50px 0 25px;
    }


    .sbe-footer-logo img {

        width: 170px;
    }


    .sbe-footer-description {

        font-size: 12px;

        line-height: 1.8;
    }


    .sbe-footer-widget {

        margin-bottom: 30px;
    }


    .sbe-footer-title {

        font-size: 16px;
    }


    .sbe-footer-bottom {

        text-align: center;
    }


    .sbe-bottom-links {

        justify-content: center;

        margin-top: 12px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-footer-logo img {

        width: 150px;
    }


    .sbe-footer-badges {

        flex-direction: column;

        align-items: flex-start;
    }


    .sbe-bottom-links {

        font-size: 9px;

        gap: 6px;
    }


    .sbe-contact-item {

        gap: 10px;
    }

}


/* Remove decorative footer shapes */

.sbe-footer::before,
.sbe-footer::after,
.sbe-footer .sbe-footer-main::before,
.sbe-footer .sbe-footer-main::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   PREMIUM ABOUT SECTION
========================================================= */

:root {

    --sbe-blue: #075DB5;
    --sbe-blue-dark: #052F61;
    --sbe-blue-light: #087EF5;

    --sbe-green: #00A982;
    --sbe-orange: #F58220;

    --sbe-text: #172231;
    --sbe-muted: #687789;

    --sbe-light: #F5F8FC;
    --sbe-border: #E5EBF2;

    --sbe-white: #FFFFFF;

}


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

.sbe-about-section {

    position: relative;

    padding: 105px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7FAFD 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.sbe-about-section::before {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    left: -280px;
    top: -150px;

    border:
        70px solid
        rgba(7,93,181,.035);

    border-radius: 50%;

    pointer-events: none;

}


.sbe-about-section::after {

    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -180px;
    bottom: -150px;

    border:
        55px solid
        rgba(0,169,130,.035);

    border-radius: 50%;

    pointer-events: none;

}


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

.sbe-about-content {

    position: relative;

    z-index: 2;

    padding-right: 55px;

}


/* =========================================================
   LABEL
========================================================= */

.sbe-about-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 17px;

    color: var(--sbe-orange);

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.sbe-about-label span {

    width: 34px;

    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    border-radius: 10px;

}


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

.sbe-about-heading {

    max-width: 650px;

    margin: 0 0 25px;

    color: var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 56px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.7px;

}


.sbe-about-heading strong {

    display: inline;

    color: var(--sbe-orange);

}


/* =========================================================
   EXPERIENCE BADGE
========================================================= */

.sbe-experience-badge {

    display: inline-flex;

    align-items: center;

    gap: 15px;

    padding: 11px 18px 11px 11px;

    margin-bottom: 25px;

    background: var(--sbe-white);

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

    border-radius: 10px;

    box-shadow:
        0 10px 30px
        rgba(10,45,80,.07);

}


.sbe-experience-number {

    width: 58px;
    height: 58px;

    display: flex;

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

    border-radius: 9px;

    background:
        linear-gradient(
            135deg,
            var(--sbe-blue),
            var(--sbe-blue-light)
        );

    color: var(--sbe-white);

    font-size: 21px;

    font-weight: 900;

}


.sbe-experience-text {

    display: flex;

    flex-direction: column;

    gap: 2px;

}


.sbe-experience-text strong {

    color: var(--sbe-blue-dark);

    font-size: 14px;

    font-weight: 800;

}


.sbe-experience-text span {

    color: var(--sbe-muted);

    font-size: 11px;

}


/* =========================================================
   TEXT
========================================================= */

.sbe-about-text {

    max-width: 650px;

}


.sbe-about-text p {

    margin: 0 0 14px;

    color: var(--sbe-muted);

    font-size: 14px;

    line-height: 1.85;

}


.sbe-about-text p strong {

    color: var(--sbe-blue-dark);

    font-weight: 800;

}


/* =========================================================
   TRUST POINTS
========================================================= */

.sbe-about-points {

    display: grid;

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

    gap: 12px;

    margin: 27px 0;

}


.sbe-about-point {

    display: flex;

    align-items: center;

    gap: 9px;

    padding: 13px;

    background: var(--sbe-white);

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

    border-radius: 8px;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


.sbe-about-point:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(7,93,181,.25);

    box-shadow:
        0 10px 25px
        rgba(10,45,80,.07);

}


/* =========================================================
   POINT ICON
========================================================= */

.sbe-point-icon {

    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;

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

    border-radius: 7px;

    background:
        #EDF6FF;

    color: var(--sbe-blue);

    font-size: 16px;

}


.sbe-about-point strong {

    display: block;

    color: var(--sbe-blue-dark);

    font-size: 11px;

    font-weight: 800;

}


.sbe-about-point span {

    display: block;

    margin-top: 2px;

    color: var(--sbe-muted);

    font-size: 9px;

}


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

.sbe-about-button {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 13px 21px;

    color: var(--sbe-white) !important;

    background:
        linear-gradient(
            100deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    border-radius: 6px;

    font-size: 12px;

    font-weight: 800;

    box-shadow:
        0 10px 25px
        rgba(7,93,181,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.sbe-about-button:hover {

    color: var(--sbe-white) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 30px
        rgba(7,93,181,.28);

}


.sbe-about-button i {

    font-size: 15px;

    transition:
        transform .25s ease;

}


.sbe-about-button:hover i {

    transform:
        translateX(4px);

}


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

.sbe-about-image-area {

    position: relative;

    min-height: 550px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

}


/* =========================================================
   BACKGROUND SHAPE
========================================================= */

.sbe-about-shape {

    position: absolute;

    width: 85%;

    height: 80%;

    right: 0;

    top: 10%;

    border-radius: 25px;

    background:
        linear-gradient(
            135deg,
            #EAF4FF,
            #EAFBF7
        );

    transform:
        rotate(3deg);

}


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

.sbe-about-image-card {

    position: relative;

    z-index: 2;

    width: 88%;

    overflow: hidden;

    border-radius: 18px;

    background: var(--sbe-white);

    border:
        7px solid
        var(--sbe-white);

    box-shadow:
        0 25px 65px
        rgba(10,45,80,.18);

}


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

.sbe-about-image-card img {

    width: 100%;

    height: 500px;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.sbe-about-image-card:hover img {

    transform:
        scale(1.04);

}


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

.sbe-image-overlay {

    position: absolute;

    left: 20px;
    right: 20px;
    bottom: 20px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 13px 15px;

    border:
        1px solid
        rgba(255,255,255,.25);

    border-radius: 9px;

    background:
        rgba(4,31,61,.88);

    backdrop-filter:
        blur(10px);

    -webkit-backdrop-filter:
        blur(10px);

}


.sbe-overlay-icon {

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    display: flex;

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

    border-radius: 8px;

    background:
        var(--sbe-orange);

    color: var(--sbe-white);

    font-size: 18px;

}


.sbe-image-overlay strong {

    display: block;

    color: var(--sbe-white);

    font-size: 12px;

    font-weight: 800;

}


.sbe-image-overlay span {

    display: block;

    margin-top: 2px;

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

    font-size: 9px;

}


/* =========================================================
   FLOATING CARD
========================================================= */

.sbe-floating-card {

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 65px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 17px;

    background: var(--sbe-white);

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

    border-radius: 10px;

    box-shadow:
        0 15px 35px
        rgba(10,45,80,.16);

}


.sbe-floating-icon {

    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 8px;

    background:
        #FFF2E8;

    color:
        var(--sbe-orange);

    font-size: 20px;

}


.sbe-floating-card strong {

    display: block;

    color:
        var(--sbe-blue-dark);

    font-size: 12px;

    font-weight: 800;

}


.sbe-floating-card span {

    display: block;

    margin-top: 2px;

    color:
        var(--sbe-muted);

    font-size: 9px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-about-section {

        padding: 80px 0;

    }


    .sbe-about-content {

        padding-right: 0;

        margin-bottom: 50px;

    }


    .sbe-about-image-area {

        min-height: 500px;

        margin-left: 0;

    }


    .sbe-about-image-card {

        width: 90%;

    }

}


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

@media (max-width: 767px) {

    .sbe-about-section {

        padding: 65px 0;

    }


    .sbe-about-heading {

        font-size: 38px;

        letter-spacing: -1px;

    }


    .sbe-about-text p {

        font-size: 13px;

        line-height: 1.75;

    }


    .sbe-about-points {

        grid-template-columns: 1fr;

    }


    .sbe-about-point {

        width: 100%;

    }


    .sbe-about-image-area {

        min-height: 430px;

        margin-top: 20px;

    }


    .sbe-about-image-card {

        width: 92%;

    }


    .sbe-about-image-card img {

        height: 390px;

    }


    .sbe-floating-card {

        left: 0;

        bottom: 40px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-about-heading {

        font-size: 33px;

    }


    .sbe-experience-badge {

        padding-right: 13px;

    }


    .sbe-experience-number {

        width: 50px;
        height: 50px;

        font-size: 18px;

    }


    .sbe-about-image-area {

        min-height: 370px;

    }


    .sbe-about-image-card {

        width: 100%;

        border-width: 5px;

    }


    .sbe-about-image-card img {

        height: 330px;

    }


    .sbe-image-overlay {

        left: 12px;
        right: 12px;
        bottom: 12px;

    }


    .sbe-floating-card {

        left: 5px;

        padding: 10px 12px;

    }

}



.sbe-about-image-card {
    position: relative;
    z-index: 2;

    width: 88%;

    overflow: hidden;

    border-radius: 18px;

    background: #ffffff;

    border: 7px solid #ffffff;

    box-shadow:
        0 25px 65px rgba(10, 45, 80, 0.18);
}


.sbe-about-image-card img {

    width: 100%;

    height: auto;

    display: block;

    object-fit: contain;

    object-position: center;

    transition: transform 0.6s ease;
}


.sbe-about-image-card img {

    width: 100%;

    height: 500px;

    object-fit: cover;

    object-position: 65% center;

    display: block;
}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   WHY CHOOSE US + SERVICES
========================================================= */

:root {

    --sbe-blue: #075DB5;
    --sbe-blue-dark: #052F61;
    --sbe-blue-light: #087EF5;

    --sbe-green: #00A982;
    --sbe-orange: #F58220;

    --sbe-text: #172231;
    --sbe-muted: #687789;

    --sbe-light: #F5F8FC;
    --sbe-border: #E4EBF3;

    --sbe-white: #FFFFFF;

}


/* =========================================================
   COMMON SECTION LABEL
========================================================= */

.sbe-section-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: var(--sbe-orange);

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.sbe-section-label span {

    width: 30px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

}


.sbe-section-label.center {

    justify-content: center;

}


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

.sbe-transport-highlights {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F5F9FD 100%
        );

    overflow: hidden;

}


/* subtle background decoration */

.sbe-transport-highlights::before {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    right: -280px;

    top: -180px;

    border:
        70px solid
        rgba(7,93,181,.035);

    border-radius: 50%;

}


/* =========================================================
   BENEFITS WRAPPER
========================================================= */

.sbe-benefits-wrapper {

    padding-right: 55px;

}


.sbe-benefits-title {

    max-width: 600px;

    margin: 0 0 15px;

    color: var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 54px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;

}


.sbe-benefits-title strong {

    color: var(--sbe-orange);

}


.sbe-benefits-intro {

    max-width: 650px;

    margin-bottom: 35px;

    color: var(--sbe-muted);

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   BENEFIT ITEM
========================================================= */

.sbe-benefit-item {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    padding: 22px 0;

    border-bottom:
        1px solid
        var(--sbe-border);

}


.sbe-benefit-icon {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #EAF4FF,
            #EAFBF7
        );

    color: var(--sbe-blue);

    font-size: 25px;

    transition: .3s ease;

}


.sbe-benefit-item:hover .sbe-benefit-icon {

    background:
        linear-gradient(
            135deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    color: #fff;

    transform:
        translateY(-3px);

}


.sbe-benefit-content h3 {

    margin: 0 0 6px;

    color: var(--sbe-blue-dark);

    font-size: 19px;

    font-weight: 800;

}


.sbe-benefit-content p {

    max-width: 620px;

    margin: 0;

    color: var(--sbe-muted);

    font-size: 13px;

    line-height: 1.75;

}


/* =========================================================
   STATS
========================================================= */

.sbe-benefit-stats {

    display: grid;

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

    gap: 12px;

    margin-top: 28px;

}


.sbe-stat-box {

    padding: 17px;

    background: #fff;

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

    border-radius: 9px;

    box-shadow:
        0 8px 25px
        rgba(10,45,80,.04);

}


.sbe-stat-box strong {

    display: block;

    color: var(--sbe-blue);

    font-size: 19px;

    font-weight: 900;

}


.sbe-stat-box span {

    display: block;

    margin-top: 3px;

    color: var(--sbe-muted);

    font-size: 10px;

}


/* =========================================================
   INFO CARD
========================================================= */

.sbe-info-card {

    position: relative;

    height: 100%;

    padding: 30px;

    background: #fff;

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

    border-radius: 15px;

    box-shadow:
        0 18px 50px
        rgba(10,45,80,.08);

    overflow: hidden;

}


.sbe-info-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

}


.sbe-info-card-header {

    display: flex;

    align-items: center;

    gap: 14px;

    margin-bottom: 25px;

}


.sbe-info-icon {

    width: 52px;

    height: 52px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 10px;

    background:
        #EAF7F3;

    color:
        var(--sbe-green);

    font-size: 23px;

}


.sbe-info-card-header span {

    display: block;

    color: var(--sbe-orange);

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-info-card-header h3 {

    margin: 4px 0 0;

    color: var(--sbe-blue-dark);

    font-size: 25px;

    font-weight: 800;

}


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

.sbe-check-list {

    margin: 0;

    padding: 0;

    list-style: none;

}


.sbe-check-list li {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 0;

    border-bottom:
        1px solid
        #EEF2F6;

    color: var(--sbe-text);

    font-size: 12px;

    font-weight: 600;

}


.sbe-check-list li:last-child {

    border-bottom: none;

}


.sbe-check-list li i {

    width: 22px;

    height: 22px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #EAF7F3;

    color:
        var(--sbe-green);

    font-size: 12px;

}


/* =========================================================
   SERVICES SECTION
========================================================= */

.sbe-services-section {

    padding: 100px 0;

    background:
        var(--sbe-light);

}


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

.sbe-services-header {

    max-width: 750px;

    margin: 0 auto 55px;

    text-align: center;

}


.sbe-services-header h2 {

    margin: 0 0 18px;

    color: var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.sbe-services-header h2 strong {

    color: var(--sbe-orange);

}


.sbe-services-header > p {

    margin: 0;

    color: var(--sbe-muted);

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   SERVICE CARD
========================================================= */

.sbe-service-card {

    height: 100%;

    overflow: hidden;

    background: #fff;

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

    border-radius: 14px;

    box-shadow:
        0 10px 35px
        rgba(10,45,80,.06);

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


.sbe-service-card:hover {

    transform:
        translateY(-8px);

    box-shadow:
        0 22px 50px
        rgba(10,45,80,.13);

}


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

.sbe-service-image {

    position: relative;

    height: 235px;

    overflow: hidden;

    background: #EAF1F7;

}


.sbe-service-image::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(3,25,50,.60)
        );

}


.sbe-service-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:
        transform .6s ease;

}


.sbe-service-card:hover
.sbe-service-image img {

    transform:
        scale(1.07);

}


/* =========================================================
   SERVICE NUMBER
========================================================= */

.sbe-service-number {

    position: absolute;

    z-index: 2;

    top: 18px;

    left: 18px;

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

    font-size: 35px;

    font-weight: 900;

    line-height: 1;

}


/* =========================================================
   SERVICE ICON
========================================================= */

.sbe-service-icon {

    position: absolute;

    z-index: 3;

    right: 18px;

    bottom: 18px;

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background:
        var(--sbe-orange);

    color: #fff;

    font-size: 20px;

    box-shadow:
        0 8px 20px
        rgba(0,0,0,.18);

}


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

.sbe-service-content {

    padding: 25px;

}


.sbe-service-tag {

    color: var(--sbe-green);

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-service-content h3 {

    margin: 8px 0 10px;

    color: var(--sbe-blue-dark);

    font-size: 21px;

    line-height: 1.25;

    font-weight: 800;

}


.sbe-service-content p {

    min-height: 70px;

    margin: 0 0 20px;

    color: var(--sbe-muted);

    font-size: 12px;

    line-height: 1.75;

}


/* =========================================================
   LEARN MORE
========================================================= */

.sbe-service-content > a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: var(--sbe-blue);

    font-size: 12px;

    font-weight: 800;

    transition: .25s ease;

}


.sbe-service-content > a i {

    font-size: 15px;

    transition: .25s ease;

}


.sbe-service-content > a:hover {

    color:
        var(--sbe-green);

}


.sbe-service-content > a:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-transport-highlights,
    .sbe-services-section {

        padding: 75px 0;

    }


    .sbe-benefits-wrapper {

        padding-right: 0;

        margin-bottom: 35px;

    }


    .sbe-benefits-title {

        font-size: 44px;

    }

}


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

@media (max-width: 767px) {

    .sbe-transport-highlights,
    .sbe-services-section {

        padding: 60px 0;

    }


    .sbe-benefits-title,
    .sbe-services-header h2 {

        font-size: 36px;

    }


    .sbe-benefit-item {

        gap: 13px;

    }


    .sbe-benefit-icon {

        width: 48px;

        height: 48px;

        flex-basis: 48px;

        font-size: 20px;

    }


    .sbe-benefit-content h3 {

        font-size: 17px;

    }


    .sbe-benefit-stats {

        grid-template-columns: 1fr;

    }


    .sbe-info-card {

        padding: 25px 20px;

    }


    .sbe-services-header {

        margin-bottom: 35px;

    }


    .sbe-service-image {

        height: 220px;

    }


    .sbe-service-content p {

        min-height: auto;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-benefits-title,
    .sbe-services-header h2 {

        font-size: 32px;

    }


    .sbe-benefit-intro {

        font-size: 13px;

    }


    .sbe-service-content {

        padding: 22px;

    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   FACTS / STATISTICS SECTION
========================================================= */

.sbe-facts-section {

    position: relative;

    padding: 90px 0;

    background:
        linear-gradient(
            135deg,
            #041F3D 0%,
            #06345F 55%,
            #05294D 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.sbe-facts-section::before {

    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    top: -280px;
    right: -180px;

    border:
        80px solid
        rgba(0, 169, 130, .06);

    border-radius: 50%;

    pointer-events: none;

}


.sbe-facts-section::after {

    content: "";

    position: absolute;

    width: 350px;
    height: 350px;

    bottom: -220px;
    left: -150px;

    border:
        60px solid
        rgba(7, 126, 245, .06);

    border-radius: 50%;

    pointer-events: none;

}


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

.sbe-facts-header {

    position: relative;

    z-index: 2;

    max-width: 720px;

    margin: 0 auto 45px;

    text-align: center;

}


.sbe-facts-label {

    display: inline-block;

    margin-bottom: 12px;

    color: #00C596;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

    text-transform: uppercase;

}


.sbe-facts-header h2 {

    margin: 0 0 15px;

    color: #FFFFFF;

    font-size:
        clamp(32px, 4vw, 46px);

    font-weight: 800;

    line-height: 1.15;

    letter-spacing: -1px;

}


.sbe-facts-header h2 strong {

    color: #F58220;

}


.sbe-facts-header p {

    max-width: 650px;

    margin: 0 auto;

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

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   FACT CARD
========================================================= */

.sbe-fact-card {

    position: relative;

    z-index: 2;

    min-height: 230px;

    padding: 30px 20px;

    text-align: center;

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

    border:
        1px solid
        rgba(255,255,255,.11);

    border-radius: 14px;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.12);

    overflow: hidden;

    transition:
        transform .35s ease,
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease;

}


.sbe-fact-card:hover {

    transform:
        translateY(-8px);

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

    border-color:
        rgba(0,169,130,.35);

    box-shadow:
        0 22px 50px
        rgba(0,0,0,.20);

}


/* =========================================================
   TOP ACCENT
========================================================= */

.sbe-fact-card::before {

    content: "";

    position: absolute;

    top: 0;
    left: 50%;

    width: 55px;
    height: 3px;

    transform:
        translateX(-50%);

    background:
        linear-gradient(
            90deg,
            #087EF5,
            #00A982
        );

    border-radius:
        0 0 8px 8px;

}


/* =========================================================
   ICON
========================================================= */

.sbe-fact-icon {

    width: 58px;
    height: 58px;

    margin: 0 auto 18px;

    display: flex;

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

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #087EF5,
            #00A982
        );

    color: #FFFFFF;

    font-size: 21px;

    box-shadow:
        0 10px 25px
        rgba(0,126,245,.22);

    transition:
        transform .35s ease;

}


.sbe-fact-card:hover
.sbe-fact-icon {

    transform:
        scale(1.08)
        rotate(-3deg);

}


/* =========================================================
   NUMBER
========================================================= */

.sbe-fact-number {

    display: flex;

    align-items: baseline;

    justify-content: center;

    gap: 2px;

    color: #FFFFFF;

    font-size: 38px;

    font-weight: 900;

    line-height: 1;

}


.sbe-fact-number b {

    color: #00C596;

    font-size: 24px;

    font-weight: 900;

}


.sbe-fact-number .rating-star {

    color: #F58220;

    font-size: 24px;

}


/* =========================================================
   LABEL
========================================================= */

.sbe-fact-card p {

    margin: 10px 0 15px;

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

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .3px;

}


/* =========================================================
   SMALL LINE
========================================================= */

.sbe-fact-line {

    width: 30px;

    height: 2px;

    margin: 0 auto;

    background:
        #00A982;

    border-radius: 10px;

    transition:
        width .3s ease;

}


.sbe-fact-card:hover
.sbe-fact-line {

    width: 55px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-facts-section {

        padding: 75px 0;

    }


    .sbe-fact-card {

        min-height: 215px;

    }

}


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

@media (max-width: 767px) {

    .sbe-facts-section {

        padding: 65px 0;

    }


    .sbe-facts-header {

        margin-bottom: 35px;

    }


    .sbe-facts-header h2 {

        font-size: 34px;

    }


    .sbe-facts-header p {

        font-size: 12px;

    }


    .sbe-fact-card {

        min-height: 205px;

        padding: 27px 20px;

    }


    .sbe-fact-number {

        font-size: 34px;

    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   TESTIMONIAL + GALLERY
========================================================= */


/* =========================================================
   TESTIMONIAL SECTION
========================================================= */

.sbe-testimonial-section {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F6F9FC 100%
        );

    overflow: hidden;

}


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

.sbe-testimonial-header {

    max-width: 720px;

    margin: 0 auto 50px;

    text-align: center;

}


.sbe-testimonial-header h2 {

    margin: 0 0 15px;

    color: #052F61;

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.sbe-testimonial-header h2 strong {

    color: #F58220;

}


.sbe-testimonial-header p {

    margin: 0;

    color: #687789;

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   TESTIMONIAL CARD
========================================================= */

.sbe-testimonial-card {

    position: relative;

    height: 100%;

    padding: 32px 28px 27px;

    background: #FFFFFF;

    border:
        1px solid
        #E4EBF3;

    border-radius: 14px;

    box-shadow:
        0 12px 35px
        rgba(10,45,80,.06);

    overflow: hidden;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.sbe-testimonial-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            #075DB5,
            #00A982
        );

}


.sbe-testimonial-card:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(7,93,181,.18);

    box-shadow:
        0 22px 50px
        rgba(10,45,80,.12);

}


/* =========================================================
   QUOTE ICON
========================================================= */

.sbe-quote-icon {

    position: absolute;

    top: 25px;

    right: 25px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        #EDF5FF;

    color:
        #075DB5;

    font-size: 19px;

}


.sbe-testimonial-card:hover
.sbe-quote-icon {

    background:
        linear-gradient(
            135deg,
            #075DB5,
            #00A982
        );

    color: #FFFFFF;

}


/* =========================================================
   RATING
========================================================= */

.sbe-rating {

    display: flex;

    gap: 3px;

    margin-bottom: 20px;

}


.sbe-rating i {

    color: #F58220;

    font-size: 14px;

}


/* =========================================================
   TESTIMONIAL TEXT
========================================================= */

.sbe-testimonial-text {

    min-height: 105px;

    margin: 0 0 25px;

    padding-right: 35px;

    color: #536578;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   CLIENT INFO
========================================================= */

.sbe-client-info {

    display: flex;

    align-items: center;

    gap: 12px;

    padding-top: 18px;

    border-top:
        1px solid
        #EDF1F5;

}


.sbe-client-avatar {

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #075DB5,
            #00A982
        );

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 900;

}


.sbe-client-info h5 {

    margin: 0 0 3px;

    color: #052F61;

    font-size: 13px;

    font-weight: 800;

}


.sbe-client-info span {

    color: #8A99A8;

    font-size: 10px;

}


/* =========================================================
   GALLERY SECTION
========================================================= */

.sbe-gallery-section {

    background: #FFFFFF;

    padding-top: 95px;

}


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

.sbe-gallery-header {

    max-width: 700px;

    margin: 0 auto 50px;

    text-align: center;

}


.sbe-gallery-header h2 {

    margin: 0 0 15px;

    color: #052F61;

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

}


.sbe-gallery-header h2 strong {

    color: #F58220;

}


.sbe-gallery-header p {

    margin: 0;

    color: #687789;

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   GALLERY CARD
========================================================= */

.sbe-gallery-card {

    position: relative;

    height: 390px;

    overflow: hidden;

    background: #052F61;

}


.sbe-gallery-card img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease;

}


.sbe-gallery-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(3,25,50,.85) 100%
        );

    opacity: .75;

    transition:
        opacity .35s ease;

}


.sbe-gallery-card:hover img {

    transform:
        scale(1.08);

}


.sbe-gallery-card:hover::after {

    opacity: .9;

}


/* =========================================================
   GALLERY OVERLAY
========================================================= */

.sbe-gallery-overlay {

    position: absolute;

    z-index: 3;

    left: 25px;

    right: 25px;

    bottom: 25px;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 15px;

}


.sbe-gallery-overlay span {

    display: block;

    margin-bottom: 6px;

    color: #00C596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-gallery-overlay h4 {

    margin: 0;

    color: #FFFFFF;

    font-size: 17px;

    font-weight: 800;

    line-height: 1.3;

}


/* =========================================================
   GALLERY ARROW
========================================================= */

.sbe-gallery-arrow {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

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

    border:
        1px solid
        rgba(255,255,255,.25);

    color: #FFFFFF;

    font-size: 17px;

    backdrop-filter:
        blur(8px);

    transition:
        background .3s ease,
        transform .3s ease;

}


.sbe-gallery-card:hover
.sbe-gallery-arrow {

    background:
        linear-gradient(
            135deg,
            #075DB5,
            #00A982
        );

    border-color:
        transparent;

    transform:
        translateX(4px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-testimonial-section {

        padding: 75px 0;

    }


    .sbe-gallery-section {

        padding-top: 75px;

    }


    .sbe-gallery-card {

        height: 320px;

    }

}


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

@media (max-width: 767px) {

    .sbe-testimonial-section {

        padding: 60px 0;

    }


    .sbe-gallery-section {

        padding-top: 60px;

    }


    .sbe-testimonial-header h2,
    .sbe-gallery-header h2 {

        font-size: 35px;

    }


    .sbe-testimonial-card {

        padding: 28px 22px 23px;

    }


    .sbe-testimonial-text {

        min-height: auto;

        font-size: 13px;

    }


    .sbe-gallery-card {

        height: 250px;

    }


    .sbe-gallery-overlay {

        left: 15px;

        right: 15px;

        bottom: 15px;

    }


    .sbe-gallery-overlay h4 {

        font-size: 13px;

    }


    .sbe-gallery-arrow {

        width: 34px;

        height: 34px;

        font-size: 14px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-gallery-card {

        height: 210px;

    }


    .sbe-gallery-overlay span {

        font-size: 8px;

    }


    .sbe-gallery-overlay h4 {

        font-size: 11px;

    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   PREMIUM HERO SLIDER
========================================================= */

:root {

    --sbe-blue: #075DB5;
    --sbe-blue-light: #087EF5;
    --sbe-blue-dark: #052F61;

    --sbe-green: #00A982;
    --sbe-orange: #F58220;

    --sbe-white: #FFFFFF;

}


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

.sbe-home-slider {

    position: relative;

    width: 100%;

    margin: 0;

    padding: 0;

    overflow: hidden;

}


/* =========================================================
   SLIDE
========================================================= */

.sbe-slider-item {

    position: relative;

    min-height: 650px;

    display: flex;

    align-items: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

}


/* =========================================================
   OVERLAY
========================================================= */

.sbe-slider-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(3, 25, 50, .82) 0%,
            rgba(3, 25, 50, .58) 35%,
            rgba(3, 25, 50, .18) 68%,
            rgba(3, 25, 50, .04) 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.sbe-slider-item .container {

    position: relative;

    z-index: 2;

}


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

.sbe-slider-content {

    max-width: 700px;

    padding: 60px 0;

}


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

.sbe-slider-tag {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 18px;

    padding: 8px 14px;

    color: #FFFFFF;

    background:
        rgba(0, 169, 130, .18);

    border:
        1px solid
        rgba(0, 200, 155, .35);

    border-radius: 30px;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.7px;

}


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

.sbe-slider-tag::before {

    content: "";

    width: 7px;

    height: 7px;

    border-radius: 50%;

    background:
        #00C596;

    box-shadow:
        0 0 0 5px
        rgba(0,198,150,.12);

}


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

.sbe-slider-content h1 {

    margin: 0 0 20px;

    color: #FFFFFF;

    font-size:
        clamp(40px, 5vw, 67px);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -2px;

}


.sbe-slider-content h1 strong {

    color:
        #F58220;

    font-weight: 800;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-slider-content p {

    max-width: 570px;

    margin: 0 0 30px;

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

    font-size: 15px;

    line-height: 1.8;

}


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

.sbe-slider-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

}


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

.sbe-slider-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 49px;

    padding: 0 22px;

    border-radius: 6px;

    font-size: 12px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .4px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease;

}


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

.sbe-slider-btn-primary {

    color: #FFFFFF !important;

    background:
        linear-gradient(
            100deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

    box-shadow:
        0 12px 28px
        rgba(0,100,180,.25);

}


.sbe-slider-btn-primary:hover {

    color: #FFFFFF !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 18px 35px
        rgba(0,100,180,.35);

}


.sbe-slider-btn-primary i {

    font-size: 16px;

    transition:
        transform .25s ease;

}


.sbe-slider-btn-primary:hover i {

    transform:
        translateX(4px);

}


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

.sbe-slider-btn-outline {

    color: #FFFFFF !important;

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

    border:
        1px solid
        rgba(255,255,255,.45);

    backdrop-filter:
        blur(5px);

}


.sbe-slider-btn-outline:hover {

    color: var(--sbe-blue-dark) !important;

    background: #FFFFFF;

    border-color: #FFFFFF;

    transform:
        translateY(-3px);

}


/* =========================================================
   OWL NAVIGATION
========================================================= */

.sbe-home-slider .owl-nav {

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    display: flex;

    justify-content: space-between;

    padding: 0 25px;

    transform:
        translateY(-50%);

    pointer-events: none;

}


.sbe-home-slider .owl-nav button {

    width: 45px;

    height: 45px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.25) !important;

    border-radius: 50%;

    background:
        rgba(3,25,50,.35) !important;

    color: #FFFFFF !important;

    font-size: 18px !important;

    pointer-events: auto;

    backdrop-filter:
        blur(8px);

    transition:
        all .3s ease;

}


.sbe-home-slider .owl-nav button:hover {

    background:
        var(--sbe-blue) !important;

    border-color:
        var(--sbe-blue) !important;

}


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

.sbe-home-slider .owl-dots {

    position: absolute;

    left: 50%;

    bottom: 25px;

    transform:
        translateX(-50%);

    display: flex;

    align-items: center;

    gap: 7px;

}


.sbe-home-slider .owl-dot {

    width: 25px;

    height: 4px;

    padding: 0 !important;

    border: none;

    border-radius: 10px;

    background:
        rgba(255,255,255,.40) !important;

    transition:
        width .3s ease,
        background .3s ease;

}


.sbe-home-slider .owl-dot.active {

    width: 45px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue-light),
            var(--sbe-green)
        ) !important;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-slider-item {

        min-height: 570px;

    }


    .sbe-slider-content {

        padding: 50px 0;

    }


    .sbe-slider-content h1 {

        font-size: 48px;

    }


    .sbe-slider-content p {

        font-size: 14px;

    }

}


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

@media (max-width: 767px) {

    .sbe-slider-item {

        min-height: 560px;

        background-position:
            center center;

    }


    .sbe-slider-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,25,50,.80),
                rgba(3,25,50,.40)
            );

    }


    .sbe-slider-content {

        padding:
            50px 15px;

    }


    .sbe-slider-tag {

        font-size: 8px;

        letter-spacing: 1.2px;

    }


    .sbe-slider-content h1 {

        font-size: 39px;

        letter-spacing: -1px;

    }


    .sbe-slider-content p {

        font-size: 12px;

        line-height: 1.7;

    }


    .sbe-slider-buttons {

        gap: 8px;

    }


    .sbe-slider-btn {

        min-height: 44px;

        padding: 0 15px;

        font-size: 10px;

    }


    .sbe-home-slider .owl-nav {

        display: none;

    }


    .sbe-home-slider .owl-dots {

        bottom: 18px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-slider-item {

        min-height: 500px;

    }


    .sbe-slider-content {

        padding:
            40px 10px;

    }


    .sbe-slider-content h1 {

        font-size: 32px;

    }


    .sbe-slider-content p {

        max-width: 330px;

    }


    .sbe-slider-btn-outline {

        display: none;

    }

}

/* ===================================abnouts us====================================== */


/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   ABOUT PAGE
========================================================= */

:root {

    --sbe-blue: #075DB5;
    --sbe-blue-light: #087EF5;
    --sbe-blue-dark: #052F61;

    --sbe-green: #00A982;
    --sbe-orange: #F58220;

    --sbe-text: #172231;
    --sbe-muted: #687789;

    --sbe-light: #F5F9FD;
    --sbe-border: #E4EBF3;

    --sbe-white: #FFFFFF;

}


/* =========================================================
   PAGE BANNER
========================================================= */

.sbe-page-banner {

    position: relative;

    min-height: 330px;

    display: flex;

    align-items: center;

    background:
        url("Slider/Slider_2.png")
        center center / cover no-repeat;

    overflow: hidden;

}


.sbe-page-banner-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,25,50,.90),
            rgba(3,25,50,.62),
            rgba(3,25,50,.30)
        );

}


.sbe-page-banner .container {

    position: relative;

    z-index: 2;

}


.sbe-page-banner-content {

    padding: 60px 0;

}


.sbe-banner-label {

    display: inline-block;

    margin-bottom: 12px;

    color: #00C596;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-page-banner h1 {

    margin: 0 0 18px;

    color: #FFFFFF;

    font-size:
        clamp(42px, 5vw, 62px);

    font-weight: 800;

    line-height: 1.05;

}


.sbe-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;

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

    font-size: 12px;

}


.sbe-breadcrumb a {

    color: #FFFFFF;

    font-weight: 700;

}


.sbe-breadcrumb i {

    color: #F58220;

    font-size: 9px;

}


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

.sbe-about-page {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7FAFD
        );

    overflow: hidden;

}


.sbe-about-page-content {

    padding-right: 45px;

}


.sbe-section-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 15px;

    color: #F58220;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-section-label span {

    width: 30px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075DB5,
            #00A982
        );

}


.sbe-section-label.center {

    justify-content: center;

}


.sbe-about-page-content h2 {

    margin: 0 0 22px;

    color: var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 54px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;

}


.sbe-about-page-content h2 strong {

    color: var(--sbe-orange);

}


.sbe-about-page-content p {

    margin: 0 0 15px;

    color: var(--sbe-muted);

    font-size: 13px;

    line-height: 1.85;

}


.sbe-about-page-content p strong {

    color: var(--sbe-blue-dark);

    font-weight: 800;

}


/* =========================================================
   ABOUT FEATURES
========================================================= */

.sbe-about-features {

    display: grid;

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

    gap: 12px;

    margin: 28px 0;

}


.sbe-about-feature {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px;

    background: #FFFFFF;

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

    border-radius: 8px;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.sbe-about-feature:hover {

    transform:
        translateY(-4px);

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

}


.sbe-feature-icon {

    width: 39px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        #EDF6FF;

    color:
        var(--sbe-blue);

    font-size: 16px;

}


.sbe-about-feature strong {

    display: block;

    color:
        var(--sbe-blue-dark);

    font-size: 11px;

    font-weight: 800;

}


.sbe-about-feature span {

    display: block;

    margin-top: 2px;

    color:
        var(--sbe-muted);

    font-size: 9px;

}


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

.sbe-about-page-btn {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    padding: 13px 21px;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            100deg,
            #075DB5,
            #00A982
        );

    border-radius: 6px;

    font-size: 11px;

    font-weight: 800;

    box-shadow:
        0 10px 25px
        rgba(7,93,181,.18);

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.sbe-about-page-btn:hover {

    color: #FFFFFF !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 16px 32px
        rgba(7,93,181,.28);

}


/* =========================================================
   ABOUT IMAGE AREA
========================================================= */

.sbe-about-page-image {

    position: relative;

    min-height: 580px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.sbe-image-back-shape {

    position: absolute;

    width: 78%;

    height: 80%;

    right: 2%;

    top: 10%;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #EAF4FF,
            #EAFBF7
        );

    transform:
        rotate(4deg);

}


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

.sbe-about-image-wrapper {

    position: relative;

    z-index: 2;

    width: 88%;

    overflow: hidden;

    border:
        7px solid
        #FFFFFF;

    border-radius: 18px;

    background: #FFFFFF;

    box-shadow:
        0 25px 65px
        rgba(10,45,80,.18);

}


.sbe-about-image-wrapper img {

    width: 100%;

    height: 520px;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .6s ease;

}


.sbe-about-image-wrapper:hover img {

    transform:
        scale(1.04);

}


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

.sbe-about-image-badge {

    position: absolute;

    left: 20px;

    right: 20px;

    bottom: 20px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 15px;

    border:
        1px solid
        rgba(255,255,255,.2);

    border-radius: 9px;

    background:
        rgba(3,25,50,.88);

    backdrop-filter:
        blur(8px);

}


.sbe-badge-icon {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    background:
        var(--sbe-orange);

    color: #FFFFFF;

    font-size: 18px;

}


.sbe-about-image-badge strong {

    display: block;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 800;

}


.sbe-about-image-badge span {

    display: block;

    margin-top: 2px;

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

    font-size: 9px;

}


/* =========================================================
   EXPERIENCE CARD
========================================================= */

.sbe-about-year-card {

    position: absolute;

    z-index: 3;

    left: 0;

    bottom: 65px;

    width: 115px;

    padding: 15px;

    background: #FFFFFF;

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

    border-radius: 11px;

    box-shadow:
        0 15px 35px
        rgba(10,45,80,.15);

    text-align: center;

}


.sbe-about-year-card strong {

    display: block;

    color:
        var(--sbe-blue);

    font-size: 30px;

    font-weight: 900;

    line-height: 1;

}


.sbe-about-year-card span {

    display: block;

    margin-top: 5px;

    color:
        var(--sbe-muted);

    font-size: 9px;

    font-weight: 700;

    line-height: 1.4;

}


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

.sbe-work-process {

    padding: 95px 0;

    background:
        #F5F9FD;

}


.sbe-process-header {

    max-width: 700px;

    margin: 0 auto 50px;

    text-align: center;

}


.sbe-process-header h2 {

    margin: 0 0 12px;

    color:
        var(--sbe-blue-dark);

    font-size:
        clamp(35px, 4vw, 50px);

    font-weight: 800;

    line-height: 1.1;

}


.sbe-process-header h2 strong {

    color:
        var(--sbe-orange);

}


.sbe-process-header p {

    margin: 0;

    color:
        var(--sbe-muted);

    font-size: 13px;

}


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

.sbe-process-grid {

    display: grid;

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

    gap: 20px;

}


.sbe-process-card {

    position: relative;

    padding: 30px 23px;

    text-align: center;

    background: #FFFFFF;

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

    border-radius: 13px;

    box-shadow:
        0 10px 30px
        rgba(10,45,80,.05);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.sbe-process-card:hover {

    transform:
        translateY(-8px);

    box-shadow:
        0 20px 45px
        rgba(10,45,80,.10);

}


/* =========================================================
   STEP NUMBER
========================================================= */

.sbe-step-number {

    position: absolute;

    top: 13px;

    right: 16px;

    color:
        #E8EFF6;

    font-size: 34px;

    font-weight: 900;

    line-height: 1;

}


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

.sbe-process-icon {

    position: relative;

    z-index: 2;

    width: 65px;

    height: 65px;

    margin: 5px auto 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #075DB5,
            #00A982
        );

    color: #FFFFFF;

    font-size: 23px;

    box-shadow:
        0 10px 25px
        rgba(7,93,181,.18);

}


.sbe-process-card h3 {

    position: relative;

    z-index: 2;

    margin: 0 0 10px;

    color:
        var(--sbe-blue-dark);

    font-size: 17px;

    font-weight: 800;

}


.sbe-process-card p {

    position: relative;

    z-index: 2;

    margin: 0;

    color:
        var(--sbe-muted);

    font-size: 11px;

    line-height: 1.7;

}


/* =========================================================
   GALLERY
========================================================= */

.sbe-about-gallery {

    padding-top: 95px;

    background: #FFFFFF;

}


.sbe-gallery-header {

    max-width: 700px;

    margin: 0 auto 50px;

    text-align: center;

}


.sbe-gallery-header h2 {

    margin: 0 0 14px;

    color:
        var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

}


.sbe-gallery-header h2 strong {

    color:
        var(--sbe-orange);

}


.sbe-gallery-header p {

    margin: 0;

    color:
        var(--sbe-muted);

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   GALLERY CARD
========================================================= */

.sbe-about-gallery-card {

    position: relative;

    height: 390px;

    overflow: hidden;

    background:
        var(--sbe-blue-dark);

}


.sbe-about-gallery-card img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .7s ease;

}


.sbe-about-gallery-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(3,25,50,.90)
        );

}


.sbe-about-gallery-card:hover img {

    transform:
        scale(1.08);

}


/* =========================================================
   GALLERY OVERLAY
========================================================= */

.sbe-about-gallery-overlay {

    position: absolute;

    z-index: 2;

    left: 24px;

    right: 24px;

    bottom: 24px;

}


.sbe-about-gallery-overlay span {

    display: block;

    margin-bottom: 5px;

    color:
        #00C596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-about-gallery-overlay h4 {

    max-width: 220px;

    margin: 0;

    color: #FFFFFF;

    font-size: 17px;

    font-weight: 800;

    line-height: 1.3;

}


.sbe-gallery-arrow {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

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

    border:
        1px solid
        rgba(255,255,255,.25);

    color: #FFFFFF;

    transition:
        all .3s ease;

}


.sbe-about-gallery-card:hover
.sbe-gallery-arrow {

    background:
        var(--sbe-blue);

    border-color:
        var(--sbe-blue);

    transform:
        translateX(4px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-about-page {

        padding: 75px 0;

    }


    .sbe-about-page-content {

        padding-right: 0;

        margin-bottom: 45px;

    }


    .sbe-about-page-image {

        min-height: 520px;

    }


    .sbe-process-grid {

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

    }


    .sbe-about-gallery-card {

        height: 320px;

    }

}


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

@media (max-width: 767px) {

    .sbe-page-banner {

        min-height: 270px;

    }


    .sbe-page-banner-content {

        padding: 45px 15px;

    }


    .sbe-page-banner h1 {

        font-size: 40px;

    }


    .sbe-about-page {

        padding: 60px 0;

    }


    .sbe-about-page-content h2 {

        font-size: 36px;

    }


    .sbe-about-features {

        grid-template-columns: 1fr;

    }


    .sbe-about-page-image {

        min-height: 430px;

        margin-top: 10px;

    }


    .sbe-about-image-wrapper {

        width: 92%;

    }


    .sbe-about-image-wrapper img {

        height: 390px;

    }


    .sbe-about-year-card {

        left: 0;

        bottom: 40px;

    }


    .sbe-work-process {

        padding: 65px 0;

    }


    .sbe-process-grid {

        grid-template-columns: 1fr;

        gap: 15px;

    }


    .sbe-process-card {

        padding: 25px 20px;

    }


    .sbe-about-gallery {

        padding-top: 60px;

    }


    .sbe-about-gallery-card {

        height: 250px;

    }


    .sbe-about-gallery-overlay {

        left: 15px;

        right: 15px;

        bottom: 15px;

    }


    .sbe-about-gallery-overlay h4 {

        font-size: 13px;

    }


    .sbe-gallery-arrow {

        width: 34px;

        height: 34px;

        font-size: 12px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-page-banner {

        min-height: 230px;

    }


    .sbe-page-banner h1 {

        font-size: 34px;

    }


    .sbe-about-page-content h2 {

        font-size: 32px;

    }


    .sbe-about-image-wrapper {

        width: 100%;

        border-width: 5px;

    }


    .sbe-about-image-wrapper img {

        height: 330px;

    }


    .sbe-about-year-card {

        width: 95px;

        padding: 12px;

    }


    .sbe-about-year-card strong {

        font-size: 25px;

    }


    .sbe-about-gallery-card {

        height: 210px;

    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   MISSION & VISION
========================================================= */

:root {

    --sbe-blue: #075DB5;
    --sbe-blue-light: #087EF5;
    --sbe-blue-dark: #052F61;

    --sbe-green: #00A982;
    --sbe-orange: #F58220;

    --sbe-text: #172231;
    --sbe-muted: #687789;

    --sbe-light: #F5F9FD;
    --sbe-border: #E4EBF3;

    --sbe-white: #FFFFFF;

}


/* =========================================================
   COMMON SECTION LABEL
========================================================= */

.sbe-section-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 16px;

    color: var(--sbe-orange);

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-section-label span {

    width: 32px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--sbe-blue),
            var(--sbe-green)
        );

}


/* =========================================================
   MISSION SECTION
========================================================= */

.sbe-mission-section {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F6FAFD 100%
        );

    overflow: hidden;

}


/* =========================================================
   VISION SECTION
========================================================= */

.sbe-vision-section {

    position: relative;

    padding: 100px 0;

    background: #FFFFFF;

    overflow: hidden;

}


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

.sbe-mv-image-card {

    position: relative;

    min-height: 520px;

    display: flex;

    align-items: center;

    justify-content: center;

}


.sbe-mv-image-shape {

    position: absolute;

    width: 82%;

    height: 82%;

    left: 5%;

    top: 9%;

    border-radius: 25px;

    background:
        linear-gradient(
            135deg,
            #EAF4FF,
            #EAFBF7
        );

    transform:
        rotate(-4deg);

}


/* =========================================================
   VISION IMAGE SHAPE
========================================================= */

.sbe-vision-image-card .sbe-mv-image-shape {

    left: auto;

    right: 5%;

    transform:
        rotate(4deg);

}


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

.sbe-mv-image-wrapper {

    position: relative;

    z-index: 2;

    width: 88%;

    overflow: hidden;

    border:
        7px solid
        var(--sbe-white);

    border-radius: 18px;

    background: var(--sbe-white);

    box-shadow:
        0 25px 65px
        rgba(10,45,80,.17);

}


.sbe-mv-image-wrapper img {

    width: 100%;

    height: 490px;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .6s ease;

}


.sbe-mv-image-wrapper:hover img {

    transform:
        scale(1.04);

}


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

.sbe-mv-image-badge {

    position: absolute;

    left: 18px;

    right: 18px;

    bottom: 18px;

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 13px 15px;

    border:
        1px solid
        rgba(255,255,255,.20);

    border-radius: 9px;

    background:
        rgba(4,31,61,.88);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);

}


.sbe-mv-badge-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        var(--sbe-orange);

    color: #FFFFFF;

    font-size: 18px;

}


.sbe-vision-badge-icon {

    background:
        var(--sbe-green);

}


.sbe-mv-image-badge strong {

    display: block;

    color: #FFFFFF;

    font-size: 12px;

    font-weight: 800;

}


.sbe-mv-image-badge span {

    display: block;

    margin-top: 2px;

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

    font-size: 9px;

}


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

.sbe-mv-content {

    max-width: 700px;

    padding-left: 20px;

}


.sbe-mission-section .sbe-mv-content {

    padding-left: 15px;

}


.sbe-vision-section .sbe-mv-content {

    padding-right: 25px;

    padding-left: 0;

}


/* =========================================================
   TITLE ROW
========================================================= */

.sbe-mv-title-row {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-bottom: 20px;

}


.sbe-mv-main-icon {

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            var(--sbe-blue),
            var(--sbe-blue-light)
        );

    color: #FFFFFF;

    font-size: 23px;

    box-shadow:
        0 10px 25px
        rgba(7,93,181,.18);

}


.sbe-vision-icon {

    background:
        linear-gradient(
            135deg,
            var(--sbe-green),
            #00C596
        );

    box-shadow:
        0 10px 25px
        rgba(0,169,130,.18);

}


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

.sbe-mv-title-row h2 {

    margin: 0;

    color:
        var(--sbe-blue-dark);

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.sbe-mv-title-row h2 strong {

    color:
        var(--sbe-orange);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-mv-description {

    max-width: 650px;

    margin: 0 0 28px;

    color:
        var(--sbe-muted);

    font-size: 14px;

    line-height: 1.85;

}


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

.sbe-mv-list {

    display: grid;

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

    gap: 12px;

}


.sbe-mv-list-item {

    display: flex;

    align-items: flex-start;

    gap: 11px;

    padding: 14px;

    background:
        #FFFFFF;

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

    border-radius: 9px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.sbe-mv-list-item:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(7,93,181,.20);

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

}


/* =========================================================
   CHECK
========================================================= */

.sbe-mv-check {

    width: 29px;

    height: 29px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #EAF7F3;

    color:
        var(--sbe-green);

    font-size: 11px;

}


.sbe-mv-list-item strong {

    display: block;

    color:
        var(--sbe-blue-dark);

    font-size: 11px;

    font-weight: 800;

    line-height: 1.4;

}


.sbe-mv-list-item span {

    display: block;

    margin-top: 3px;

    color:
        var(--sbe-muted);

    font-size: 9px;

    line-height: 1.5;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-mission-section,
    .sbe-vision-section {

        padding: 75px 0;

    }


    .sbe-mv-content {

        padding: 0 !important;

    }


    .sbe-mv-image-card {

        min-height: 480px;

        margin-bottom: 20px;

    }


    .sbe-mv-image-wrapper {

        width: 90%;

    }


    .sbe-mv-image-wrapper img {

        height: 450px;

    }

}


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

@media (max-width: 767px) {

    .sbe-mission-section,
    .sbe-vision-section {

        padding: 60px 0;

    }


    .sbe-mv-image-card {

        min-height: 400px;

    }


    .sbe-mv-image-wrapper {

        width: 94%;

        border-width: 5px;

    }


    .sbe-mv-image-wrapper img {

        height: 370px;

    }


    .sbe-mv-title-row {

        gap: 12px;

    }


    .sbe-mv-main-icon {

        width: 50px;

        height: 50px;

        font-size: 20px;

    }


    .sbe-mv-title-row h2 {

        font-size: 35px;

    }


    .sbe-mv-description {

        font-size: 13px;

    }


    .sbe-mv-list {

        grid-template-columns: 1fr;

    }


    .sbe-mv-image-badge {

        left: 12px;

        right: 12px;

        bottom: 12px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-mv-image-card {

        min-height: 350px;

    }


    .sbe-mv-image-wrapper {

        width: 100%;

    }


    .sbe-mv-image-wrapper img {

        height: 320px;

    }


    .sbe-mv-title-row h2 {

        font-size: 31px;

    }


    .sbe-mv-description {

        font-size: 12px;

        line-height: 1.75;

    }


    .sbe-mv-list-item {

        padding: 12px;

    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   VISION & MISSION PAGE BANNER
========================================================= */

.sbe-vm-banner {

    position: relative;

    min-height: 360px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        url("Slider/vision_1.png")
        center center / cover no-repeat;

}


/* =========================================================
   OVERLAY
========================================================= */

.sbe-vm-banner-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3, 25, 50, .94) 0%,
            rgba(3, 25, 50, .78) 40%,
            rgba(3, 25, 50, .45) 75%,
            rgba(3, 25, 50, .25) 100%
        );

}


/* =========================================================
   DECORATIVE CIRCLE
========================================================= */

.sbe-vm-banner::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    right: -170px;

    top: -160px;

    border:
        70px solid
        rgba(0, 169, 130, .10);

    border-radius: 50%;

    pointer-events: none;

}


.sbe-vm-banner::after {

    content: "";

    position: absolute;

    width: 280px;

    height: 280px;

    left: -150px;

    bottom: -190px;

    border:
        50px solid
        rgba(7, 126, 245, .08);

    border-radius: 50%;

    pointer-events: none;

}


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

.sbe-vm-banner .container {

    position: relative;

    z-index: 3;

}


.sbe-vm-banner-content {

    max-width: 760px;

    padding: 70px 0;

}


/* =========================================================
   TOP LABEL
========================================================= */

.sbe-vm-banner-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 16px;

    color: #00C596;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-vm-banner-label span {

    width: 32px;

    height: 3px;

    display: inline-block;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #087EF5,
            #00A982
        );

}


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

.sbe-vm-banner h1 {

    margin: 0 0 17px;

    color: #FFFFFF;

    font-size:
        clamp(42px, 5vw, 64px);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -2px;

}


.sbe-vm-banner h1 strong {

    color: #F58220;

    font-weight: 800;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-vm-banner p {

    max-width: 600px;

    margin: 0 0 25px;

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

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.sbe-vm-breadcrumb {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    font-size: 11px;

}


.sbe-vm-breadcrumb a {

    color: #FFFFFF;

    font-weight: 700;

    transition:
        color .25s ease;

}


.sbe-vm-breadcrumb a:hover {

    color: #00C596;

}


.sbe-vm-breadcrumb i {

    color: #F58220;

    font-size: 8px;

}


.sbe-vm-breadcrumb span {

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

}


/* =========================================================
   BOTTOM ACCENT
========================================================= */

.sbe-vm-banner-content::after {

    content: "";

    display: block;

    width: 70px;

    height: 3px;

    margin-top: 25px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #087EF5,
            #00A982
        );

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-vm-banner {

        min-height: 320px;

    }


    .sbe-vm-banner-content {

        padding: 60px 15px;

    }


    .sbe-vm-banner h1 {

        font-size: 50px;

    }

}


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

@media (max-width: 767px) {

    .sbe-vm-banner {

        min-height: 290px;

        background-position:
            center center;

    }


    .sbe-vm-banner-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3, 25, 50, .90),
                rgba(3, 25, 50, .60)
            );

    }


    .sbe-vm-banner-content {

        padding: 50px 15px;

    }


    .sbe-vm-banner-label {

        font-size: 8px;

        letter-spacing: 1.4px;

    }


    .sbe-vm-banner h1 {

        font-size: 39px;

        letter-spacing: -1px;

    }


    .sbe-vm-banner p {

        font-size: 12px;

        max-width: 350px;

    }


    .sbe-vm-breadcrumb {

        font-size: 10px;

    }


    .sbe-vm-banner::before {

        width: 280px;

        height: 280px;

        right: -170px;

        top: -100px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-vm-banner {

        min-height: 250px;

    }


    .sbe-vm-banner-content {

        padding: 42px 12px;

    }


    .sbe-vm-banner h1 {

        font-size: 33px;

    }


    .sbe-vm-banner p {

        font-size: 11px;

        margin-bottom: 18px;

    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   NEW MISSION SECTION
========================================================= */

.sbe-mission-new {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f9fd 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.sbe-mission-new::before {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    left: -260px;

    top: -200px;

    border:
        70px solid
        rgba(7, 93, 181, .035);

    border-radius: 50%;

}


.sbe-mission-new::after {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    right: -220px;

    bottom: -180px;

    border:
        55px solid
        rgba(0, 169, 130, .035);

    border-radius: 50%;

}


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

.sbe-mission-visual {

    position: relative;

    min-height: 570px;

    display: flex;

    align-items: center;

    justify-content: center;

}


/* =========================================================
   DECORATIVE IMAGE SHAPE
========================================================= */

.sbe-mission-decoration {

    position: absolute;

    width: 82%;

    height: 82%;

    left: 5%;

    top: 8%;

    background:
        linear-gradient(
            135deg,
            #e9f4ff,
            #e8faf5
        );

    border-radius: 25px;

    transform:
        rotate(-5deg);

}


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

.sbe-mission-image-box {

    position: relative;

    z-index: 2;

    width: 88%;

    overflow: hidden;

    background: #ffffff;

    border:
        7px solid
        #ffffff;

    border-radius: 20px;

    box-shadow:
        0 25px 60px
        rgba(5, 47, 97, .17);

}


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

.sbe-mission-image-box img {

    width: 100%;

    height: 500px;

    display: block;

    object-fit: cover;

    object-position: center;

    transition:
        transform .6s ease;

}


.sbe-mission-image-box:hover img {

    transform:
        scale(1.04);

}


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

.sbe-mission-badge {

    position: absolute;

    left: 18px;

    right: 18px;

    bottom: 18px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 13px 15px;

    background:
        rgba(5, 47, 97, .90);

    border:
        1px solid
        rgba(255, 255, 255, .20);

    border-radius: 10px;

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);

}


.sbe-mission-badge-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    background:
        linear-gradient(
            135deg,
            #075db5,
            #087ef5
        );

    color: #ffffff;

    border-radius: 9px;

    font-size: 18px;

}


.sbe-mission-badge strong {

    display: block;

    color: #ffffff;

    font-size: 12px;

    font-weight: 800;

}


.sbe-mission-badge span {

    display: block;

    margin-top: 3px;

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

    font-size: 9px;

}


/* =========================================================
   EXPERIENCE CARD
========================================================= */

.sbe-mission-experience {

    position: absolute;

    z-index: 4;

    left: 0;

    bottom: 48px;

    width: 115px;

    padding: 15px 10px;

    text-align: center;

    background: #ffffff;

    border:
        1px solid
        #e1e9f1;

    border-radius: 12px;

    box-shadow:
        0 15px 35px
        rgba(5, 47, 97, .15);

}


.sbe-mission-experience strong {

    display: block;

    color: #075db5;

    font-size: 30px;

    font-weight: 900;

    line-height: 1;

}


.sbe-mission-experience span {

    display: block;

    margin-top: 5px;

    color: #687789;

    font-size: 9px;

    font-weight: 700;

    line-height: 1.4;

}


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

.sbe-mission-content {

    position: relative;

    z-index: 2;

    padding-left: 30px;

}


/* =========================================================
   LABEL
========================================================= */

.sbe-mission-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: #f58220;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-mission-label span {

    width: 32px;

    height: 3px;

    display: block;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


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

.sbe-mission-content h2 {

    max-width: 650px;

    margin: 0 0 20px;

    color: #052f61;

    font-size:
        clamp(38px, 4vw, 53px);

    font-weight: 800;

    line-height: 1.08;

    letter-spacing: -1.5px;

}


.sbe-mission-content h2 strong {

    color: #f58220;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-mission-description {

    max-width: 650px;

    margin: 0 0 30px;

    color: #687789;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   MISSION POINTS
========================================================= */

.sbe-mission-points {

    display: grid;

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

    gap: 13px;

}


/* =========================================================
   POINT CARD
========================================================= */

.sbe-mission-point {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    padding: 16px;

    background: #ffffff;

    border:
        1px solid
        #e4ebf3;

    border-radius: 10px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.sbe-mission-point:hover {

    transform:
        translateY(-4px);

    border-color:
        rgba(7, 93, 181, .20);

    box-shadow:
        0 14px 32px
        rgba(5, 47, 97, .08);

}


/* =========================================================
   POINT ICON
========================================================= */

.sbe-mission-point-icon {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 9px;

    background:
        #edf6ff;

    color:
        #075db5;

    font-size: 15px;

    transition:
        background .3s ease,
        color .3s ease;

}


.sbe-mission-point:hover
.sbe-mission-point-icon {

    background:
        linear-gradient(
            135deg,
            #075db5,
            #00a982
        );

    color: #ffffff;

}


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

.sbe-mission-point-content h4 {

    margin: 0 0 5px;

    color: #052f61;

    font-size: 11px;

    font-weight: 800;

    line-height: 1.4;

}


.sbe-mission-point-content p {

    margin: 0;

    color: #7a8998;

    font-size: 9px;

    line-height: 1.55;

}


/* =========================================================
   BOTTOM HIGHLIGHT
========================================================= */

.sbe-mission-highlight {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 22px;

    padding: 13px 15px;

    background:
        linear-gradient(
            90deg,
            #eef8f5,
            #f4fbf9
        );

    border-left:
        3px solid
        #00a982;

    border-radius: 6px;

}


.sbe-mission-highlight-icon {

    width: 31px;

    height: 31px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #00a982;

    color: #ffffff;

    font-size: 11px;

}


.sbe-mission-highlight strong {

    display: block;

    color: #052f61;

    font-size: 10px;

    font-weight: 800;

}


.sbe-mission-highlight span {

    display: block;

    margin-top: 2px;

    color: #687789;

    font-size: 9px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-mission-new {

        padding: 75px 0;

    }

    .sbe-mission-visual {

        min-height: 500px;

        margin-bottom: 30px;

    }

    .sbe-mission-image-box {

        width: 90%;

    }

    .sbe-mission-image-box img {

        height: 450px;

    }

    .sbe-mission-content {

        padding-left: 0;

    }

}


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

@media (max-width: 767px) {

    .sbe-mission-new {

        padding: 60px 0;

    }

    .sbe-mission-visual {

        min-height: 410px;

        margin-bottom: 20px;

    }

    .sbe-mission-image-box {

        width: 94%;

        border-width: 5px;

    }

    .sbe-mission-image-box img {

        height: 370px;

    }

    .sbe-mission-experience {

        bottom: 30px;

        width: 95px;

        padding: 12px 8px;

    }

    .sbe-mission-experience strong {

        font-size: 25px;

    }

    .sbe-mission-content h2 {

        font-size: 36px;

    }

    .sbe-mission-description {

        font-size: 13px;

        line-height: 1.8;

    }

    .sbe-mission-points {

        grid-template-columns: 1fr;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-mission-visual {

        min-height: 350px;

    }

    .sbe-mission-image-box {

        width: 100%;

    }

    .sbe-mission-image-box img {

        height: 320px;

    }

    .sbe-mission-badge {

        left: 10px;

        right: 10px;

        bottom: 10px;

    }

    .sbe-mission-content h2 {

        font-size: 31px;

    }

    .sbe-mission-point {

        padding: 13px;

    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   CLEAN MISSION SECTION
========================================================= */

.sbe-mission-clean {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f5f9fd 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.sbe-mission-clean::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    left: -230px;

    top: -210px;

    border:
        65px solid
        rgba(7, 93, 181, .035);

    border-radius: 50%;

}


.sbe-mission-clean::after {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    right: -220px;

    bottom: -190px;

    border:
        55px solid
        rgba(0, 169, 130, .04);

    border-radius: 50%;

}


/* =========================================================
   MAIN INNER
========================================================= */

.sbe-mission-clean-inner {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(320px, .65fr);

    gap: 65px;

    align-items: center;

}


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

.sbe-mission-clean-content {

    min-width: 0;

}


/* =========================================================
   LABEL
========================================================= */

.sbe-mission-clean-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #f58220;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-mission-clean-label span {

    width: 32px;

    height: 3px;

    display: block;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


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

.sbe-mission-clean-content h2 {

    max-width: 700px;

    margin: 0 0 20px;

    color: #052f61;

    font-size:
        clamp(40px, 4.5vw, 60px);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -2px;

}


.sbe-mission-clean-content h2 strong {

    display: block;

    color: #f58220;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-mission-clean-description {

    max-width: 720px;

    margin: 0 0 32px;

    color: #687789;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   FEATURE GRID
========================================================= */

.sbe-mission-clean-grid {

    display: grid;

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

    gap: 14px;

}


/* =========================================================
   FEATURE CARD
========================================================= */

.sbe-mission-clean-card {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    min-width: 0;

    padding: 17px;

    background: #ffffff;

    border:
        1px solid
        #e2eaf2;

    border-radius: 10px;

    box-shadow:
        0 5px 20px
        rgba(5, 47, 97, .025);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.sbe-mission-clean-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(7, 93, 181, .18);

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

}


/* =========================================================
   FEATURE ICON
========================================================= */

.sbe-mission-clean-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 9px;

    background:
        #edf5ff;

    color:
        #075db5;

    font-size: 16px;

    transition:
        all .3s ease;

}


.sbe-mission-clean-card:hover
.sbe-mission-clean-icon {

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #075db5,
            #00a982
        );

}


/* =========================================================
   FEATURE TEXT
========================================================= */

.sbe-mission-clean-card h4 {

    margin: 1px 0 5px;

    color: #052f61;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.4;

}


.sbe-mission-clean-card p {

    margin: 0;

    color: #7a8998;

    font-size: 9px;

    line-height: 1.6;

}


/* =========================================================
   HIGHLIGHT
========================================================= */

.sbe-mission-clean-highlight {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 20px;

    padding: 14px 16px;

    background:
        linear-gradient(
            90deg,
            #edf9f5,
            #f6fcfa
        );

    border-left:
        3px solid
        #00a982;

    border-radius: 7px;

}


.sbe-mission-clean-check {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #00a982;

    color: #ffffff;

    font-size: 11px;

}


.sbe-mission-clean-highlight strong {

    display: block;

    color: #052f61;

    font-size: 10px;

    font-weight: 800;

}


.sbe-mission-clean-highlight p {

    margin: 2px 0 0;

    color: #687789;

    font-size: 9px;

}


/* =========================================================
   RIGHT SIDE CARD
========================================================= */

.sbe-mission-clean-side {

    position: relative;

}


.sbe-mission-clean-side-card {

    position: relative;

    padding: 45px 35px 35px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #052f61 0%,
            #073d76 60%,
            #075db5 100%
        );

    border-radius: 20px;

    box-shadow:
        0 25px 55px
        rgba(5, 47, 97, .20);

}


/* =========================================================
   SIDE CARD DECORATION
========================================================= */

.sbe-mission-clean-side-card::before {

    content: "";

    position: absolute;

    width: 240px;

    height: 240px;

    right: -120px;

    top: -120px;

    border:
        45px solid
        rgba(0, 169, 130, .13);

    border-radius: 50%;

}


.sbe-mission-clean-side-card::after {

    content: "";

    position: absolute;

    width: 170px;

    height: 170px;

    left: -90px;

    bottom: -90px;

    border:
        35px solid
        rgba(255,255,255,.05);

    border-radius: 50%;

}


/* =========================================================
   TARGET ICON
========================================================= */

.sbe-mission-clean-target {

    position: relative;

    z-index: 2;

    width: 75px;

    height: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #00a982,
            #00c596
        );

    color: #ffffff;

    font-size: 31px;

    box-shadow:
        0 15px 30px
        rgba(0, 0, 0, .16);

}


/* =========================================================
   SIDE LABEL
========================================================= */

.sbe-mission-clean-side-label {

    position: relative;

    z-index: 2;

    display: block;

    margin-bottom: 12px;

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;

}


/* =========================================================
   SIDE HEADING
========================================================= */

.sbe-mission-clean-side-card h3 {

    position: relative;

    z-index: 2;

    max-width: 320px;

    margin: 0 0 15px;

    color: #ffffff;

    font-size: 30px;

    font-weight: 800;

    line-height: 1.15;

}


.sbe-mission-clean-side-card h3 span {

    color: #f58220;

}


.sbe-mission-clean-side-card > p {

    position: relative;

    z-index: 2;

    margin: 0 0 30px;

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

    font-size: 11px;

    line-height: 1.8;

}


/* =========================================================
   STATS
========================================================= */

.sbe-mission-clean-stats {

    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 10px;

    padding-top: 22px;

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

}


.sbe-mission-clean-stats > div {

    padding: 13px;

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

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 8px;

}


.sbe-mission-clean-stats strong {

    display: block;

    color: #ffffff;

    font-size: 24px;

    font-weight: 900;

}


.sbe-mission-clean-stats span {

    display: block;

    margin-top: 3px;

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

    font-size: 8px;

}


/* =========================================================
   ROUTE
========================================================= */

.sbe-mission-route {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 27px;

}


.sbe-route-dot {

    width: 9px;

    height: 9px;

    flex-shrink: 0;

    border-radius: 50%;

    background: #ffffff;

}


.sbe-route-dot.green {

    background: #00c596;

}


.sbe-route-line {

    height: 1px;

    flex: 1;

    border-top:
        1px dashed
        rgba(255,255,255,.35);

}


.sbe-route-truck {

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        #f58220;

    color: #ffffff;

    font-size: 14px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-mission-clean {

        padding: 75px 0;

    }


    .sbe-mission-clean-inner {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .sbe-mission-clean-side {

        max-width: 600px;

        width: 100%;

        margin: 0 auto;

    }

}


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

@media (max-width: 767px) {

    .sbe-mission-clean {

        padding: 60px 0;

    }


    .sbe-mission-clean-inner {

        gap: 30px;

    }


    .sbe-mission-clean-content h2 {

        font-size: 37px;

        letter-spacing: -1px;

    }


    .sbe-mission-clean-description {

        font-size: 13px;

        line-height: 1.8;

    }


    .sbe-mission-clean-grid {

        grid-template-columns: 1fr;

    }


    .sbe-mission-clean-card {

        padding: 15px;

    }


    .sbe-mission-clean-side-card {

        padding: 35px 25px 27px;

    }


    .sbe-mission-clean-side-card h3 {

        font-size: 27px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-mission-clean {

        padding: 50px 0;

    }


    .sbe-mission-clean-content h2 {

        font-size: 32px;

    }


    .sbe-mission-clean-side-card {

        padding: 30px 20px 25px;

        border-radius: 15px;

    }


    .sbe-mission-clean-target {

        width: 65px;

        height: 65px;

        font-size: 26px;

    }


    .sbe-mission-clean-side-card h3 {

        font-size: 25px;

    }


    .sbe-mission-clean-stats strong {

        font-size: 21px;

    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   FINAL VISION SECTION
========================================================= */

.sbe-vision-final {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f6fafc 100%
        );

    overflow: hidden;

}


/* =========================================================
   BACKGROUND DECORATION
========================================================= */

.sbe-vision-final::before {

    content: "";

    position: absolute;

    width: 430px;

    height: 430px;

    right: -250px;

    top: -220px;

    border:
        65px solid
        rgba(0, 169, 130, .035);

    border-radius: 50%;

}


.sbe-vision-final::after {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    left: -230px;

    bottom: -200px;

    border:
        55px solid
        rgba(7, 93, 181, .035);

    border-radius: 50%;

}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.sbe-vision-final-wrapper {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.4fr)
        minmax(330px, .6fr);

    gap: 65px;

    align-items: center;

}


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

.sbe-vision-final-content {

    min-width: 0;

}


/* =========================================================
   LABEL
========================================================= */

.sbe-vision-final-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 15px;

    color: #f58220;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-vision-final-label span {

    width: 32px;

    height: 3px;

    display: block;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


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

.sbe-vision-final-content h2 {

    max-width: 720px;

    margin: 0 0 20px;

    color: #052f61;

    font-size:
        clamp(40px, 4.5vw, 60px);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -2px;

}


.sbe-vision-final-content h2 strong {

    display: block;

    color: #f58220;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.sbe-vision-final-description {

    max-width: 720px;

    margin: 0 0 32px;

    color: #687789;

    font-size: 14px;

    line-height: 1.9;

}


/* =========================================================
   FEATURE GRID
========================================================= */

.sbe-vision-final-grid {

    display: grid;

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

    gap: 14px;

}


/* =========================================================
   FEATURE CARD
========================================================= */

.sbe-vision-final-item {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    min-width: 0;

    padding: 17px;

    background: #ffffff;

    border:
        1px solid
        #e2eaf2;

    border-radius: 10px;

    box-shadow:
        0 5px 20px
        rgba(5, 47, 97, .025);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.sbe-vision-final-item:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(0, 169, 130, .25);

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

}


/* =========================================================
   ICON
========================================================= */

.sbe-vision-final-icon {

    width: 43px;

    height: 43px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 9px;

    background:
        #eaf9f5;

    color:
        #00a982;

    font-size: 16px;

    transition:
        all .3s ease;

}


.sbe-vision-final-item:hover
.sbe-vision-final-icon {

    background:
        linear-gradient(
            135deg,
            #00a982,
            #075db5
        );

    color: #ffffff;

}


/* =========================================================
   CARD TEXT
========================================================= */

.sbe-vision-final-item h4 {

    margin: 1px 0 5px;

    color: #052f61;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.4;

}


.sbe-vision-final-item p {

    margin: 0;

    color: #7a8998;

    font-size: 9px;

    line-height: 1.6;

}


/* =========================================================
   HIGHLIGHT
========================================================= */

.sbe-vision-final-highlight {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 20px;

    padding: 14px 16px;

    background:
        linear-gradient(
            90deg,
            #edf9f5,
            #f7fcfa
        );

    border-left:
        3px solid
        #00a982;

    border-radius: 7px;

}


.sbe-vision-final-check {

    width: 32px;

    height: 32px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 50%;

    background:
        #00a982;

    color: #ffffff;

    font-size: 12px;

}


.sbe-vision-final-highlight strong {

    display: block;

    color: #052f61;

    font-size: 10px;

    font-weight: 800;

}


.sbe-vision-final-highlight p {

    margin: 2px 0 0;

    color: #687789;

    font-size: 9px;

}


/* =========================================================
   RIGHT CARD
========================================================= */

.sbe-vision-final-visual {

    position: relative;

}


.sbe-vision-final-card {

    position: relative;

    min-height: 470px;

    padding: 45px 35px 30px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #052f61 0%,
            #073d76 55%,
            #075db5 100%
        );

    border-radius: 22px;

    box-shadow:
        0 25px 60px
        rgba(5, 47, 97, .20);

}


/* =========================================================
   CARD CIRCLE
========================================================= */

.sbe-vision-circle {

    position: absolute;

    width: 270px;

    height: 270px;

    right: -135px;

    top: -135px;

    border:
        45px solid
        rgba(0, 169, 130, .13);

    border-radius: 50%;

}


/* =========================================================
   BIG ICON
========================================================= */

.sbe-vision-final-big-icon {

    position: relative;

    z-index: 2;

    width: 78px;

    height: 78px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 22px;

    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #00a982,
            #00c596
        );

    color: #ffffff;

    font-size: 31px;

    box-shadow:
        0 15px 30px
        rgba(0, 0, 0, .16);

}


/* =========================================================
   CARD LABEL
========================================================= */

.sbe-vision-final-card-label {

    position: relative;

    z-index: 2;

    display: block;

    margin-bottom: 12px;

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;

}


/* =========================================================
   CARD HEADING
========================================================= */

.sbe-vision-final-card h3 {

    position: relative;

    z-index: 2;

    max-width: 330px;

    margin: 0 0 16px;

    color: #ffffff;

    font-size: 30px;

    font-weight: 800;

    line-height: 1.15;

}


.sbe-vision-final-card h3 span {

    color: #f58220;

}


/* =========================================================
   CARD DESCRIPTION
========================================================= */

.sbe-vision-final-card > p {

    position: relative;

    z-index: 2;

    margin: 0 0 28px;

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

    font-size: 11px;

    line-height: 1.8;

}


/* =========================================================
   STATS
========================================================= */

.sbe-vision-final-stats {

    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 10px;

    padding-top: 20px;

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

}


.sbe-vision-stat {

    padding: 14px;

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

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 8px;

}


.sbe-vision-stat strong {

    display: block;

    color: #ffffff;

    font-size: 24px;

    font-weight: 900;

}


.sbe-vision-stat span {

    display: block;

    margin-top: 3px;

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

    font-size: 8px;

}


/* =========================================================
   NETWORK
========================================================= */

.sbe-vision-final-network {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 16px;

    padding: 13px;

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

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 9px;

}


.sbe-vision-network-icon {

    width: 38px;

    height: 38px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background:
        #f58220;

    color: #ffffff;

    font-size: 14px;

}


.sbe-vision-final-network strong {

    display: block;

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

}


.sbe-vision-final-network span {

    display: block;

    margin-top: 3px;

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

    font-size: 8px;

}


/* =========================================================
   ROUTE
========================================================= */

.sbe-vision-route {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 8px;

    margin-top: 20px;

}


.sbe-vision-route > span {

    width: 8px;

    height: 8px;

    flex-shrink: 0;

    border-radius: 50%;

    background: #ffffff;

}


.sbe-vision-route > span.green {

    background: #00c596;

}


.sbe-vision-route > div {

    flex: 1;

    height: 1px;

    border-top:
        1px dashed
        rgba(255,255,255,.35);

}


.sbe-vision-route i {

    width: 36px;

    height: 36px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #f58220;

    color: #ffffff;

    font-size: 13px;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-vision-final {

        padding: 75px 0;

    }


    .sbe-vision-final-wrapper {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .sbe-vision-final-visual {

        max-width: 600px;

        width: 100%;

        margin: 0 auto;

    }

}


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

@media (max-width: 767px) {

    .sbe-vision-final {

        padding: 60px 0;

    }


    .sbe-vision-final-content h2 {

        font-size: 37px;

        letter-spacing: -1px;

    }


    .sbe-vision-final-description {

        font-size: 13px;

        line-height: 1.8;

    }


    .sbe-vision-final-grid {

        grid-template-columns: 1fr;

    }


    .sbe-vision-final-card {

        min-height: auto;

        padding: 35px 25px 27px;

    }


    .sbe-vision-final-card h3 {

        font-size: 27px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-vision-final {

        padding: 50px 0;

    }


    .sbe-vision-final-content h2 {

        font-size: 32px;

    }


    .sbe-vision-final-card {

        padding: 30px 20px 25px;

        border-radius: 16px;

    }


    .sbe-vision-final-big-icon {

        width: 65px;

        height: 65px;

        font-size: 26px;

    }


    .sbe-vision-final-card h3 {

        font-size: 25px;

    }


    .sbe-vision-stat strong {

        font-size: 21px;

    }

}


/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   CONTACT PAGE
========================================================= */


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

.sbe-contact-banner {

    position: relative;

    min-height: 340px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #052f61,
            #075db5
        );

}


.sbe-contact-banner-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3, 25, 50, .95),
            rgba(3, 25, 50, .65),
            rgba(3, 25, 50, .30)
        );

}


.sbe-contact-banner::before {

    content: "";

    position: absolute;

    width: 450px;

    height: 450px;

    right: -220px;

    top: -250px;

    border:
        70px solid
        rgba(0, 169, 130, .10);

    border-radius: 50%;

}


.sbe-contact-banner::after {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    left: -180px;

    bottom: -210px;

    border:
        50px solid
        rgba(255, 255, 255, .05);

    border-radius: 50%;

}


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

.sbe-contact-banner .container {

    position: relative;

    z-index: 2;

}


.sbe-contact-banner-content {

    padding: 65px 0;

}


.sbe-contact-banner-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 14px;

    color: #00c596;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-contact-banner-label span {

    width: 32px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #087ef5,
            #00a982
        );

}


.sbe-contact-banner h1 {

    margin: 0 0 12px;

    color: #ffffff;

    font-size:
        clamp(42px, 5vw, 62px);

    font-weight: 800;

    line-height: 1.05;

    letter-spacing: -2px;

}


.sbe-contact-banner h1 strong {

    color: #f58220;

}


.sbe-contact-banner-content > p {

    margin: 0 0 22px;

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

    font-size: 14px;

}


.sbe-contact-breadcrumb {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 11px;

}


.sbe-contact-breadcrumb a {

    color: #ffffff;

    font-weight: 700;

}


.sbe-contact-breadcrumb a:hover {

    color: #00c596;

}


.sbe-contact-breadcrumb i {

    color: #f58220;

    font-size: 8px;

}


.sbe-contact-breadcrumb span {

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

}


/* =========================================================
   CONTACT SECTION
========================================================= */

.sbe-contact-section {

    position: relative;

    padding: 95px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f9fd 100%
        );

    overflow: hidden;

}


.sbe-contact-section::before {

    content: "";

    position: absolute;

    width: 350px;

    height: 350px;

    left: -230px;

    top: 120px;

    border:
        55px solid
        rgba(7, 93, 181, .035);

    border-radius: 50%;

}


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

.sbe-contact-heading {

    max-width: 760px;

    margin: 0 auto 55px;

    text-align: center;

}


.sbe-contact-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 13px;

    color: #f58220;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-contact-label span {

    width: 30px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


.sbe-contact-heading h2 {

    margin: 0 0 16px;

    color: #052f61;

    font-size:
        clamp(35px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.sbe-contact-heading h2 strong {

    color: #f58220;

}


.sbe-contact-heading > p {

    max-width: 680px;

    margin: auto;

    color: #687789;

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   MAIN GRID
========================================================= */

.sbe-contact-grid {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        .78fr
        1.22fr;

    gap: 25px;

    align-items: stretch;

}


/* =========================================================
   LEFT INFO CARD
========================================================= */

.sbe-contact-info-card {

    position: relative;

    padding: 38px 32px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #052f61 0%,
            #073d76 60%,
            #075db5 100%
        );

    border-radius: 18px;

    box-shadow:
        0 25px 55px
        rgba(5, 47, 97, .16);

}


.sbe-contact-info-card::before {

    content: "";

    position: absolute;

    width: 240px;

    height: 240px;

    right: -130px;

    top: -130px;

    border:
        45px solid
        rgba(0, 169, 130, .12);

    border-radius: 50%;

}


.sbe-contact-info-header {

    position: relative;

    z-index: 2;

    margin-bottom: 28px;

}


.sbe-contact-info-header > span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-contact-info-header h3 {

    margin: 8px 0 12px;

    color: #ffffff;

    font-size: 30px;

    font-weight: 800;

    line-height: 1.15;

}


.sbe-contact-info-header h3 strong {

    color: #f58220;

}


.sbe-contact-info-header p {

    margin: 0;

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

    font-size: 11px;

    line-height: 1.8;

}


/* =========================================================
   INFO ITEMS
========================================================= */

.sbe-contact-info-item {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: flex-start;

    gap: 13px;

    padding: 15px 0;

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

}


.sbe-contact-info-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 9px;

    background: #087ef5;

    color: #ffffff;

    font-size: 15px;

}


.sbe-contact-info-icon.green {

    background: #00a982;

}


.sbe-contact-info-icon.orange {

    background: #f58220;

}


.sbe-contact-info-item small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 8px;

    font-weight: 800;

    letter-spacing: 1px;

}


.sbe-contact-info-item a,
.sbe-contact-info-item span {

    display: block;

    color: #ffffff;

    font-size: 11px;

    line-height: 1.7;

}


.sbe-contact-info-item a:hover {

    color: #00c596;

}


/* =========================================================
   HELP BOX
========================================================= */

.sbe-contact-working {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 11px;

    margin-top: 12px;

    padding: 13px;

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

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius: 9px;

}


.sbe-contact-working-icon {

    width: 37px;

    height: 37px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    border-radius: 8px;

    background: #f58220;

    color: #ffffff;

    font-size: 13px;

}


.sbe-contact-working strong {

    display: block;

    color: #ffffff;

    font-size: 9px;

}


.sbe-contact-working span {

    display: block;

    margin-top: 3px;

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

    font-size: 8px;

}


/* =========================================================
   FORM CARD
========================================================= */

.sbe-contact-form-card {

    padding: 38px;

    background: #ffffff;

    border:
        1px solid
        #e2eaf2;

    border-radius: 18px;

    box-shadow:
        0 20px 50px
        rgba(5, 47, 97, .07);

}


.sbe-contact-form-header {

    margin-bottom: 25px;

}


.sbe-contact-form-header > span {

    color: #00a982;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-contact-form-header h3 {

    margin: 7px 0 0;

    color: #052f61;

    font-size: 27px;

    font-weight: 800;

}


.sbe-contact-form-header h3 strong {

    color: #f58220;

}


/* =========================================================
   FORM GRID
========================================================= */

.sbe-contact-form-row {

    display: grid;

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

    gap: 18px;

}


/* =========================================================
   FIELD
========================================================= */

.sbe-contact-field {

    min-width: 0;

}


.sbe-contact-field label {

    display: block;

    margin-bottom: 7px;

    color: #052f61;

    font-size: 10px;

    font-weight: 800;

}


/* =========================================================
   INPUT
========================================================= */

.sbe-contact-input {

    position: relative;

}


.sbe-contact-input > i {

    position: absolute;

    left: 14px;

    top: 50%;

    transform:
        translateY(-50%);

    color: #7a8998;

    font-size: 12px;

    pointer-events: none;

}


.sbe-contact-input input,
.sbe-contact-input textarea {

    width: 100%;

    padding:
        13px 14px 13px 40px;

    color: #052f61;

    background: #f8fafc;

    border:
        1px solid
        #e1e8ef;

    border-radius: 7px;

    outline: none;

    font-family: inherit;

    font-size: 11px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;

}


.sbe-contact-input input {

    height: 45px;

}


.sbe-contact-input textarea {

    min-height: 125px;

    resize: vertical;

    line-height: 1.6;

    padding-top: 13px;

}


.sbe-contact-input textarea + i {

    top: 20px;

    transform: none;

}


.sbe-contact-input input::placeholder,
.sbe-contact-input textarea::placeholder {

    color: #9aa7b5;

}


.sbe-contact-input input:focus,
.sbe-contact-input textarea:focus {

    background: #ffffff;

    border-color:
        #087ef5;

    box-shadow:
        0 0 0 3px
        rgba(7, 126, 245, .08);

}


/* =========================================================
   MESSAGE
========================================================= */

.sbe-message-field {

    grid-column:
        1 / -1;

}


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

.sbe-contact-submit {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 14px;

    min-width: 165px;

    margin-top: 5px;

    padding: 13px 20px;

    border: none;

    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #087ef5,
            #00a982
        );

    color: #ffffff;

    cursor: pointer;

    font-family: inherit;

    font-size: 11px;

    font-weight: 800;

    box-shadow:
        0 10px 25px
        rgba(7,126,245,.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}


.sbe-contact-submit:hover {

    transform:
        translateY(-3px);

    box-shadow:
        0 15px 30px
        rgba(7,126,245,.25);

}


.sbe-contact-submit i {

    transition:
        transform .25s ease;

}


.sbe-contact-submit:hover i {

    transform:
        translateX(4px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-contact-section {

        padding: 75px 0;

    }


    .sbe-contact-grid {

        grid-template-columns: 1fr;

    }


    .sbe-contact-info-card {

        max-width: 700px;

        width: 100%;

        margin: 0 auto;

    }

}


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

@media (max-width: 767px) {

    .sbe-contact-banner {

        min-height: 280px;

    }


    .sbe-contact-banner-content {

        padding: 50px 15px;

    }


    .sbe-contact-banner h1 {

        font-size: 40px;

    }


    .sbe-contact-section {

        padding: 60px 0;

    }


    .sbe-contact-heading {

        margin-bottom: 35px;

    }


    .sbe-contact-heading h2 {

        font-size: 34px;

    }


    .sbe-contact-heading > p {

        font-size: 12px;

    }


    .sbe-contact-form-row {

        grid-template-columns: 1fr;

    }


    .sbe-message-field {

        grid-column: auto;

    }


    .sbe-contact-form-card {

        padding: 28px 20px;

    }


    .sbe-contact-info-card {

        padding: 30px 22px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-contact-banner {

        min-height: 250px;

    }


    .sbe-contact-banner h1 {

        font-size: 34px;

    }


    .sbe-contact-banner-content > p {

        font-size: 12px;

    }


    .sbe-contact-heading h2 {

        font-size: 30px;

    }


    .sbe-contact-info-header h3 {

        font-size: 26px;

    }


    .sbe-contact-form-header h3 {

        font-size: 24px;

    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   BRANCH NETWORK
========================================================= */

.sbe-branch-section {

    position: relative;

    padding: 100px 0;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5f9fd 100%
        );

    overflow: hidden;

}


.sbe-branch-section::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    top: -240px;

    right: -220px;

    border:
        60px solid
        rgba(0, 169, 130, .035);

    border-radius: 50%;

}


.sbe-branch-section::after {

    content: "";

    position: absolute;

    width: 330px;

    height: 330px;

    bottom: -220px;

    left: -210px;

    border:
        50px solid
        rgba(7, 93, 181, .035);

    border-radius: 50%;

}


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

.sbe-branch-heading {

    position: relative;

    z-index: 2;

    max-width: 720px;

    margin: 0 auto 55px;

    text-align: center;

}


.sbe-branch-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 14px;

    color: #f58220;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-branch-label span {

    width: 31px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


.sbe-branch-heading h2 {

    margin: 0 0 14px;

    color: #052f61;

    font-size:
        clamp(38px, 4vw, 52px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -1.5px;

}


.sbe-branch-heading h2 strong {

    color: #00a982;

}


.sbe-branch-heading p {

    max-width: 620px;

    margin: auto;

    color: #6d7c8c;

    font-size: 13px;

    line-height: 1.8;

}


/* =========================================================
   BRANCH GRID
========================================================= */

.sbe-branch-grid {

    position: relative;

    z-index: 2;

    display: grid;

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

    gap: 20px;

}


/* =========================================================
   BRANCH CARD
========================================================= */

.sbe-branch-card {

    position: relative;

    min-height: 310px;

    padding: 27px 25px;

    background: #ffffff;

    border:
        1px solid
        #e1e9f1;

    border-radius: 14px;

    box-shadow:
        0 8px 30px
        rgba(5, 47, 97, .045);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.sbe-branch-card::before {

    content: "";

    position: absolute;

    width: 110px;

    height: 110px;

    right: -60px;

    top: -60px;

    border-radius: 50%;

    background:
        rgba(0, 169, 130, .05);

}


.sbe-branch-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(0, 169, 130, .30);

    box-shadow:
        0 20px 45px
        rgba(5, 47, 97, .10);

}


/* =========================================================
   FEATURED HEAD OFFICE
========================================================= */

.sbe-branch-card.sbe-branch-featured {

    background:
        linear-gradient(
            145deg,
            #052f61,
            #075db5
        );

    border-color:
        transparent;

    box-shadow:
        0 20px 45px
        rgba(5, 47, 97, .18);

}


.sbe-branch-card.sbe-branch-featured::before {

    background:
        rgba(0, 169, 130, .12);

}


.sbe-branch-card.sbe-branch-featured h3 {

    color: #ffffff;

}


.sbe-branch-card.sbe-branch-featured p {

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

}


.sbe-branch-card.sbe-branch-featured
.sbe-branch-line {

    background:
        linear-gradient(
            90deg,
            #00c596,
            rgba(255,255,255,.15)
        );

}


.sbe-branch-card.sbe-branch-featured
.sbe-branch-contact a {

    color: #ffffff;

}


.sbe-branch-card.sbe-branch-featured
.sbe-branch-contact a:hover {

    color: #00c596;

}


/* =========================================================
   CARD TOP
========================================================= */

.sbe-branch-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 18px;

}


.sbe-branch-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 11px;

    background:
        #eaf8f5;

    color:
        #00a982;

    font-size: 17px;

}


.sbe-branch-featured
.sbe-branch-icon {

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

    color: #00c596;

}


.sbe-branch-number {

    color: #b6c2ce;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: 1px;

}


.sbe-branch-featured
.sbe-branch-number {

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

}


/* =========================================================
   CARD TITLE
========================================================= */

.sbe-branch-card h3 {

    position: relative;

    z-index: 2;

    margin: 0 0 10px;

    color: #052f61;

    font-size: 18px;

    font-weight: 800;

    line-height: 1.35;

}


/* =========================================================
   LINE
========================================================= */

.sbe-branch-line {

    width: 45px;

    height: 3px;

    margin-bottom: 15px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


/* =========================================================
   ADDRESS
========================================================= */

.sbe-branch-card > p {

    position: relative;

    z-index: 2;

    min-height: 90px;

    margin: 0;

    color: #718091;

    font-size: 11px;

    line-height: 1.8;

}


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

.sbe-branch-contact {

    position: relative;

    z-index: 2;

    display: flex;

    flex-direction: column;

    gap: 7px;

    margin-top: 12px;

    padding-top: 13px;

    border-top:
        1px solid
        #edf1f5;

}


.sbe-branch-featured
.sbe-branch-contact {

    border-top-color:
        rgba(255,255,255,.12);

}


.sbe-branch-contact a {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #075db5;

    font-size: 10px;

    font-weight: 700;

}


.sbe-branch-contact a:hover {

    color: #00a982;

}


.sbe-branch-contact i {

    width: 16px;

    color: #00a982;

    font-size: 10px;

}


/* =========================================================
   HEAD OFFICE BADGE
========================================================= */

.sbe-branch-badge {

    position: absolute;

    top: 20px;

    right: 20px;

    padding: 5px 9px;

    border-radius: 20px;

    background:
        #f58220;

    color: #ffffff;

    font-size: 7px;

    font-weight: 800;

    letter-spacing: .5px;

}


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

.sbe-branch-cta {

    padding: 0 0 90px;

    background: #f5f9fd;

}


.sbe-branch-cta-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding: 35px 42px;

    background:
        linear-gradient(
            100deg,
            #052f61,
            #075db5
        );

    border-radius: 16px;

    box-shadow:
        0 20px 45px
        rgba(5,47,97,.14);

}


.sbe-branch-cta-inner > div {

    min-width: 0;

}


.sbe-branch-cta-inner span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-branch-cta-inner h2 {

    margin: 7px 0 7px;

    color: #ffffff;

    font-size: 26px;

    font-weight: 800;

}


.sbe-branch-cta-inner p {

    margin: 0;

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

    font-size: 10px;

}


.sbe-branch-cta-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    flex-shrink: 0;

    padding: 13px 20px;

    border-radius: 7px;

    background:
        #f58220;

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

    box-shadow:
        0 10px 25px
        rgba(245,130,32,.20);

    transition:
        transform .25s ease,
        background .25s ease;

}


.sbe-branch-cta-btn:hover {

    color: #ffffff;

    background: #00a982;

    transform:
        translateY(-3px);

}


/* =========================================================
   GALLERY
========================================================= */

.sbe-branch-gallery {

    padding: 90px 0 0;

    background: #ffffff;

}


.sbe-branch-gallery-heading {

    max-width: 700px;

    margin: 0 auto 45px;

    text-align: center;

}


.sbe-branch-gallery-heading h2 {

    margin: 0 0 12px;

    color: #052f61;

    font-size: 42px;

    font-weight: 800;

}


.sbe-branch-gallery-heading h2 strong {

    color: #00a982;

}


.sbe-branch-gallery-heading p {

    margin: auto;

    color: #718091;

    font-size: 12px;

    line-height: 1.8;

}


/* =========================================================
   GALLERY GRID
========================================================= */

.sbe-branch-gallery-grid {

    display: grid;

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

}


.sbe-branch-gallery-item {

    position: relative;

    height: 280px;

    overflow: hidden;

}


.sbe-branch-gallery-item::after {

    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(5,47,97,.25)
        );

    pointer-events: none;

}


.sbe-branch-gallery-item img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform .5s ease;

}


.sbe-branch-gallery-item:hover img {

    transform:
        scale(1.08);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-branch-section {

        padding: 75px 0;

    }


    .sbe-branch-grid {

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

    }


    .sbe-branch-cta {

        padding-bottom: 70px;

    }


    .sbe-branch-cta-inner {

        padding: 30px;

    }


    .sbe-branch-gallery-grid {

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

    }

}


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

@media (max-width: 767px) {

    .sbe-branch-section {

        padding: 60px 0;

    }


    .sbe-branch-heading {

        margin-bottom: 35px;

    }


    .sbe-branch-heading h2 {

        font-size: 34px;

    }


    .sbe-branch-grid {

        grid-template-columns: 1fr;

        gap: 15px;

    }


    .sbe-branch-card {

        min-height: auto;

    }


    .sbe-branch-card > p {

        min-height: auto;

    }


    .sbe-branch-cta {

        padding: 0 0 60px;

    }


    .sbe-branch-cta-inner {

        flex-direction: column;

        align-items: flex-start;

        padding: 28px 24px;

    }


    .sbe-branch-cta-inner h2 {

        font-size: 22px;

    }


    .sbe-branch-gallery {

        padding-top: 60px;

    }


    .sbe-branch-gallery-heading h2 {

        font-size: 34px;

    }


    .sbe-branch-gallery-grid {

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

    }


    .sbe-branch-gallery-item {

        height: 220px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-branch-heading h2 {

        font-size: 30px;

    }


    .sbe-branch-card {

        padding: 23px 20px;

    }


    .sbe-branch-cta-inner h2 {

        font-size: 20px;

    }


    .sbe-branch-gallery-heading h2 {

        font-size: 30px;

    }


    .sbe-branch-gallery-item {

        height: 170px;

    }

}


/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   CUSTOM CLEARANCE PAGE
========================================================= */

.sbe-cc-hero {

    position: relative;

    min-height: 590px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #041f40 0%,
            #063a70 55%,
            #075db5 100%
        );

}


.sbe-cc-hero::before {

    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    right: -200px;
    top: -250px;

    border-radius: 50%;

    border:
        80px solid
        rgba(0, 169, 130, .08);

}


.sbe-cc-hero::after {

    content: "";

    position: absolute;

    width: 400px;
    height: 400px;

    left: -220px;
    bottom: -250px;

    border-radius: 50%;

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

}


.sbe-cc-hero-overlay {

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 70% 50%,
            rgba(0,169,130,.13),
            transparent 35%
        );

}


.sbe-cc-container {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding-left: 25px;
    padding-right: 25px;

}


.sbe-cc-hero .sbe-cc-container {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.1fr .9fr;

    align-items: center;

    gap: 70px;

}


.sbe-cc-hero-content {

    max-width: 650px;

}


.sbe-cc-label {

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 20px;

    color: #ff8b2c;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-cc-label span {

    width: 32px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #00b88a,
            #ff8b2c
        );

}


.sbe-cc-hero h1 {

    margin: 0;

    color: #ffffff;

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

    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -2px;

}


.sbe-cc-hero h1 strong {

    display: block;

    color: #ff8b2c;

}


.sbe-cc-hero-content > p {

    max-width: 600px;

    margin: 25px 0 30px;

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

    font-size: 14px;

    line-height: 1.9;

}


.sbe-cc-hero-buttons {

    display: flex;

    align-items: center;

    gap: 13px;

}


.sbe-cc-primary-btn,
.sbe-cc-secondary-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 14px 20px;

    border-radius: 7px;

    font-size: 11px;

    font-weight: 800;

    transition: .3s ease;

}


.sbe-cc-primary-btn {

    background: #00a982;

    color: #ffffff;

}


.sbe-cc-primary-btn:hover {

    background: #00c596;

    color: #ffffff;

    transform:
        translateY(-3px);

}


.sbe-cc-secondary-btn {

    border:
        1px solid
        rgba(255,255,255,.25);

    color: #ffffff;

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

}


.sbe-cc-secondary-btn:hover {

    background: #ffffff;

    color: #063a70;

}


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

.sbe-cc-hero-card {

    padding: 28px;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 18px;

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

    backdrop-filter:
        blur(15px);

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.20);

}


.sbe-cc-card-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 20px;

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

}


.sbe-cc-card-header span {

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.5px;

}


.sbe-cc-card-header i {

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 10px;

    background:
        rgba(0,169,130,.18);

    color: #00c596;

}


/* ROUTE */

.sbe-cc-clearance-route {

    display: grid;

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

    align-items: center;

    gap: 15px;

    padding: 42px 0;

}


.sbe-cc-route-point {

    text-align: center;

}


.sbe-cc-route-icon {

    width: 55px;
    height: 55px;

    margin: 0 auto 12px;

    display: flex;

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

    border-radius: 50%;

    background: #ffffff;

    color: #075db5;

    font-size: 18px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.15);

}


.sbe-cc-route-point small {

    display: block;

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

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1px;

}


.sbe-cc-route-point strong {

    display: block;

    margin-top: 4px;

    color: #ffffff;

    font-size: 16px;

}


.sbe-cc-route-line {

    position: relative;

    height: 2px;

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

}


.sbe-cc-route-line span {

    position: absolute;

    width: 45%;

    height: 2px;

    background: #00c596;

}


.sbe-cc-route-line i {

    position: absolute;

    right: 0;

    top: -6px;

    color: #00c596;

    font-size: 13px;

}


/* CARD FOOTER */

.sbe-cc-card-footer {

    display: grid;

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

    gap: 10px;

    padding-top: 20px;

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

}


.sbe-cc-card-footer div {

    text-align: center;

}


.sbe-cc-card-footer small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 7px;

    font-weight: 800;

}


.sbe-cc-card-footer strong {

    color: #ffffff;

    font-size: 10px;

}


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

.sbe-cc-intro {

    padding: 100px 0;

    background: #ffffff;

}


.sbe-cc-intro-grid {

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap: 80px;

    align-items: center;

}


.sbe-cc-section-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #f58220;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;

}


.sbe-cc-section-label::before {

    content: "";

    width: 28px;

    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

}


.sbe-cc-intro-heading h2,
.sbe-cc-section-heading h2,
.sbe-cc-why-content h2,
.sbe-cc-process h2 {

    margin: 15px 0 0;

    color: #052f61;

    font-size:
        clamp(34px,4vw,50px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;

}


.sbe-cc-intro-heading h2 span,
.sbe-cc-section-heading h2 span,
.sbe-cc-why-content h2 span,
.sbe-cc-process h2 span {

    color: #00a982;

}


.sbe-cc-intro-text p {

    margin: 0 0 17px;

    color: #6d7c8c;

    font-size: 13px;

    line-height: 1.9;

}


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

.sbe-cc-services {

    padding: 100px 0;

    background:
        #f5f9fd;

}


.sbe-cc-section-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 45px;

}


.sbe-cc-section-heading > p {

    max-width: 350px;

    margin: 0;

    color: #718091;

    font-size: 12px;

    line-height: 1.8;

}


.sbe-cc-service-grid {

    display: grid;

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

    gap: 20px;

}


.sbe-cc-service-card {

    position: relative;

    padding: 30px;

    min-height: 285px;

    background: #ffffff;

    border:
        1px solid
        #e3ebf2;

    border-radius: 15px;

    overflow: hidden;

    transition: .3s ease;

}


.sbe-cc-service-card::after {

    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -80px;
    bottom: -80px;

    border-radius: 50%;

    background:
        rgba(0,169,130,.045);

}


.sbe-cc-service-card:hover {

    transform:
        translateY(-7px);

    border-color:
        rgba(0,169,130,.3);

    box-shadow:
        0 18px 40px
        rgba(5,47,97,.09);

}


.sbe-cc-service-number {

    position: absolute;

    top: 22px;
    right: 24px;

    color: #dce5ed;

    font-size: 24px;

    font-weight: 900;

}


.sbe-cc-service-icon {

    width: 52px;
    height: 52px;

    display: flex;

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

    margin-bottom: 20px;

    border-radius: 12px;

    background:
        #edf8f5;

    color: #00a982;

    font-size: 19px;

}


.sbe-cc-service-card h3 {

    margin: 0 0 12px;

    color: #052f61;

    font-size: 17px;

    font-weight: 800;

}


.sbe-cc-service-card p {

    margin: 0;

    color: #718091;

    font-size: 11px;

    line-height: 1.8;

}


.sbe-cc-service-bottom {

    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-top: 13px;

    border-top:
        1px solid
        #edf1f5;

}


.sbe-cc-service-bottom span {

    color: #aebbc8;

    font-size: 8px;

    font-weight: 900;

}


.sbe-cc-service-bottom i {

    color: #075db5;

    font-size: 12px;

}


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

.sbe-cc-why {

    padding: 105px 0;

    background: #ffffff;

}


.sbe-cc-why-grid {

    display: grid;

    grid-template-columns:
        1fr .85fr;

    gap: 80px;

    align-items: center;

}


.sbe-cc-why-content > p {

    max-width: 620px;

    margin: 22px 0 30px;

    color: #718091;

    font-size: 13px;

    line-height: 1.9;

}


.sbe-cc-benefits {

    display: grid;

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

    gap: 15px;

}


.sbe-cc-benefit {

    display: flex;

    gap: 13px;

    padding: 17px;

    border:
        1px solid
        #e4ebf2;

    border-radius: 10px;

    background: #ffffff;

}


.sbe-cc-benefit-icon {

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 9px;

    background: #edf6ff;

    color: #075db5;

}


.sbe-cc-benefit h4 {

    margin: 0 0 5px;

    color: #052f61;

    font-size: 11px;

    font-weight: 800;

}


.sbe-cc-benefit p {

    margin: 0;

    color: #7a8998;

    font-size: 9px;

    line-height: 1.6;

}


/* =========================================================
   PROCESS DARK CARD
========================================================= */

.sbe-cc-process-card {

    padding: 35px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 25px 55px
        rgba(5,47,97,.17);

}


.sbe-cc-process-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 25px;

    margin-bottom: 25px;

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

}


.sbe-cc-process-top span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-cc-process-top i {

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

}


.sbe-cc-process-step {

    display: flex;

    align-items: center;

    gap: 15px;

}


.sbe-cc-step-icon {

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 50%;

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

    color: #ffffff;

    font-size: 9px;

    font-weight: 900;

}


.sbe-cc-step-icon.active {

    background: #00a982;

}


.sbe-cc-process-step h4 {

    margin: 0 0 3px;

    color: #ffffff;

    font-size: 12px;

}


.sbe-cc-process-step p {

    margin: 0;

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

    font-size: 9px;

}


.sbe-cc-process-line {

    width: 1px;

    height: 22px;

    margin: 5px 0 5px 20px;

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

}


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

.sbe-cc-process {

    padding: 100px 0;

    background:
        #f5f9fd;

}


.sbe-cc-section-heading.center {

    display: block;

    max-width: 700px;

    margin:
        0 auto 50px;

    text-align: center;

}


.sbe-cc-section-heading.center .sbe-cc-section-label {

    justify-content: center;

}


.sbe-cc-section-heading.center h2 {

    margin-top: 15px;

}


.sbe-cc-section-heading.center p {

    max-width: 500px;

    margin: 15px auto 0;

    color: #718091;

    font-size: 12px;

}


.sbe-cc-process-grid {

    display: grid;

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

    gap: 18px;

}


.sbe-cc-process-box {

    position: relative;

    padding: 32px 25px;

    text-align: center;

    background: #ffffff;

    border:
        1px solid
        #e1e9f1;

    border-radius: 13px;

}


.sbe-cc-process-number {

    position: absolute;

    top: 15px;
    right: 18px;

    color: #dbe5ed;

    font-size: 19px;

    font-weight: 900;

}


.sbe-cc-process-box-icon {

    width: 54px;
    height: 54px;

    display: flex;

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

    margin: 0 auto 18px;

    border-radius: 50%;

    background:
        #edf8f5;

    color: #00a982;

    font-size: 17px;

}


.sbe-cc-process-box h3 {

    margin: 0 0 10px;

    color: #052f61;

    font-size: 14px;

    font-weight: 800;

}


.sbe-cc-process-box p {

    margin: 0;

    color: #718091;

    font-size: 10px;

    line-height: 1.7;

}


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

.sbe-cc-cta {

    padding: 80px 0;

    background: #ffffff;

}


.sbe-cc-cta-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding: 40px 45px;

    border-radius: 17px;

    background:
        linear-gradient(
            100deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 20px 50px
        rgba(5,47,97,.15);

}


.sbe-cc-cta-content > span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;

}


.sbe-cc-cta-content h2 {

    margin: 8px 0;

    color: #ffffff;

    font-size: 30px;

    font-weight: 800;

}


.sbe-cc-cta-content h2 strong {

    color: #ff8b2c;

}


.sbe-cc-cta-content p {

    max-width: 550px;

    margin: 0;

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

    font-size: 11px;

    line-height: 1.7;

}


.sbe-cc-cta-actions {

    display: flex;

    align-items: center;

    gap: 13px;

    flex-shrink: 0;

}


.sbe-cc-phone {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #ffffff;

}


.sbe-cc-phone:hover {

    color: #ffffff;

}


.sbe-cc-phone > i {

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 50%;

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

    color: #00c596;

}


.sbe-cc-phone small {

    display: block;

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

    font-size: 7px;

    font-weight: 800;

}


.sbe-cc-phone strong {

    display: block;

    margin-top: 3px;

    color: #ffffff;

    font-size: 11px;

}


.sbe-cc-cta-button {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 13px 18px;

    border-radius: 7px;

    background: #ff8b2c;

    color: #ffffff;

    font-size: 10px;

    font-weight: 800;

}


.sbe-cc-cta-button:hover {

    background: #00a982;

    color: #ffffff;

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-cc-hero .sbe-cc-container {

        grid-template-columns: 1fr;

        gap: 45px;

        padding-top: 80px;

        padding-bottom: 80px;

    }


    .sbe-cc-hero {

        min-height: auto;

    }


    .sbe-cc-hero-card {

        max-width: 600px;

    }


    .sbe-cc-intro-grid,
    .sbe-cc-why-grid {

        grid-template-columns: 1fr;

        gap: 40px;

    }


    .sbe-cc-service-grid {

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

    }


    .sbe-cc-process-grid {

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

    }


    .sbe-cc-cta-inner {

        flex-direction: column;

        align-items: flex-start;

    }

}


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

@media (max-width: 767px) {

    .sbe-cc-container {

        padding-left: 18px;
        padding-right: 18px;

    }


    .sbe-cc-hero h1 {

        font-size: 42px;

        letter-spacing: -1px;

    }


    .sbe-cc-hero-content > p {

        font-size: 12px;

    }


    .sbe-cc-hero-buttons {

        flex-direction: column;

        align-items: stretch;

    }


    .sbe-cc-primary-btn,
    .sbe-cc-secondary-btn {

        justify-content: center;

    }


    .sbe-cc-hero-card {

        padding: 20px;

    }


    .sbe-cc-intro,
    .sbe-cc-services,
    .sbe-cc-why,
    .sbe-cc-process {

        padding: 70px 0;

    }


    .sbe-cc-intro-heading h2,
    .sbe-cc-section-heading h2,
    .sbe-cc-why-content h2,
    .sbe-cc-process h2 {

        font-size: 34px;

    }


    .sbe-cc-section-heading {

        display: block;

    }


    .sbe-cc-section-heading > p {

        margin-top: 15px;

    }


    .sbe-cc-service-grid {

        grid-template-columns: 1fr;

    }


    .sbe-cc-benefits {

        grid-template-columns: 1fr;

    }


    .sbe-cc-process-grid {

        grid-template-columns: 1fr;

    }


    .sbe-cc-cta {

        padding: 60px 0;

    }


    .sbe-cc-cta-inner {

        padding: 30px 23px;

    }


    .sbe-cc-cta-content h2 {

        font-size: 25px;

    }


    .sbe-cc-cta-actions {

        flex-direction: column;

        align-items: flex-start;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-cc-hero h1 {

        font-size: 36px;

    }


    .sbe-cc-clearance-route {

        gap: 7px;

    }


    .sbe-cc-route-icon {

        width: 45px;
        height: 45px;

        font-size: 14px;

    }


    .sbe-cc-route-point strong {

        font-size: 12px;

    }


    .sbe-cc-card-footer strong {

        font-size: 8px;

    }


    .sbe-cc-service-card {

        padding: 25px;

    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   FULL TRUCK LOAD PAGE
========================================================= */

.sbe-ftl-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
}


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

.sbe-ftl-hero {

    position: relative;
    min-height: 610px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #031e3b 0%,
            #063e76 55%,
            #0867bb 100%
        );
}


.sbe-ftl-hero::before {

    content: "";

    position: absolute;

    width: 650px;
    height: 650px;

    right: -250px;
    top: -300px;

    border-radius: 50%;

    border: 100px solid rgba(0,169,130,.07);
}


.sbe-ftl-hero::after {

    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    left: -280px;
    bottom: -300px;

    border-radius: 50%;

    background: rgba(255,255,255,.025);
}


.sbe-ftl-hero-overlay {

    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 75% 50%,
            rgba(0,169,130,.15),
            transparent 35%
        );
}


.sbe-ftl-hero .sbe-ftl-container {

    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        1.05fr .95fr;

    gap: 70px;

    align-items: center;
}


.sbe-ftl-hero-content {
    max-width: 650px;
}


.sbe-ftl-label {

    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #ff8b2c;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 2px;
}


.sbe-ftl-label span {

    width: 32px;
    height: 3px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #00b88a,
            #ff8b2c
        );
}


.sbe-ftl-hero h1 {

    margin: 0;

    color: #fff;

    font-size:
        clamp(43px, 5vw, 68px);

    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -2px;
}


.sbe-ftl-hero h1 strong {

    display: block;

    color: #ff8b2c;
}


.sbe-ftl-hero-content > p {

    max-width: 600px;

    margin: 25px 0 30px;

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

    font-size: 14px;

    line-height: 1.9;
}


.sbe-ftl-hero-buttons {

    display: flex;
    gap: 12px;
    align-items: center;
}


.sbe-ftl-primary-btn,
.sbe-ftl-secondary-btn {

    display: inline-flex;

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

    gap: 9px;

    padding: 14px 20px;

    border-radius: 7px;

    font-size: 11px;

    font-weight: 800;

    transition: .3s ease;
}


.sbe-ftl-primary-btn {

    background: #00a982;

    color: #fff;
}


.sbe-ftl-primary-btn:hover {

    color: #fff;

    background: #00c596;

    transform: translateY(-3px);
}


.sbe-ftl-secondary-btn {

    color: #fff;

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

    border:
        1px solid
        rgba(255,255,255,.25);
}


.sbe-ftl-secondary-btn:hover {

    color: #063e76;

    background: #fff;
}


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

.sbe-ftl-hero-card {

    padding: 28px;

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 18px;

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

    backdrop-filter: blur(15px);

    box-shadow:
        0 25px 70px
        rgba(0,0,0,.20);
}


.sbe-ftl-card-header {

    display: flex;

    align-items: center;
    justify-content: space-between;

    padding-bottom: 20px;

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


.sbe-ftl-card-header span {

    display: block;

    margin-bottom: 5px;

    color: #00c596;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.sbe-ftl-card-header strong {

    color: #fff;

    font-size: 15px;
}


.sbe-ftl-header-icon {

    width: 45px;
    height: 45px;

    display: flex;

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

    border-radius: 11px;

    background:
        rgba(0,169,130,.17);

    color: #00c596;

    font-size: 18px;
}


/* ROUTE */

.sbe-ftl-route {

    display: grid;

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

    align-items: center;

    gap: 12px;

    padding: 42px 0;
}


.sbe-ftl-location {

    text-align: center;
}


.sbe-ftl-location-icon {

    width: 55px;
    height: 55px;

    display: flex;

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

    margin: 0 auto 12px;

    border-radius: 50%;

    background: #fff;

    color: #075db5;

    font-size: 18px;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.15);
}


.sbe-ftl-location-icon.destination {

    color: #00a982;
}


.sbe-ftl-location small {

    display: block;

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

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1px;
}


.sbe-ftl-location strong {

    display: block;

    margin-top: 5px;

    color: #fff;

    font-size: 11px;
}


.sbe-ftl-route-middle {

    position: relative;

    text-align: center;
}


.sbe-ftl-route-line {

    position: absolute;

    top: 17px;

    left: 0;
    right: 0;

    height: 2px;

    background:
        rgba(255,255,255,.18);
}


.sbe-ftl-route-line span {

    display: block;

    width: 65%;

    height: 2px;

    background: #00c596;
}


.sbe-ftl-truck {

    position: relative;

    z-index: 2;

    width: 42px;
    height: 42px;

    display: flex;

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

    margin: 0 auto;

    border-radius: 50%;

    background: #00a982;

    color: #fff;

    font-size: 15px;
}


.sbe-ftl-route-middle small {

    display: block;

    margin-top: 10px;

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

    font-size: 6px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* FOOTER */

.sbe-ftl-card-footer {

    display: grid;

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

    gap: 10px;

    padding-top: 20px;

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


.sbe-ftl-card-footer div {

    text-align: center;
}


.sbe-ftl-card-footer small {

    display: block;

    margin-bottom: 5px;

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

    font-size: 7px;

    font-weight: 800;
}


.sbe-ftl-card-footer strong {

    color: #fff;

    font-size: 9px;
}


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

.sbe-ftl-intro {

    padding: 100px 0;

    background: #fff;
}


.sbe-ftl-intro-grid {

    display: grid;

    grid-template-columns:
        .85fr 1.15fr;

    gap: 80px;

    align-items: center;
}


.sbe-ftl-section-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #f58220;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;
}


.sbe-ftl-section-label::before {

    content: "";

    width: 28px;
    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );
}


.sbe-ftl-intro-heading h2,
.sbe-ftl-section-heading h2,
.sbe-ftl-cargo-content h2,
.sbe-ftl-why-heading h2,
.sbe-ftl-process-heading h2 {

    margin: 15px 0 0;

    color: #052f61;

    font-size:
        clamp(34px,4vw,50px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;
}


.sbe-ftl-intro-heading h2 span,
.sbe-ftl-section-heading h2 span,
.sbe-ftl-cargo-content h2 span,
.sbe-ftl-why-heading h2 span,
.sbe-ftl-process-heading h2 span {

    color: #00a982;
}


.sbe-ftl-intro-content p {

    margin: 0 0 17px;

    color: #718091;

    font-size: 13px;

    line-height: 1.9;
}


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

.sbe-ftl-services {

    padding: 100px 0;

    background: #f5f9fd;
}


.sbe-ftl-section-heading {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 40px;

    margin-bottom: 45px;
}


.sbe-ftl-section-heading > p {

    max-width: 370px;

    margin: 0;

    color: #718091;

    font-size: 12px;

    line-height: 1.8;
}


.sbe-ftl-service-grid {

    display: grid;

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

    gap: 20px;
}


.sbe-ftl-service-card {

    position: relative;

    min-height: 285px;

    padding: 30px;

    overflow: hidden;

    border:
        1px solid
        #e1e9f0;

    border-radius: 15px;

    background: #fff;

    transition: .3s ease;
}


.sbe-ftl-service-card:hover {

    transform: translateY(-7px);

    border-color:
        rgba(0,169,130,.30);

    box-shadow:
        0 18px 40px
        rgba(5,47,97,.08);
}


.sbe-ftl-number {

    position: absolute;

    top: 18px;
    right: 22px;

    color: #dbe5ed;

    font-size: 25px;

    font-weight: 900;
}


.sbe-ftl-service-icon {

    width: 54px;
    height: 54px;

    display: flex;

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

    margin-bottom: 20px;

    border-radius: 12px;

    background: #edf8f5;

    color: #00a982;

    font-size: 19px;
}


.sbe-ftl-service-card h3 {

    margin: 0 0 12px;

    color: #052f61;

    font-size: 17px;

    font-weight: 800;
}


.sbe-ftl-service-card p {

    margin: 0;

    color: #718091;

    font-size: 11px;

    line-height: 1.8;
}


.sbe-ftl-service-line {

    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 46px;

    height: 1px;

    background: #edf1f5;
}


.sbe-ftl-service-card > span {

    position: absolute;

    left: 30px;
    bottom: 23px;

    color: #9caab8;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   CARGO SECTION
========================================================= */

.sbe-ftl-cargo {

    padding: 105px 0;

    background: #fff;
}


.sbe-ftl-cargo-grid {

    display: grid;

    grid-template-columns:
        1fr .85fr;

    gap: 80px;

    align-items: center;
}


.sbe-ftl-cargo-content > p {

    max-width: 650px;

    margin: 20px 0 30px;

    color: #718091;

    font-size: 13px;

    line-height: 1.9;
}


.sbe-ftl-cargo-list {

    display: grid;

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

    gap: 12px;
}


.sbe-ftl-cargo-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px;

    border:
        1px solid
        #e4ebf2;

    border-radius: 9px;

    background: #fff;
}


.sbe-ftl-cargo-item div {

    width: 38px;
    height: 38px;

    display: flex;

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

    border-radius: 8px;

    background: #edf6ff;

    color: #075db5;

    font-size: 14px;
}


.sbe-ftl-cargo-item span {

    color: #052f61;

    font-size: 10px;

    font-weight: 800;
}


/* CARGO ADVANTAGE CARD */

.sbe-ftl-cargo-card {

    padding: 32px;

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 25px 55px
        rgba(5,47,97,.16);
}


.sbe-ftl-cargo-card-top {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding-bottom: 22px;

    margin-bottom: 25px;

    border-bottom:
        1px solid
        rgba(255,255,255,.13);
}


.sbe-ftl-cargo-card-top span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.sbe-ftl-cargo-card-top i {

    color:
        rgba(255,255,255,.5);
}


.sbe-ftl-advantage {

    display: flex;

    gap: 14px;

    padding: 15px 0;
}


.sbe-ftl-advantage-icon {

    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 9px;

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

    color: #00c596;
}


.sbe-ftl-advantage strong {

    display: block;

    margin-bottom: 4px;

    color: #fff;

    font-size: 11px;
}


.sbe-ftl-advantage p {

    margin: 0;

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

    font-size: 9px;

    line-height: 1.6;
}


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

.sbe-ftl-why {

    padding: 100px 0;

    background: #f5f9fd;
}


.sbe-ftl-why-heading {

    max-width: 700px;

    margin-bottom: 45px;
}


.sbe-ftl-why-heading p {

    max-width: 600px;

    margin: 18px 0 0;

    color: #718091;

    font-size: 12px;

    line-height: 1.8;
}


.sbe-ftl-why-grid {

    display: grid;

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

    gap: 18px;
}


.sbe-ftl-why-card {

    position: relative;

    padding: 28px;

    min-height: 235px;

    border:
        1px solid
        #e1e9f0;

    border-radius: 13px;

    background: #fff;

    transition: .3s ease;
}


.sbe-ftl-why-card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 15px 35px
        rgba(5,47,97,.08);
}


.sbe-ftl-why-icon {

    width: 48px;
    height: 48px;

    display: flex;

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

    margin-bottom: 18px;

    border-radius: 10px;

    background: #edf8f5;

    color: #00a982;
}


.sbe-ftl-why-card > span {

    position: absolute;

    top: 22px;
    right: 20px;

    color: #dbe5ed;

    font-size: 20px;

    font-weight: 900;
}


.sbe-ftl-why-card h3 {

    margin: 0 0 10px;

    color: #052f61;

    font-size: 14px;

    font-weight: 800;
}


.sbe-ftl-why-card p {

    margin: 0;

    color: #718091;

    font-size: 10px;

    line-height: 1.7;
}


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

.sbe-ftl-process {

    padding: 100px 0;

    background: #fff;
}


.sbe-ftl-process-heading {

    max-width: 650px;

    margin-bottom: 45px;
}


.sbe-ftl-process-heading p {

    margin: 15px 0 0;

    color: #718091;

    font-size: 12px;

    line-height: 1.8;
}


.sbe-ftl-process-grid {

    display: grid;

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

    gap: 18px;
}


.sbe-ftl-process-card {

    position: relative;

    padding: 32px 25px;

    text-align: center;

    border:
        1px solid
        #e1e9f0;

    border-radius: 13px;

    background: #fff;

    transition: .3s ease;
}


.sbe-ftl-process-card:hover {

    transform: translateY(-5px);

    border-color:
        rgba(0,169,130,.3);

    box-shadow:
        0 15px 35px
        rgba(5,47,97,.07);
}


.sbe-ftl-process-number {

    position: absolute;

    top: 15px;
    right: 18px;

    color: #dbe5ed;

    font-size: 19px;

    font-weight: 900;
}


.sbe-ftl-process-icon {

    width: 54px;
    height: 54px;

    display: flex;

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

    margin: 0 auto 18px;

    border-radius: 50%;

    background: #edf8f5;

    color: #00a982;

    font-size: 17px;
}


.sbe-ftl-process-card h3 {

    margin: 0 0 10px;

    color: #052f61;

    font-size: 14px;

    font-weight: 800;
}


.sbe-ftl-process-card p {

    margin: 0;

    color: #718091;

    font-size: 10px;

    line-height: 1.7;
}


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

.sbe-ftl-cta {

    padding: 80px 0;

    background: #fff;
}


.sbe-ftl-cta-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding: 42px 45px;

    border-radius: 17px;

    background:
        linear-gradient(
            100deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 20px 50px
        rgba(5,47,97,.15);
}


.sbe-ftl-cta-content > span {

    color: #00c596;

    font-size: 9px;

    font-weight: 900;

    letter-spacing: 1.5px;
}


.sbe-ftl-cta-content h2 {

    margin: 8px 0;

    color: #fff;

    font-size: 31px;

    font-weight: 800;
}


.sbe-ftl-cta-content h2 strong {

    color: #ff8b2c;
}


.sbe-ftl-cta-content p {

    max-width: 570px;

    margin: 0;

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

    font-size: 11px;

    line-height: 1.7;
}


.sbe-ftl-cta-actions {

    display: flex;

    align-items: center;

    gap: 14px;

    flex-shrink: 0;
}


.sbe-ftl-phone {

    display: flex;

    align-items: center;

    gap: 10px;

    color: #fff;
}


.sbe-ftl-phone:hover {

    color: #fff;
}


.sbe-ftl-phone > i {

    width: 40px;
    height: 40px;

    display: flex;

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

    border-radius: 50%;

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

    color: #00c596;
}


.sbe-ftl-phone small {

    display: block;

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

    font-size: 7px;

    font-weight: 800;
}


.sbe-ftl-phone strong {

    display: block;

    margin-top: 3px;

    color: #fff;

    font-size: 11px;
}


.sbe-ftl-cta-button {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 13px 19px;

    border-radius: 7px;

    background: #ff8b2c;

    color: #fff;

    font-size: 10px;

    font-weight: 800;

    transition: .3s ease;
}


.sbe-ftl-cta-button:hover {

    background: #00a982;

    color: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-ftl-hero .sbe-ftl-container {

        grid-template-columns: 1fr;

        gap: 45px;

        padding-top: 80px;

        padding-bottom: 80px;
    }


    .sbe-ftl-intro-grid,
    .sbe-ftl-cargo-grid {

        grid-template-columns: 1fr;

        gap: 45px;
    }


    .sbe-ftl-service-grid {

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


    .sbe-ftl-why-grid,
    .sbe-ftl-process-grid {

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


    .sbe-ftl-cta-inner {

        flex-direction: column;

        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .sbe-ftl-container {

        padding-left: 18px;
        padding-right: 18px;
    }


    .sbe-ftl-hero {

        min-height: auto;
    }


    .sbe-ftl-hero h1 {

        font-size: 42px;

        letter-spacing: -1px;
    }


    .sbe-ftl-hero-content > p {

        font-size: 12px;
    }


    .sbe-ftl-hero-buttons {

        flex-direction: column;

        align-items: stretch;
    }


    .sbe-ftl-primary-btn,
    .sbe-ftl-secondary-btn {

        justify-content: center;
    }


    .sbe-ftl-hero-card {

        padding: 20px;
    }


    .sbe-ftl-intro,
    .sbe-ftl-services,
    .sbe-ftl-cargo,
    .sbe-ftl-why,
    .sbe-ftl-process {

        padding: 70px 0;
    }


    .sbe-ftl-intro-heading h2,
    .sbe-ftl-section-heading h2,
    .sbe-ftl-cargo-content h2,
    .sbe-ftl-why-heading h2,
    .sbe-ftl-process-heading h2 {

        font-size: 34px;
    }


    .sbe-ftl-section-heading {

        display: block;
    }


    .sbe-ftl-section-heading > p {

        margin-top: 15px;
    }


    .sbe-ftl-service-grid {

        grid-template-columns: 1fr;
    }


    .sbe-ftl-cargo-list {

        grid-template-columns: 1fr;
    }


    .sbe-ftl-why-grid,
    .sbe-ftl-process-grid {

        grid-template-columns: 1fr;
    }


    .sbe-ftl-cta {

        padding: 60px 0;
    }


    .sbe-ftl-cta-inner {

        padding: 30px 23px;
    }


    .sbe-ftl-cta-content h2 {

        font-size: 25px;
    }


    .sbe-ftl-cta-actions {

        flex-direction: column;

        align-items: flex-start;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-ftl-hero h1 {

        font-size: 36px;
    }


    .sbe-ftl-route {

        gap: 5px;
    }


    .sbe-ftl-location-icon {

        width: 45px;
        height: 45px;

        font-size: 14px;
    }


    .sbe-ftl-location strong {

        font-size: 9px;
    }


    .sbe-ftl-route-middle small {

        font-size: 5px;
    }


    .sbe-ftl-card-footer strong {

        font-size: 7px;
    }


    .sbe-ftl-service-card {

        min-height: 270px;

        padding: 25px;
    }

}




/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   WAREHOUSE PAGE
========================================================= */

.sbe-wh-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 25px;
}


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

.sbe-wh-hero {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #031e3b,
            #06477f 60%,
            #0872bb
        );
}

.sbe-wh-hero::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    right: -280px;
    top: -280px;
    border-radius: 50%;
    border: 90px solid rgba(0,169,130,.08);
}

.sbe-wh-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 75% 50%,
            rgba(0,169,130,.18),
            transparent 35%
        );
}

.sbe-wh-hero .sbe-wh-container {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.sbe-wh-hero-content {
    max-width: 620px;
}

.sbe-wh-label {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 20px;

    color: #ff8b2c;

    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.sbe-wh-label span {
    width: 32px;
    height: 3px;
    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #00b88a,
            #ff8b2c
        );
}

.sbe-wh-hero h1 {
    margin: 0;

    color: #fff;

    font-size:
        clamp(42px,5vw,66px);

    line-height: 1.05;
    font-weight: 800;

    letter-spacing: -2px;
}

.sbe-wh-hero h1 strong {
    display: block;
    color: #ff8b2c;
}

.sbe-wh-hero-content > p {
    max-width: 590px;

    margin: 25px 0 30px;

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

    font-size: 13px;
    line-height: 1.9;
}

.sbe-wh-buttons {
    display: flex;
    gap: 12px;
}

.sbe-wh-primary-btn,
.sbe-wh-secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 14px 20px;

    border-radius: 7px;

    font-size: 10px;
    font-weight: 800;

    transition: .3s ease;
}

.sbe-wh-primary-btn {
    color: #fff;
    background: #00a982;
}

.sbe-wh-primary-btn:hover {
    color: #fff;
    background: #00c596;
    transform: translateY(-3px);
}

.sbe-wh-secondary-btn {
    color: #fff;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(255,255,255,.05);
}

.sbe-wh-secondary-btn:hover {
    color: #063e76;
    background: #fff;
}


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

.sbe-wh-hero-image {
    position: relative;
}

.sbe-wh-image-frame {
    position: relative;

    height: 430px;

    padding: 10px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.25),
            rgba(255,255,255,.04)
        );

    box-shadow:
        0 30px 70px rgba(0,0,0,.25);

    overflow: hidden;
}

.sbe-wh-image-frame img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 16px;
}


/* floating card */

.sbe-wh-floating-card {
    position: absolute;

    left: -25px;
    bottom: 30px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 14px 18px;

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 15px 40px rgba(0,0,0,.22);
}

.sbe-wh-floating-icon {
    width: 43px;
    height: 43px;

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

    border-radius: 9px;

    background: #edf8f5;

    color: #00a982;
}

.sbe-wh-floating-card strong {
    display: block;

    color: #052f61;

    font-size: 11px;
}

.sbe-wh-floating-card span {
    display: block;

    margin-top: 3px;

    color: #82909e;

    font-size: 8px;
}


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

.sbe-wh-intro {
    padding: 100px 0;
    background: #fff;
}

.sbe-wh-intro-grid {
    display: grid;

    grid-template-columns: .85fr 1.15fr;

    gap: 80px;

    align-items: center;
}

.sbe-wh-section-label {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: #f58220;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 2px;
}

.sbe-wh-section-label::before {
    content: "";

    width: 28px;
    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );
}

.sbe-wh-intro h2,
.sbe-wh-heading h2,
.sbe-wh-feature-content h2,
.sbe-wh-process-heading h2 {

    margin: 15px 0 0;

    color: #052f61;

    font-size:
        clamp(34px,4vw,50px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;
}

.sbe-wh-intro h2 span,
.sbe-wh-heading h2 span,
.sbe-wh-feature-content h2 span,
.sbe-wh-process-heading h2 span {
    color: #00a982;
}

.sbe-wh-intro-grid p {
    margin: 0 0 17px;

    color: #718091;

    font-size: 13px;

    line-height: 1.9;
}


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

.sbe-wh-services {
    padding: 100px 0;
    background: #f5f9fd;
}

.sbe-wh-heading {
    display: flex;

    align-items: flex-end;
    justify-content: space-between;

    gap: 40px;

    margin-bottom: 45px;
}

.sbe-wh-heading > p {
    max-width: 370px;

    margin: 0;

    color: #718091;

    font-size: 12px;
    line-height: 1.8;
}

.sbe-wh-service-grid {
    display: grid;

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

    gap: 20px;
}

.sbe-wh-service-card {
    position: relative;

    min-height: 275px;

    padding: 30px;

    border: 1px solid #e1e9f0;

    border-radius: 15px;

    background: #fff;

    transition: .3s ease;
}

.sbe-wh-service-card:hover {
    transform: translateY(-7px);

    border-color:
        rgba(0,169,130,.35);

    box-shadow:
        0 18px 40px
        rgba(5,47,97,.08);
}

.sbe-wh-service-number {
    position: absolute;

    top: 18px;
    right: 20px;

    color: #dbe5ed;

    font-size: 25px;
    font-weight: 900;
}

.sbe-wh-service-icon {
    width: 54px;
    height: 54px;

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

    margin-bottom: 20px;

    border-radius: 12px;

    background: #edf8f5;

    color: #00a982;

    font-size: 19px;
}

.sbe-wh-service-card h3 {
    margin: 0 0 12px;

    color: #052f61;

    font-size: 17px;
    font-weight: 800;
}

.sbe-wh-service-card p {
    margin: 0;

    color: #718091;

    font-size: 11px;
    line-height: 1.8;
}

.sbe-wh-service-card > span {
    position: absolute;

    left: 30px;
    bottom: 25px;

    color: #9caab8;

    font-size: 7px;
    font-weight: 900;

    letter-spacing: 1px;
}


/* =========================================================
   FEATURE IMAGE + CONTENT
========================================================= */

.sbe-wh-feature {
    padding: 105px 0;

    background: #fff;
}

.sbe-wh-feature-grid {
    display: grid;

    grid-template-columns:
        .95fr 1.05fr;

    gap: 80px;

    align-items: center;
}

.sbe-wh-feature-image {
    position: relative;
}

.sbe-wh-feature-image-box {
    height: 510px;

    padding: 9px;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            #075db5,
            #00a982
        );

    overflow: hidden;
}

.sbe-wh-feature-image-box img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 14px;
}

.sbe-wh-image-badge {
    position: absolute;

    right: -25px;
    bottom: 35px;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 15px 20px;

    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 15px 40px rgba(0,0,0,.16);
}

.sbe-wh-image-badge > i {
    width: 43px;
    height: 43px;

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

    border-radius: 9px;

    background: #edf8f5;

    color: #00a982;
}

.sbe-wh-image-badge strong {
    display: block;

    color: #052f61;

    font-size: 11px;
}

.sbe-wh-image-badge span {
    display: block;

    margin-top: 3px;

    color: #82909e;

    font-size: 8px;
}

.sbe-wh-feature-content > p {
    max-width: 600px;

    margin: 20px 0 30px;

    color: #718091;

    font-size: 13px;

    line-height: 1.9;
}

.sbe-wh-benefit-list {
    display: grid;

    gap: 15px;
}

.sbe-wh-benefit {
    display: flex;

    gap: 14px;

    padding: 15px;

    border: 1px solid #e6edf3;

    border-radius: 10px;

    background: #fff;
}

.sbe-wh-benefit-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

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

    border-radius: 9px;

    background: #edf8f5;

    color: #00a982;
}

.sbe-wh-benefit h4 {
    margin: 0 0 4px;

    color: #052f61;

    font-size: 12px;
    font-weight: 800;
}

.sbe-wh-benefit p {
    margin: 0;

    color: #718091;

    font-size: 9px;
    line-height: 1.6;
}


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

.sbe-wh-process {
    padding: 100px 0;

    background: #f5f9fd;
}

.sbe-wh-process-heading {
    max-width: 650px;

    margin-bottom: 45px;
}

.sbe-wh-process-heading > p {
    margin: 15px 0 0;

    color: #718091;

    font-size: 12px;
    line-height: 1.8;
}

.sbe-wh-process-grid {
    display: grid;

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

    gap: 18px;
}

.sbe-wh-process-card {
    position: relative;

    padding: 32px 25px;

    text-align: center;

    border: 1px solid #e1e9f0;

    border-radius: 13px;

    background: #fff;

    transition: .3s ease;
}

.sbe-wh-process-card:hover {
    transform: translateY(-5px);

    box-shadow:
        0 15px 35px
        rgba(5,47,97,.08);
}

.sbe-wh-process-number {
    position: absolute;

    top: 15px;
    right: 18px;

    color: #dbe5ed;

    font-size: 19px;
    font-weight: 900;
}

.sbe-wh-process-icon {
    width: 54px;
    height: 54px;

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

    margin: 0 auto 18px;

    border-radius: 50%;

    background: #edf8f5;

    color: #00a982;

    font-size: 17px;
}

.sbe-wh-process-card h3 {
    margin: 0 0 10px;

    color: #052f61;

    font-size: 14px;
    font-weight: 800;
}

.sbe-wh-process-card p {
    margin: 0;

    color: #718091;

    font-size: 10px;

    line-height: 1.7;
}


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

.sbe-wh-cta {
    padding: 80px 0;

    background: #fff;
}

.sbe-wh-cta-inner {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 40px;

    padding: 42px 45px;

    border-radius: 17px;

    background:
        linear-gradient(
            100deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 20px 50px
        rgba(5,47,97,.15);
}

.sbe-wh-cta-inner > div:first-child > span {
    color: #00c596;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: 1.5px;
}

.sbe-wh-cta h2 {
    margin: 8px 0;

    color: #fff;

    font-size: 31px;
    font-weight: 800;
}

.sbe-wh-cta h2 strong {
    color: #ff8b2c;
}

.sbe-wh-cta p {
    max-width: 560px;

    margin: 0;

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

    font-size: 11px;
    line-height: 1.7;
}

.sbe-wh-cta-actions {
    display: flex;

    align-items: center;

    gap: 14px;

    flex-shrink: 0;
}

.sbe-wh-phone {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #fff;
}

.sbe-wh-phone:hover {
    color: #fff;
}

.sbe-wh-phone > i {
    width: 40px;
    height: 40px;

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

    border-radius: 50%;

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

    color: #00c596;
}

.sbe-wh-phone small {
    display: block;

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

    font-size: 7px;
    font-weight: 800;
}

.sbe-wh-phone strong {
    display: block;

    margin-top: 3px;

    color: #fff;

    font-size: 11px;
}

.sbe-wh-cta-btn {
    display: inline-flex;

    align-items: center;
    gap: 8px;

    padding: 13px 19px;

    border-radius: 7px;

    background: #ff8b2c;

    color: #fff;

    font-size: 10px;
    font-weight: 800;

    transition: .3s ease;
}

.sbe-wh-cta-btn:hover {
    background: #00a982;
    color: #fff;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .sbe-wh-hero .sbe-wh-container {
        grid-template-columns: 1fr;
        gap: 45px;

        padding-top: 80px;
        padding-bottom: 80px;
    }

    .sbe-wh-intro-grid,
    .sbe-wh-feature-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

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

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

    .sbe-wh-cta-inner {
        flex-direction: column;
        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .sbe-wh-container {
        padding: 0 18px;
    }

    .sbe-wh-hero h1 {
        font-size: 41px;
        letter-spacing: -1px;
    }

    .sbe-wh-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .sbe-wh-primary-btn,
    .sbe-wh-secondary-btn {
        justify-content: center;
    }

    .sbe-wh-image-frame {
        height: 350px;
    }

    .sbe-wh-floating-card {
        left: 15px;
        bottom: 20px;
    }

    .sbe-wh-intro,
    .sbe-wh-services,
    .sbe-wh-feature,
    .sbe-wh-process {
        padding: 70px 0;
    }

    .sbe-wh-intro h2,
    .sbe-wh-heading h2,
    .sbe-wh-feature-content h2,
    .sbe-wh-process-heading h2 {
        font-size: 34px;
    }

    .sbe-wh-heading {
        display: block;
    }

    .sbe-wh-heading > p {
        margin-top: 15px;
    }

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

    .sbe-wh-feature-image-box {
        height: 390px;
    }

    .sbe-wh-image-badge {
        right: 10px;
        bottom: 20px;
    }

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

    .sbe-wh-cta {
        padding: 60px 0;
    }

    .sbe-wh-cta-inner {
        padding: 30px 23px;
    }

    .sbe-wh-cta h2 {
        font-size: 25px;
    }

    .sbe-wh-cta-actions {
        flex-direction: column;
        align-items: flex-start;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-wh-hero h1 {
        font-size: 35px;
    }

    .sbe-wh-image-frame {
        height: 300px;
    }

    .sbe-wh-floating-card {
        padding: 10px 13px;
    }

    .sbe-wh-floating-icon {
        width: 37px;
        height: 37px;
    }

    .sbe-wh-feature-image-box {
        height: 330px;
    }

}



/* =========================================================
   SHRI BASAVA EXPRESS TRANSPORT
   QUOTATION PAGE
========================================================= */

.sbe-quote-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 25px;
}


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

.sbe-quote-hero {
    position: relative;
    min-height: 430px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        linear-gradient(
            120deg,
            #03294f,
            #075da9
        );
}

.sbe-quote-hero::before {
    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    right: -260px;
    top: -250px;

    border: 90px solid rgba(0,169,130,.10);

    border-radius: 50%;
}

.sbe-quote-hero::after {
    content: "";

    position: absolute;

    width: 250px;
    height: 250px;

    left: -120px;
    bottom: -130px;

    border-radius: 50%;

    background:
        rgba(255,139,44,.08);
}

.sbe-quote-hero-overlay {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 70% 50%,
            rgba(0,169,130,.18),
            transparent 35%
        );
}

.sbe-quote-hero-content {
    position: relative;

    z-index: 2;

    max-width: 700px;

    padding: 80px 0;
}

.sbe-quote-label {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 18px;

    color: #ff8b2c;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 2px;
}

.sbe-quote-label span {
    width: 32px;
    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #00b88a,
            #ff8b2c
        );
}

.sbe-quote-hero h1 {
    margin: 0;

    color: #fff;

    font-size:
        clamp(42px,5vw,62px);

    line-height: 1.05;

    font-weight: 800;

    letter-spacing: -2px;
}

.sbe-quote-hero h1 strong {
    color: #ff8b2c;
}

.sbe-quote-hero-content > p {
    max-width: 620px;

    margin: 23px 0;

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

    font-size: 13px;

    line-height: 1.9;
}

.sbe-quote-points {
    display: flex;

    flex-wrap: wrap;

    gap: 12px 25px;
}

.sbe-quote-points div {
    display: flex;
    align-items: center;

    gap: 7px;

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

    font-size: 10px;
    font-weight: 700;
}

.sbe-quote-points i {
    color: #00c596;
}


/* =========================================================
   QUOTATION MAIN
========================================================= */

.sbe-quote-section {
    padding: 100px 0;

    background: #f5f9fd;
}

.sbe-quote-layout {
    display: grid;

    grid-template-columns:
        .82fr 1.18fr;

    gap: 65px;

    align-items: start;
}


/* =========================================================
   LEFT INFO
========================================================= */

.sbe-quote-info {
    padding-top: 20px;
}

.sbe-quote-section-label {
    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #f58220;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 2px;
}

.sbe-quote-section-label::before {
    content: "";

    width: 28px;
    height: 3px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );
}

.sbe-quote-info h2 {
    margin: 15px 0;

    color: #052f61;

    font-size:
        clamp(34px,4vw,48px);

    line-height: 1.1;

    font-weight: 800;

    letter-spacing: -1.5px;
}

.sbe-quote-info h2 span {
    color: #00a982;
}

.sbe-quote-intro-text {
    margin: 0 0 28px;

    color: #718091;

    font-size: 12px;

    line-height: 1.9;
}


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

.sbe-quote-service-list {
    display: grid;

    gap: 11px;
}

.sbe-quote-service {
    display: flex;

    align-items: center;

    gap: 13px;

    padding: 13px;

    border: 1px solid #e3ebf2;

    border-radius: 10px;

    background: #fff;

    transition: .3s ease;
}

.sbe-quote-service:hover {
    transform: translateX(4px);

    border-color: #00a982;

    box-shadow:
        0 8px 25px
        rgba(5,47,97,.06);
}

.sbe-quote-service-icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 9px;

    background: #edf8f5;

    color: #00a982;
}

.sbe-quote-service h4 {
    margin: 0 0 3px;

    color: #052f61;

    font-size: 11px;

    font-weight: 800;
}

.sbe-quote-service p {
    margin: 0;

    color: #82909e;

    font-size: 9px;

    line-height: 1.5;
}


/* =========================================================
   DIRECT CALL
========================================================= */

.sbe-quote-direct {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 25px;

    padding: 17px;

    border-radius: 11px;

    background: #052f61;
}

.sbe-quote-direct-icon {
    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 50%;

    background: rgba(0,198,150,.13);

    color: #00c596;
}

.sbe-quote-direct small {
    display: block;

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

    font-size: 7px;

    font-weight: 800;

    letter-spacing: 1px;
}

.sbe-quote-direct strong {
    display: block;

    margin-top: 4px;

    color: #fff;

    font-size: 13px;
}


/* =========================================================
   FORM CARD
========================================================= */

.sbe-quote-form-card {
    padding: 35px;

    border: 1px solid #e0e8ef;

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 20px 55px
        rgba(5,47,97,.09);
}

.sbe-quote-form-header {
    display: flex;

    align-items: center;
    justify-content: space-between;

    margin-bottom: 30px;

    padding-bottom: 22px;

    border-bottom: 1px solid #edf1f4;
}

.sbe-quote-form-header span {
    color: #f58220;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.5px;
}

.sbe-quote-form-header h3 {
    margin: 5px 0 0;

    color: #052f61;

    font-size: 23px;

    font-weight: 800;
}

.sbe-quote-form-icon {
    width: 53px;
    height: 53px;

    display: flex;

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

    border-radius: 12px;

    background: #edf8f5;

    color: #00a982;

    font-size: 19px;
}


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

.sbe-quote-form-title {
    margin: 23px 0 15px;

    color: #052f61;

    font-size: 11px;

    font-weight: 800;
}

.sbe-quote-form-grid {
    display: grid;

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

    gap: 17px;
}

.sbe-quote-field {
    position: relative;

    margin-bottom: 15px;
}

.sbe-quote-field label {
    display: block;

    margin-bottom: 7px;

    color: #4c6174;

    font-size: 9px;

    font-weight: 800;
}

.sbe-quote-field input,
.sbe-quote-field select,
.sbe-quote-field textarea {
    width: 100%;

    padding: 12px 13px;

    border: 1px solid #dce5ec;

    border-radius: 7px;

    outline: none;

    background: #fbfdff;

    color: #243c52;

    font-family: inherit;

    font-size: 10px;

    transition: .25s ease;
}

.sbe-quote-field input,
.sbe-quote-field select {
    height: 44px;
}

.sbe-quote-field textarea {
    resize: vertical;

    min-height: 100px;
}

.sbe-quote-field input::placeholder,
.sbe-quote-field textarea::placeholder {
    color: #aab5bf;
}

.sbe-quote-field input:focus,
.sbe-quote-field select:focus,
.sbe-quote-field textarea:focus {
    border-color: #00a982;

    background: #fff;

    box-shadow:
        0 0 0 3px
        rgba(0,169,130,.08);
}


/* =========================================================
   SUBMIT
========================================================= */

.sbe-quote-submit {
    width: 100%;

    display: flex;

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

    gap: 10px;

    margin-top: 5px;

    padding: 14px 20px;

    border: 0;

    border-radius: 7px;

    background:
        linear-gradient(
            90deg,
            #075db5,
            #00a982
        );

    color: #fff;

    font-family: inherit;

    font-size: 10px;

    font-weight: 800;

    cursor: pointer;

    transition: .3s ease;
}

.sbe-quote-submit:hover {
    transform: translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(0,169,130,.20);
}

.sbe-quote-note {
    margin: 12px 0 0;

    text-align: center;

    color: #9aa7b3;

    font-size: 8px;
}

.sbe-quote-note i {
    margin-right: 4px;

    color: #00a982;
}


/* =========================================================
   BENEFITS
========================================================= */

.sbe-quote-benefits {
    padding: 100px 0;

    background: #fff;
}

.sbe-quote-benefit-heading {
    max-width: 650px;

    margin-bottom: 40px;
}

.sbe-quote-benefit-heading h2 {
    margin: 15px 0 0;

    color: #052f61;

    font-size:
        clamp(32px,4vw,46px);

    line-height: 1.1;

    font-weight: 800;
}

.sbe-quote-benefit-heading h2 span {
    color: #00a982;
}

.sbe-quote-benefit-grid {
    display: grid;

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

    gap: 18px;
}

.sbe-quote-benefit-card {
    padding: 28px 23px;

    border: 1px solid #e3ebf1;

    border-radius: 13px;

    background: #fff;

    transition: .3s ease;
}

.sbe-quote-benefit-card:hover {
    transform: translateY(-6px);

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

    border-color:
        rgba(0,169,130,.35);
}

.sbe-quote-benefit-icon {
    width: 48px;
    height: 48px;

    display: flex;

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

    margin-bottom: 18px;

    border-radius: 10px;

    background: #edf8f5;

    color: #00a982;
}

.sbe-quote-benefit-card h3 {
    margin: 0 0 9px;

    color: #052f61;

    font-size: 14px;

    font-weight: 800;
}

.sbe-quote-benefit-card p {
    margin: 0;

    color: #718091;

    font-size: 10px;

    line-height: 1.7;
}


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

.sbe-quote-cta {
    padding: 75px 0;

    background: #f5f9fd;
}

.sbe-quote-cta-inner {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    padding: 40px 45px;

    border-radius: 17px;

    background:
        linear-gradient(
            100deg,
            #052f61,
            #075db5
        );

    box-shadow:
        0 20px 50px
        rgba(5,47,97,.14);
}

.sbe-quote-cta-inner > div:first-child > span {
    color: #00c596;

    font-size: 8px;

    font-weight: 900;

    letter-spacing: 1.5px;
}

.sbe-quote-cta h2 {
    margin: 8px 0;

    color: #fff;

    font-size: 30px;

    font-weight: 800;
}

.sbe-quote-cta h2 strong {
    color: #ff8b2c;
}

.sbe-quote-cta p {
    max-width: 570px;

    margin: 0;

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

    font-size: 10px;

    line-height: 1.7;
}

.sbe-quote-call-btn {
    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 20px;

    border: 1px solid rgba(255,255,255,.18);

    border-radius: 10px;

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

    color: #fff;

    transition: .3s ease;
}

.sbe-quote-call-btn:hover {
    color: #fff;

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

    transform: translateY(-3px);
}

.sbe-quote-call-btn > i {
    width: 42px;
    height: 42px;

    display: flex;

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

    border-radius: 50%;

    background: rgba(0,198,150,.12);

    color: #00c596;
}

.sbe-quote-call-btn small {
    display: block;

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

    font-size: 7px;

    font-weight: 800;
}

.sbe-quote-call-btn strong {
    display: block;

    margin-top: 3px;

    color: #fff;

    font-size: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

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

        gap: 45px;
    }

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

    .sbe-quote-cta-inner {
        flex-direction: column;

        align-items: flex-start;
    }

}


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

@media (max-width: 767px) {

    .sbe-quote-container {
        padding: 0 18px;
    }

    .sbe-quote-hero-content {
        padding: 70px 0;
    }

    .sbe-quote-hero h1 {
        font-size: 39px;
        letter-spacing: -1px;
    }

    .sbe-quote-points {
        flex-direction: column;

        gap: 10px;
    }

    .sbe-quote-section,
    .sbe-quote-benefits {
        padding: 70px 0;
    }

    .sbe-quote-form-card {
        padding: 23px 18px;
    }

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

        gap: 0;
    }

    .sbe-quote-form-header h3 {
        font-size: 20px;
    }

    .sbe-quote-benefit-grid {
        grid-template-columns: 1fr;
    }

    .sbe-quote-cta {
        padding: 60px 0;
    }

    .sbe-quote-cta-inner {
        padding: 30px 23px;
    }

    .sbe-quote-cta h2 {
        font-size: 25px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .sbe-quote-hero h1 {
        font-size: 34px;
    }

    .sbe-quote-form-card {
        border-radius: 12px;
    }

    .sbe-quote-service {
        align-items: flex-start;
    }

}