/*=========================================
            Global CSS
==========================================*/

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

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
}

a{
    text-decoration:none !important;
}

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

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

.main-navbar{
    width:100%;
}

.custom-navbar{

    background:#ffffff;
    min-height:90px;
    box-shadow:0 6px 25px rgba(0,0,0,.05);
    transition:.35s;
    z-index:9999;
    padding:0;

}

.custom-navbar .container{

    max-width:1320px;

}

/*=========================================
            Logo
==========================================*/

.navbar-brand{

    padding:0;

}

.navbar-brand img{

    height:72px;
    width:auto;
    transition:.3s;

}

/*=========================================
            Navigation
==========================================*/

.navbar-nav{

    align-items:center;

}

.nav-item{

    margin:0 14px;
    position:relative;

}

.nav-link{

    color:#111111;
    font-size:16px;
    font-weight:600;
    padding:32px 0 !important;
    transition:.3s;
    position:relative;

}

.nav-link:hover{

    color:#111111;

}

/* Active Underline */

.nav-item.active .nav-link::after{

    position:absolute;
    content:"";
    left:0;
    bottom:18px;
    width:100%;
    height:4px;
    background:#f8b400;
    border-radius:20px;

}

.nav-link::after{

    position:absolute;
    content:"";
    left:50%;
    bottom:18px;
    width:0;
    height:4px;
    background:#f8b400;
    transition:.35s;
    transform:translateX(-50%);
    border-radius:30px;

}

.nav-link:hover::after{

    width:100%;

}

/*=========================================
        Right Buttons
==========================================*/

.desktop-buttons{

    display:flex;
    align-items:center;
    gap:16px;

}

.call-btn{

    background:#ffffff;
    color:#111;
    height:54px;
    padding:0 28px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;

}

.call-btn:hover{

    transform:translateY(-2px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
    color:#111;

}

.call-btn i{

    margin-right:10px;
    font-size:17px;

}

/* WhatsApp */

.whatsapp-btn{

    background:linear-gradient(135deg,
    #32D96B 0%,
    #22C55E 35%,
    #16A34A 70%,
    #0F7A38 100%);
    color:#fff;
    height:54px;
    padding:0 28px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:15px;
    font-weight:600;
    transition:.35s;

}

.whatsapp-btn:hover{

    background:linear-gradient(135deg,
    #3BEA75 0%,
    #29D764 35%,
    #1CB357 70%,
    #12803C 100%);

    color: #fff;

}

.whatsapp-btn i{

    margin-right:10px;
    font-size:20px;

}

/*=========================================
        Mobile Toggle
==========================================*/

.custom-toggler{

    border:none;
    outline:none !important;
    padding:0;
    width:42px;
    height:42px;
    position:relative;

}

.custom-toggler span{

    display:block;
    width:30px;
    height:3px;
    background:#111;
    margin:6px auto;
    transition:.35s;
    border-radius:30px;

}

.custom-toggler:focus{

    outline:none;

}

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

.custom-navbar.sticky{

    position:fixed;
    left:0;
    top:0;
    width:100%;
    animation:fadeDown .4s ease;
    box-shadow:0 8px 35px rgba(0,0,0,.08);

}

@keyframes fadeDown{

    from{

        transform:translateY(-100%);

    }

    to{

        transform:translateY(0);

    }

}

/*=========================================
        Large Desktop
==========================================*/

@media(min-width:1400px){

.nav-item{

    margin:0 18px;

}

}

/*=========================================
        Laptop
==========================================*/

@media(max-width:1199px){

.desktop-buttons{

    display:none;

}

.navbar-collapse{

    background:#fff;
    margin-top:20px;
    padding:20px;
    border-radius:16px;
    box-shadow:0 15px 30px rgba(0,0,0,.08);

}

.navbar-nav{

    align-items:flex-start;

}

.nav-item{

    width:100%;
    margin:0;

}

.nav-link{

    padding:14px 0 !important;

}

.nav-link::after{

    display:none;

}

.nav-item.active .nav-link::after{

    display:none;

}

}

/*=========================================
        Tablet
==========================================*/

@media(max-width:991px){

.custom-navbar{

    min-height:80px;

}

.navbar-brand img{

    height:64px;

}

}

/*=========================================
        Mobile
==========================================*/

@media(max-width:767px){

.custom-navbar{

    padding:0 10px;

}

.navbar-brand img{

    height:58px;

}

.navbar-collapse{

    margin-top:15px;

}

}

/*=========================================
        Small Mobile
==========================================*/

@media(max-width:480px){

.navbar-brand img{

    height:52px;

}

.custom-navbar{

    min-height:74px;

}

}


/*=========================================
        Hamburger Animation
==========================================*/

.custom-toggler.open span:nth-child(1){

    transform:rotate(45deg) translate(6px,6px);

}

.custom-toggler.open span:nth-child(2){

    opacity:0;

}

.custom-toggler.open span:nth-child(3){

    transform:rotate(-45deg) translate(7px,-7px);

}




/*=========================================
            Hero Section
=========================================*/

.hero-section{

    position: relative;
    width: 100%;
    min-height: 650px;
    display: flex;
    align-items: center;
    overflow: hidden;

    background: url("../images/hero-section/place.png") center center;
    background-size: cover;
    background-repeat: no-repeat;

    padding: 120px 0 80px;

}

/* Dark Overlay */

.hero-overlay{

    position: absolute;
    inset: 0;

    background: rgba(189, 187, 187, 0.45);

    z-index: 1;

}

.hero-section .container{

    position: relative;
    z-index: 5;

}

/*=========================================
            Hero Left
=========================================*/

.hero-content{

    max-width: 560px;

}

.hero-subtitle{

    display: inline-block;

    background: rgba(126, 102, 21, 0.18);

    color: #100f0f;

    padding: 10px 22px;

    border-radius: 40px;

    font-size: 15px;

    font-weight: 500;

    letter-spacing: .5px;

    margin-bottom: 25px;

    backdrop-filter: blur(8px);

}

.dot{
       font-size: 45px;
       font-weight: bold;
}

.hero-title{

    font-size: 62px;

    font-weight: 800;

    line-height: 1.15;

    color: black;

    margin-bottom: 28px;

}

.hero-title span{

    color: #F8B400;

}

.hero-title strong{

    color: black;
    font-weight: 800;

}

.hero-description{

    color: black;
    font-weight: bold;

    font-size: 18px;

    line-height: 1.9;

    margin-bottom: 40px;

}

/*=========================================
            Hero Buttons
=========================================*/

.hero-buttons{

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 18px;

}

/* Call Button */

.hero-call-btn{

    height: 58px;

    padding: 0 34px;

    border-radius: 16px;

    background: #ffffff;

    color: #111;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-weight: 600;

    font-size: 15px;

    transition: all .35s ease;

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

}

.hero-call-btn:hover{

    color:#111;

    transform: translateY(-3px);

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

}

.hero-call-btn i{

    margin-right:10px;

}

/* WhatsApp */

.hero-whatsapp-btn{

    position:relative;

    overflow:hidden;

    height:58px;

    padding:0 34px;

    border-radius:16px;

    color:#fff;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    font-weight:600;

    font-size:15px;

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

    background:linear-gradient(
    135deg,
    #32D96B,
    #22C55E,
    #16A34A,
    #0F7A38);

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

}

.hero-whatsapp-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    #3BEA75,
    #29D764,
    #1CB357,
    #12803C);

    opacity:0;

    transition:opacity .35s ease;

}

.hero-whatsapp-btn span,
.hero-whatsapp-btn i{

    position:relative;

    z-index:2;

}

.hero-whatsapp-btn:hover{

    color:#fff;

    transform:translateY(-3px);

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

}

.hero-whatsapp-btn:hover::before{

    opacity:1;

}

.hero-whatsapp-btn i{

    margin-right:10px;

}

/*=========================================
        Right Side
=========================================*/

.hero-image-wrapper{

    position:relative;
    width:100%;
    min-height:620px;
    display:flex;
    align-items:center;
    justify-content:center;

}

.hero-car{

    width:100%;
    max-width:650px;
    position:relative;
    z-index:5;
    filter:drop-shadow(0 40px 50px rgba(0,0,0,.30));

}


/*=========================================
        Floating Trust Card
=========================================*/

.hero-info-card{

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

    margin-top:50px;

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

    border-radius:22px;

    padding:25px 30px;

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

    backdrop-filter:blur(12px);

    max-width:560px;

    transition:all .35s ease;

}

.hero-info-card:hover{

    transform:translateY(-6px);

    box-shadow:0 35px 70px rgba(0,0,0,.22);

}

/*=========================================
            Info Box
=========================================*/

.info-box{

    display:flex;
    align-items:center;

}

.info-box i{

    width:58px;
    height:58px;

    border-radius:18px;

    background:#F8B400;

    color:#fff;

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

    font-size:22px;

    margin-right:15px;

    box-shadow:0 10px 25px rgba(248,180,0,.35);

}

.info-box h5{

    margin:0;

    color:#111;

    font-size:18px;

    font-weight:700;

}

.info-box span{

    display:block;

    color:#777;

    font-size:14px;

    margin-top:4px;

}

/*=========================================
        Floating Badge
=========================================*/

.hero-badge{

    position:absolute;

    top:55px;
    right:40px;

    z-index:20;

    display:flex;
    align-items:center;

    background:#fff;

    padding:14px 22px;

    border-radius:50px;

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

    font-weight:600;

    color:#111;

    animation:floatBadge 3s ease-in-out infinite;

}

.hero-badge i{

    color:#18A84B;

    font-size:18px;

    margin-right:10px;

}

/*=========================================
        Bottom Feature Strip
=========================================*/

.hero-features{

    position:absolute;

    left:50%;
    bottom:10px;

    transform:translateX(-50%);

    width:95%;

    max-width:620px;

    background:#111;

    border-radius:18px;

    padding:20px 30px;

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

    z-index:20;

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

}

.feature-item{

    display:flex;
    align-items:center;

    color:#fff;

    font-size:15px;

    font-weight:500;

}

.feature-item i{

    color:#28D764;

    margin-right:10px;

    font-size:18px;

}

/*=========================================
        Decorative Glow
=========================================*/

.hero-image-wrapper::before{

    content:"";

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    background:radial-gradient(
        rgba(248,180,0,.28),
        rgba(248,180,0,0)
    );

    z-index:1;

}

.hero-image-wrapper::after{

    content:"";

    position:absolute;

    width:400px;
    height:400px;

    border-radius:50%;

    background:radial-gradient(
        rgba(255,255,255,.18),
        rgba(255,255,255,0)
    );

    z-index:2;

}

/*=========================================
        Hover Effects
=========================================*/

.feature-item{

    transition:.35s;

}

.feature-item:hover{

    transform:translateY(-3px);

}

.info-box{

    transition:.35s;

}

.info-box:hover{

    transform:translateY(-4px);

}

/*=========================================
            Animations
=========================================*/

@keyframes floatBadge{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0px);

    }

}

@keyframes floatCar{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0px);

    }

}

.hero-car{

    animation:floatCar 4s ease-in-out infinite;

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .hero-section{

        min-height:720px;
        padding:130px 0 90px;

    }

    .hero-title{

        font-size:68px;

    }

    .hero-description{

        font-size:19px;

    }

    .hero-car{

        max-width:720px;

    }

}

/*=========================================
            Large Laptop
=========================================*/

@media (max-width:1199px){

    .hero-title{

        font-size:54px;

    }

    .hero-description{

        font-size:17px;

    }

    .hero-image-wrapper{

        min-height:540px;

    }

    .hero-car{

        max-width:560px;

    }

    .hero-features{

        max-width:560px;

        padding:18px 20px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .hero-section{

        padding:120px 0 70px;

        text-align:center;

    }

    .hero-content{

        max-width:100%;

        margin-bottom:60px;

    }

    .hero-buttons{

        justify-content:center;

    }

    .hero-info-card{

        max-width:100%;

        margin:45px auto 0;

    }

    .hero-image-wrapper{

        min-height:520px;

    }

    .hero-badge{

        right:50%;

        transform:translateX(50%);

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .hero-section{

        min-height:auto;

        padding:100px 0 60px;

    }

    .hero-title{

        font-size:40px;

        line-height:1.25;

    }

    .hero-subtitle{

        font-size:14px;

        padding:8px 18px;

    }

    .hero-description{

        font-size:16px;

        margin-bottom:35px;

    }

    .hero-buttons{

        flex-direction:column;

        width:100%;

    }

    .hero-call-btn,
    .hero-whatsapp-btn{

        width:100%;

    }

    .hero-info-card{

        flex-direction:column;

        align-items:flex-start;

        gap:25px;

        padding:25px;

    }

    .info-box{

        width:100%;

    }

    .hero-image-wrapper{

        min-height:420px;
        display: block;
        text-align: left;

    }

    .hero-badge{

        position:relative;
        top:auto;
        right:auto;
        transform:none;
        margin:0 auto 25px;
    }

    .hero-features{

        position:relative;
        left:auto;
        bottom:auto;
        transform:none;
        width:100%;
        margin-top:30px;
        flex-direction:column;
        gap:18px;
        padding:25px;
    }

    .feature-item{
        width:100%;
        justify-content:center;
    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .hero-section{
        padding-top:95px;
    }

    .hero-title{
        font-size:32px;
    }

    .hero-description{
        font-size:15px;
        line-height:1.8;
    }

    .hero-subtitle{

        font-size:13px;

    }

    .hero-call-btn,
    .hero-whatsapp-btn{

        height:54px;
        font-size:14px;
        border-radius:14px;

    }

    .info-box i{

        width:50px;
        height:50px;
        font-size:18px;
    }

    .info-box h5{

        font-size:16px;
    }

    .info-box span{

        font-size:13px;
    }

    .hero-car{

        max-width:100%;
    }

}

/*=========================================
        Image Safety
=========================================*/

.hero-car{

    width:100%;
    height:90%;
    display:block;

}

img{

    max-width:100%;
    height:auto;

}

/*=========================================
        Smooth Transitions
=========================================*/

.hero-section *,
.hero-section *::before,
.hero-section *::after{

    transition:

        color .35s ease,

        background .35s ease,

        border-color .35s ease,

        transform .35s ease,

        box-shadow .35s ease,

        opacity .35s ease;

}






/*=========================================
            Booking Section
=========================================*/

.booking-section{

    position:relative;

    margin-top:-80px;

    z-index:20;

}

.booking-card{

    background:#fff;

    border-radius:24px;

    padding:35px;

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

}

/*=========================================
            Heading
=========================================*/

.booking-heading{

    display:flex;

    align-items:center;

    margin-bottom:28px;

}

.booking-icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#F8B400;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    margin-right:15px;

    box-shadow:0 10px 25px rgba(248,180,0,.35);

}

.booking-heading h2{

    margin:0;

    color:#111;

    font-size:34px;

    font-weight:700;

}

/*=========================================
            Form
=========================================*/

.booking-form{

    margin-top:15px;

}

.booking-input{

    position:relative;

    margin-bottom:20px;

}

.booking-input i{

    position:absolute;

    left:22px;

    top:50%;

    transform:translateY(-50%);

    color:#111;

    font-size:18px;

    z-index:5;

}

.booking-control{

    height:68px;

    border-radius:18px;

    border:1px solid #E5E5E5;

    padding-left:60px;

    padding-right:20px;

    font-size:16px;

    font-weight:500;

    color:#333;

    background:#fff;

    box-shadow:none;

    transition:.35s;

}

.booking-control:focus{

    border-color:#F8B400;

    box-shadow:
    0 0 0 4px rgba(248,180,0,.12);

}

.booking-control:hover{

    border-color:#F8B400;

}




/*=========================================
            Booking Button
=========================================*/

.booking-btn{

    width:100%;

    height:68px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
    135deg,
    #FDB913,
    #F8B400,
    #F59E0B);

    color:#111;

    transition:.35s;

    box-shadow:
    0 18px 35px rgba(248,180,0,.25);

}

.booking-btn:hover{

    transform:translateY(-3px);

    box-shadow:
    0 25px 45px rgba(248,180,0,.35);

}

.booking-btn-icon{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:16px;

    flex-shrink:0;

}

.booking-btn-icon i{

    font-size:18px;

}

.booking-btn-text{

    text-align:left;

}

.booking-btn-text h5{

    margin:0;

    font-size:21px;

    font-weight:700;

}

.booking-btn-text span{

    display:block;

    margin-top:3px;

    font-size:13px;

    font-weight:500;

}


/*=========================================
        Benefits Strip
=========================================*/

.booking-benefits{

    margin-top:28px;

    background:#fff;

    border-radius:22px;

    padding:18px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

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

}

.benefit-item{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    position:relative;

}

.benefit-item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:34px;

    background:#ECECEC;

}

.benefit-item img{

    width:34px;

    margin-right:12px;

}

.benefit-item span{

    color:#222;

    font-size:15px;

    font-weight:600;

}



/*=========================================
        Large Desktop (1400px+)
=========================================*/

@media (min-width:1400px){

    .booking-card{

        padding:40px;

    }

    .booking-heading h2{

        font-size:36px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .booking-card{

        padding:30px;

    }

    .booking-heading h2{

        font-size:30px;

    }

    .booking-btn-text h5{

        font-size:18px;

    }

    .booking-btn-text span{

        font-size:12px;

    }

    .benefit-item span{

        font-size:14px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .booking-section{

        margin-top:40px;

    }

    .booking-heading{

        justify-content:center;

        text-align:center;

    }

    .booking-heading h2{

        font-size:28px;

    }

    .booking-input{

        margin-bottom:20px;

    }

    .booking-btn{

        margin-top:5px;

    }

    .booking-benefits{

        flex-wrap:wrap;

        padding:20px;

    }

    .benefit-item{

        flex:0 0 50%;

        max-width:50%;

        justify-content:flex-start;

        padding:15px;

    }

    .benefit-item:nth-child(even)::after{

        display:none;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .booking-card{

        padding:25px;

        border-radius:20px;

    }

    .booking-heading{

        flex-direction:column;

        text-align:center;

    }

    .booking-icon{

        margin-right:0;

        margin-bottom:15px;

    }

    .booking-heading h2{

        font-size:26px;

    }

    .booking-control{

        height:60px;

        font-size:15px;

    }

    .booking-btn{

        height:60px;

        margin-top:10px;

    }

    .booking-btn-icon{

        width:42px;

        height:42px;

    }

    .booking-btn-text h5{

        font-size:18px;

    }

    .booking-benefits{

        padding:15px;

    }

    .benefit-item{

        flex:0 0 100%;

        max-width:100%;

        justify-content:flex-start;

        padding:12px 5px;

    }

    .benefit-item::after{

        display:none;

    }

    .benefit-item img{

        width:30px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .booking-card{

        padding:20px;

    }

    .booking-heading h2{

        font-size:22px;

        line-height:1.4;

    }

    .booking-icon{

        width:46px;

        height:46px;

        font-size:20px;

    }

    .booking-control{

        height:56px;

        padding-left:52px;

        font-size:14px;

    }

    .booking-input i{

        left:18px;

        font-size:16px;

    }

    .booking-btn{

        height:56px;

    }

    .booking-btn-icon{

        width:38px;

        height:38px;

        margin-right:12px;

    }

    .booking-btn-icon i{

        font-size:15px;

    }

    .booking-btn-text h5{

        font-size:16px;

    }

    .booking-btn-text span{

        font-size:11px;

    }

    .benefit-item{

        padding:10px 0;

    }

    .benefit-item img{

        width:28px;

        margin-right:10px;

    }

    .benefit-item span{

        font-size:13px;

    }

}




/*=========================================
            Taxi Packages
=========================================*/

.packages-section{

    padding:100px 0;

    background:#F8F9FB;

    position:relative;

}

/*=========================================
            Section Heading
=========================================*/

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-subtitle{

    display:inline-block;

    padding:10px 25px;

    border-radius:50px;

    background:#FFF4D6;

    color:#F8B400;

    font-size:15px;

    font-weight:600;

    margin-bottom:18px;

}

.section-title h2{

    color:#111;

    font-size:46px;

    font-weight:700;

    line-height:1.3;

    margin:0;

}

/*=========================================
            Package Card
=========================================*/

.package-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

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

    transition:.35s;

    margin-bottom:30px;

    height:100%;

    display:flex;

    flex-direction:column;

}

.package-card:hover{

    transform:translateY(-10px);

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

}

/*=========================================
            Package Image
=========================================*/

.package-image{

    overflow:hidden;

    position:relative;

}

.package-image img{

    width:100%;

    height:220px;

    object-fit:cover;

    transition:.5s;

}

.package-card:hover .package-image img{

    transform:scale(1.08);

}

/*=========================================
            Package Content
=========================================*/

.package-content{

    padding:28px;

    flex:1;

    display:flex;

    flex-direction:column;

}

.package-content h3{

    font-size:25px;

    font-weight:700;

    color:#111;

    margin-bottom:10px;

}

.package-content p{

    color:#666;

    font-size:16px;

    line-height:1.7;

    margin-bottom:18px;

}


/*=========================================
            Rating
=========================================*/

.package-rating{

    margin-bottom:18px;

}

.package-rating i{

    color:#F8B400;

    font-size:16px;

    margin-right:2px;

}

/*=========================================
            Price
=========================================*/

.package-content h4{

    display:flex;

    align-items:baseline;

    gap:8px;

    flex-wrap:wrap;

    font-size:18px;

    color:#444;

    margin-bottom:28px;

}

.package-content h4 strong{

    font-size:34px;

    font-weight:700;

    color:#111;

}

.package-content h4 span{

    font-size:18px;

    font-weight:500;

    color:#666;

}


/*=========================================
            Package Button
=========================================*/

.package-btn{

    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:58px;
    border-radius:16px;
    background:linear-gradient(
    135deg,
    #FDB913,
    #F8B400,
    #F59E0B);

    color:#111;
    font-size:18px;
    font-weight:700;
    transition:.35s;
    box-shadow:
    0 15px 35px rgba(248,180,0,.25);

}

.package-btn:hover{

    color:#111;

    text-decoration:none;

    transform:translateY(-3px);

    box-shadow:
    0 22px 40px rgba(248,180,0,.35);

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .packages-section{

        padding:120px 0;

    }

    .section-title h2{

        font-size:50px;

    }

    .package-image img{

        height:240px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .packages-section{

        padding:90px 0;

    }

    .section-title{

        margin-bottom:50px;

    }

    .section-title h2{

        font-size:40px;

    }

    .package-content{

        padding:24px;

    }

    .package-content h3{

        font-size:28px;

    }

    .package-image img{

        height:200px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .packages-section{

        padding:80px 0;

    }

    .section-title{

        margin-bottom:45px;

    }

    .section-title h2{

        font-size:34px;

    }

    .package-card{

        margin-bottom:30px;

    }

    .package-image img{

        height:220px;

    }

    .package-content{

        padding:22px;

    }

    .package-content h3{

        font-size:26px;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .packages-section{

        padding:70px 0;

    }

    .section-title{

        margin-bottom:40px;

    }

    .section-subtitle{

        font-size:14px;

        padding:8px 20px;

    }

    .section-title h2{

        font-size:30px;

        line-height:1.4;

    }

    .package-image img{

        height:220px;

    }

    .package-content{

        padding:20px;

    }

    .package-content h3{

        font-size:24px;

    }

    .package-content p{

        font-size:15px;

    }

    .package-content h4{

        font-size:17px;

    }

    .package-content h4 strong{

        font-size:30px;

    }

    .package-btn{

        height:54px;

        font-size:17px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .packages-section{

        padding:60px 0;

    }

    .section-subtitle{

        font-size:13px;

    }

    .section-title h2{

        font-size:24px;

    }

    .package-image img{

        height:190px;

    }

    .package-content{

        padding:18px;

    }

    .package-content h3{

        font-size:22px;

    }

    .package-content p{

        font-size:14px;

        line-height:1.6;

    }

    .package-rating i{

        font-size:14px;

    }

    .package-content h4{

        flex-direction:column;

        align-items:flex-start;

        gap:4px;

    }

    .package-content h4 strong{

        font-size:28px;

    }

    .package-content h4 span{

        font-size:15px;

    }

    .package-btn{

        height:52px;

        font-size:16px;

        border-radius:14px;

    }

}

/*=========================================
        Image Safety
=========================================*/

.package-image img{

    display:block;

    width:100%;

    height:auto;

    max-width:100%;

}


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

.why-choose-section{

    position:relative;

    padding:100px 0;

    background:#ffffff;

}

/*=========================================
            Section Heading
=========================================*/

.why-choose-section .section-title{

    max-width:750px;

    margin:0 auto 60px;

    text-align:center;

}

.why-choose-section .section-title p{

    margin-top:18px;

    color:#6B7280;

    font-size:17px;

    line-height:1.8;

}

/*=========================================
            Why Card
=========================================*/

.why-card{

    background:#fff;
    border-radius:22px;
    padding:35px 28px;
    text-align:center;
    height:100%;
    transition:.35s ease;
    border:1px solid #ECECEC;
    box-shadow:
    0 15px 40px rgba(0,0,0,.05);

}

.why-card:hover{

    transform:translateY(-8px);
    box-shadow:
    0 25px 55px rgba(0,0,0,.10);
    border-color:#F8B400;

}


/*=========================================
            Icon
=========================================*/

.why-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(
    135deg,
    #FDB913,
    #F8B400,
    #F59E0B);

    color:#111;

    font-size:34px;

    box-shadow:
    0 18px 35px rgba(248,180,0,.25);

}

.why-card:hover .why-icon{

    transform:rotateY(180deg);

}


/*=========================================
            Content
=========================================*/

.why-card h3{

    font-size:24px;

    font-weight:700;

    color:#111;

    margin-bottom:16px;

    line-height:1.4;

}

.why-card p{

    margin:0;

    color:#666;

    font-size:15px;

    line-height:1.8;

    min-height:80px;

}

/*=========================================
        Decorative Line
=========================================*/

.why-card::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:0;

    height:5px;

    background:#F8B400;

    border-radius:0 0 20px 20px;

    transition:.35s;

}

.why-card{

    position:relative;

    overflow:hidden;

}

.why-card:hover::before{

    width:100%;

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .why-choose-section{

        padding:120px 0;

    }

    .why-choose-section .section-title{

        margin-bottom:70px;

    }

    .why-card{

        padding:40px 32px;

    }

    .why-icon{

        width:85px;

        height:85px;

        font-size:36px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .why-choose-section{

        padding:90px 0;

    }

    .why-card{

        padding:30px 22px;

    }

    .why-icon{

        width:72px;

        height:72px;

        font-size:30px;

    }

    .why-card h3{

        font-size:22px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .why-choose-section{

        padding:80px 0;

    }

    .why-choose-section .section-title{

        margin-bottom:45px;

    }

    .why-card{

        margin-bottom:30px;

    }

    .why-card p{

        min-height:auto;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .why-choose-section{

        padding:70px 0;

    }

    .why-choose-section .section-title{

        margin-bottom:40px;

    }

    .why-choose-section .section-title p{

        font-size:15px;

    }

    .why-card{

        padding:28px 22px;

    }

    .why-icon{

        width:68px;

        height:68px;

        font-size:28px;

        margin-bottom:20px;

    }

    .why-card h3{

        font-size:20px;

    }

    .why-card p{

        font-size:14px;

        line-height:1.7;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .why-choose-section{

        padding:60px 0;

    }

    .why-card{

        padding:24px 18px;

        border-radius:18px;

    }

    .why-icon{

        width:60px;

        height:60px;

        font-size:24px;

    }

    .why-card h3{

        font-size:18px;

        margin-bottom:12px;

    }

    .why-card p{

        font-size:13px;

        line-height:1.6;

    }

}


/*=========================================
            Fleet Section
=========================================*/

.fleet-section{

    position: relative;

    padding: 100px 0;

    background: #F8F9FA;

}

/*=========================================
            Section Heading
=========================================*/

.fleet-section .section-title{

    max-width: 760px;
    margin: 0 auto 60px;
    text-align: center;

}

.fleet-section .section-title p{

    margin-top: 18px;
    color: #6B7280;
    font-size: 17px;
    line-height: 1.8;

}

/*=========================================
            Fleet Card
=========================================*/

.fleet-card{

    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
    border: 1px solid #ECECEC;
    box-shadow: 0 15px 40px rgba(0,0,0,.06);
    transition: .35s ease;

}

.fleet-card:hover{

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

}

/*=========================================
            Fleet Image
=========================================*/

.fleet-image{

    height: 220px;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 30px;

    background: #FFF8E8;

    overflow: hidden;

}

.fleet-image img{

    max-width: 100%;

    max-height: 160px;

    transition: .4s ease;

}

.fleet-card:hover .fleet-image img{

    transform: scale(1.08);

}


/*=========================================
            Fleet Content
=========================================*/

.fleet-content{

    padding: 30px;

}

.fleet-content h3{

    font-size: 24px;

    font-weight: 700;

    color: #222;

    margin-bottom: 25px;

    text-align: center;

}


/*=========================================
            Price
=========================================*/

.fleet-price{

    margin: 28px 0;

    padding-top: 20px;

    border-top: 1px solid #ECECEC;

    color: #666;

    text-align: center;

    font-size: 15px;

}

.fleet-price strong{

    display: block;

    margin-top: 6px;

    font-size: 30px;

    font-weight: 700;

    color: #F8B400;

}


/*=========================================
            Fleet Button
=========================================*/

.fleet-btn{

    display: block;

    width: 100%;

    text-align: center;

    background: linear-gradient(135deg,#FDB913,#F8B400);

    color: #fff;

    text-decoration: none;

    padding: 15px;

    border-radius: 12px;

    font-weight: 600;

    transition: .3s;

}

.fleet-btn:hover{

    color: #fff;

    text-decoration: none;

    background: #111;

}


/*=========================================
        Premium Hover Border
=========================================*/

.fleet-card::before{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background: #F8B400;

    transform: scaleX(0);

    transform-origin: left;

    transition: .35s;

}

.fleet-card{

    position: relative;

}

.fleet-card:hover::before{

    transform: scaleX(1);

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .fleet-section{

        padding:120px 0;

    }

    .fleet-section .section-title{

        margin-bottom:70px;

    }

    .fleet-image{

        height:240px;

    }

    .fleet-image img{

        max-height:180px;

    }

    .fleet-content{

        padding:35px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .fleet-section{

        padding:90px 0;

    }

    .fleet-content{

        padding:25px;

    }

    .fleet-content h3{

        font-size:22px;

    }

    .fleet-image{

        height:200px;

    }

    .fleet-image img{

        max-height:150px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .fleet-section{

        padding:80px 0;

    }

    .fleet-section .section-title{

        margin-bottom:45px;

    }

    .fleet-card{

        margin-bottom:30px;

    }

    .fleet-image{

        height:220px;

    }

    .fleet-image img{

        max-height:165px;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .fleet-section{

        padding:70px 0;

    }

    .fleet-section .section-title{

        margin-bottom:40px;

    }

    .fleet-section .section-title p{

        font-size:15px;

    }

    .fleet-content{

        padding:22px;

    }

    .fleet-content h3{

        font-size:21px;

        margin-bottom:20px;

    }

    .fleet-features li{

        font-size:14px;

    }

    .fleet-features i{

        width:32px;

        height:32px;

        font-size:14px;

        margin-right:10px;

    }

    .fleet-image{

        height:190px;

        padding:20px;

    }

    .fleet-image img{

        max-height:140px;

    }

    .fleet-price{

        margin:22px 0;

    }

    .fleet-price strong{

        font-size:26px;

    }

    .fleet-btn{

        padding:14px;

        font-size:15px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .fleet-section{

        padding:60px 0;

    }

    .fleet-content{

        padding:20px;

    }

    .fleet-content h3{

        font-size:19px;

    }

    .fleet-image{

        height:170px;

        padding:15px;

    }

    .fleet-image img{

        max-height:120px;

    }

    .fleet-features li{

        font-size:13px;

        margin-bottom:12px;

    }

    .fleet-features i{

        width:30px;

        height:30px;

        font-size:13px;

        margin-right:8px;

    }

    .fleet-price{

        font-size:14px;

    }

    .fleet-price strong{

        font-size:24px;

    }

    .fleet-btn{

        padding:13px;

        font-size:14px;

        border-radius:10px;

    }

}


/*=========================================
            Call To Action
=========================================*/

.cta-section{

    padding:100px 0;

    background:#ffffff;

}

.cta-box{

    position:relative;

    background:linear-gradient(135deg,#111827,#1F2937);

    border-radius:25px;

    padding:60px;

    overflow:hidden;

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

}


/*=========================================
        Decorative Background
=========================================*/

.cta-box::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:220px;

    height:220px;

    border-radius:50%;

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

}

.cta-box::after{

    content:"";

    position:absolute;

    bottom:-70px;

    left:-70px;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(248,180,0,.15);

}

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

.cta-content{

    position:relative;

    z-index:2;

}

.cta-content .section-subtitle{

    display:inline-block;

    background:rgba(248,180,0,.15);

    color:#FDB913;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.cta-content h2{

    color:#fff;

    font-size:42px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:20px;

}

.cta-content p{

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

    font-size:17px;

    line-height:1.8;

    margin-bottom:0;

    max-width:650px;

}

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

.cta-buttons{

    display:flex;

    flex-direction:column;

    gap:18px;

    justify-content:center;

    align-items:flex-end;

    position:relative;

    z-index:2;

}

/*=========================================
            Call Button
=========================================*/

.cta-call-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:250px;

    padding:16px 25px;

    background:#FDB913;

    color:#111;

    font-size:17px;

    font-weight:700;

    border-radius:12px;

    text-decoration:none;

    transition:.35s;

}

.cta-call-btn i{

    margin-right:12px;

    font-size:18px;

}

.cta-call-btn:hover{

    background:#fff;

    color:#111;

    text-decoration:none;

    transform:translateY(-3px);

}

/*=========================================
        WhatsApp Button
=========================================*/

.cta-whatsapp-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:250px;

    padding:16px 25px;

    background:#25D366;

    color:#fff;

    font-size:17px;

    font-weight:700;

    border-radius:12px;

    text-decoration:none;

    transition:.35s;

}

.cta-whatsapp-btn i{

    margin-right:12px;

    font-size:20px;

}

.cta-whatsapp-btn:hover{

    background:#1EBE5D;

    color:#fff;

    text-decoration:none;

    transform:translateY(-3px);

}

/*=========================================
        Button Hover Glow
=========================================*/

.cta-call-btn:hover{

    box-shadow:0 15px 35px rgba(253,185,19,.35);

}

.cta-whatsapp-btn:hover{

    box-shadow:0 15px 35px rgba(37,211,102,.35);

}


.cta-contact-info{

    margin-top:18px;

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

    font-size:14px;

    text-align:right;

}

.cta-contact-info i{

    color:#FDB913;

    margin-right:6px;

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .cta-section{

        padding:120px 0;

    }

    .cta-box{

        padding:70px;

    }

    .cta-content h2{

        font-size:48px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .cta-section{

        padding:90px 0;

    }

    .cta-box{

        padding:50px;

    }

    .cta-content h2{

        font-size:38px;

    }

    .cta-content p{

        font-size:16px;

    }

    .cta-call-btn,
    .cta-whatsapp-btn{

        width:220px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .cta-section{

        padding:80px 0;

    }

    .cta-box{

        padding:45px 35px;

        text-align:center;

    }

    .cta-content{

        margin-bottom:35px;

    }

    .cta-content h2{

        font-size:34px;

    }

    .cta-content p{

        max-width:100%;

    }

    .cta-buttons{

        align-items:center;

    }

    .cta-contact-info{

        text-align:center;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .cta-section{

        padding:70px 0;

    }

    .cta-box{

        padding:35px 25px;

        border-radius:20px;

    }

    .cta-content .section-subtitle{

        font-size:13px;

        padding:7px 16px;

    }

    .cta-content h2{

        font-size:28px;

        margin-bottom:15px;

    }

    .cta-content p{

        font-size:15px;

        line-height:1.7;

    }

    .cta-buttons{

        gap:15px;

    }

    .cta-call-btn,
    .cta-whatsapp-btn{

        width:100%;

        max-width:280px;

        padding:15px 20px;

        font-size:16px;

    }

    .cta-contact-info{

        font-size:13px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .cta-section{

        padding:60px 0;

    }

    .cta-box{

        padding:30px 20px;

        border-radius:18px;

    }

    .cta-content h2{

        font-size:24px;

        line-height:1.4;

    }

    .cta-content p{

        font-size:14px;

    }

    .cta-call-btn,
    .cta-whatsapp-btn{

        max-width:100%;

        font-size:15px;

        padding:14px 18px;

        border-radius:10px;

    }

    .cta-call-btn i,
    .cta-whatsapp-btn i{

        font-size:16px;

        margin-right:10px;

    }

    .cta-contact-info{

        font-size:12px;

    }

}


/*=========================================
            Services Section
=========================================*/

.services-section{

    position:relative;

    padding:100px 0;

    background:#ffffff;

}

/*=========================================
            Section Heading
=========================================*/

.services-section .section-title{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.services-section .section-title p{

    margin-top:18px;

    color:#6B7280;

    font-size:17px;

    line-height:1.8;

}

/*=========================================
            Service Card
=========================================*/

.service-card{

    position:relative;

    display:flex;

    flex-direction:column;

    height:100%;

    background:#ffffff;

    padding:35px 30px;

    border-radius:20px;

    border:1px solid #ECECEC;

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

    transition:.35s ease;

    overflow:hidden;

}

.service-card:hover{

    transform:translateY(-8px);

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

    border-color:#F8B400;

}

/*=========================================
            Service Icon
=========================================*/

.service-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#FFF4D6;

    color:#F8B400;

    font-size:34px;

    transition:.35s;

}

.service-card:hover .service-icon{

    background:#F8B400;

    color:#ffffff;

    transform:scale(1.08);

}

/*=========================================
            Content
=========================================*/

.service-card h3{

    text-align:center;

    font-size:24px;

    font-weight:700;

    color:#111111;

    margin-bottom:18px;

}

.service-card p{

    text-align:center;

    color:#666666;

    font-size:15px;

    line-height:1.8;

    margin-bottom:25px;

}

/*=========================================
        Service Features
=========================================*/

.service-features{

    list-style:none;

    padding:0;

    margin:0 0 30px;

}

.service-features li{

    display:flex;

    align-items:center;

    margin-bottom:15px;

    color:#555555;

    font-size:15px;

}

.service-features li:last-child{

    margin-bottom:0;

}

.service-features li i{

    color:#28A745;

    font-size:16px;

    margin-right:10px;

    flex-shrink:0;

}


/*=========================================
            Button
=========================================*/

.service-btn{

    display:block;

    margin-top:auto;

    width:100%;

    text-align:center;

    padding:15px;

    border-radius:12px;

    background:linear-gradient(135deg,#FDB913,#F8B400);

    color:#ffffff;

    font-size:16px;

    font-weight:600;

    text-decoration:none;

    transition:.35s;

}

.service-btn:hover{

    background:#111111;

    color:#ffffff;

    text-decoration:none;

}


/*=========================================
        Decorative Border
=========================================*/

.service-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#F8B400;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.service-card:hover::before{

    transform:scaleX(1);

}

/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .services-section{

        padding:120px 0;

    }

    .services-section .section-title{

        margin-bottom:70px;

    }

    .service-card{

        padding:40px 35px;

    }

    .service-icon{

        width:85px;

        height:85px;

        font-size:36px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .services-section{

        padding:90px 0;

    }

    .service-card{

        padding:30px 25px;

    }

    .service-icon{

        width:75px;

        height:75px;

        font-size:32px;

    }

    .service-card h3{

        font-size:22px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .services-section{

        padding:80px 0;

    }

    .services-section .section-title{

        margin-bottom:45px;

    }

    .service-card{

        margin-bottom:30px;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .services-section{

        padding:70px 0;

    }

    .services-section .section-title{

        margin-bottom:40px;

    }

    .services-section .section-title p{

        font-size:15px;

    }

    .service-card{

        padding:28px 22px;

    }

    .service-icon{

        width:68px;

        height:68px;

        font-size:28px;

        margin-bottom:20px;

    }

    .service-card h3{

        font-size:20px;

        margin-bottom:15px;

    }

    .service-card p{

        font-size:14px;

        line-height:1.7;

        margin-bottom:20px;

    }

    .service-features{

        margin-bottom:25px;

    }

    .service-features li{

        font-size:14px;

        margin-bottom:12px;

    }

    .service-btn{

        padding:14px;

        font-size:15px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:480px){

    .services-section{

        padding:60px 0;

    }

    .service-card{

        padding:24px 18px;

        border-radius:18px;

    }

    .service-icon{

        width:60px;

        height:60px;

        font-size:24px;

    }

    .service-card h3{

        font-size:18px;

    }

    .service-card p{

        font-size:13px;

        line-height:1.6;

    }

    .service-features li{

        font-size:13px;

    }

    .service-features li i{

        font-size:14px;

    }

    .service-btn{

        padding:13px;

        font-size:14px;

        border-radius:10px;

    }

}


/*=========================================
            Testimonials Section
=========================================*/

.testimonial-section{

    position:relative;

    padding:100px 0;

    background:#F8F9FC;

    overflow:hidden;

}

/*=========================================
            Section Heading
=========================================*/

.testimonial-section .section-title{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.testimonial-section .section-title p{

    margin-top:18px;

    font-size:17px;

    color:#6B7280;

    line-height:1.8;

}

/*=========================================
            Main Box
=========================================*/

.testimonial-box{

    background:#ffffff;

    border:1px solid #ECECEC;

    border-radius:22px;

    padding:35px;

    height:100%;

    box-shadow:0 20px 50px rgba(0,0,0,.06);

    transition:.35s ease;

}

.testimonial-box:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 65px rgba(0,0,0,.10);

}

/*=========================================
        Heading
=========================================*/

.testimonial-heading{

    display:flex;

    align-items:center;

    margin-bottom:28px;

}

.testimonial-heading img{

    width:45px;

    margin-right:15px;

}

.testimonial-heading i{

    font-size:42px;

    color:#FF0000;

    margin-right:15px;

}

.testimonial-heading h3{

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#222;

}

/*=========================================
        Rating Summary
=========================================*/

.rating-summary{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    margin-bottom:30px;

}

.rating-summary .stars{

    color:#FDB913;

    font-size:24px;

    margin-right:15px;

}

.rating-summary strong{

    font-size:42px;

    font-weight:700;

    color:#222;

    margin-right:18px;

}

.rating-summary span:last-child{

    padding:8px 18px;

    background:#FFF5D9;

    border-radius:30px;

    color:#444;

    font-weight:600;

}

/*=========================================
            Google Reviews
=========================================*/

.google-review-list{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.review-card{

    background:#fff;

    border:1px solid #ECECEC;

    border-radius:15px;

    padding:22px;

    transition:.30s;

}

.review-card:hover{

    border-color:#FDB913;

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

}

.review-card h5{

    font-size:19px;

    font-weight:700;

    color:#222;

    margin-bottom:8px;

}

.review-stars{

    color:#FDB913;

    margin-bottom:12px;

    font-size:17px;

}

.review-card p{

    margin:0;

    color:#666;

    line-height:1.8;

    font-size:15px;

}

/*=========================================
        YouTube Shorts
=========================================*/

.short-card{

    border-radius:18px;

    overflow:hidden;

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

    transition:.35s;

    background:#000;

}

.short-card:hover{

    transform:translateY(-6px);

}

.short-card iframe{

    width:100%;

    aspect-ratio:9/16;

    border:0;

    display:block;

}

/*=========================================
            Buttons
=========================================*/

.google-btn,

.youtube-btn{

    display:block;

    width:100%;

    margin-top:30px;

    text-align:center;

    text-decoration:none;

    padding:16px;

    border-radius:12px;

    font-size:17px;

    font-weight:700;

    transition:.35s;

}

.google-btn{

    background:#FDB913;

    color:#111;

}

.google-btn:hover{

    background:#111;

    color:#fff;

    text-decoration:none;

}

.youtube-btn{

    background:#FF0000;

    color:#fff;

}

.youtube-btn:hover{

    background:#C70000;

    color:#fff;

    text-decoration:none;

}

/*=========================================
        Decorative Top Border
=========================================*/

.testimonial-box::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#FDB913;

    transform:scaleX(0);

    transform-origin:left;

    transition:.35s;

}

.testimonial-box{

    position:relative;

}

.testimonial-box:hover::before{

    transform:scaleX(1);

}

/*=========================================
        Scrollbar (Google Reviews)
=========================================*/

.google-review-list{

    max-height:640px;

    overflow-y:auto;

    padding-right:8px;

}

.google-review-list::-webkit-scrollbar{

    width:8px;

}

.google-review-list::-webkit-scrollbar-thumb{

    background:#FDB913;

    border-radius:20px;

}

.google-review-list::-webkit-scrollbar-track{

    background:#F1F1F1;

}

/*=========================================
            Focus State
=========================================*/

.google-btn:focus,

.youtube-btn:focus{

    outline:none;

    box-shadow:0 0 0 .2rem rgba(253,185,19,.25);

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .testimonial-section{

        padding:120px 0;

    }

    .testimonial-box{

        padding:40px;

    }

    .testimonial-heading h3{

        font-size:36px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .testimonial-section{

        padding:90px 0;

    }

    .testimonial-box{

        padding:30px;

    }

    .testimonial-heading h3{

        font-size:30px;

    }

    .rating-summary strong{

        font-size:36px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .testimonial-section{

        padding:80px 0;

    }

    .testimonial-section .section-title{

        margin-bottom:45px;

    }

    .testimonial-box{

        margin-bottom:30px;

    }

    .testimonial-heading{

        margin-bottom:25px;

    }

    .testimonial-heading h3{

        font-size:28px;

    }

    .rating-summary{

        margin-bottom:25px;

    }

    .google-review-list{

        max-height:500px;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .testimonial-section{

        padding:70px 0;

    }

    .testimonial-section .section-title{

        margin-bottom:40px;

    }

    .testimonial-section .section-title p{

        font-size:15px;

    }

    .testimonial-box{

        padding:25px;

        border-radius:18px;

    }

    .testimonial-heading{

        flex-direction:column;

        text-align:center;

    }

    .testimonial-heading img,

    .testimonial-heading i{

        margin-right:0;

        margin-bottom:15px;

    }

    .testimonial-heading h3{

        font-size:24px;

    }

    .rating-summary{

        justify-content:center;

        text-align:center;

    }

    .rating-summary .stars{

        width:100%;

        margin:0 0 10px;

    }

    .rating-summary strong{

        font-size:32px;

        margin-right:12px;

    }

    .rating-summary span:last-child{

        margin-top:10px;

    }

    .review-card{

        padding:18px;

    }

    .review-card h5{

        font-size:17px;

    }

    .review-card p{

        font-size:14px;

    }

    .google-review-list{

        max-height:420px;

    }

    .short-card{

        margin-bottom:20px;

    }

    .google-btn,

    .youtube-btn{

        padding:14px;

        font-size:15px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:575px){

    .testimonial-section{

        padding:60px 0;

    }

    .testimonial-box{

        padding:20px;

    }

    .testimonial-heading h3{

        font-size:22px;

    }

    .testimonial-heading img{

        width:38px;

    }

    .testimonial-heading i{

        font-size:36px;

    }

    .rating-summary{

        flex-direction:column;

        align-items:center;

    }

    .rating-summary .stars{

        margin-bottom:12px;

    }

    .rating-summary strong{

        margin:0;

        font-size:30px;

    }

    .rating-summary span:last-child{

        margin-top:12px;

    }

    .review-card{

        padding:16px;

    }

    .review-card h5{

        font-size:16px;

    }

    .review-stars{

        font-size:15px;

    }

    .review-card p{

        font-size:13px;

        line-height:1.7;

    }

    .google-review-list{

        max-height:360px;

    }

    .google-btn,

    .youtube-btn{

        font-size:14px;

        padding:13px;

        border-radius:10px;

    }

}

/*=========================================
        Extra Small Mobile
=========================================*/

@media (max-width:420px){

    .testimonial-heading h3{

        font-size:20px;

    }

    .rating-summary strong{

        font-size:28px;

    }

    .testimonial-box{

        border-radius:16px;

    }

}



/*=========================================
            FAQ Section
=========================================*/

.faq-section{

    position:relative;

    padding:100px 0;

    background:#ffffff;

}

/*=========================================
            Section Heading
=========================================*/

.faq-section .section-title{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.faq-section .section-title p{

    margin-top:18px;

    color:#6B7280;

    font-size:17px;

    line-height:1.8;

}

/*=========================================
            FAQ Card
=========================================*/

.faq-card{

    border:none;

    border-radius:16px !important;

    overflow:hidden;

    margin-bottom:18px;

    background:#fff;

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

    transition:.35s ease;

}

.faq-card:hover{

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

}

.faq-card:last-child{

    margin-bottom:0;

}

/*=========================================
            Card Header
=========================================*/

.faq-card .card-header{

    padding:0;

    background:#fff;

    border:none;

}


/*=========================================
        Accordion Button
=========================================*/

.faq-card .btn-link{

    width:100%;

    padding:22px 65px 22px 25px;

    position:relative;

    display:block;

    text-align:left;

    text-decoration:none;

    color:#222;

    font-size:18px;

    font-weight:600;

    line-height:1.6;

    background:#fff;

    transition:.35s;

}

.faq-card .btn-link:hover{

    text-decoration:none;

    color:#F8B400;

}

.faq-card .btn-link:focus{

    text-decoration:none;

    box-shadow:none;

}


/*=========================================
        Plus Minus Icon
=========================================*/

.faq-card .btn-link::after{

    content:"−";

    position:absolute;

    right:25px;

    top:50%;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    border-radius:50%;

    background:#F8B400;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    transition:.35s;

}

.faq-card .btn-link.collapsed::after{

    content:"+";

    background:#F3F4F6;

    color:#222;

}

/*=========================================
            Active State
=========================================*/

.faq-card .btn-link:not(.collapsed){

    background:#FFF8E8;

    color:#111;

}

/*=========================================
            Card Body
=========================================*/

.faq-card .card-body{

    padding:0 25px 25px;

    background:#FFF8E8;

    color:#666;

    font-size:16px;

    line-height:1.9;

    border-top:1px solid rgba(248,180,0,.15);

}

/*=========================================
        Collapse Animation
=========================================*/

.faq-card .collapse{

    transition:all .35s ease;

}

/*=========================================
        Decorative Border
=========================================*/

.faq-card{

    position:relative;

}

.faq-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:4px;

    height:0;

    background:#F8B400;

    transition:.35s;

}

.faq-card:hover::before{

    height:100%;

}

.faq-card .btn-link:not(.collapsed) ~ .collapse .card-body{

    position:relative;

}




/*=========================================
                Footer
=========================================*/

.footer-section{

    position:relative;

    background:#161616;

    color:#ffffff;

    padding:80px 0 0;

    overflow:hidden;

}

.footer-section::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#FDB913,#F8B400,#FDB913);

}

/*=========================================
            Footer Widget
=========================================*/

.footer-widget{

    margin-bottom:40px;

}

.footer-logo{

    max-width:240px;

    margin-bottom:25px;

}

.footer-widget p{

    color:#C7C7C7;

    font-size:15px;

    line-height:1.9;

    margin-bottom:25px;

}

/*=========================================
            Widget Title
=========================================*/

.footer-widget h4{

    position:relative;

    font-size:24px;

    font-weight:700;

    color:#ffffff;

    margin-bottom:30px;

    padding-bottom:12px;

}

.footer-widget h4::after{

    content:"";

    position:absolute;

    bottom:0;

    left:0;

    width:55px;

    height:3px;

    background:#FDB913;

    border-radius:10px;

}

/*=========================================
            Footer Links
=========================================*/

.footer-widget ul{

    margin:0;

    padding:0;

    list-style:none;

}

.footer-widget ul li{

    margin-bottom:16px;

}

.footer-widget ul li:last-child{

    margin-bottom:0;

}

.footer-widget ul li a{

    color:#C7C7C7;

    text-decoration:none;

    transition:.30s ease;

}

.footer-widget ul li a:hover{

    color:#FDB913;

    padding-left:8px;

    text-decoration:none;

}

/*=========================================
            Contact
=========================================*/

.footer-contact li{

    display:flex;

    align-items:flex-start;

}

.footer-contact li i{

    width:40px;

    height:40px;

    background:#2A2A2A;

    border-radius:50%;

    color:#FDB913;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-right:15px;

    flex-shrink:0;

    transition:.30s;

}

.footer-contact li:hover i{

    background:#FDB913;

    color:#111111;

}

.footer-contact li,

.footer-contact li a{

    color:#C7C7C7;

    line-height:1.8;

}

/*=========================================
            Social Icons
=========================================*/

.footer-social{

    display:flex;

    align-items:center;

    gap:15px;

}

.footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#2A2A2A;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:18px;

    transition:.35s;

}

.footer-social a:hover{

    background:#FDB913;

    color:#111111;

    transform:translateY(-5px);

}


/*=========================================
            Divider
=========================================*/

.footer-divider{

    border:0;

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

    margin:15px 0 30px;

}

/*=========================================
            Bottom Footer
=========================================*/

.footer-bottom{

    padding-bottom:30px;

}

.footer-bottom p{

    margin:0;

    color:#BEBEBE;

    font-size:15px;

}

.footer-bottom a{

    color:#BEBEBE;

    text-decoration:none;

    transition:.30s;

    margin:0 8px;

}

.footer-bottom a:hover{

    color:#FDB913;

}

.footer-bottom span{

    color:#666666;

}

/*=========================================
        Footer Widget Hover
=========================================*/

.footer-widget{

    transition:.35s;

}

.footer-widget:hover h4::after{

    width:80px;

}

/*=========================================
            Selection
=========================================*/

.footer-section ::selection{

    background:#FDB913;

    color:#111111;

}


/*=========================================
        Extra Large Desktop
=========================================*/

@media (min-width:1400px){

    .footer-section{

        padding-top:100px;

    }

    .footer-logo{

        max-width:260px;

    }

}

/*=========================================
            Laptop
=========================================*/

@media (max-width:1199px){

    .footer-section{

        padding-top:70px;

    }

    .footer-widget h4{

        font-size:22px;

    }

    .footer-logo{

        max-width:220px;

    }

}

/*=========================================
            Tablet
=========================================*/

@media (max-width:991px){

    .footer-section{

        padding-top:60px;

    }

    .footer-widget{

        margin-bottom:40px;

    }

    .footer-bottom{

        text-align:center;

    }

    .footer-bottom .text-md-right{

        text-align:center !important;

        margin-top:15px;

    }

}

/*=========================================
            Mobile
=========================================*/

@media (max-width:767px){

    .footer-section{

        padding-top:55px;

    }

    .footer-widget{

        text-align:center;

    }

    .footer-widget h4{

        font-size:22px;

    }

    .footer-widget h4::after{

        left:50%;

        transform:translateX(-50%);

    }

    .footer-widget p{

        font-size:14px;

    }

    .footer-logo{

        max-width:200px;

        margin-left:auto;

        margin-right:auto;

    }

    .footer-widget ul li{

        margin-bottom:14px;

    }

    .footer-widget ul li a:hover{

        padding-left:0;

    }

    .footer-contact li{

        justify-content:center;

        text-align:left;

    }

    .footer-social{

        justify-content:center;

    }

    .footer-divider{

        margin:10px 0 25px;

    }

    .footer-bottom p{

        font-size:14px;

    }

    .footer-bottom a{

        display:inline-block;

        margin:6px 8px;

    }

}

/*=========================================
        Small Mobile
=========================================*/

@media (max-width:575px){

    .footer-section{

        padding-top:50px;

    }

    .footer-widget{

        margin-bottom:35px;

    }

    .footer-widget h4{

        font-size:20px;

    }

    .footer-logo{

        max-width:180px;

    }

    .footer-widget p{

        font-size:13px;

        line-height:1.8;

    }

    .footer-contact li{

        flex-direction:column;

        align-items:center;

        text-align:center;

    }

    .footer-contact li i{

        margin-right:0;

        margin-bottom:12px;

    }

    .footer-social{

        gap:12px;

    }

    .footer-social a{

        width:42px;

        height:42px;

        font-size:17px;

    }

    .footer-bottom p{

        font-size:13px;

    }

}

/*=========================================
        Extra Small Mobile
=========================================*/

@media (max-width:420px){

    .footer-widget h4{

        font-size:19px;

    }

    .footer-logo{

        max-width:170px;

    }

    .footer-social a{

        width:40px;

        height:40px;

        font-size:16px;

    }

    .footer-contact li{

        font-size:14px;

    }

    .footer-bottom a{

        display:block;

        margin:8px 0;

    }

    .footer-bottom span{

        display:none;

    }

}



/*=========================================
                Website Loader
=========================================*/

.ldr-wrapper{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100%;

    background:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:999999;

    transition:opacity .5s ease,
               visibility .5s ease;

}

.ldr-wrapper.ldr-hide{

    opacity:0;

    visibility:hidden;

}

.ldr-spinner{

    width:55px;

    height:55px;

    border:4px solid #ececec;

    border-top:4px solid #ffbb00;

    border-radius:50%;

    animation:ldrRotate .8s linear infinite;

}

/*=========================================
                Animation
=========================================*/

@keyframes ldrRotate{

    100%{

        transform:rotate(360deg);

    }

}


/*=========================================
        Floating WhatsApp Button
=========================================*/

.button-wa{

    position:fixed;

    left:25px;

    bottom:25px;

    width:62px;

    height:62px;

    border-radius:50%;

    background:#25D366;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:32px;

    box-shadow:0 12px 30px rgba(37,211,102,.35);

    z-index:9999;

    transition:.35s ease;

    animation:buttonPulse 2s infinite;

}

.button-wa:hover{

    color:#ffffff;

    text-decoration:none;

    transform:translateY(-6px) scale(1.08);

    box-shadow:0 18px 35px rgba(37,211,102,.45);

}

/*=========================================
            Floating Call Button
=========================================*/

.button-ca{

    position:fixed;

    right:25px;

    bottom:25px;

    width:62px;

    height:62px;

    border-radius:50%;

    background:#FDB913;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:26px;

    box-shadow:0 12px 30px rgba(253,185,19,.35);

    z-index:9999;

    transition:.35s ease;

    animation:buttonPulse 2s infinite;

}

.button-ca:hover{

    color:#ffffff;

    text-decoration:none;

    transform:translateY(-6px) scale(1.08);

    box-shadow:0 18px 35px rgba(253,185,19,.45);

}

/*=========================================
            Pulse Animation
=========================================*/

@keyframes buttonPulse{

    0%{

        box-shadow:0 0 0 0 rgba(37,211,102,.45);

    }

    70%{

        box-shadow:0 0 0 15px rgba(37,211,102,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(37,211,102,0);

    }

}

.button-ca{

    animation:buttonPulseCall 2s infinite;

}

@keyframes buttonPulseCall{

    0%{

        box-shadow:0 0 0 0 rgba(253,185,19,.45);

    }

    70%{

        box-shadow:0 0 0 15px rgba(253,185,19,0);

    }

    100%{

        box-shadow:0 0 0 0 rgba(253,185,19,0);

    }

}

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

@media(max-width:767px){

    .button-wa{

        width:56px;

        height:56px;

        left:18px;

        bottom:18px;

        font-size:28px;

    }

    .button-ca{

        width:56px;

        height:56px;

        right:18px;

        bottom:18px;

        font-size:22px;

    }

}

@media(max-width:420px){

    .button-wa{

        width:52px;

        height:52px;

        left:15px;

        bottom:15px;

        font-size:26px;

    }

    .button-ca{

        width:52px;

        height:52px;

        right:15px;

        bottom:15px;

        font-size:20px;

    }

}