* {
       margin: 0px;
       padding: 0px;
       box-sizing: border-box;
   }
   
   html,
   body {
       font-family: "Poppins", sans-serif;
   }
   
   body a {
       text-decoration: none;
       transition: 0.5s all;
       -webkit-transition: 0.5s all;
       -moz-transition: 0.5s all;
       -o-transition: 0.5s all;
       -ms-transition: 0.5s all;
   }
   
   a:hover {
       text-decoration: none;
   }
   
   h1,
   .h1,
   h2,
   .h2,
   h3,
   .h3 {
       margin-top: 20px;
       margin-bottom: 10px;
   }
   
   p {
       margin: 0 0 10px;
       font-size: initial;
   }
   
   ul {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   
   label {
       margin: 0;
   }
   
   .navbar-default .navbar-toggle:focus {
       background-color: #ddd0!important;
   }
   /*header*/
   /***************************************marquee-wrap*************************************/
   
   .marquee-wrap {
       padding: 0px 0px;
   }
   
   .marquee-wrap ul {
       list-style-type: none;
       margin: 0;
       padding-top: 8px;
       text-align: center;
   }
   
   .cont p a {
       color: #fff;
   }
   
   .marquee-wrap p {
       color: #ffffff;
       display: inline-block;
       font-size: 14px;
       font-weight: 600;
       margin: 0px;
   }
   
   .marquee-wrap p:hover {
       color: #f2f2f2;
   }
   
   .footer-social>li {
       display: inline-block;
       margin-right: 6px;
       margin-bottom: 6px;
       width: 35px;
       height: 35px;
       line-height: 35px;
       text-align: center;
       padding-top: 1px;
   }
   
   .footer-social>li a {
       color: #fff;
       font-size: 19px;
   }
   /* .facebook-bg {
       background-color: #3b5998;
   }
   
   .twitter-bg {
       background-color: #00acee;
   }
   
   .linkedin-bg {
       background-color: #0e76a8;
   }
   
   .instagram-bg {
       background-color: #3f729b;
   }
   
   .pint-bg {
       background-color: #c8232c;
   }
   */
   
   .cont i {
       color: #fff;
       margin-right: 5px;
       display: inline-block;
       text-align: center;
       vertical-align: middle;
   }
   
   .cont {
       line-height: 30px;
       padding: 10px 0px;
   }
   
   .cont span {
       color: #fff;
   }
   /*---------------book Button----------------------*/
   
   .book i {
       color: #fff;
       margin-right: 15px;
       background: red;
       width: 30px;
       height: 29px;
       display: inline-block;
       text-align: center;
       vertical-align: middle;
       padding-top: 7px;
   }
   
   .book {
       line-height: 30px;
   }
   
   .book span {
       color: #fff;
   }
   /* nav.navbar.bootsnav ul.nav > li > a.active,
   nav.navbar.bootsnav ul.nav > li > a:hover {
       color: #fff;
       transition: .4s;
   }*/
   
   nav.navbar.bootsnav ul.nav > li > a {
       font-size: 15px;
       color: #000;
       transition: 0.5s;
       margin-left: 5px;
       text-transform: uppercase;
   }
   
   .navbar-collapse {
       background-color: #ffffff;
   }
   
   .navbar-brand {
       margin-left: 0px!important;
   }
   
   .navbar-brand h3 {
       margin-top: 14px;
       color: #ffc200;
       font-size: 18px;
       font-weight: 800;
       text-align: center;
       text-transform: uppercase;
       margin-left: 15px;
   }
   
   #logo1 {
       margin-top: -15px;
       width: 75px;
   }
   /***************************************marquee-wrap*************************************/
   /*header*/
   /*slider*/
   
   .slider-section {
       background-image: url(../images/slider.jpeg);
       background-position: center bottom;
       background-size: cover;
       padding-bottom: 20px;
   }
   
   .s-slider-content,
   .section-darkblue {
       margin-top: 200px;
   }
   
   .s-slider-content h5 {
       color: #ffc000;
       font-size: 16px;
       text-transform: uppercase;
       line-height: 18px;
       letter-spacing: 3px;
       margin-bottom: 15px;
       font-weight: 600;
   }
   
   .s-slider-content h2 {
       color: #fff;
       line-height: 1.3;
       margin-bottom: 20px;
       font-weight: 700;
   }
   
   .s-slider-content p {
       font-size: 18px;
       color: #fff;
       line-height: 26px;
       margin: auto;
       padding-right: 60px;
   }
   
   .slider-btn {
       margin-top: 30px;
   }
   
   .s-slider-content .btn {
       border-radius: 50px;
       color: #111111;
       display: inline-block;
       font-size: 16px;
       letter-spacing: 0;
       line-height: 1;
       margin-bottom: 0;
       padding: 20px 30px;
       text-align: center;
       text-transform: unset;
       touch-action: manipulation;
       transition: all 0.3s ease 0s;
       vertical-align: middle;
       white-space: nowrap;
       position: relative;
       z-index: 1;
       text-transform: capitalize;
       background: #FFC000;
       border: 1px solid #FFC000;
       overflow: hidden;
       font-family: 'Poppins', sans-serif;
       font-weight: 600;
   }
   
   @media (min-width: 1200px) and (max-width: 1500px) {
       .s-slider-content h2 {
           font-size: 60px;
       }
   }
   /*slider*/
   /*about-area*/
   
   .about-area {
       padding: 50px 0px;
   }
   
   .about-title h5 {
       color: #fe914d;
       font-size: 18px;
       margin-bottom: 10px;
       line-height: 1.3;
       margin-bottom: 20px;
       font-weight: 700;
   }
   
   .about-content h2 {
       font-size: 50px;
       margin-bottom: 20px;
       font-weight: 700;
   }
   
   .about-content p {
       margin-bottom: 20px;
   }
   
   .slider-btn {}
   
   .about-content .btn {
       border-radius: 50px;
       font-size: 16px;
       letter-spacing: 0;
       line-height: 1;
       margin-bottom: 0;
       padding: 20px 30px;
       text-align: center;
       text-transform: unset;
       touch-action: manipulation;
       transition: all 0.3s ease 0s;
       vertical-align: middle;
       white-space: nowrap;
       position: relative;
       z-index: 1;
       text-transform: capitalize;
       overflow: hidden;
       font-family: 'Poppins', sans-serif;
       font-weight: 600;
       background: #fe914c;
       color: #fff;
       border-color: #fe914c;
       display: inline-block;
       position: relative;
   }
   
   .about-content .call-box {
       display: inline-flex;
       gap: 15px;
       align-items: center;
   }
   
   .about-content .call-box .icon {
       font-size: 50px;
       color: #FFC000;
       display: inline-block;
   }
   
   .call-box .text {
       margin-left: 10px;
   }
   
   .about-content .call-box span {
       color: #777;
       font-size: 16px;
       margin-bottom: 5px;
   }
   
   .about-content strong {
       color: #FFC000;
   }
   
   .about-content .call-box strong a {
       color: #777;
       font-size: 18px;
   }
   /*about-area*/
   /*counter-area*/
   
   .counter-area {
       background-image: url('../images/coutner-bg.png');
       background-size: cover;
       padding: 50px 0px;
   }
   
   .count-bdr {
       border: 5px solid #ffffff1c;
       border-radius: 10px;
       /* padding: 60px 0 30px 100px;*/
   }
   
   .counter-area .single-counter {
       padding-bottom: 30px;
       padding-left: 0;
       padding-right: 0;
   }
   
   .single-counter .icon {
       margin-bottom: 15px;
       display: block;
       width: 50px;
   }
   
   .single-counter img {
       height: auto;
       max-width: 100%;
       border: none;
       border-radius: 0;
       box-shadow: none;
   }
   
   .count,
   .single-counter span {
       font-size: 50px;
       color: #fff;
       font-weight: 600;
       margin-bottom: 5px;
       line-height: 1;
       font-family: 'Poppins', sans-serif;
       display: inline-block;
   }
   
   .single-counter p {
       font-size: 16px;
       margin-bottom: 0;
       color: #fff;
       padding-top: 5px;
       line-height: 22px;
   }
   /*counter-area*/
   /*taxi-section*/
   
   .car-active .services-box {
       border: 1px solid #D0D0D0;
       margin: 0 0px 30px;
       padding: 0 25px 25px;
       position: relative;
       text-align: center;
   }
   
   .services-box .icon {
       margin-bottom: 30px;
   }
   
   .car-active .services-box .icon img {
       width: 100%;
       height: 200px;
   }
   
   .services-box a {
       color: #141b22;
       font-family: 'Poppins', sans-serif;
       font-weight: 700;
   }
   
   .services-box .text h3 {
       font-size: 20px;
       line-height: 1.3;
       margin-bottom: 20px;
       font-weight: 700;
   }
   
   .car-active .services-box ul {
       margin: 20px 0 25px;
       padding-left: 0;
   }
   
   .car-active .services-box li {
      margin-bottom: 10px;
    width: 100%;
    margin-top: 0;
    font-weight: 800;
    font-size: 14px;
   }
   
   .car-active .services-box li img {
       width: auto;
   }
   
   .car-active .services-box li span {
       margin-right: 10px;
   }
   
   .offer-action {
       text-align: center;
       position: relative;
       z-index: 1;
       overflow: hidden;
       width: 100%;
       margin: 25px auto 0;
       -webkit-transition: all 0.4s ease 0s;
       transition: all 0.4s ease 0s;
   }
   
   .offer-action a {
       display: inline-block;
       text-transform: uppercase;
       padding: 10px 0px;
       font-weight: 500;
       color: #fff;
       font-size: 12px;
       width: 31%;
       border-radius: 50px;
   }
   
   .offer-btn-1 {
       background-color: #075E54;
   }
   
   .offer-btn-2 {
       background-color: #fe904b;
   }
   
   .offer-btn-3 {
       background-color: #3e51cb;
       margin-right: 4px;
   }
   /*taxi-section*/
   /*   newletter*/
   
   .newslater-title {
       padding: 50px 0px;
   }
   
   .newslater-title {
       display: flex;
   }
   
   .newslater-title .text h2 {
       font-size: 40px;
       font-weight: 600;
       color: #ffffff;
   }
   
   .newslater-area p {
       color: #fff;
       line-height: 30px;
       font-size: 18px;
   }
   /*   newletter*/
   /*route-list*/
   
   .city-item h3 {
       font-size: 16px;
       font-weight: 500;
       border: 1px dashed #000;
       padding: 10px 0px;
       color: #000;
   }
   /*route-list*/
   /*testimonial*/
   
   .testimonial-section {
       background-image: url(../images/testimonial-bg.png);
       background-size: cover;
       background-position: center center;
   }
   
   .all_review_box {
       height: 100%;
       background: #fff;
       padding: 25px 15px;
       border-radius: 4px;
   }
   
   .all_review_date_area {
       display: flex;
       justify-content: flex-start;
       align-items: center;
   }
   
   .all_review_date_area img {
       width: 100px!important;
   }
   
   .all_review_star {
       margin-left: 20px;
   }
   
   .review_star_all i {
       font-size: 14px;
       color: #ff9800;
   }
   
   .all_review_text h4 {
       padding-top: 10px;
       font-size: 18px;
       color: #ffc200;
   }
   
   .all_review_text {
       margin-top: 20px;
       border-top: 1px solid #ccc;
       padding-top: 20px;
   }
   
   .all_review_text span {
       display: block;
       font-weight: 500;
       font-size: 13px;
       text-transform: uppercase;
       margin: 5px 0;
       color: #bac5c5;
   }
   
   .all_review_box .quote {
       position: absolute;
       top: 20px;
       right: 20px;
       width: 50px!important;
       opacity: .7;
   }
   /*testimonial*/
   /*   footer*/
   
   .footer-bg {
       background-color: #111;
       background-image: url(../images/footer-bg.png);
       padding-top: 90px;
   }
   
   .footer-bg p {
       color: #fff;
   }
   
   .footer-top-heiding .container {
       padding-bottom: 50px;
       padding-top: 30px;
   }
   
   .footer-top-heiding {
       margin-bottom: 50px;
       position: relative;
       z-index: 0;
   }
   
   .footer-social span {
       font-size: 14px;
       color: #fff;
       font-weight: 500;
       font-family: 'Playfair Display', serif;
       display: inline-block;
       margin-right: 20px;
   }
   
   .footer-social a {
       font-size: 16px;
       display: inline-block;
       margin-right: 10px;
       width: 40px;
       height: 40px;
       border-radius: 50%;
       background-color: #ffffff47;
       text-align: center;
       line-height: 40px;
       color: #fff !important;
   }
   
   .footer-social a:hover {
       background: #ffc000;
       color: #fff !important;
   }
   
   .f-widget-title h2 {
       font-size: 20px;
       margin-bottom: 5px;
       position: relative;
       padding-bottom: 30px;
       color: #ffffffa3;
   }
   
   .footer-widget .widgettitle {
       color: #fff;
       font-size: 20px;
       margin-bottom: 5px;
       position: relative;
       padding-bottom: 30px;
   }
   
   .footer-link ul li {
       margin-bottom: 10px;
   }
   
   .footer-link ul li a {
       color: #d0d0d0;
       display: inline-block;
   }
   
   .f-contact li {
       float: left;
       margin-bottom: 15px !important;
       width: 100%;
   }
   
   .f-contact .icon {
       float: left;
       margin-top: 7px;
       margin-right: 15px;
       width: 40px;
   }
   
   .f-contact i {
       width: 40px;
       height: 40px;
       background: #3a3a3a7d;
       line-height: 40px;
       color: #ffc000 !important;
       text-align: center;
       border-radius: 50%;
       float: left;
   }
   
   .f-contact span {
       color: #d0d0d0;
   }
   
   .copyright-wrap {
       padding: 0px 20px;
   }
   
   .copyright-wrap .container {
       padding: 0px 0 30px;
   }
   
   .f-logo img {
       width: 150px;
   }
   /*   footer*/
   /*innerpages*/
   
   .breadcrumb-area {
       background-color: #000000;
       background-image: url(../images/road.gif);
       margin-bottom: 20px;
   }
   
   .breadcrumb {
       display: inline-block;
       -ms-flex-wrap: wrap;
       flex-wrap: unset;
       padding: 0;
       margin-bottom: 15px;
       list-style: none;
       background-color: unset;
       position: relative;
   }
   
   .breadcrumb li a {
       font-size: 16px;
       color: #fff;
       font-weight: 500;
   }
   
   .breadcrumb > .active {
       color: #fffc !important;
       font-weight: 500;
   }
   
   .breadcrumb-wrap {
       padding-top: 150px;
       padding-bottom: 50px;
   }
   
   .one_way_select_car {
       position: relative;
   }
   
   .img-position-holder {
       position: absolute;
       width: 50px !important;
       top: 10px;
       left: 10px;
       /* background-color: #ffffffa3; */
       padding: 0px 0px;
       z-index: 1;
   }
   /*blog*/
   
   .blog-section .post {
       margin-bottom: 2.5rem;
       border: 1px solid #ccc;
       padding: 15px;
   }
   
   .post-media {
       position: relative;
       margin-bottom: 1.7rem;
       border-radius: 0;
       background-color: #ccc;
   }
   
   .post a {
       color: inherit;
   }
   
   .post-media .post-date {
       position: absolute;
       top: 1rem;
       left: 1rem;
       width: 4.5rem;
       padding: 1rem 0.8rem 0.8rem;
       color: #fff;
       background: #222529;
       text-align: center;
       text-transform: uppercase;
       letter-spacing: 0.05em;
   }
   
   .post-media .day {
       display: block;
       font-size: 1.8rem;
       font-weight: 700;
       line-height: 1;
   }
   
   .post-media .month {
       display: block;
       font-size: 1.12rem;
       line-height: 1;
       opacity: 0.6;
   }
   
   .blog-section .post-body {
       margin-left: 0;
       padding-bottom: 2.1rem;
       border: 0;
   }
   
   .blog-section .post-title {
       margin-bottom: 1.3rem;
       font-size: 1.8rem;
       font-weight: 700;
   }
   
   .post-content {
       font-size: 1.3rem;
   }
   
   .blog-section p {
       font-size: 1.3rem;
       line-height: 1.9;
       margin-bottom: 7px;
   }
   
   .add-product-review form {
       padding: 3.5rem 2rem 3.3rem;
       border-radius: 3px;
       background-color: #f4f4f4;
   }
   
   .card {}
   
   .card h1 {
       font-size: 20px;
       margin: 0px;
   }
   
   .star {
       font-size: 20px;
       cursor: pointer;
   }
   
   .one {
       color: rgb(255, 0, 0);
   }
   
   .two {
       color: rgb(255, 106, 0);
   }
   
   .three {
       color: #337ab7;
   }
   
   .four {
       color: rgb(255, 255, 0);
   }
   
   .five {
       color: rgb(24, 159, 14);
   }
   
   .add-product-review label {
       display: block;
       font-size: 1.4rem;
       line-height: 1;
       margin-bottom: 1.1rem;
   }
   
   .sidebar-widget-two .widget-content {
       position: relative;
       padding: 25px 25px;
       border-top: 2px solid #d1651a;
       box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
       margin-bottom: 40px;
   }
   
   .sidebar-title-two {
       position: relative;
       margin-bottom: 20px;
   }
   
   .sidebar-title-two h4 {
       position: relative;
       color: #222222;
       font-size: 23px;
       margin-bottom: 15px;
   }
   
   .blog-cat-two {
       position: relative;
       border-radius: 0px;
       overflow: hidden;
       border: 1px solid #dddddd;
   }
   
   .blog-cat-two li a {
       position: relative;
       color: #444444;
       font-size: 14.5px;
       padding: 12px 25px;
       display: flex;
       font-weight: 600;
       background-color: #ffffff;
       transition: all 500ms ease;
       -moz-transition: all 500ms ease;
       -webkit-transition: all 500ms ease;
       -ms-transition: all 500ms ease;
       -o-transition: all 500ms ease;
       border-bottom: 1px solid #dddddd;
   }
   
   .blog-cat-two li a:hover {
       color: #ffffff;
       background-color: #0088cc;
   }
   
   .blog-cat-two li img {
       padding-bottom: 16px;
       width: 80px;
       height: 80px;
       float: left;
       margin-right: 10px;
   }
   /*blog*/
   /*contact-page*/
   
   .section-title h3 {
       line-height: 1.3;
       margin-bottom: 20px;
       font-weight: 700;
       color: #232323;
   }
   
   .contact-info li {
       font-size: 18px;
       margin-bottom: 10px !important;
       margin-top: 0 !important;
       list-style: none !important;
   }
   
   .contact-info li a {
       text-decoration: underline;
   }
   
   .contact-form {
       background: #fff;
       width: 100%;
   }
   
   .contact-form form {
       box-shadow: 0px 1px 4px 1px #eae7e7;
       margin-bottom: 10px;
       padding: 20px;
   }
   
   .contact-form h3 {
       margin: 0px 0px 10px 0px;
       text-align: center;
       color: #000;
       font-weight: 600;
   }
   
   .contact-form .form-group {
       margin-bottom: 5px;
   }
   
   .contact-form .form-group label {
       color: #fac51d;
       font-size: 15px;
       line-height: 16px;
       margin-top: 10px;
       margin-bottom: 10px;
       /* text-decoration: underline; */
   }
   
   .contact-form .form-control {
       padding: 10px 12px;
       height: auto;
       border-radius: 10px;
   }
   /*contact-page*/
   /*innerpages*/
    .corporate-form-area {
       background-color: #3d50cb;
   }
   
   .corporate-form {
       padding: 20px 0px;
   }
   
   .corporate-form .form-control {
       border-radius: 0px;
       padding: 6px 15px;
       height: 40px;
       border: 0px;
       border: 1px solid #000;
       box-shadow: none;
       margin-bottom: 10px;
   }
   
   .corporate-form .submit_btn {
       width: auto;
           margin-top: 100px;

   }
   
   @media (max-width: 768px) {
       .bootsnav {
           background-color: #fff!important;
       }
       #logo1 {
           width: 45px;
           margin-top: -13px;
       }
       .f-logo img {
           width: 100px;
       }
       .s-slider-content,
       .section-darkblue {
           margin-top: 50px;
       }
       .offer-action a {
           font-size: 12px;
       }
       .about-content h2 {
    font-size: 26px;
       }
       .breadcrumb-wrap {
    padding-top: 70px;
    padding-bottom: 11px;
}
   }
   
   /*new css*/
   .booking-box {
          background: #fff;
          border-radius: 12px;
          padding: 20px;
          margin-bottom: 15px;
          box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        }
        /* Tabs ke niche gap */
        .nav-pills {
          margin-bottom: 20px;   /* form ke sath chipke na */
        }
        
        /* Form button full width */
        .booking-box form .submit_btn {
          width: 100%;           /* full width */
          display: block;
          border-radius: 8px;    /* thoda rounded button bhi ho */
          padding: 12px;
          font-weight: 600;
        }
        

/* 🔹 Top Bar */
.top-bar {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;

    /* Gradient background (blue → green) */
    background: linear-gradient(to right, #007bff 0%, #28a745 100%);
}

.top-bar-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 25px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

.icon {
    width: 18px;
    height: 18px;
    margin-left: 8px;
}


/* 🔹 Mobile View me Top Bar Hide + Header Fix */
@media(max-width: 768px) {
    .top-bar {
        display: none !important;
    }
    header#main-header {
        top: 0 !important;  /* 🟢 Top bar hide hote hi header upar aa jayega */
    }
}

/* keep your existing btn-style colors */
.nav-pills .nav-link.btn-style {
  background:#f5f5f5; border:2px solid #ddd; color:#333; font-weight:600;
  transition:.3s; text-align:center;
}
.nav-pills .nav-link.btn-style:hover { background:#e0e0e0; border-color:#bbb; }
.nav-pills .nav-link.active.btn-style { background:#007bff; border-color:#007bff; color:#fff; }

/* force same-row on all screens */
.pills-row{
  display:flex;
  flex-wrap:nowrap;        /* never wrap */
  gap:10px;                /* spacing between buttons */
}

.pills-row .nav-item{
  flex:1 1 0;              /* equal widths; allow shrink */
  min-width:0;             /* allow shrinking on tiny screens */
}

.pills-row .nav-link{
  display:block;
  width:100%;
  padding:10px 12px;
  text-align:center;
  white-space:nowrap;       /* text stays on one line */
  box-sizing:border-box;
  font-size:clamp(12px, 3.5vw, 16px); /* shrink a bit on very small screens */
}

/* (optional) ultra-small devices tweak */
@media (max-width:360px){
  .pills-row .nav-link{ padding:8px 10px; }
}




/* Menu Links */
.menu-link {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
}
.menu-link:hover {
    color: #007bff;
}
.menu-link::after {
    content:"";
    position:absolute;
    width:0;
    height:2px;
    left:0;
    bottom:-4px;
    background:#007bff;
    transition:0.3s;
}
.menu-link:hover::after {
    width:100%;
}

/* Call Button */
.call-btn {
    background:#ff914d;
    color:#fff;
    padding:10px 18px;
    border-radius:30px;
    font-weight:600;
    text-decoration:none;
    transition:0.3s;
}
.call-btn:hover {
    background:#ff914d;
}

/* Mobile Styles */
@media(max-width: 900px) {
    .nav-links { display: none !important; }
    .call-btn { display: none !important; }
    .menu-toggle { display: block !important; }
    .mobile-link {
        padding:10px 0;
        text-decoration:none;
        color:#333;
        border-bottom:1px solid #f2f2f2;
    }
    .mobile-call-btn {
        margin-top:10px;
        display:inline-block;
        background:#007bff;
        color:#fff;
        padding:10px;
        border-radius:25px;
        text-align:center;
        text-decoration:none;
        font-weight:600;
    }
}



/* ✅ Dark section background */
.route-area {
  background: #000;
  color: #fff;
  padding: 50px 0;
}

/* ✅ Left aligned clean route */
.city-text {
  text-align: left;
  padding: 8px 0;
}

.city-text h3 {
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 12px;
  transition: 0.3s ease-in-out;
  text-shadow: 0 0 2px rgba(255, 204, 0, 0.4);
  display: flex;
  align-items: center;
  gap: 8px; /* icon aur text ke beech space */
}

.city-text h3:hover {
  color: #ffcc00;
  text-shadow: 0 0 6px #ffcc00, 0 0 12px #ffaa00;
}

.city-text a {
  text-decoration: none;
  display: block;
  width: 100%;
}

/* ✅ Icon styling */
.route-icon {
  font-size: 18px;
  transition: 0.3s ease-in-out;
}
.city-text h3:hover .route-icon {
  transform: scale(1.2);
  text-shadow: 0 0 6px #ffcc00;
}

/* ✅ Mobile adjustment */
@media(max-width: 768px) {
  .city-text h3 {
    font-size: 15px;
  }
}
/*end route*/





.custom-testimonial-section {
  position: relative;
  background: url('https://myholidayplanners.in/images/road1.gif') center/cover no-repeat;
  padding: 80px 0; /* upar niche extra space */
  color: #333;
}
.custom-testimonial-section::before {
  content: "";
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.5); /* dark overlay */
}
.custom-testimonial-section .container {
  position: relative;
  z-index: 2;
}
/* Card styling */
.custom-testimonial-item {
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  border-radius: 15px;
  border: none;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  transition: all 0.3s ease-in-out;
}
.custom-testimonial-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.2);
}

/* Client Photo - SMALL and ROUND */
.client-photo {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #007bff;
}

/* Content styling */
.client-content h5 {
  font-size: 16px;
  margin-bottom: 2px;
}
.client-content small {
  font-size: 13px;
  color: #6c757d;
}
.testimonial-text {
  font-style: italic;
  font-size: 14px;
  color: #495057;
  margin: 10px 0;
}

/* Stars */
.custom-stars {
  color: #ffc107;
  font-size: 16px;
  letter-spacing: 1px;
}




.custom-info-box {
    height: 400px;
  background: linear-gradient(135deg, #007bff, #28a745);
  padding: 60px 30px; /* Bada padding => height badhi */
  min-height: 400px;   /* Minimum height fix kiya */
  border-radius: 2px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  transition: all 0.3s ease-in-out;
}

.custom-info-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
}

.icon-wrapper {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.15);
  border-radius: 50%;
  transition: all 0.3s ease;
}

.custom-info-box:hover .icon-wrapper {
  background: rgba(255,255,255,0.3);
}

.icon-img {
  width: 60px; /* Chhoti image */
  height: 60px;
  object-fit: cover;
}

/* Text styling */
.custom-info-box h3 {
  margin-bottom: 12px;
  font-size: 24px;
}

.custom-info-box p {
  font-size: 16px;
  line-height: 1.5;
}
/*testimonial css*/



.modern-counter-area {
  background: #f3f6f9;
}

.modern-counter {
  background: linear-gradient(135deg, #007bff, #6610f2);
  color: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 3rem 2rem;
}
.modern-counter:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

.counter-icon img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  padding: 15px;
}

.counter-value {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 10px 0 5px;
}

.counter-value span {
  font-size: 1.3rem;
  vertical-align: super;
}

.counter-label {
  font-size: 1.1rem;
  font-weight: 500;
}

@media(max-width: 768px){
  .modern-counter {
    padding: 2rem 1.5rem;
  }
  .counter-value {
    font-size: 2rem;
  }
  .counter-icon img {
    width: 60px;
    height: 60px;
    padding: 12px;
  }
}
/*services css*/





/* Image Styling */
.styled-img-wrapper {
  position: relative;
  display: inline-block;
}
.styled-img-wrapper .bg-shape {
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background: linear-gradient(135deg, #ff7e5f, #feb47b);
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  z-index: 1;
  animation: morph 8s infinite alternate ease-in-out;
}
.styled-img-wrapper .about-img {
  position: relative;
  z-index: 2;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

/* Morphing Animation */
@keyframes morph {
  0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  50% { border-radius: 40% 60% 70% 30% / 30% 70% 40% 60%; }
  100% { border-radius: 70% 30% 60% 40% / 50% 60% 30% 70%; }
}

/* Content Styling */
.about-content {
  background: #fff;
}
.text-gradient {
  background: linear-gradient(135deg, #ff7e5f, #feb47b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-gradient {
  background: linear-gradient(135deg, #ff7e5f, #feb47b);
  color: #fff !important;
  transition: 0.3s;
}
.btn-gradient:hover {
  opacity: 0.9;
  transform: translateY(-2px);
}
/*about-us css*/