/* CSS Document */

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

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
    color:#333;
    overflow-x:hidden;
}

a{
    text-decoration:none;
}

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

ul{
    list-style:none;
}

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

.container{
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:0 30px;
}

.cursor{
    position:fixed;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#ff0683;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99999;
    transition:
    width .3s,
    height .3s,
    background .3s;
    mix-blend-mode:normal;
    box-shadow:
    0 0 20px #FFC107,
    0 0 40px rgba(255,193,7,.5);
}

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

.top-bar{
    background:linear-gradient(90deg,#7B1E3A,#E91E63);
}

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

.top-left,
.top-right{
    display:flex;
    align-items:center;
    gap:15px;
}

.top-left a{
    color:#fff;
    font-size:14px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:8px;
}

.top-left img{
    width:20px;
}

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

.top-right a:hover{
    background:#fff;
}

.top-right img{
    width:20px;
}

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

.header{
    position:sticky;
    top:0;
    background:#fff;
    z-index:999;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:90px;
}

/* Logo */

.logo img{
    width:220px;
}

/* Main Menu */

.navbar{
    display:flex;
}

.navbar>ul{
    display:flex;
    align-items:center;
    gap:5px;
}

.navbar>ul>li{
    position:relative;
}

.navbar>ul>li>a{
    display:flex;
    align-items:center;
    gap:6px;
    padding:30px 14px;
    color:#333;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.navbar>ul>li>a:hover,
.navbar>ul>li>a.active{
    color:#E91E63;
}

/* Right Buttons */

.nav-right{
    display:flex;
    align-items:center;
    gap:12px;
}

.call-btn{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#7B1E3A;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.3s;
}

.book-btn{
    padding:13px 24px;
    border-radius:50px;
    background:#7B1E3A;
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.call-btn:hover,
.book-btn:hover{
    background:#E91E63;
}

/* Hamburger */

.menu-toggle{
    display:none;
    cursor:pointer;
}

.menu-toggle span{
    display:block;
    width:28px;
    height:3px;
    margin:5px 0;
    background:#7B1E3A;
    border-radius:5px;
}

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

.submenu{
    position:absolute;
    top:100%;
    left:0;
    width:270px;
    background:#fff;
    border-radius:10px;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    padding:10px 0;
    display:none;
    z-index:999;
}

.submenu.active{
    display:block;
}

.submenu li{
    width:100%;
}

.submenu li a{
    display:block;
    padding:12px 20px;
    color:#333;
    font-size:14px;
    transition:.3s;
}

.submenu li a:hover{

    background:#f8f8f8;
    color:#E91E63;
    padding-left:28px;
}

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

@media(max-width:991px){

.header .container{
    height:80px;
    padding:0 20px;
}

.logo img{
    width:220px;
}

/* Hamburger */

.menu-toggle{
    display:block;
}

/* Hide Buttons */

.nav-right{
    display:none;
}

/* Navigation */

.navbar{
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#fff;
    display:none;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.navbar.active{
    display:block;
}

.navbar>ul{
    flex-direction:column;
    align-items:flex-start;
    gap:0;
}

.navbar>ul>li{
    width:100%;
}

.navbar>ul>li>a{
    width:100%;
    padding:16px 20px;
    justify-content:space-between;
    border-bottom:1px solid #eee;
}

/* Mobile Dropdown */

.submenu{
    position:static;
    width:100%;
    display:none;
    padding:0;
    border-radius:0;
    box-shadow:none;
    background:#fafafa;
}

.submenu.active{
    display:block;
}

.submenu li a{
    padding:14px 40px;
    border-bottom:1px solid #eee;
    background:#fafafa;
}

.submenu li a:hover{
    padding-left:45px;
}

}

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

@media(max-width:576px){

.container{
    padding:0 15px;
}

.logo img{
    width:220px;
}

.top-left{
    gap:10px;
}

.top-right{
    gap:8px;
}

.top-right a{
    width:34px;
    height:34px;
}

.book-btn{
    display:none;
}

}

/*=========================================
        ANIMATIONS
=========================================*/

.submenu{
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:.35s ease;
}

.submenu.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/*=========================================
        HAMBURGER ANIMATION
=========================================*/

.menu-toggle{
    width:35px;
    height:30px;
    display:none;
    flex-direction:column;
    justify-content:center;
    cursor:pointer;
}

.menu-toggle span{
    width:100%;
    height:3px;
    background:#7B1E3A;
    margin:3px 0;
    border-radius:30px;
    transition:.35s;
}

.menu-toggle.active span:nth-child(1){
    transform:rotate(45deg) translate(6px,6px);
}

.menu-toggle.active span:nth-child(2){
    opacity:0;
}

.menu-toggle.active span:nth-child(3){
    transform:rotate(-45deg) translate(7px,-7px);
}

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

.header.sticky{
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

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

.navbar>ul>li>a::after{

    content:"";

    position:absolute;

    left:15px;

    bottom:18px;

    width:0;

    height:2px;

    background:#E91E63;

    transition:.3s;

}

.navbar>ul>li{

    position:relative;

}

.navbar>ul>li>a:hover::after,

.navbar>ul>li>a.active::after{

    width:calc(100% - 30px);

}

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

.call-btn,
.book-btn{

    transition:.3s;

}

.call-btn:hover,
.book-btn:hover{

    transform:translateY(-3px);

    box-shadow:0 10px 20px rgba(233,30,99,.25);

}

/*=========================================
        SOCIAL EFFECT
=========================================*/

.top-right a{

    transition:.3s;

}

.top-right a:hover{

    transform:translateY(-4px);

}

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

@media(max-width:991px){

.menu-toggle{

    display:flex;

}

.navbar{

    animation:menu .35s ease;

}

@keyframes menu{

from{

opacity:0;

transform:translateY(-10px);

}

to{

opacity:1;

transform:translateY(0);

}

}

}

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

.hero{
    position:relative;
    width:100%;
    height:90vh;
    overflow:hidden;
}

.hero-slider{
    position:relative;
    width:100%;
    height:100%;
}

.slide{
    position:absolute;
    width:100%;
    height:100%;
    inset:0;
    opacity:0;
    transition:.2s;
}

.slide.active{
    opacity:1;
    z-index:1;
}

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

.overlay{
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.65);
}

.hero .container{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    z-index:2;
}

.hero-content{
    max-width:850px;
}

.rating{
    color:#f4b400;
    font-weight:600;
    margin-bottom:20px;
}

.rating span{
    color:#faf8f8;
}

.hero h1{
    font-size:65px;
    line-height:1.1;
    font-weight:800;
    color:#e9106a;
}

.hero h1 span{
    color:#E91E63;
}

.hero p{
    margin:25px 0;
    font-size:20px;
    color:#f1f0f0;
}

.hero-btn{
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.hero-btn a{
    padding:16px 35px;
    border-radius:8px;
    font-size:18px;
    font-weight:600;
}

.call-btn{
    background:#E91E63;
    color:#fff;
}

.book-btn{
    background:#FFC107;
    color:#111;
}

.online-status{
    margin-top:25px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    color:#2e7d32;
    font-weight:600;
}

.online-status .dot{
    width:12px;
    height:12px;
    background:#4CAF50;
    border-radius:50%;
}

/* Slider Buttons */

.prev,
.next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:10;
    font-size:20px;
}

.prev{
    left:25px;
}

.next{
    right:25px;
}

/* Dots */

.slider-dots{
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:10px;
    z-index:10;
}

.slider-dots span{
    width:12px;
    height:12px;
    background:#fff;
    border-radius:50%;
    cursor:pointer;
}

.slider-dots span.active{
    background:#E91E63;
}

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

@media(max-width:991px){

.hero{
    height:75vh;
}

.hero h1{
    font-size:42px;
}

.hero p{
    font-size:17px;
}

.hero-btn a{
    padding:14px 28px;
    font-size:16px;
}

}

@media(max-width:576px){

.hero{
    height:70vh;
}

.hero h1{
    font-size:30px;
}

.hero p{
    font-size:15px;
}

.rating{
    font-size:14px;
}

.prev,
.next{
    display:none;
}

.hero-btn{
    flex-direction:column;
}

.hero-btn a{
    width:220px;
    margin:auto;
}

}

/*====================================
      POPULAR PLACES
====================================*/

.popular-places{
    padding:80px 0;
    background:#f8f8f8;
}

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

.section-title span{
    color:#E91E63;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

.section-title h2{
    font-size:40px;
    margin:10px 0;
    color:#222;
}

.section-title p{
    color:#666;
    max-width:700px;
    margin:auto;
}

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

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

.place-card:hover{
    transform:translateY(-10px);
}

.place-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.4s;
}

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

.place-content{
    padding:25px;
}

.place-content h3{
    color:#7B1E3A;
    margin-bottom:12px;
    font-size:26px;
}

.place-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:20px;
}

.place-btn{
    display:inline-block;
    padding:12px 28px;
    background:#E91E63;
    color:#fff;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.place-btn:hover{
    background:#7B1E3A;
}

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

@media(max-width:991px){

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

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

}

@media(max-width:768px){

.popular-places{
    padding:60px 0;
}

.places-grid{
    grid-template-columns:1fr;
}

.place-card img{
    height:220px;
}

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

.place-content{
    padding:20px;
}

.place-content h3{
    font-size:22px;
}

}


/*=========================================
        SEO CONTENT SECTION
=========================================*/

.seo-section{
    width:100%;
    background:linear-gradient(135deg,#5B1028,#7B1E3A,#A51E4D);
    padding:90px 8%;
    color:#fff;
}

.container-fluid{
    width:100%;
    max-width:1600px;
    margin:auto;
}

.seo-content{
    width:100%;
}

.seo-tag{
    display:inline-block;
    padding:10px 20px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.25);
    border-radius:50px;
    color:#FFD86B;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:25px;
}

.seo-content h2{
    font-size:48px;
    font-weight:700;
    line-height:1.3;
    margin-bottom:30px;
    color:#fff;
}

.seo-content p{
    font-size:18px;
    line-height:1.9;
    color:rgba(255,255,255,.92);
    margin-bottom:25px;
    text-align:justify;
}

.seo-content strong{
    color:#FFD86B;
    font-weight:700;
}

/* Decorative Line */

.seo-content h2::after{
    content:"";
    display:block;
    width:120px;
    height:4px;
    background:#FFD86B;
    border-radius:20px;
    margin-top:15px;
}

/* Hover Effect */

.seo-section:hover{
    background:linear-gradient(135deg,#7B1E3A,#A51E4D,#C2185B);
    transition:.4s;
}

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

@media(max-width:991px){

.seo-section{
    padding:70px 30px;
}

.seo-content h2{
    font-size:36px;
}

.seo-content p{
    font-size:17px;
}

}

@media(max-width:768px){

.seo-section{
    padding:60px 20px;
}

.seo-tag{
    font-size:12px;
    padding:8px 16px;
}

.seo-content h2{
    font-size:28px;
    line-height:1.4;
}

.seo-content p{
    font-size:16px;
    line-height:1.8;
    text-align:left;
}

.seo-content h2::after{
    width:80px;
}

}

@media(max-width:480px){

.seo-section{
    padding:50px 15px;
}

.seo-content h2{
    font-size:24px;
}

.seo-content p{
    font-size:15px;
}

}


/*=========================================
      POPULAR TAXI ROUTES
=========================================*/

.popular-routes{
    padding:90px 0;
    background:#f8f8f8;
}

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

.section-title span{
    display:inline-block;
    color:#E91E63;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
}

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

.section-title p{
    color:#666;
    max-width:700px;
    margin:auto;
    line-height:1.8;
}

/* Cards */

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

.route-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.route-card:hover{
    transform:translateY(-10px);
}

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

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

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

.route-img span{
    position:absolute;
    top:15px;
    left:15px;
    background:#E91E63;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

/* Content */

.route-content{
    padding:25px;
}

.route-content h3{
    font-size:26px;
    color:#7B1E3A;
    margin-bottom:18px;
}

.route-content ul{
    list-style:none;
    margin-bottom:18px;
}

.route-content ul li{
    margin-bottom:10px;
    color:#555;
    font-size:15px;
}

.route-content ul li i{
    color:#E91E63;
    width:22px;
}

.route-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:22px;
}

/* Button */

.route-btn{
    display:inline-block;
    padding:13px 28px;
    background:#7B1E3A;
    color:#fff;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.route-btn:hover{
    background:#E91E63;
}

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

@media(max-width:1200px){

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

}

@media(max-width:768px){

.popular-routes{
    padding:60px 0;
}

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

.route-grid{
    grid-template-columns:1fr;
}

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

.route-content{
    padding:20px;
}

.route-content h3{
    font-size:22px;
}

.route-content p{
    font-size:15px;
}

.route-btn{
    width:100%;
    text-align:center;
}

}


/*=========================================
        WHAT WE OFFER
=========================================*/

.services-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
}

.services-bg{
    position:absolute;
    inset:0;
    z-index:-2;
}

.services-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.services-overlay{
    position:absolute;
    inset:0;
    background:rgba(20,10,25,.82);
    z-index:-1;
}

/* Heading */

.services-title{
    max-width:850px;
    margin:auto;
    text-align:center;
    color:#fff;
    margin-bottom:60px;
}

.services-title span{
    color:#FFC107;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}

.services-title h2{
    font-size:48px;
    margin:20px 0;
    line-height:1.2;
}

.services-title p{
    color:#ddd;
    line-height:1.8;
    font-size:18px;
}

/* Cards */

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

.service-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
}

.service-card:hover{
    transform:translateY(-10px);
}

/* Image */

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

.service-img>img:first-child{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.4s;
}

.service-card:hover .service-img>img:first-child{
    transform:scale(1.08);
}

/* Floating Car */

.car-img{
    position:absolute;
    bottom:-5px;
    right:10px;
    width:180px;
    transition:.4s;
}

.service-card:hover .car-img{
    transform:translateY(-8px);
}

/* Content */

.service-content{
    padding:30px;
}

.service-content h3{
    font-size:28px;
    color:#7B1E3A;
    margin-bottom:15px;
}

.service-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}

/* Button */

.service-btn{
    display:inline-block;
    padding:13px 30px;
    background:#7B1E3A;
    color:#fff;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.service-btn:hover{
    background:#E91E63;
}

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

@media(max-width:992px){

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

.services-title h2{
    font-size:38px;
}

.car-img{
    width:150px;
}

}

@media(max-width:768px){

.services-section{
    padding:70px 0;
}

.services-grid{
    grid-template-columns:1fr;
}

.services-title{
    margin-bottom:40px;
    padding:0 15px;
}

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

.services-title p{
    font-size:16px;
}

.service-content{
    padding:22px;
}

.service-content h3{
    font-size:23px;
}

.service-content p{
    font-size:15px;
}

.service-btn{
    width:100%;
    text-align:center;
}

.car-img{
    width:140px;
}

}


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

.cta-section{
    padding:90px 0;
    background:linear-gradient(135deg,#7B1E3A,#A61E4D,#E91E63);
    overflow:hidden;
    position:relative;
}

.cta-section::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    top:-180px;
    left:-120px;
}

.cta-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(255,255,255,.08);
    border-radius:50%;
    right:-100px;
    bottom:-120px;
}

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

.cta-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    position:relative;
    z-index:2;
}

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

.cta-content{
    flex:1;
    color:#fff;
}

.cta-tag{
    display:inline-block;
    padding:10px 20px;
    border-radius:30px;
    background:rgba(255,255,255,.15);
    color:#FFD86B;
    font-weight:600;
    margin-bottom:20px;
}

.cta-content h2{
    font-size:54px;
    line-height:1.2;
    margin-bottom:20px;
}

.cta-content p{
    font-size:18px;
    line-height:1.9;
    color:#f3f3f3;
    max-width:650px;
    margin-bottom:35px;
}

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

.cta-contact{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:35px;
}

.call-icon{
    width:70px;
    height:70px;
    background:#fff;
    color:#7B1E3A;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.cta-contact small{
    display:block;
    color:#FFD86B;
    font-size:14px;
}

.cta-contact h3{
    font-size:34px;
    color:#fff;
}

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

.cta-buttons{
    display:flex;
    gap:18px;
    flex-wrap:wrap;
}

.cta-buttons a{
    padding:16px 34px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.call-btn{
    background:#fff;
    color:#7B1E3A;
}

.whatsapp-btn{
    background:#25D366;
    color:#fff;
}

.call-btn:hover{
    background:#FFD86B;
}

.whatsapp-btn:hover{
    background:#1EBE5D;
}

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

.cta-image{
    flex:1;
    text-align:center;
}

.cta-image img{
    width:100%;
    max-width:430px;
    animation:float 4s ease-in-out infinite;
}

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

@keyframes float{

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

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

}

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

@media(max-width:992px){

.cta-wrapper{
    flex-direction:column;
    text-align:center;
}

.cta-content p{
    margin:auto auto 30px;
}

.cta-contact{
    justify-content:center;
}

.cta-buttons{
    justify-content:center;
}

.cta-content h2{
    font-size:42px;
}

.cta-image img{
    max-width:340px;
}

}

@media(max-width:768px){

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

.cta-content h2{
    font-size:32px;
}

.cta-content p{
    font-size:16px;
}

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

.cta-contact h3{
    font-size:26px;
}

.cta-buttons{
    flex-direction:column;
}

.cta-buttons a{
    width:100%;
    text-align:center;
}

.cta-image img{
    max-width:280px;
}

}


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

.footer{
    background:#0073ff;
    color:#fff;
    position:relative;
    overflow:hidden;
}

/*=========================
      TOP BANNER
=========================*/

.footer-banner{
    width:100%;
    height:220px;
    overflow:hidden;
}

.footer-banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/*=========================
      MAIN GRID
=========================*/

.footer .container{
    padding:70px 20px 30px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr 1.3fr 1.5fr;
    gap:35px;
}

.footer-box h3{
    color:#FFD86B;
    margin-bottom:22px;
    font-size:22px;
}

.footer-box h4{
    margin:20px 0 10px;
    color:#FFD86B;
}

.footer-box p{
    color:#d5d5d5;
    line-height:1.8;
    font-size:15px;
}

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

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

.footer-box ul{
    list-style:none;
}

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

.footer-box ul li a{
    color:#d8d8d8;
    transition:.3s;
}

.footer-box ul li a:hover{
    color:#E91E63;
    padding-left:8px;
}

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

.contact-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    line-height:1.7;
}

.contact-list i{
    color:#FFD86B;
    margin-top:4px;
}

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

.newsletter{
    margin-top:18px;
}

.newsletter input{
    width:100%;
    padding:14px;
    border:none;
    border-radius:8px;
    margin-bottom:12px;
    outline:none;
}

.newsletter button{
    width:100%;
    padding:14px;
    border:none;
    border-radius:8px;
    cursor:pointer;
    background:#E91E63;
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.newsletter button:hover{
    background:#7B1E3A;
}

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

.footer-bottom{
    margin-top:50px;
    padding:25px 0;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

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

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

.footer-social a{
    width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.35s;
}

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

.footer-social img{
    width:22px;
    height:22px;
}

/*=========================
      PAYMENT
=========================*/

.payment-icons{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.payment-icons img{
    width:58px;
    background:#fff;
    padding:5px;
    border-radius:6px;
}

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

.copyright{
    padding:22px 0;
    text-align:center;
}

.copyright p{
    color:#cfcfcf;
    font-size:15px;
}

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

@media(max-width:1200px){

.footer-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.footer-banner{
    height:140px;
}

.footer .container{
    padding:50px 20px 25px;
}

.footer-grid{
    grid-template-columns:1fr;
    gap:35px;
}

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

.footer-logo{
    margin:auto auto 20px;
}

.contact-list li{
    justify-content:center;
    text-align:left;
}

.footer-bottom{
    flex-direction:column;
    text-align:center;
}

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

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

.newsletter input,
.newsletter button{
    width:100%;
}

}

@media(max-width:480px){

.footer-banner{
    height:110px;
}

.footer-box h3{
    font-size:20px;
}

.footer-box p,
.footer-box li,
.copyright p{
    font-size:14px;
}

.footer-social a{
    width:42px;
    height:42px;
}

.payment-icons img{
    width:50px;
}

}



<!----------------------------------about page css ------------------------------------>

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

.about-banner{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
}

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

.about-banner-img{
    position:absolute;
    inset:0;
    z-index:-2;
}

.about-banner-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

/*==========================
      PREMIUM OVERLAY
==========================*/

.about-banner-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(to right,
    rgba(0,0,0,.80) 0%,
    rgba(0,0,0,.45) 45%,
    rgba(0,0,0,.15) 100%),
    linear-gradient(to top,
    rgba(0,0,0,.75) 0%,
    rgba(0,0,0,.20) 45%,
    rgba(0,0,0,.05) 100%);
    z-index:-1;
}

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

.about-banner-content{
    max-width:720px;
    padding-bottom:90px;
    color:#fff;
}

.about-tag{
    display:inline-block;
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(8px);
    color:#FFD86B;
    padding:10px 22px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:25px;
}

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

.about-banner-content h1{
    font-size:72px;
    line-height:1.05;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:25px;
    color:#fff;
    text-shadow:0 8px 25px rgba(0,0,0,.35);
}

.about-banner-content h1::after{

    content:"";

    display:block;

    width:140px;

    height:5px;

    background:#ECB65F;

    margin-top:18px;

    border-radius:20px;

}

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

.about-banner-content p{
    max-width:650px;
    font-size:21px;
    line-height:1.8;
    color:#f3f3f3;
    margin-bottom:35px;
}

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

.about-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:18px 40px;
    background:#ECB65F;
    color:#222;
    border-radius:50px;
    font-size:18px;
    font-weight:700;
    transition:.35s;
    box-shadow:0 12px 30px rgba(236,182,95,.35);
}

.about-btn:hover{

    background:#fff;

    transform:translateY(-5px);

}

/*==========================
      SCROLL ICON
==========================*/

.scroll-down{

    position:absolute;

    right:40px;

    bottom:35px;

    width:55px;

    height:55px;

    border-radius:50%;

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

    backdrop-filter:blur(10px);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    animation:updown 2s infinite;

}

@keyframes updown{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

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

@media(max-width:991px){

.about-banner{

    height:85vh;

}

.about-banner-content{

    max-width:100%;

    padding-bottom:70px;

}

.about-banner-content h1{

    font-size:52px;

}

.about-banner-content p{

    font-size:18px;

}

}

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

@media(max-width:768px){

.about-banner{

    height:75vh;
    align-items:center;

}

.about-banner-img img{

    object-position:center;

}

.about-banner-content{

    text-align:center;

    padding:0;

}

.about-banner-content h1{

    font-size:36px;

}

.about-banner-content h1::after{

    margin:18px auto 0;

    width:90px;

}

.about-banner-content p{

    font-size:16px;

    line-height:1.7;

}

.about-btn{

    width:100%;

    justify-content:center;

    padding:16px;

}

.scroll-down{

    display:none;

}

}

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

@media(max-width:480px){

.about-banner{

    height:70vh;

}

.about-tag{

    font-size:11px;

    padding:8px 16px;

}

.about-banner-content h1{

    font-size:28px;

}

.about-banner-content p{

    font-size:15px;

}

}


/*=========================================
        ABOUT COMPANY
=========================================*/

.about-company{
    padding:100px 0;
    background:#fff;
    overflow:hidden;
}

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

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

.about-images{
    position:relative;
    min-height:600px;
}

.shape{
    position:absolute;
    width:220px;
    height:220px;
    background:linear-gradient(135deg,#ECB65F,#E91E63);
    left:-40px;
    bottom:-40px;
    border-radius:25px;
    transform:rotate(-18deg);
}

.img-one{
    width:70%;
    height:470px;
    object-fit:cover;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    position:relative;
    z-index:2;
}

.img-two{
    width:58%;
    height:360px;
    object-fit:cover;
    border-radius:20px;
    position:absolute;
    right:0;
    bottom:30px;
    box-shadow:0 20px 40px rgba(0,0,0,.18);
    border:8px solid #fff;
}

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

.experience{
    position:absolute;
    top:45%;
    left:48%;
    transform:translate(-50%,-50%);
    width:170px;
    height:170px;
    border-radius:50%;
    background:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    border:6px solid #ECB65F;
    z-index:10;
}

.experience h3{
    color:#E91E63;
    font-size:42px;
    margin-bottom:5px;
}

.experience span{
    font-size:14px;
    color:#555;
    text-align:center;
    font-weight:600;
}

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

.sub-title{
    color:#E91E63;
    font-size:15px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

.sub-title i{
    color:#ECB65F;
    margin-right:8px;
}

.about-content h2{
    font-size:48px;
    color:#222;
    margin:18px 0;
    line-height:1.2;
}

.about-content p{
    color:#666;
    font-size:17px;
    line-height:1.9;
    margin-bottom:18px;
}

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

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.feature{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:600;
    color:#333;
}

.feature i{
    color:#E91E63;
}

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

.about-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    margin-top:35px;
    padding-top:25px;
    border-top:1px solid #eee;
}

.owner{
    display:flex;
    align-items:center;
    gap:15px;
}

.owner img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #ECB65F;
}

.owner h4{
    color:#222;
    margin-bottom:4px;
}

.owner span{
    color:#777;
    font-size:14px;
}

.call-box small{
    color:#E91E63;
    display:block;
    margin-bottom:5px;
}

.call-box h3 a{
    color:#7B1E3A;
    font-size:32px;
    font-weight:700;
}

.call-box h3 a:hover{
    color:#E91E63;
}

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

.img-one,
.img-two{
    transition:.4s;
}

.about-images:hover .img-one{
    transform:translateY(-8px);
}

.about-images:hover .img-two{
    transform:translateY(8px);
}

.about-images:hover .experience{
    transform:translate(-50%,-50%) scale(1.08);
}

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

@media(max-width:992px){

.about-wrapper{
    grid-template-columns:1fr;
}

.about-images{
    min-height:520px;
    margin-bottom:30px;
}

.about-content{
    text-align:center;
}

.about-features{
    grid-template-columns:1fr 1fr;
}

.about-bottom{
    flex-direction:column;
}

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

}

@media(max-width:768px){

.about-company{
    padding:70px 0;
}

.about-images{
    min-height:auto;
}

.img-one,
.img-two{
    position:relative;
    width:100%;
    height:280px;
    right:auto;
    bottom:auto;
    margin-bottom:20px;
    border:0;
}

.shape{
    display:none;
}

.experience{
    width:120px;
    height:120px;
    top:20px;
    right:20px;
    left:auto;
    transform:none;
}

.experience h3{
    font-size:28px;
}

.experience span{
    font-size:11px;
}

.about-content h2{
    font-size:34px;
}

.about-content p{
    font-size:16px;
}

.about-features{
    grid-template-columns:1fr;
    text-align:left;
}

.owner{
    flex-direction:column;
    text-align:center;
}

.call-box h3 a{
    font-size:24px;
}

}


/*=========================================
        OUR BEST SERVICES
=========================================*/

.best-services{
    padding:100px 0;
    background:linear-gradient(180deg,#fff,#faf7f8);
    overflow:hidden;
}

.best-services .section-title{
    text-align:center;
    max-width:750px;
    margin:0 auto 60px;
}

.best-services .section-title span{
    display:inline-block;
    color:#E91E63;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.best-services .section-title h2{
    font-size:48px;
    color:#222;
    margin-bottom:15px;
}

.best-services .section-title p{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

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

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

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

.service-box{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    min-height:540px;
    box-shadow:0 20px 45px rgba(0,0,0,.10);
    transition:.4s;
    background:#fff;
}

.service-box:hover{
    transform:translateY(-10px);
}

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

.service-image{
    position:absolute;
    inset:0;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.service-box:hover .service-image img{
    transform:scale(1.08);
}

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

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(20,20,20,.75),
                               rgba(20,20,20,.75));
}

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

.service-content{
    position:relative;
    z-index:5;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:45px 35px;
    color:#fff;
}

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

.service-box.active .service-content{
    background:rgba(123,30,58,.72);
    backdrop-filter:blur(5px);
}

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

.service-icon{
    width:90px;
    height:90px;
    border-radius:50%;
    background:#ECB65F;
    color:#7B1E3A;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(236,182,95,.45);
}

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

.service-content h3{
    font-size:34px;
    margin-bottom:20px;
    font-weight:700;
}

.service-content p{
    font-size:17px;
    line-height:1.9;
    color:#f5f5f5;
    margin-bottom:35px;
}

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

.service-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 34px;
    background:#ECB65F;
    color:#222;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.service-btn::after{
    content:"➜";
    transition:.35s;
}

.service-btn:hover{
    background:#E91E63;
    color:#fff;
}

.service-btn:hover::after{
    transform:translateX(6px);
}

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

.service-box::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    top:-90px;
    right:-90px;
}

.service-box::after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(236,182,95,.10);
    left:-60px;
    bottom:-60px;
}

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

.service-box:hover .service-icon{
    transform:rotate(360deg);
    transition:.7s;
}

.service-box:hover .service-content{
    padding-top:35px;
}

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

@media(max-width:992px){

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

.best-services .section-title h2{
    font-size:38px;
}

.service-box{
    min-height:500px;
}

}

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

@media(max-width:768px){

.best-services{
    padding:70px 0;
}

.services-grid{
    grid-template-columns:1fr;
}

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

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

.service-box{
    min-height:460px;
}

.service-content{
    padding:30px 22px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:26px;
}

.service-content h3{
    font-size:25px;
}

.service-content p{
    font-size:15px;
    line-height:1.8;
}

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

}

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

@media(max-width:480px){

.best-services .section-title h2{
    font-size:26px;
}

.service-box{
    min-height:420px;
}

.service-content h3{
    font-size:22px;
}

.service-content p{
    font-size:14px;
}

.service-icon{
    width:60px;
    height:60px;
    font-size:22px;
}

}


<!---------------------------------fleet page css ---------------------------->

/*==============================
        OUR FLEET
==============================*/

.fleet-section{
    padding:90px 0;
    background:#f7f7f7;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

.section-heading{
    text-align:center;
    margin-bottom:60px;
}

.section-heading span{
    color:#ff6b00;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.section-heading h2{
    font-size:42px;
    margin:12px 0;
    color:#222;
}

.section-heading p{
    color:#777;
    font-size:17px;
}

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

.fleet-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

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

.fleet-card img{
    width:100%;
    height:240px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

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

.fleet-content{
    padding:25px;
    text-align:center;
}

.fleet-content h3{
    font-size:24px;
    color:#222;
    margin-bottom:10px;
}

.fleet-content p{
    color:#777;
    margin-bottom:22px;
}

.fleet-content a{
    display:inline-block;
    padding:12px 28px;
    background:#ff6b00;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    transition:.3s;
}

.fleet-content a:hover{
    background:#222;
}

/* Tablet */

@media(max-width:991px){

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

}

/* Mobile */

@media(max-width:767px){

.fleet-grid{
grid-template-columns:1fr;
}

.section-heading h2{
font-size:32px;
}

.fleet-card img{
height:220px;
}

}



/*=========================================
        SEO CONTENT SECTION
=========================================*/

.seo-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
    background:
    linear-gradient(rgba(58,12,27,.92),rgba(58,12,27,.92)),
    url("images/seo-bg.jpg") center/cover no-repeat;
}

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

.seo-overlay{
    position:absolute;
    inset:0;
    background:
    radial-gradient(circle at center,
    rgba(236,182,95,.10),
    transparent 60%);
}

.seo-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    border-radius:50%;
    background:rgba(236,182,95,.06);
    left:-180px;
    top:-180px;
}

.seo-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(233,30,99,.06);
    right:-150px;
    bottom:-150px;
}

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

.seo-heading{
    position:relative;
    z-index:2;
    max-width:900px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.seo-heading span{
    display:inline-block;
    padding:10px 24px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(236,182,95,.35);
    color:#ECB65F;
    border-radius:40px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.seo-heading h2{
    font-size:50px;
    color:#fff;
    line-height:1.25;
    margin-bottom:20px;
    font-weight:700;
}

.seo-heading p{
    color:#ddd;
    font-size:18px;
    line-height:1.9;
}

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

.seo-content{
    position:relative;
    z-index:2;
    max-width:1200px;
    margin:auto;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.10);
    border-radius:30px;
    padding:60px;
    box-shadow:0 20px 50px rgba(0,0,0,.20);
}

/*=============================
        HEADINGS
=============================*/

.seo-content h3{
    font-size:30px;
    color:#ECB65F;
    margin:40px 0 18px;
    font-weight:700;
    position:relative;
}

.seo-content h3:first-child{
    margin-top:0;
}

.seo-content h3::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    margin-top:10px;
    border-radius:20px;
    background:#E91E63;
}

/*=============================
        PARAGRAPHS
=============================*/

.seo-content p{
    color:#F4F4F4;
    font-size:17px;
    line-height:2;
    margin-bottom:20px;
    text-align:justify;
}

.seo-content strong{
    color:#ECB65F;
}

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

.seo-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    list-style:none;
    margin:35px 0;
    padding:0;
}

.seo-list li{
    color:#fff;
    font-size:16px;
    padding:15px 18px;
    background:rgba(255,255,255,.06);
    border-left:4px solid #ECB65F;
    border-radius:10px;
    transition:.35s;
}

.seo-list li:hover{
    background:#E91E63;
    transform:translateX(8px);
}

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

.seo-btn{
    text-align:center;
    margin-top:45px;
}

.seo-btn a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 42px;
    background:linear-gradient(135deg,#ECB65F,#D79B2E);
    color:#3A0C1B;
    font-size:18px;
    font-weight:700;
    border-radius:50px;
    transition:.35s;
    box-shadow:0 15px 35px rgba(236,182,95,.35);
}

.seo-btn a:hover{
    transform:translateY(-6px);
    background:#fff;
}

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

@media(max-width:991px){

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

.seo-heading h2{
    font-size:38px;
}

.seo-content{
    padding:40px;
}

.seo-list{
    grid-template-columns:1fr;
}

}

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

@media(max-width:768px){

.seo-section{
    padding:60px 15px;
}

.seo-heading{
    margin-bottom:35px;
}

.seo-heading span{
    font-size:13px;
}

.seo-heading h2{
    font-size:30px;
}

.seo-heading p{
    font-size:15px;
}

.seo-content{
    padding:25px;
    border-radius:20px;
}

.seo-content h3{
    font-size:22px;
}

.seo-content p{
    font-size:15px;
    text-align:left;
}

.seo-list li{
    font-size:14px;
    padding:12px 15px;
}

.seo-btn a{
    width:100%;
    padding:16px;
    font-size:16px;
}

}

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

@media(max-width:480px){

.seo-heading h2{
    font-size:25px;
}

.seo-content{
    padding:20px;
}

.seo-content h3{
    font-size:20px;
}

.seo-content p{
    font-size:14px;
    line-height:1.9;
}

}



<!----------------------------------------------cab rental service page css ---------------------------------------->

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

.why-us{
    padding:90px 0;
    background:#fafafa;
}

.section-title{
    max-width:750px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    display:inline-block;
    padding:8px 22px;
    background:#FCE4EC;
    color:#E91E63;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

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

.section-title p{
    color:#666;
    line-height:1.8;
}

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

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

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

.why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    text-align:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

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

.why-img{
    height:220px;
    overflow:hidden;
    background:#f7f7f7;
}

.why-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}

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

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

.why-card h3{
    font-size:24px;
    color:#222;
    margin:25px 20px 15px;
}

.why-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    padding:0 25px 30px;
}

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

.why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 25px;
    border-radius:20px;
}

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

@media(max-width:991px){

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

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

}

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

@media(max-width:768px){

.why-us{
    padding:70px 0;
}

.why-grid{
    grid-template-columns:1fr;
}

.section-title{
    margin-bottom:40px;
}

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

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

.why-img{
    height:200px;
}

.why-card h3{
    font-size:21px;
}

.why-card p{
    padding:0 20px 25px;
}

}

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

@media(max-width:480px){

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

.why-img{
    height:180px;
}

.why-card h3{
    font-size:20px;
}

.why-card p{
    font-size:14px;
}

}


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

.cab-services{
    padding:90px 0;
    background:#fff;
}

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

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

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

.service-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #eee;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

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

.service-image{
    height:240px;
    overflow:hidden;
    position:relative;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.service-content{
    padding:28px;
}

.service-content h3{
    font-size:25px;
    color:#222;
    margin-bottom:15px;
}

.service-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:25px;
}

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

.service-content a{
    display:inline-block;
    padding:14px 28px;
    background:#7B1E3A;
    color:#fff;
    border-radius:40px;
    font-weight:600;
    transition:.35s;
}

.service-content a:hover{
    background:#E91E63;
}

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

.service-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 0 25px 28px;
    border-radius:30px;
}

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

@media(max-width:991px){

.service-grid{

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

}

.service-image{

height:220px;

}

}

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

@media(max-width:768px){

.cab-services{

padding:70px 0;

}

.service-grid{

grid-template-columns:1fr;

gap:25px;

}

.service-image{

height:220px;

}

.service-content{

padding:22px;

}

.service-content h3{

font-size:22px;

}

.service-content p{

font-size:15px;

}

.service-content a{

display:block;

text-align:center;

}

}

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

@media(max-width:480px){

.service-image{

height:190px;

}

.service-content h3{

font-size:20px;

}

.service-content p{

font-size:14px;

}

}


/*==================================
      POPULAR ROUTES
==================================*/

.popular-routes{
    padding:90px 0;
    background:#fafafa;
}

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

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

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

.route-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.route-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

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

.route-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;
}

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

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

.route-content{
    padding:25px;
}

.route-content h3{
    font-size:24px;
    color:#222;
    margin-bottom:12px;
}

.route-content p{
    color:#666;
    margin-bottom:22px;
    line-height:1.7;
}

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

.route-content a{
    display:inline-block;
    padding:14px 30px;
    background:#7B1E3A;
    color:#fff;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.route-content a:hover{
    background:#E91E63;
}

/* Gold Line */

.route-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 0 22px 25px;
    border-radius:20px;
}

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

@media(max-width:991px){

.route-grid{

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

}

.route-card img{

height:220px;

}

}

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

@media(max-width:768px){

.popular-routes{

padding:70px 0;

}

.route-grid{

grid-template-columns:1fr;

gap:25px;

}

.route-card img{

height:210px;

}

.route-content{

padding:22px;

}

.route-content h3{

font-size:21px;

}

.route-content p{

font-size:15px;

}

.route-content a{

display:block;

text-align:center;

}

}

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

@media(max-width:480px){

.route-card img{

height:190px;

}

.route-content h3{

font-size:19px;

}

.route-content p{

font-size:14px;

}

}



<!-------------------------------------------------round trip cabs page css -------------------------------------------------------->

/*==================================
      ROUND TRIP BENEFITS
==================================*/

.trip-benefits{
    padding:90px 0;
    background:#fafafa;
}

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

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

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

.benefit-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #eee;
}

.benefit-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(0,0,0,.15);
}

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

.benefit-card img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.45s;
}

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

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

.benefit-content{
    padding:25px;
    text-align:center;
}

.benefit-content h3{
    font-size:24px;
    color:#222;
    margin-bottom:15px;
}

.benefit-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/* Gold Line */

.benefit-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 25px;
    border-radius:30px;
}

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

@media(max-width:991px){

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

.benefit-card img{
    height:220px;
}

.benefit-content h3{
    font-size:22px;
}

}

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

@media(max-width:768px){

.trip-benefits{
    padding:70px 0;
}

.benefit-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.benefit-card img{
    height:220px;
}

.benefit-content{
    padding:22px;
}

.benefit-content h3{
    font-size:21px;
}

.benefit-content p{
    font-size:15px;
}

}

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

@media(max-width:480px){

.benefit-card img{
    height:190px;
}

.benefit-content h3{
    font-size:19px;
}

.benefit-content p{
    font-size:14px;
}

}


/*==================================
      ROUND TRIP ROUTES
==================================*/

.round-routes{
    padding:90px 0;
    background:#fff;
}

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

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

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

.route-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #eee;
    position:relative;
}

.route-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

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

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

.route-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;
}

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

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

.distance{
    position:absolute;
    top:18px;
    left:18px;
    background:#E91E63;
    color:#fff;
    padding:10px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
}

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

.route-content{
    padding:28px;
}

.route-content h3{
    font-size:24px;
    color:#222;
    margin-bottom:12px;
}

.route-content p{
    color:#666;
    line-height:1.7;
    margin-bottom:25px;
}

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

.route-btns{
    display:flex;
    gap:12px;
}

.route-btns a{
    flex:1;
    text-align:center;
    padding:14px;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.details{
    background:#F5F5F5;
    color:#333;
}

.book{
    background:#7B1E3A;
    color:#fff;
}

.details:hover{
    background:#ECB65F;
    color:#222;
}

.book:hover{
    background:#E91E63;
}

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

.route-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 0 22px 28px;
    border-radius:30px;
}

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

@media(max-width:991px){

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

.route-image img{
    height:220px;
}

.route-content h3{
    font-size:22px;
}

}

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

@media(max-width:768px){

.round-routes{
    padding:70px 0;
}

.route-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.route-image img{
    height:210px;
}

.route-content{
    padding:22px;
}

.route-content h3{
    font-size:21px;
}

.route-content p{
    font-size:15px;
}

.route-btns{
    flex-direction:column;
}

.route-btns a{
    width:100%;
}

}

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

@media(max-width:480px){

.route-image img{
    height:190px;
}

.distance{
    font-size:11px;
    padding:8px 14px;
}

.route-content h3{
    font-size:19px;
}

.route-content p{
    font-size:14px;
}

}


/*==================================
      ROUND TRIP FLEET
==================================*/

.trip-fleet{
    padding:90px 0;
    background:#fafafa;
}

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

.trip-fleet-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.trip-fleet-card{
    overflow:hidden;
    border-radius:20px;
}

.trip-car-image{
    position:relative;
    width:100%;
    height:260px;
    overflow:hidden;
    padding:0;
    margin:0;
    background:none;
    border-radius:20px 20px 0 0;
}

.trip-car-image::before{
    display:none;
}

.trip-car-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    transition:.5s ease;
}

.trip-fleet-card:hover .trip-car-image img{
    transform:scale(1.08);
}
/*==========================*/

.trip-car-image{
    position:relative;
    background:#FFF7EE;
    height:230px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
}

.trip-car-image::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    background:#F9E8CF;
    border-radius:50%;
    right:-80px;
    top:-80px;
}

.trip-car-image img{
    width:220px;
    max-width:90%;
    position:relative;
    z-index:2;
    transition:.4s;
    object-fit:contain;
}

.trip-fleet-card:hover .trip-car-image img{
    transform:scale(1.08);
}

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

.trip-car-image span{
    position:absolute;
    left:15px;
    top:15px;
    background:#E91E63;
    color:#fff;
    padding:8px 16px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
    z-index:3;
}

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

.trip-car-content{
    padding:25px;
    text-align:center;
}

.trip-car-content h3{
    font-size:22px;
    color:#222;
    margin-bottom:12px;
}

.trip-car-content p{
    color:#666;
    margin-bottom:22px;
    line-height:1.7;
}

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

.trip-buttons{
    display:flex;
    gap:12px;
}

.trip-buttons a{
    flex:1;
    padding:13px;
    border-radius:40px;
    text-align:center;
    font-weight:600;
    transition:.35s;
}

.trip-buttons .details{
    background:#F4F4F4;
    color:#333;
}

.trip-buttons .book{
    background:#7B1E3A;
    color:#fff;
}

.trip-buttons .details:hover{
    background:#ECB65F;
    color:#222;
}

.trip-buttons .book:hover{
    background:#E91E63;
}

/* Gold Bottom Line */

.trip-fleet-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 20px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.trip-fleet-grid{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:992px){

.trip-fleet-grid{
    grid-template-columns:repeat(2,1fr);
}

.trip-car-image{
    height:210px;
}

.trip-car-image img{
    width:200px;
}

}

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

@media(max-width:768px){

.trip-fleet{
    padding:70px 0;
}

.trip-fleet-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.trip-car-image{
    height:190px;
}

.trip-car-image img{
    width:180px;
}

.trip-car-content{
    padding:22px;
}

.trip-car-content h3{
    font-size:20px;
}

.trip-car-content p{
    font-size:14px;
}

.trip-buttons{
    flex-direction:column;
}

.trip-buttons a{
    width:100%;
}

}

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

@media(max-width:480px){

.trip-car-image{
    height:170px;
}

.trip-car-image img{
    width:160px;
}

.trip-car-image span{
    font-size:11px;
    padding:7px 12px;
}

.trip-car-content h3{
    font-size:18px;
}

}


<!----------------------------------car rental for wedding page css ---------------------------------------------->

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

.wedding-why{
    padding:90px 0;
    background:#fafafa;
}

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

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

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

.wedding-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #eee;
}

.wedding-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

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

.wedding-img{
    overflow:hidden;
    height:240px;
    position:relative;
}

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

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

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

.wedding-info{
    padding:28px;
    text-align:center;
}

.wedding-info h3{
    font-size:24px;
    color:#222;
    margin-bottom:15px;
}

.wedding-info p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

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

.wedding-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

.wedding-card:hover h3{
    color:#E91E63;
}

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

@media(max-width:992px){

.wedding-grid{

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

}

.wedding-img{

height:220px;

}

.wedding-info h3{

font-size:22px;

}

}

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

@media(max-width:768px){

.wedding-why{

padding:70px 0;

}

.wedding-grid{

grid-template-columns:1fr;

gap:25px;

}

.wedding-img{

height:210px;

}

.wedding-info{

padding:22px;

}

.wedding-info h3{

font-size:21px;

}

.wedding-info p{

font-size:15px;

}

}

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

@media(max-width:480px){

.wedding-img{

height:190px;

}

.wedding-info h3{

font-size:19px;

}

.wedding-info p{

font-size:14px;

}

}



/*==================================
      WEDDING PACKAGES
==================================*/

.wedding-packages{
    padding:90px 0;
    background:#fafafa;
}

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

.package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

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

.package-card{
    position:relative;
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    border:1px solid #eee;
    transition:.35s;
}

.package-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

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

.package-top{
    padding:40px 25px;
    text-align:center;
    background:linear-gradient(135deg,#7B1E3A,#A12C56);
    color:#fff;
}

.package-tag{
    display:inline-block;
    padding:8px 18px;
    background:#ECB65F;
    color:#222;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    margin-bottom:18px;
}

.package-top h3{
    font-size:28px;
    margin-bottom:12px;
}

.package-top h1{
    font-size:52px;
    color:#ECB65F;
    margin-bottom:8px;
}

.package-top small{
    color:#ddd;
    font-size:15px;
}

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

.package-card ul{
    padding:30px;
    list-style:none;
}

.package-card ul li{
    padding:14px 0;
    color:#555;
    border-bottom:1px solid #eee;
    font-size:15px;
}

.package-card ul li:last-child{
    border:none;
}

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

.package-card a{
    display:block;
    margin:0 30px 30px;
    text-align:center;
    padding:16px;
    background:#7B1E3A;
    color:#fff;
    border-radius:50px;
    font-weight:700;
    transition:.35s;
}

.package-card a:hover{
    background:#E91E63;
}

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

.featured{
    transform:scale(1.05);
    border:2px solid #ECB65F;
}

.featured:hover{
    transform:scale(1.05) translateY(-10px);
}

.popular{
    position:absolute;
    top:18px;
    right:-45px;
    width:170px;
    text-align:center;
    background:#ECB65F;
    color:#222;
    padding:10px;
    font-size:13px;
    font-weight:700;
    transform:rotate(45deg);
}

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

.package-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 25px;
    border-radius:30px;
}

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

@media(max-width:992px){

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

.featured{
    transform:none;
}

.featured:hover{
    transform:translateY(-10px);
}

}

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

@media(max-width:768px){

.wedding-packages{
    padding:70px 0;
}

.package-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.package-top{
    padding:35px 20px;
}

.package-top h3{
    font-size:24px;
}

.package-top h1{
    font-size:42px;
}

.package-card ul{
    padding:25px;
}

.package-card a{
    margin:0 25px 25px;
}

}

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

@media(max-width:480px){

.package-top h3{
    font-size:22px;
}

.package-top h1{
    font-size:36px;
}

.package-card ul li{
    font-size:14px;
}

.popular{
    width:150px;
    right:-40px;
    font-size:12px;
}

}


/*==================================
      BRIDAL ENTRY CARS
==================================*/

.bridal-cars{
    padding:90px 0;
    background:#fafafa;
}

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

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

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

.bridal-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    border:1px solid #eee;
}

.bridal-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.bridal-image{
    position:relative;
    overflow:hidden;
    height:240px;
    background:#FFF7EE;
}

.bridal-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.bridal-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#E91E63;
    color:#fff;
    padding:8px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:600;
}

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

.bridal-content{
    padding:28px;
    text-align:center;
}

.bridal-content h3{
    font-size:23px;
    color:#222;
    margin-bottom:12px;
}

.bridal-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
    margin-bottom:25px;
}

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

.bridal-buttons{
    display:flex;
    gap:12px;
}

.bridal-buttons a{
    flex:1;
    text-align:center;
    padding:14px;
    border-radius:40px;
    font-weight:600;
    transition:.35s;
}

.bridal-buttons .details{
    background:#F3F3F3;
    color:#222;
}

.bridal-buttons .book{
    background:#7B1E3A;
    color:#fff;
}

.bridal-buttons .details:hover{
    background:#ECB65F;
    color:#222;
}

.bridal-buttons .book:hover{
    background:#E91E63;
}

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

.bridal-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==================================
      LARGE SCREEN
==================================*/

@media(max-width:1200px){

.bridal-grid{

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

}

}

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

@media(max-width:992px){

.bridal-grid{

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

}

.bridal-image{

height:220px;

}

.bridal-content h3{

font-size:21px;

}

}

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

@media(max-width:768px){

.bridal-cars{

padding:70px 0;

}

.bridal-grid{

grid-template-columns:1fr;

gap:25px;

}

.bridal-image{

height:220px;

}

.bridal-content{

padding:22px;

}

.bridal-content h3{

font-size:20px;

}

.bridal-content p{

font-size:14px;

}

.bridal-buttons{

flex-direction:column;

}

.bridal-buttons a{

width:100%;

}

}

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

@media(max-width:480px){

.bridal-image{

height:190px;

}

.bridal-image span{

font-size:11px;
padding:7px 14px;

}

.bridal-content h3{

font-size:18px;

}

.bridal-content p{

font-size:13px;

}

}



<!----------------------car rental for corporate page css ------------------------------------->


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

.corporate-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

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

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

.corporate-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.corporate-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

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

.corporate-img{
    height:240px;
    overflow:hidden;
    position:relative;
}

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

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

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

.corporate-info{
    padding:28px;
    text-align:center;
}

.corporate-info h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.corporate-card:hover h3{
    color:#ECB65F;
}

.corporate-info p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD LINE
==============================*/

.corporate-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:992px){

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

.corporate-img{
height:220px;
}

.corporate-info h3{
font-size:21px;
}

}

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

@media(max-width:768px){

.corporate-why{
padding:70px 0;
}

.corporate-grid{
grid-template-columns:1fr;
gap:25px;
}

.corporate-img{
height:210px;
}

.corporate-info{
padding:22px;
}

.corporate-info h3{
font-size:20px;
}

.corporate-info p{
font-size:14px;
}

}

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

@media(max-width:480px){

.corporate-img{
height:190px;
}

.corporate-info h3{
font-size:18px;
}

.corporate-info p{
font-size:13px;
}

}


/*==================================
    CORPORATE PACKAGES
==================================*/

.corporate-packages{
    padding:90px 0;
    background:#f8f9fb;
}

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

.package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

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

.package-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.package-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.package-header{
    padding:40px 25px;
    text-align:center;
    background:linear-gradient(135deg,#111827,#374151);
    color:#fff;
}

.package-badge{
    display:inline-block;
    padding:8px 18px;
    background:#ECB65F;
    color:#111;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    margin-bottom:18px;
}

.package-header h3{
    font-size:28px;
    margin-bottom:12px;
}

.package-header h1{
    font-size:52px;
    color:#ECB65F;
    margin-bottom:8px;
}

.package-header small{
    color:#d1d5db;
    font-size:15px;
}

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

.package-card ul{
    list-style:none;
    padding:30px;
}

.package-card ul li{
    padding:14px 0;
    color:#555;
    border-bottom:1px solid #eee;
    font-size:15px;
}

.package-card ul li:last-child{
    border:none;
}

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

.package-card a{
    display:block;
    margin:0 30px 30px;
    text-align:center;
    padding:15px;
    background:#111827;
    color:#fff;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.package-card a:hover{
    background:#ECB65F;
    color:#111;
}

/*============================
      FEATURED PACKAGE
============================*/

.featured{
    transform:scale(1.05);
    border:2px solid #ECB65F;
}

.featured:hover{
    transform:scale(1.05) translateY(-10px);
}

.popular{
    position:absolute;
    top:20px;
    right:-48px;
    width:170px;
    text-align:center;
    padding:10px;
    background:#ECB65F;
    color:#111;
    font-size:13px;
    font-weight:700;
    transform:rotate(45deg);
}

/*============================
      GOLD LINE
============================*/

.package-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:992px){

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

.featured{
    transform:none;
}

.featured:hover{
    transform:translateY(-10px);
}

.package-header h3{
    font-size:24px;
}

.package-header h1{
    font-size:42px;
}

}

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

@media(max-width:768px){

.corporate-packages{
    padding:70px 0;
}

.package-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.package-header{
    padding:35px 20px;
}

.package-header h3{
    font-size:22px;
}

.package-header h1{
    font-size:38px;
}

.package-card ul{
    padding:25px;
}

.package-card ul li{
    font-size:14px;
}

.package-card a{
    margin:0 25px 25px;
}

}

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

@media(max-width:480px){

.package-header h3{
    font-size:20px;
}

.package-header h1{
    font-size:34px;
}

.package-header small{
    font-size:13px;
}

.popular{
    width:150px;
    right:-40px;
    font-size:11px;
}

.package-card ul li{
    font-size:13px;
}

}


/*==================================
      INDUSTRIES WE SERVE
==================================*/

.industries{
    padding:90px 0;
    background:#f8f9fb;
}

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

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

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

.industry-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.industry-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 55px rgba(0,0,0,.15);
}

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

.industry-image{
    height:240px;
    overflow:hidden;
    position:relative;
}

.industry-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.industry-content{
    padding:28px;
    text-align:center;
}

.industry-content h3{
    font-size:24px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.industry-card:hover h3{
    color:#ECB65F;
}

.industry-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
    margin-bottom:25px;
}

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

.industry-content a{
    display:inline-block;
    padding:13px 28px;
    background:#111827;
    color:#fff;
    border-radius:40px;
    font-weight:600;
    transition:.3s;
}

.industry-content a:hover{
    background:#ECB65F;
    color:#111;
}

/*==============================
      GOLD LINE
==============================*/

.industry-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==============================
      LARGE SCREEN
==============================*/

@media(max-width:1200px){

.industry-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

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

.industry-image{
    height:220px;
}

.industry-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.industries{
    padding:70px 0;
}

.industry-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.industry-image{
    height:210px;
}

.industry-content{
    padding:22px;
}

.industry-content h3{
    font-size:20px;
}

.industry-content p{
    font-size:14px;
}

.industry-content a{
    display:block;
    width:100%;
}

}

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

@media(max-width:480px){

.industry-image{
    height:190px;
}

.industry-content h3{
    font-size:18px;
}

.industry-content p{
    font-size:13px;
}

.industry-content a{
    padding:12px 20px;
    font-size:14px;
}

}


/*==================================
    BUSINESS TRAVEL SOLUTIONS
==================================*/

.business-solutions{
    padding:90px 0;
    background:#fff;
}

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

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

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

.solution-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.solution-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.solution-image{
    position:relative;
    overflow:hidden;
    height:240px;
}

.solution-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.solution-content{
    padding:28px;
    text-align:center;
}

.solution-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.solution-card:hover h3{
    color:#ECB65F;
}

.solution-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:25px;
}

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

.solution-content a{
    display:inline-block;
    padding:13px 30px;
    background:#111827;
    color:#fff;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.solution-content a:hover{
    background:#ECB65F;
    color:#111827;
}

/*==============================
      GOLD LINE
==============================*/

.solution-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==============================
      LARGE SCREEN
==============================*/

@media(max-width:1200px){

.solution-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

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

.solution-image{
    height:220px;
}

.solution-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.business-solutions{
    padding:70px 0;
}

.solution-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.solution-image{
    height:210px;
}

.solution-content{
    padding:22px;
}

.solution-content h3{
    font-size:20px;
}

.solution-content p{
    font-size:14px;
}

.solution-content a{
    display:block;
    width:100%;
}

}

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

@media(max-width:480px){

.solution-image{
    height:190px;
}

.solution-content h3{
    font-size:18px;
}

.solution-content p{
    font-size:13px;
}

.solution-content a{
    padding:12px 20px;
    font-size:14px;
}

}



<!-----------------------------------airport transfer page css ------------------------------------------->

/*==================================
    WHY CHOOSE AIRPORT TRANSFER
==================================*/

.airport-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

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

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

.airport-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.airport-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.airport-card-img{
    position:relative;
    overflow:hidden;
    height:240px;
}

.airport-card-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.airport-card-content{
    padding:28px;
    text-align:center;
}

.airport-card-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.airport-card:hover h3{
    color:#ECB65F;
}

.airport-card-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD LINE
==============================*/

.airport-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:992px){

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

.airport-card-img{
    height:220px;
}

.airport-card-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.airport-why{
    padding:70px 0;
}

.airport-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.airport-card-img{
    height:210px;
}

.airport-card-content{
    padding:22px;
}

.airport-card-content h3{
    font-size:20px;
}

.airport-card-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.airport-card-img{
    height:190px;
}

.airport-card-content h3{
    font-size:18px;
}

.airport-card-content p{
    font-size:13px;
}

}


/*==================================
     AIRPORT TRANSFER SERVICES
==================================*/

.airport-services{
    padding:90px 0;
    background:#f8f9fb;
}

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

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

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

.service-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    display:flex;
    flex-direction:column;
}

.service-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.service-image{
    position:relative;
    overflow:hidden;
    height:240px;
}

.service-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.service-content{
    padding:28px;
    flex:1;
    display:flex;
    flex-direction:column;
}

.service-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.service-card:hover h3{
    color:#ECB65F;
}

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

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

.service-content ul{
    list-style:none;
    margin-bottom:25px;
}

.service-content ul li{
    padding:10px 0;
    border-bottom:1px solid #eee;
    color:#555;
    font-size:14px;
}

.service-content ul li:last-child{
    border-bottom:none;
}

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

.service-content a{
    margin-top:auto;
    display:block;
    text-align:center;
    padding:14px;
    background:#111827;
    color:#fff;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.service-content a:hover{
    background:#ECB65F;
    color:#111827;
}

/*==============================
      GOLD LINE
==============================*/

.service-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==============================
      LARGE SCREEN
==============================*/

@media(max-width:1200px){

.service-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

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

.service-image{
    height:220px;
}

.service-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.airport-services{
    padding:70px 0;
}

.service-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.service-image{
    height:210px;
}

.service-content{
    padding:22px;
}

.service-content h3{
    font-size:20px;
}

.service-content p{
    font-size:14px;
}

.service-content ul li{
    font-size:13px;
}

.service-content a{
    width:100%;
}

}

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

@media(max-width:480px){

.service-image{
    height:190px;
}

.service-content h3{
    font-size:18px;
}

.service-content p{
    font-size:13px;
}

.service-content ul li{
    font-size:12px;
    padding:8px 0;
}

.service-content a{
    padding:12px;
    font-size:14px;
}

}


/*==================================
      POPULAR AIRPORT ROUTES
==================================*/

.airport-routes{
    padding:90px 0;
    background:#fff;
}

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

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

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

.route-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.route-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.route-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.route-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

/*==============================
      DISTANCE BADGE
==============================*/

.route-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:9px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
}

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

.route-content{
    padding:28px;
    text-align:center;
}

.route-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.route-card:hover h3{
    color:#ECB65F;
}

.route-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
    margin-bottom:20px;
}

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

.route-details{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-bottom:22px;
    color:#555;
    font-size:14px;
    font-weight:500;
}

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

.route-buttons{
    display:flex;
    gap:12px;
}

.route-buttons a{
    flex:1;
    text-align:center;
    padding:13px;
    border-radius:40px;
    font-weight:600;
    transition:.35s;
}

.route-buttons .details{
    background:#f3f4f6;
    color:#111827;
}

.route-buttons .book{
    background:#111827;
    color:#fff;
}

.route-buttons .details:hover{
    background:#ECB65F;
    color:#111827;
}

.route-buttons .book:hover{
    background:#ECB65F;
    color:#111827;
}

/*==============================
      GOLD LINE
==============================*/

.route-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.route-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

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

.route-image{
    height:220px;
}

.route-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.airport-routes{
    padding:70px 0;
}

.route-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.route-image{
    height:210px;
}

.route-content{
    padding:22px;
}

.route-content h3{
    font-size:20px;
}

.route-content p{
    font-size:14px;
}

.route-details{
    flex-direction:column;
    gap:8px;
    font-size:13px;
}

.route-buttons{
    flex-direction:column;
}

.route-buttons a{
    width:100%;
}

}

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

@media(max-width:480px){

.route-image{
    height:190px;
}

.route-image span{
    font-size:11px;
    padding:7px 14px;
}

.route-content h3{
    font-size:18px;
}

.route-content p{
    font-size:13px;
}

.route-details{
    font-size:12px;
}

.route-buttons a{
    padding:12px;
    font-size:14px;
}

}



<!-----------------------------------------jaipur to delhi page css ------------------------------------>

/*==================================
      WHY CHOOSE JAIPUR TO DELHI
==================================*/

.jd-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jd-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.jd-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.jd-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.jd-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.jd-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.jd-why-content{
    padding:28px;
    text-align:center;
}

.jd-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.jd-why-card:hover h3{
    color:#ECB65F;
}

.jd-why-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==============================
        GOLD LINE
==============================*/

.jd-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==============================
      LARGE SCREEN
==============================*/

@media(max-width:1200px){

.jd-why-grid{
grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.jd-why-grid{
grid-template-columns:repeat(2,1fr);
}

.jd-why-image{
height:220px;
}

.jd-why-content h3{
font-size:21px;
}

}

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

@media(max-width:768px){

.jd-why{
padding:70px 0;
}

.jd-why-grid{
grid-template-columns:1fr;
gap:25px;
}

.jd-why-image{
height:210px;
}

.jd-why-content{
padding:22px;
}

.jd-why-content h3{
font-size:20px;
}

.jd-why-content p{
font-size:14px;
}

}

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

@media(max-width:480px){

.jd-why-image{
height:190px;
}

.jd-why-content h3{
font-size:18px;
}

.jd-why-content p{
font-size:13px;
}

}


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

.jd-route-info{
    padding:90px 0;
    background:#f8f9fb;
}

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

.route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.route-image{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.route-image img{
    width:100%;
    display:block;
    height:100%;
    min-height:600px;
    object-fit:cover;
    transition:.5s;
}

.route-image:hover img{
    transform:scale(1.06);
}

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

.route-content{
    background:#fff;
    padding:35px;
    border-radius:24px;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
    border:1px solid #eee;
}

/*==============================
        ITEMS
==============================*/

.route-item{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #ececec;
}

.route-item:last-of-type{
    border-bottom:none;
}

.route-item .icon{
    width:60px;
    height:60px;
    min-width:60px;
    border-radius:50%;
    background:#ECB65F;
    color:#111827;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
}

.route-item h3{
    font-size:20px;
    color:#111827;
    margin-bottom:6px;
}

.route-item p{
    color:#666;
    font-size:15px;
    line-height:1.7;
}

/*==============================
      HIGHLIGHTS
==============================*/

.route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.route-highlights div{
    background:#FFF8EF;
    border:1px solid #F6DEAC;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.3s;
}

.route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
}

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

.route-btns{
    display:flex;
    gap:15px;
}

.route-btns a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.route-btns .quote{
    background:#111827;
    color:#fff;
}

.route-btns .whatsapp{
    background:#25D366;
    color:#fff;
}

.route-btns a:hover{
    transform:translateY(-4px);
}

.route-btns .quote:hover{
    background:#ECB65F;
    color:#111827;
}

.route-btns .whatsapp:hover{
    background:#1fb858;
}

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

@media(max-width:992px){

.route-wrapper{
    grid-template-columns:1fr;
}

.route-image img{
    min-height:420px;
}

.route-content{
    padding:30px;
}

.route-item h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.jd-route-info{
    padding:70px 0;
}

.route-image img{
    min-height:280px;
}

.route-content{
    padding:22px;
}

.route-item{
    gap:15px;
}

.route-item .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.route-item h3{
    font-size:18px;
}

.route-item p{
    font-size:14px;
}

.route-highlights{
    grid-template-columns:1fr;
}

.route-btns{
    flex-direction:column;
}

.route-btns a{
    width:100%;
}

}

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

@media(max-width:480px){

.route-image img{
    min-height:220px;
}

.route-item .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.route-item h3{
    font-size:16px;
}

.route-item p{
    font-size:13px;
}

.route-highlights div{
    font-size:13px;
    padding:12px;
}

.route-btns a{
    padding:13px;
    font-size:14px;
}

}




<!--------------------------------------delhi to jaipur page css -------------------------------------->

/*==================================
    WHY CHOOSE DELHI TO JAIPUR
==================================*/

.dj-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.dj-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.dj-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.dj-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.dj-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.dj-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.dj-why-content{
    padding:28px;
    text-align:center;
}

.dj-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.dj-why-card:hover h3{
    color:#ECB65F;
}

.dj-why-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==============================
      GOLD LINE
==============================*/

.dj-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

/*==============================
      LARGE SCREEN
==============================*/

@media(max-width:1200px){

.dj-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.dj-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.dj-why-image{
    height:220px;
}

.dj-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.dj-why{
    padding:70px 0;
}

.dj-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.dj-why-image{
    height:210px;
}

.dj-why-content{
    padding:22px;
}

.dj-why-content h3{
    font-size:20px;
}

.dj-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.dj-why-image{
    height:190px;
}

.dj-why-content h3{
    font-size:18px;
}

.dj-why-content p{
    font-size:13px;
}

}


/*==============================
      PRICE BADGE
==============================*/

.dj-price{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:9px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    z-index:5;
}

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

.dj-fleet-content{
    padding:25px;
    text-align:center;
}

.dj-fleet-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:8px;
}

.dj-fleet-content small{
    display:block;
    color:#777;
    font-size:14px;
    margin-bottom:20px;
}

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

.dj-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:15px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    margin-bottom:22px;
    color:#666;
    font-size:14px;
    font-weight:500;
}

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

.dj-buttons2{
    display:flex;
    gap:12px;
}

.dj-buttons2 a{
    flex:1;
    text-align:center;
    padding:13px;
    border-radius:40px;
    font-weight:600;
    transition:.35s;
}

.dj-buttons2 .details{
    background:#f3f4f6;
    color:#111827;
}

.dj-buttons2 .book{
    background:#111827;
    color:#fff;
}

.dj-buttons2 .details:hover{
    background:#ECB65F;
    color:#111827;
}

.dj-buttons2 .book:hover{
    background:#ECB65F;
    color:#111827;
}

/*==============================
      GOLD LINE
==============================*/

.dj-fleet-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.dj-fleet-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.dj-fleet-grid{
    grid-template-columns:repeat(2,1fr);
}

.dj-fleet-image{
    height:220px;
}

.dj-fleet-image img{
    width:190px;
}

.dj-fleet-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.dj-fleet{
    padding:70px 0;
}

.dj-fleet-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.dj-fleet-image{
    height:200px;
}

.dj-fleet-image img{
    width:170px;
}

.dj-fleet-content{
    padding:22px;
}

.dj-fleet-content h3{
    font-size:20px;
}

.dj-fleet-content small{
    font-size:13px;
}

.dj-info{
    flex-direction:column;
    gap:8px;
    font-size:14px;
}

.dj-buttons2{
    flex-direction:column;
}

.dj-buttons2 a{
    width:100%;
}

}

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

@media(max-width:480px){

.dj-fleet-image{
    height:180px;
}

.dj-fleet-image img{
    width:150px;
}

.dj-price{
    font-size:11px;
    padding:7px 14px;
}

.dj-fleet-content h3{
    font-size:18px;
}

.dj-fleet-content small{
    font-size:12px;
}

.dj-info{
    font-size:13px;
}

.dj-buttons2 a{
    padding:12px;
    font-size:14px;
}

}



<!-------------------------------jaipur to agra page css ---------------------------------->

/*==================================
    WHY CHOOSE JAIPUR TO AGRA
==================================*/

.ja-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.ja-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.ja-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.ja-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.ja-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.ja-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.ja-why-content{
    padding:28px;
    text-align:center;
}

.ja-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.ja-why-card:hover h3{
    color:#ECB65F;
}

.ja-why-content p{
    color:#666;
    line-height:1.8;
    font-size:15px;
}

/*==============================
      GOLD LINE
==============================*/

.ja-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.ja-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.ja-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.ja-why-image{
    height:220px;
}

.ja-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.ja-why{
    padding:70px 0;
}

.ja-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.ja-why-image{
    height:210px;
}

.ja-why-content{
    padding:22px;
}

.ja-why-content h3{
    font-size:20px;
}

.ja-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.ja-why-image{
    height:190px;
}

.ja-why-content h3{
    font-size:18px;
}

.ja-why-content p{
    font-size:13px;
}

}



/*==================================
    JAIPUR TO AGRA ROUTE INFO
==================================*/

.ja-route{
    padding:90px 0;
    background:#f8f9fb;
}

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

.ja-route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.ja-route-image{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.ja-route-image img{
    width:100%;
    height:100%;
    min-height:600px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.ja-route-image:hover img{
    transform:scale(1.06);
}

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

.ja-route-content{
    background:#fff;
    padding:35px;
    border-radius:25px;
    border:1px solid #eee;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

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

.ja-route-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;
}

.ja-route-card:last-of-type{
    border-bottom:none;
}

.ja-route-card .icon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECB65F;
    color:#111827;
    border-radius:50%;
    font-size:26px;
}

.ja-route-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:6px;
}

.ja-route-card p{
    color:#666;
    font-size:15px;
    line-height:1.7;
}

/*=============================
        HIGHLIGHTS
=============================*/

.ja-route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.ja-route-highlights div{
    background:#FFF8EF;
    border:1px solid #F7DDA4;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.35s;
}

.ja-route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
}

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

.ja-route-btn{
    display:flex;
    gap:15px;
}

.ja-route-btn a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.ja-route-btn .quote{
    background:#111827;
    color:#fff;
}

.ja-route-btn .whatsapp{
    background:#25D366;
    color:#fff;
}

.ja-route-btn .quote:hover{
    background:#ECB65F;
    color:#111827;
}

.ja-route-btn .whatsapp:hover{
    background:#1EBE5D;
}

.ja-route-btn a:hover{
    transform:translateY(-4px);
}

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

@media(max-width:992px){

.ja-route-wrapper{
    grid-template-columns:1fr;
}

.ja-route-image img{
    min-height:420px;
}

.ja-route-content{
    padding:30px;
}

.ja-route-card h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.ja-route{
    padding:70px 0;
}

.ja-route-image img{
    min-height:280px;
}

.ja-route-content{
    padding:22px;
}

.ja-route-card{
    gap:15px;
}

.ja-route-card .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.ja-route-card h3{
    font-size:18px;
}

.ja-route-card p{
    font-size:14px;
}

.ja-route-highlights{
    grid-template-columns:1fr;
}

.ja-route-btn{
    flex-direction:column;
}

.ja-route-btn a{
    width:100%;
}

}

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

@media(max-width:480px){

.ja-route-image img{
    min-height:220px;
}

.ja-route-card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.ja-route-card h3{
    font-size:16px;
}

.ja-route-card p{
    font-size:13px;
}

.ja-route-highlights div{
    font-size:13px;
    padding:12px;
}

.ja-route-btn a{
    padding:13px;
    font-size:14px;
}

}




<!-------------------------------------------jaipur to jodhpur page css ---------------------------------------->

/*==================================
    WHY CHOOSE JAIPUR TO JODHPUR
==================================*/

.jj-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jj-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.jj-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.jj-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.jj-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.jj-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.jj-why-content{
    padding:28px;
    text-align:center;
}

.jj-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.jj-why-card:hover h3{
    color:#ECB65F;
}

.jj-why-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
        GOLD LINE
==============================*/

.jj-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.jj-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.jj-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.jj-why-image{
    height:220px;
}

.jj-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.jj-why{
    padding:70px 0;
}

.jj-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.jj-why-image{
    height:210px;
}

.jj-why-content{
    padding:22px;
}

.jj-why-content h3{
    font-size:20px;
}

.jj-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.jj-why-image{
    height:190px;
}

.jj-why-content h3{
    font-size:18px;
}

.jj-why-content p{
    font-size:13px;
}

}

/*==================================
    JAIPUR TO JODHPUR ROUTE INFO
==================================*/

.jj-route{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jj-route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.jj-route-image{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.jj-route-image img{
    width:100%;
    height:100%;
    min-height:600px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.jj-route-image:hover img{
    transform:scale(1.06);
}

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

.jj-route-content{
    background:#fff;
    padding:35px;
    border-radius:25px;
    border:1px solid #eee;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

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

.jj-route-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;
}

.jj-route-card:last-of-type{
    border-bottom:none;
}

.jj-route-card .icon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECB65F;
    color:#111827;
    border-radius:50%;
    font-size:26px;
}

.jj-route-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:6px;
}

.jj-route-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*=============================
      HIGHLIGHTS
=============================*/

.jj-route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.jj-route-highlights div{
    background:#FFF8EF;
    border:1px solid #F7DDA4;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.35s;
}

.jj-route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

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

.jj-route-btn{
    display:flex;
    gap:15px;
}

.jj-route-btn a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.jj-route-btn .quote{
    background:#111827;
    color:#fff;
}

.jj-route-btn .whatsapp{
    background:#25D366;
    color:#fff;
}

.jj-route-btn .quote:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

.jj-route-btn .whatsapp:hover{
    background:#1EBE5D;
    transform:translateY(-4px);
}

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

@media(max-width:992px){

.jj-route-wrapper{
    grid-template-columns:1fr;
}

.jj-route-image img{
    min-height:420px;
}

.jj-route-content{
    padding:30px;
}

.jj-route-card h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.jj-route{
    padding:70px 0;
}

.jj-route-image img{
    min-height:280px;
}

.jj-route-content{
    padding:22px;
}

.jj-route-card{
    gap:15px;
}

.jj-route-card .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.jj-route-card h3{
    font-size:18px;
}

.jj-route-card p{
    font-size:14px;
}

.jj-route-highlights{
    grid-template-columns:1fr;
}

.jj-route-btn{
    flex-direction:column;
}

.jj-route-btn a{
    width:100%;
}

}

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

@media(max-width:480px){

.jj-route-image img{
    min-height:220px;
}

.jj-route-card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.jj-route-card h3{
    font-size:16px;
}

.jj-route-card p{
    font-size:13px;
}

.jj-route-highlights div{
    padding:12px;
    font-size:13px;
}

.jj-route-btn a{
    padding:13px;
    font-size:14px;
}

}




<!-------------------------------------------jaipur to udaipur page css ------------------------------------>

/*==================================
    WHY CHOOSE JAIPUR TO UDAIPUR
==================================*/

.ju-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.ju-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.ju-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.ju-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.ju-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.ju-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.ju-why-content{
    padding:28px;
    text-align:center;
}

.ju-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.ju-why-card:hover h3{
    color:#ECB65F;
}

.ju-why-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD LINE
==============================*/

.ju-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.ju-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.ju-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.ju-why-image{
    height:220px;
}

.ju-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.ju-why{
    padding:70px 0;
}

.ju-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.ju-why-image{
    height:210px;
}

.ju-why-content{
    padding:22px;
}

.ju-why-content h3{
    font-size:20px;
}

.ju-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.ju-why-image{
    height:190px;
}

.ju-why-content h3{
    font-size:18px;
}

.ju-why-content p{
    font-size:13px;
}

}



/*==================================
    JAIPUR TO UDAIPUR ROUTE INFO
==================================*/

.ju-route{
    padding:90px 0;
    background:#f8f9fb;
}

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

.ju-route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.ju-route-image{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.ju-route-image img{
    width:100%;
    height:100%;
    min-height:600px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.ju-route-image:hover img{
    transform:scale(1.06);
}

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

.ju-route-content{
    background:#fff;
    padding:35px;
    border-radius:25px;
    border:1px solid #eee;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

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

.ju-route-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;
}

.ju-route-card:last-of-type{
    border-bottom:none;
}

.ju-route-card .icon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECB65F;
    color:#111827;
    border-radius:50%;
    font-size:26px;
}

.ju-route-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:6px;
}

.ju-route-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*=============================
      HIGHLIGHTS
=============================*/

.ju-route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.ju-route-highlights div{
    background:#FFF8EF;
    border:1px solid #F7DDA4;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.35s;
}

.ju-route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

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

.ju-route-btn{
    display:flex;
    gap:15px;
}

.ju-route-btn a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.ju-route-btn .quote{
    background:#111827;
    color:#fff;
}

.ju-route-btn .whatsapp{
    background:#25D366;
    color:#fff;
}

.ju-route-btn .quote:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

.ju-route-btn .whatsapp:hover{
    background:#1EBE5D;
    transform:translateY(-4px);
}

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

@media(max-width:992px){

.ju-route-wrapper{
    grid-template-columns:1fr;
}

.ju-route-image img{
    min-height:420px;
}

.ju-route-content{
    padding:30px;
}

.ju-route-card h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.ju-route{
    padding:70px 0;
}

.ju-route-image img{
    min-height:280px;
}

.ju-route-content{
    padding:22px;
}

.ju-route-card{
    gap:15px;
}

.ju-route-card .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.ju-route-card h3{
    font-size:18px;
}

.ju-route-card p{
    font-size:14px;
}

.ju-route-highlights{
    grid-template-columns:1fr;
}

.ju-route-btn{
    flex-direction:column;
}

.ju-route-btn a{
    width:100%;
}

}

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

@media(max-width:480px){

.ju-route-image img{
    min-height:220px;
}

.ju-route-card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.ju-route-card h3{
    font-size:16px;
}

.ju-route-card p{
    font-size:13px;
}

.ju-route-highlights div{
    padding:12px;
    font-size:13px;
}

.ju-route-btn a{
    padding:13px;
    font-size:14px;
}

}



<!---------------------------------------jaipur to ajmer page css ----------------------------------------->

/*==================================
    WHY CHOOSE JAIPUR TO AJMER
==================================*/

.jm-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jm-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.jm-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.jm-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.jm-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.jm-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.jm-why-content{
    padding:28px;
    text-align:center;
}

.jm-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.jm-why-card:hover h3{
    color:#ECB65F;
}

.jm-why-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD DIVIDER
==============================*/

.jm-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.jm-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.jm-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.jm-why-image{
    height:220px;
}

.jm-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.jm-why{
    padding:70px 0;
}

.jm-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.jm-why-image{
    height:210px;
}

.jm-why-content{
    padding:22px;
}

.jm-why-content h3{
    font-size:20px;
}

.jm-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.jm-why-image{
    height:190px;
}

.jm-why-content h3{
    font-size:18px;
}

.jm-why-content p{
    font-size:13px;
}

}



/*==================================
    JAIPUR TO AJMER ROUTE INFO
==================================*/

.jm-route{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jm-route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.jm-route-image{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.jm-route-image img{
    width:100%;
    height:100%;
    min-height:600px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.jm-route-image:hover img{
    transform:scale(1.06);
}

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

.jm-route-content{
    background:#fff;
    padding:35px;
    border-radius:25px;
    border:1px solid #eee;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

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

.jm-route-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;
}

.jm-route-card:last-of-type{
    border-bottom:none;
}

.jm-route-card .icon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECB65F;
    color:#111827;
    border-radius:50%;
    font-size:26px;
}

.jm-route-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:6px;
}

.jm-route-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*=============================
        HIGHLIGHTS
=============================*/

.jm-route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.jm-route-highlights div{
    background:#FFF8EF;
    border:1px solid #F7DDA4;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.35s;
}

.jm-route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

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

.jm-route-btn{
    display:flex;
    gap:15px;
}

.jm-route-btn a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.jm-route-btn .quote{
    background:#111827;
    color:#fff;
}

.jm-route-btn .whatsapp{
    background:#25D366;
    color:#fff;
}

.jm-route-btn .quote:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

.jm-route-btn .whatsapp:hover{
    background:#1EBE5D;
    transform:translateY(-4px);
}

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

@media(max-width:992px){

.jm-route-wrapper{
    grid-template-columns:1fr;
}

.jm-route-image img{
    min-height:420px;
}

.jm-route-content{
    padding:30px;
}

.jm-route-card h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.jm-route{
    padding:70px 0;
}

.jm-route-image img{
    min-height:280px;
}

.jm-route-content{
    padding:22px;
}

.jm-route-card{
    gap:15px;
}

.jm-route-card .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.jm-route-card h3{
    font-size:18px;
}

.jm-route-card p{
    font-size:14px;
}

.jm-route-highlights{
    grid-template-columns:1fr;
}

.jm-route-btn{
    flex-direction:column;
}

.jm-route-btn a{
    width:100%;
}

}

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

@media(max-width:480px){

.jm-route-image img{
    min-height:220px;
}

.jm-route-card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.jm-route-card h3{
    font-size:16px;
}

.jm-route-card p{
    font-size:13px;
}

.jm-route-highlights div{
    padding:12px;
    font-size:13px;
}

.jm-route-btn a{
    padding:13px;
    font-size:14px;
}

}



<!------------------------------jaipur to bikaner page css ---------------------------------->

/*==================================
    WHY CHOOSE JAIPUR TO BIKANER
==================================*/

.jb-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jb-why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.jb-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.jb-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.jb-why-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.jb-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.jb-why-content{
    padding:28px;
    text-align:center;
}

.jb-why-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.jb-why-card:hover h3{
    color:#ECB65F;
}

.jb-why-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD DIVIDER
==============================*/

.jb-why-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.jb-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.jb-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.jb-why-image{
    height:220px;
}

.jb-why-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.jb-why{
    padding:70px 0;
}

.jb-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.jb-why-image{
    height:210px;
}

.jb-why-content{
    padding:22px;
}

.jb-why-content h3{
    font-size:20px;
}

.jb-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.jb-why-image{
    height:190px;
}

.jb-why-content h3{
    font-size:18px;
}

.jb-why-content p{
    font-size:13px;
}

}


/*==================================
    JAIPUR TO BIKANER ROUTE INFO
==================================*/

.jb-route{
    padding:90px 0;
    background:#f8f9fb;
}

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

.jb-route-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
}

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

.jb-route-image{
    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.jb-route-image img{
    width:100%;
    height:100%;
    min-height:600px;
    display:block;
    object-fit:cover;
    transition:.5s;
}

.jb-route-image:hover img{
    transform:scale(1.06);
}

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

.jb-route-content{
    background:#fff;
    padding:35px;
    border-radius:25px;
    border:1px solid #eee;
    box-shadow:0 15px 45px rgba(0,0,0,.08);
}

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

.jb-route-card{
    display:flex;
    align-items:center;
    gap:20px;
    padding:18px 0;
    border-bottom:1px solid #eee;
}

.jb-route-card:last-of-type{
    border-bottom:none;
}

.jb-route-card .icon{
    width:60px;
    height:60px;
    min-width:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ECB65F;
    color:#111827;
    border-radius:50%;
    font-size:26px;
}

.jb-route-card h3{
    color:#111827;
    font-size:20px;
    margin-bottom:6px;
}

.jb-route-card p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*=============================
        HIGHLIGHTS
=============================*/

.jb-route-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin:35px 0;
}

.jb-route-highlights div{
    background:#FFF8EF;
    border:1px solid #F7DDA4;
    border-radius:14px;
    padding:15px;
    font-weight:600;
    color:#222;
    transition:.35s;
}

.jb-route-highlights div:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

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

.jb-route-btn{
    display:flex;
    gap:15px;
}

.jb-route-btn a{
    flex:1;
    text-align:center;
    padding:15px;
    border-radius:50px;
    font-weight:600;
    transition:.35s;
}

.jb-route-btn .quote{
    background:#111827;
    color:#fff;
}

.jb-route-btn .whatsapp{
    background:#25D366;
    color:#fff;
}

.jb-route-btn .quote:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

.jb-route-btn .whatsapp:hover{
    background:#1EBE5D;
    transform:translateY(-4px);
}

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

@media(max-width:992px){

.jb-route-wrapper{
    grid-template-columns:1fr;
}

.jb-route-image img{
    min-height:420px;
}

.jb-route-content{
    padding:30px;
}

.jb-route-card h3{
    font-size:19px;
}

}

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

@media(max-width:768px){

.jb-route{
    padding:70px 0;
}

.jb-route-image img{
    min-height:280px;
}

.jb-route-content{
    padding:22px;
}

.jb-route-card{
    gap:15px;
}

.jb-route-card .icon{
    width:50px;
    height:50px;
    min-width:50px;
    font-size:22px;
}

.jb-route-card h3{
    font-size:18px;
}

.jb-route-card p{
    font-size:14px;
}

.jb-route-highlights{
    grid-template-columns:1fr;
}

.jb-route-btn{
    flex-direction:column;
}

.jb-route-btn a{
    width:100%;
}

}

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

@media(max-width:480px){

.jb-route-image img{
    min-height:220px;
}

.jb-route-card .icon{
    width:45px;
    height:45px;
    min-width:45px;
    font-size:20px;
}

.jb-route-card h3{
    font-size:16px;
}

.jb-route-card p{
    font-size:13px;
}

.jb-route-highlights div{
    padding:12px;
    font-size:13px;
}

.jb-route-btn a{
    padding:13px;
    font-size:14px;
}

}



<!---------------------------------------popular tours page css ---------------------------------------->

/*==================================
        TOUR CATEGORIES
==================================*/

.pt-category{
    padding:90px 0;
    background:#f8f9fb;
}

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

.pt-category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

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

.pt-category-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.pt-category-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.pt-category-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.pt-category-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(17,24,39,.35),
    transparent);
}

.pt-category-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.pt-category-content{
    padding:25px;
    text-align:center;
}

.pt-category-content h3{
    font-size:22px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.pt-category-card:hover .pt-category-content h3{
    color:#ECB65F;
}

.pt-category-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:20px;
}

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

.pt-category-content a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 24px;
    background:#111827;
    color:#fff;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    transition:.35s;
}

.pt-category-content a:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-3px);
}

/*==============================
      GOLD LINE
==============================*/

.pt-category-card::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    background:#ECB65F;
    border-radius:30px;
}

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

@media(max-width:1200px){

.pt-category-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.pt-category{
    padding:80px 0;
}

.pt-category-grid{
    grid-template-columns:repeat(2,1fr);
}

.pt-category-image{
    height:210px;
}

.pt-category-content h3{
    font-size:20px;
}

}

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

@media(max-width:768px){

.pt-category{
    padding:70px 0;
}

.pt-category-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.pt-category-image{
    height:220px;
}

.pt-category-content{
    padding:22px;
}

.pt-category-content h3{
    font-size:20px;
}

.pt-category-content p{
    font-size:14px;
}

.pt-category-content a{
    width:100%;
}

}

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

@media(max-width:480px){

.pt-category-image{
    height:190px;
}

.pt-category-content h3{
    font-size:18px;
}

.pt-category-content p{
    font-size:13px;
}

.pt-category-content a{
    padding:12px 18px;
    font-size:13px;
}

}


/*==================================
      POPULAR TOUR PACKAGES
==================================*/

.pt-packages{
    padding:90px 0;
    background:#f8f9fb;
}

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

.pt-package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.pt-package-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
}

.pt-package-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.pt-package-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.pt-package-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.45s;
}

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

/*==============================
      DURATION BADGE
==============================*/

.pt-package-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:9px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
}

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

.pt-package-content{
    padding:25px;
}

.pt-package-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.pt-package-card:hover h3{
    color:#ECB65F;
}

.pt-package-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:22px;
}

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

.pt-package-info{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:15px 0;
    margin-bottom:22px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.pt-package-info span{
    color:#555;
    font-size:14px;
    font-weight:600;
}

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

.pt-package-buttons{
    display:flex;
    gap:12px;
}

.pt-package-buttons a{
    flex:1;
    text-align:center;
    padding:13px;
    border-radius:40px;
    font-weight:600;
    transition:.35s;
}

.pt-package-buttons a:first-child{
    background:#f3f4f6;
    color:#111827;
}

.pt-package-buttons a:last-child{
    background:#111827;
    color:#fff;
}

.pt-package-buttons a:first-child:hover{
    background:#ECB65F;
    color:#111827;
}

.pt-package-buttons a:last-child:hover{
    background:#ECB65F;
    color:#111827;
}

/*==============================
      GOLD DIVIDER
==============================*/

.pt-package-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.pt-package-grid{
    grid-template-columns:repeat(2,1fr);
}

}

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

@media(max-width:992px){

.pt-packages{
    padding:80px 0;
}

.pt-package-image{
    height:220px;
}

.pt-package-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.pt-packages{
    padding:70px 0;
}

.pt-package-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.pt-package-image{
    height:220px;
}

.pt-package-content{
    padding:22px;
}

.pt-package-content h3{
    font-size:20px;
}

.pt-package-content p{
    font-size:14px;
}

.pt-package-info{
    flex-direction:column;
    gap:8px;
    align-items:flex-start;
}

.pt-package-buttons{
    flex-direction:column;
}

.pt-package-buttons a{
    width:100%;
}

}

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

@media(max-width:480px){

.pt-package-image{
    height:190px;
}

.pt-package-image span{
    font-size:11px;
    padding:7px 14px;
}

.pt-package-content h3{
    font-size:18px;
}

.pt-package-content p{
    font-size:13px;
}

.pt-package-info span{
    font-size:13px;
}

.pt-package-buttons a{
    padding:12px;
    font-size:14px;
}

}


/*==================================
      FEATURED DESTINATIONS
==================================*/

.pt-destination{
    padding:90px 0;
    background:#f8f9fb;
}

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

.pt-destination-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

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

.pt-destination-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.pt-destination-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.pt-destination-image{
    position:relative;
    height:230px;
    overflow:hidden;
}

.pt-destination-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.45s;
}

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

.pt-destination-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(17,24,39,.45),
    transparent);
}

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

.pt-destination-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:8px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    z-index:2;
}

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

.pt-destination-content{
    padding:25px;
    text-align:center;
}

.pt-destination-content h3{
    font-size:22px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.pt-destination-card:hover h3{
    color:#ECB65F;
}

.pt-destination-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:22px;
}

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

.pt-destination-content a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 26px;
    background:#111827;
    color:#fff;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    transition:.35s;
}

.pt-destination-content a:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-3px);
}

/*==============================
      GOLD DIVIDER
==============================*/

.pt-destination-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.pt-destination-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.pt-destination{
    padding:80px 0;
}

.pt-destination-grid{
    grid-template-columns:repeat(2,1fr);
}

.pt-destination-image{
    height:210px;
}

.pt-destination-content h3{
    font-size:20px;
}

}

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

@media(max-width:768px){

.pt-destination{
    padding:70px 0;
}

.pt-destination-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.pt-destination-image{
    height:220px;
}

.pt-destination-content{
    padding:22px;
}

.pt-destination-content h3{
    font-size:20px;
}

.pt-destination-content p{
    font-size:14px;
}

.pt-destination-content a{
    width:100%;
}

}

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

@media(max-width:480px){

.pt-destination-image{
    height:190px;
}

.pt-destination-image span{
    font-size:11px;
    padding:7px 14px;
}

.pt-destination-content h3{
    font-size:18px;
}

.pt-destination-content p{
    font-size:13px;
}

.pt-destination-content a{
    padding:12px 18px;
    font-size:13px;
}

}




<!------------------------------------sightseeing tour page css ------------------------------------------->


/*==================================
    WHY CHOOSE SIGHTSEEING TOUR
==================================*/

.st-why{
    padding:90px 0;
    background:#f8f9fb;
}

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

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

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

.st-why-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.st-why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.st-why-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.st-why-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(17,24,39,.35),
    transparent);
}

.st-why-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

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

.st-why-content{
    padding:25px;
    text-align:center;
}

.st-why-content h3{
    font-size:22px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.st-why-card:hover .st-why-content h3{
    color:#ECB65F;
}

.st-why-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
}

/*==============================
      GOLD DIVIDER
==============================*/

.st-why-card::before{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:70px;
    height:4px;
    background:#ECB65F;
    border-radius:30px;
}

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

@media(max-width:1200px){

.st-why-grid{
    grid-template-columns:repeat(3,1fr);
}

}

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

@media(max-width:992px){

.st-why{
    padding:80px 0;
}

.st-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.st-why-image{
    height:210px;
}

.st-why-content h3{
    font-size:20px;
}

}

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

@media(max-width:768px){

.st-why{
    padding:70px 0;
}

.st-why-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.st-why-image{
    height:220px;
}

.st-why-content{
    padding:22px;
}

.st-why-content h3{
    font-size:20px;
}

.st-why-content p{
    font-size:14px;
}

}

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

@media(max-width:480px){

.st-why-image{
    height:190px;
}

.st-why-content h3{
    font-size:18px;
}

.st-why-content p{
    font-size:13px;
}

}


/*==================================
    JAIPUR TOUR PACKAGES
==================================*/

.st-packages{
    padding:90px 0;
    background:#f8f9fb;
}

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

.st-package-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    align-items:stretch;
}

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

.st-package-card{
    position:relative;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
}

.st-package-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 70px rgba(0,0,0,.15);
}

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

.st-package-card.featured{
    border:2px solid #ECB65F;
    transform:scale(1.03);
}

.st-package-card.featured:hover{
    transform:translateY(-12px) scale(1.03);
}

/*==============================
      POPULAR BADGE
==============================*/

.popular-badge{
    position:absolute;
    top:20px;
    right:-45px;
    width:180px;
    text-align:center;
    background:#ECB65F;
    color:#111827;
    padding:10px 0;
    font-size:12px;
    font-weight:700;
    transform:rotate(45deg);
    z-index:10;
    letter-spacing:1px;
}

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

.st-package-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.st-package-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

.st-package-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(17,24,39,.35),
    transparent);
}

/*==============================
      DURATION BADGE
==============================*/

.st-package-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:9px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    z-index:2;
}

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

.st-package-content{
    padding:28px;
}

.st-package-content h3{
    font-size:24px;
    color:#111827;
    margin-bottom:12px;
    transition:.3s;
}

.st-package-card:hover h3{
    color:#ECB65F;
}

.st-package-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:20px;
}

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

.st-package-content ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-bottom:25px;
}

.st-package-content ul li{
    padding:10px 0;
    border-bottom:1px solid #f1f1f1;
    color:#555;
    font-size:15px;
}

.st-package-content ul li:last-child{
    border-bottom:none;
}

/*==============================
        PRICE
==============================*/

.st-package-price{
    background:#FFF8EF;
    border:1px solid #F4D99B;
    border-radius:16px;
    padding:18px;
    text-align:center;
    margin-bottom:25px;
    color:#666;
    font-size:14px;
}

.st-package-price strong{
    display:block;
    margin-top:8px;
    color:#111827;
    font-size:30px;
    font-weight:800;
}

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

.st-package-btn a{
    display:block;
    width:100%;
    text-align:center;
    padding:15px;
    border-radius:50px;
    background:#111827;
    color:#fff;
    font-weight:600;
    transition:.35s;
}

.st-package-btn a:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
}

/*==============================
      GOLD DIVIDER
==============================*/

.st-package-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.st-package-grid{
    grid-template-columns:repeat(2,1fr);
}

}

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

@media(max-width:992px){

.st-packages{
    padding:80px 0;
}

.st-package-image{
    height:220px;
}

.st-package-content h3{
    font-size:22px;
}

}

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

@media(max-width:768px){

.st-packages{
    padding:70px 0;
}

.st-package-grid{
    grid-template-columns:1fr;
    gap:30px;
}

.st-package-card.featured{
    transform:none;
}

.st-package-card.featured:hover{
    transform:translateY(-10px);
}

.st-package-image{
    height:220px;
}

.st-package-content{
    padding:22px;
}

.st-package-content h3{
    font-size:20px;
}

.st-package-content p,
.st-package-content ul li{
    font-size:14px;
}

.st-package-price strong{
    font-size:26px;
}

}

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

@media(max-width:480px){

.st-package-image{
    height:190px;
}

.st-package-image span{
    font-size:11px;
    padding:7px 14px;
}

.st-package-content h3{
    font-size:18px;
}

.st-package-content p,
.st-package-content ul li{
    font-size:13px;
}

.st-package-price{
    padding:15px;
}

.st-package-price strong{
    font-size:24px;
}

.st-package-btn a{
    padding:13px;
    font-size:14px;
}

.popular-badge{
    width:150px;
    right:-38px;
    font-size:10px;
}

}


/*==================================
      TOP ATTRACTIONS
==================================*/

.st-attractions{
    padding:90px 0;
    background:#f8f9fb;
}

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

.st-attraction-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

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

.st-attraction-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #eee;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.35s;
    position:relative;
}

.st-attraction-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,.15);
}

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

.st-attraction-image{
    position:relative;
    height:240px;
    overflow:hidden;
}

.st-attraction-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

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

.st-attraction-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
    rgba(17,24,39,.45),
    transparent);
}

/*==============================
      CATEGORY BADGE
==============================*/

.st-attraction-image span{
    position:absolute;
    top:18px;
    left:18px;
    background:#ECB65F;
    color:#111827;
    padding:8px 18px;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    z-index:2;
}

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

.st-attraction-content{
    padding:25px;
}

.st-attraction-content h3{
    font-size:23px;
    color:#111827;
    margin-bottom:15px;
    transition:.3s;
}

.st-attraction-card:hover h3{
    color:#ECB65F;
}

.st-attraction-content p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    margin-bottom:20px;
}

/*==============================
        META INFO
==============================*/

.st-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    padding:15px 0;
    margin-bottom:20px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.st-meta span{
    color:#555;
    font-size:14px;
    font-weight:600;
}

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

.st-attraction-content a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 24px;
    background:#111827;
    color:#fff;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    transition:.35s;
}

.st-attraction-content a:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-3px);
}

/*==============================
      GOLD DIVIDER
==============================*/

.st-attraction-card::after{
    content:"";
    display:block;
    width:70px;
    height:4px;
    background:#ECB65F;
    margin:0 auto 22px;
    border-radius:30px;
}

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

@media(max-width:1200px){

.st-attraction-grid{
    grid-template-columns:repeat(2,1fr);
}

}

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

@media(max-width:992px){

.st-attractions{
    padding:80px 0;
}

.st-attraction-image{
    height:220px;
}

.st-attraction-content h3{
    font-size:21px;
}

}

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

@media(max-width:768px){

.st-attractions{
    padding:70px 0;
}

.st-attraction-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.st-attraction-image{
    height:220px;
}

.st-attraction-content{
    padding:22px;
}

.st-attraction-content h3{
    font-size:20px;
}

.st-attraction-content p{
    font-size:14px;
}

.st-meta{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.st-attraction-content a{
    width:100%;
}

}

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

@media(max-width:480px){

.st-attraction-image{
    height:190px;
}

.st-attraction-image span{
    font-size:11px;
    padding:7px 14px;
}

.st-attraction-content h3{
    font-size:18px;
}

.st-attraction-content p{
    font-size:13px;
}

.st-meta span{
    font-size:13px;
}

.st-attraction-content a{
    padding:12px;
    font-size:14px;
}

}




<!--------------------------------------contact us page css ----------------------------------------->


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

.contact-form-section{
    padding:90px 0;
    background:#f8f9fb;
    position:relative;
}

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

.contact-form-wrapper{
    display:grid;
    grid-template-columns:420px 1fr;
    gap:50px;
    align-items:start;
}

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

.contact-left{
    position:sticky;
    top:100px;
}

.section-subtitle{
    display:inline-block;
    padding:10px 24px;
    background:#ECB65F;
    color:#111827;
    border-radius:40px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}

.contact-left h2{
    font-size:42px;
    line-height:1.3;
    color:#111827;
    margin-bottom:20px;
}

.contact-left p{
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
    font-size:16px;
}

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

.contact-benefits{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.benefit{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 22px;
    background:#fff;
    border-radius:18px;
    border:1px solid #ececec;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.35s;
}

.benefit:hover{
    transform:translateX(8px);
    border-color:#ECB65F;
    box-shadow:0 18px 40px rgba(0,0,0,.08);
}

.benefit i{
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ECB65F;
    color:#111827;
    font-size:18px;
    flex-shrink:0;
}

.benefit span{
    font-size:15px;
    color:#444;
    font-weight:600;
}

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

.contact-form-card{
    background:#fff;
    border-radius:28px;
    padding:45px;
    border:1px solid #eee;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

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

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

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

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    font-size:15px;
    font-weight:700;
    color:#111827;
    margin-bottom:10px;
}

/*==================================
        INPUTS
==================================*/

.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fafafa;
    color:#333;
    font-size:15px;
    outline:none;
    transition:.35s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{
    border-color:#ECB65F;
    background:#fff;
    box-shadow:0 0 0 4px rgba(236,182,95,.18);
}

.form-group textarea{
    resize:vertical;
    min-height:170px;
}

/*==================================
        FULL WIDTH
==================================*/

.full-width{
    grid-column:1/-1;
    margin-top:25px;
}

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

.contact-form-card button{
    margin-top:30px;
    width:100%;
    height:60px;
    border:none;
    border-radius:60px;
    background:#111827;
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:.35s;
}

.contact-form-card button:hover{
    background:#ECB65F;
    color:#111827;
    transform:translateY(-4px);
    box-shadow:0 18px 40px rgba(236,182,95,.35);
}

.contact-form-card button i{
    font-size:18px;
}

/*==================================
      INPUT PLACEHOLDER
==================================*/

::placeholder{
    color:#999;
}

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

@media(max-width:1100px){

.contact-form-wrapper{
    grid-template-columns:1fr;
}

.contact-left{
    position:relative;
    top:0;
}

}

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

@media(max-width:992px){

.contact-form-section{
    padding:80px 0;
}

.contact-left h2{
    font-size:36px;
}

.contact-form-card{
    padding:35px;
}

}

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

@media(max-width:768px){

.contact-form-section{
    padding:70px 0;
}

.form-grid{
    grid-template-columns:1fr;
    gap:20px;
}

.full-width{
    margin-top:20px;
}

.contact-left h2{
    font-size:30px;
}

.contact-left p{
    font-size:15px;
}

.contact-form-card{
    padding:25px;
}

.contact-form-card button{
    height:55px;
    font-size:16px;
}

.benefit{
    padding:16px;
}

}

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

@media(max-width:480px){

.section-subtitle{
    font-size:11px;
    padding:8px 18px;
}

.contact-left h2{
    font-size:26px;
}

.contact-left p{
    font-size:14px;
}

.contact-form-card{
    padding:20px;
    border-radius:20px;
}

.form-group label{
    font-size:14px;
}

.form-group input,
.form-group select,
.form-group textarea{
    padding:14px;
    font-size:14px;
}

.benefit{
    gap:12px;
}

.benefit i{
    width:40px;
    height:40px;
    font-size:16px;
}

.benefit span{
    font-size:14px;
}

.contact-form-card button{
    font-size:15px;
}

}