:root {
     --important: !important;
 }

 /* General Modal Styling */
 .modal-body.bookinggg {
     max-height: 80vh;
     overflow-y: auto;
     scroll-behavior: smooth;
 }

 .toggleButton.active {
     background-color: #28a745 !important;
     color: white;
 }

 .faq_title {
     font-size: 34px !important;
 }

 .modal-content {
     border-radius: 10px;
     box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
     border: none;
 }

 .modal-header {
     background-color: #f8f9fa;
     border-bottom: 1px solid #dee2e6;
     padding: 15px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
 }

 .modal-title {
     font-size: 1.25rem;
     font-weight: 600;
     color: #333;
 }

 .download {
     font-size: 30px;
 }

 @media (max-width:768px) {
     .download {
     font-size: 27px;
     margin-top: 10px;
 }
 }

 .btn-close {
     outline: none;
     box-shadow: none;
 }

 /* Form Styling */
 .input-group-meta input,
 .input-group-meta textarea {
     width: 100%;
     padding: 10px;
     border: 1px solid #ccc;
     border-radius: 5px;
     font-size: 1rem;
 }

 .input-group-meta label {
     font-weight: 600;
     font-size: 0.95rem;
     color: #444;
 }

 .input-group-meta textarea {
     resize: none;
 }

 .invalid-feedback {
     font-size: 0.875rem;
     color: red;
     display: none;
 }

 /* Button Styling */
 .btnthremediv .btn {
     padding: 10px 20px;
     font-size: 1rem;
     font-weight: 600;
     border-radius: 5px;
     transition: all 0.3s ease-in-out;
 }

 .btn-outline-themegreen {
     border: 2px solid #28a745;
     color: #28a745;
 }

 .btn-outline-themegreen:hover {
     background-color: #28a745;
     color: #fff;
 }

 .theme-btn {
     background-color: #28a745;
     color: #fff;
     border: none;
 }

 .theme-btn:hover {
     background-color: #218838;
 }

 .slider-testimonial {
     .slick-slide {
         margin: 0 10px;
     }

     .lonyo-t-wrap {
         border: 1px solid;

         &:hover {
             transform: none !important;
             box-shadow: 5px 5px #142d6f;
         }
     }

     .slick-list.draggable {
         padding-bottom: 20px;
     }

     .starsdiv {
         i {
             color: #fdbd00;
         }
     }

     .lonyo-t-author-data p {
         font-weight: 600;
         letter-spacing: .5px;
         margin-bottom: 0;
         color: #222;
     }

     .lonyo-t-author-data span {
         letter-spacing: .5px;
         font-size: 16px;
         color: #666666;
         font-weight: 500;
     }

     .datediv {
         color: #666666;
     }

     .d-flex.justify-content-between {
         margin-bottom: 15px;
     }

     .lonyo-t-text p {
         font-size: 17px;
         letter-spacing: .5px;
         color: #666;
         margin-bottom: 0px;
     }
 }

 .lazyload[data-bg] {
     background-image: none;
 }

 .lazyloaded[data-bg] {
     background-image: attr(data-bg url);
 }

 .slick-slide.slick-active {
     height: 340px !important;
 }

 .hover-remover {
     font-size: 20px;
     line-height: 1.3em;
     padding: 18px 39px;
     font-weight: 500;
     font-family: "DM Sans", sans-serif;
     border-radius: 3px;
     width: fit-content;
     position: relative;
     z-index: 0;
     white-space: nowrap;
     text-overflow: ellipsis;
     display: inline-flex;
     text-align: center;
     -o-transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     overflow: hidden;
     color: var(--body-color);
     background-color: #115D9D;
     overflow: hidden;
     transform-style: preserve-3d;
     border: 1px solid var(--heading-color);
     padding: 18px 25px;
     color: var(--white-color);

 }

 .hover-remover:hover {
     color: white !important;
 }

 .inquiry_field {
     background-color: #fff !important;
     height: 60px !important;
     font-size: 20px !important;
     border-radius: 5px !important;
 }

 .form_background {
     background-color: rgb(28 58 100) !important;
     z-index: 9 !important;
     position: relative !important;
     border-radius: 12px !important;
 }

 .element.style {
     background-color: #fff;
     height: 60px !important;
     font-size: 20px;
 }

 .inquiry_label {
     font-size: 17px !important;
 }

 .inquiry_btn {
     background-color: #fff !important;
     color: #222 !important;
     height: 60px !important;
     font-size: 23px !important;
 }

 .contact_us_btn {
     background-color: #44164ceb !important;
     color: white !important;
 }

 .alert_class {
     background-color: rgba(163, 207, 187, 0.8) !important;
     position: absolute !important;
     right: 10px !important;
     bottom: 20px !important;
     font-size: 16px !important;
     width: 30% !important;
 }

 .example::-webkit-scrollbar {
     display: none;
 }

 .example2::-webkit-scrollbar {
     display: none;
 }

 .sub_title4 {
     font-size: 22px !important;
 }

 .fixed-buttons {
     position: fixed;
     top: 50%;
     right: 10px;
     transform: translateY(-50%);
     display: flex;
     flex-direction: column;
     gap: 15px;
     z-index: 9999;
 }

 .fixed-buttons a {
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     font-size: 24px;
     border-radius: 50%;
     text-decoration: none;
     color: white;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
 }

 .call-btn {
     background-color: #007bff;
 }

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

 .bus-wrapper {
     /* transform: scaleX(-1); */
     /* always flipped */
 }

 .banner_bus_image {
     /* animation: floatBus 4s ease-in-out infinite; */
     border-radius: 10px;
 }

 @keyframes floatBus {
     0% {
         transform: translateY(0) scale(1);
     }

     50% {
         transform: translateY(-15px) scale(1.02);
     }

     100% {
         transform: translateY(0) scale(1);
     }
 }

 .light-bg {
     /* background-color: #856291 !important; */
     background-color: #44164ce0 !important;
 }

 .slider-testimonial {
     & .lonyo-t-wrap {
         &:hover {
             transform: none !important;
             box-shadow: 5px 5px #44164ce0;
         }
     }
 }

 .pricing-btn2 {
     color: #44164c !important;
 }

 .pricing-btn2:hover {
     background-color: #f6f0f8 !important;
     color: #44164c !important;
 }


 #lonyo-submit-btn.pricing-btn2::after,
 .lonyo-default-btn.pricing-btn2::after,
 .lonyo-subcribe-btn.pricing-btn2::after {
     background-color: #44164c09 !important;
     color: #44164c !important;
 }

 .hero {
     position: relative;
     height: 90vh;
     background: linear-gradient(rgb(54 17 61), rgb(56 20 64 / 87%));
     /* background: linear-gradient(rgba(50, 0, 120, 0.6), rgba(0, 0, 0, 0.5)),
                  url('https://images.unsplash.com/photo-1518684079-3c830dcef090?auto=format&fit=crop&w=1350&q=80') center/cover; */
     /* background: linear-gradient(rgba(50, 0, 120, 0.6), rgba(0, 0, 0, 0.5)),
                url('../public/banner/11297204_4156.jpg') center/cover; */
     /*background: linear-gradient(rgba(50, 0, 120, 0.6), rgba(0, 0, 0, 0.5)),
            url('../banner/banner.png') center/cover; */
     /* background: linear-gradient(#00000085, #000000a1),
            url('../banner/coach-bus-stopped-roadside-parking-lot_782515-20358.jpg') center/cover; */
     /*background: linear-gradient(#18003a85, #0000008c),
            url('../banner/bus-mockup_1012140-697.avif') center/cover;*/
     color: #fff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
 }

 .hero:after {
     content: '';
     position: relative;
     background-image: url("../banner/Book-Bus-Tickets-Online.png");
     height: 140px;
     width: 270px;
     background-size: cover;
     right: 42%;
     top: 13%;

 }

 .hero_bus_icon {
     content: '' !important;
     position: absolute !important;
     height: 140px !important;
     width: 270px !important;
     left: 1% !important;
     bottom: -2% !important;
 }

 .hero_bus_icon_right {
     content: '' !important;
     position: absolute !important;
     height: 140px !important;
     width: 270px !important;
     right: 1.7% !important;
     bottom: -2% !important;
     transform: scaleX(-1.1);
 }

 .hero:before {
     content: '';
     position: relative;
     background-image: url(../banner/Book-Bus-Tickets-Online.png);
     height: 140px;
     width: 270px;
     background-size: cover;
     background-size: cover;
     left: 42%;
     top: 74%;
     transform: scaleX(-1.1);
 }

 .datecolor {
     color: #000 !important;
 }



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

 .text6 {
     font-size: 18px;
 }

 .hero h1 {
     font-size: 3rem;
     font-weight: 700;
     letter-spacing: 1px;
     background: linear-gradient(90deg, #cd3499, #f03c87);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     animation: fadeInDown 1.2s ease-out;
 }

 .hero p {
     font-size: 1.2rem;
     margin-top: 20px;
     opacity: 0.9;
     animation: fadeInUp 1.5s ease-out;
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         transform: translateY(-20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(30px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 @media (max-width:1700px) {
     .hero_bus_icon {
         width: 200px !important;
         height: auto !important;
     }

     .hero_bus_icon_right {
         width: 200px !important;
         height: auto !important;
     }
 }

 @media (max-width:1024px) {
     .hero_bus_icon {
         content: '';
         display: none;
     }

     .hero_bus_icon_right {
         content: '';
         display: none;
     }

     .hero:after {
         content: '';
         display: none;
     }

     .hero:before {
         content: '';
         display: none;
     }

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

 /* Search Box */
 .search-box {
     /* position: absolute; */
     /* bottom: 22%; */
     width: 67% !important;
     /* max-width: 1000px; */
     background: #fff !important;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
     border-radius: 20px !important;
     /* padding: 25px 30px; */
     padding: 40px 30px !important;
     margin-top: 20px !important;
     display: flex !important;
     flex-wrap: wrap !important;
     justify-content: space-between !important;
     align-items: end !important;
     animation: slideUp 1.5s ease-in-out !important;
 }

 @media(max-width:1450px) {
     .search-box {
         width: 75%;
     }
 }


 @keyframes slideUp {
     from {
         opacity: 0;
         transform: translateY(80px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 .input-group {
     display: flex !important;
     flex-direction: column !important;
     /* width: 22%; */
     width: 29% !important;
     min-width: 150px !important;
 }
@media (max-width:768px) {
     .input-group {
     width: 100% !important;
 }
}
 .input-group label {
     font-size: 14px !important;
     font-weight: 500 !important;
     margin-bottom: 6px !important;
     color: #333 !important;
 }

 .input-group input,
 .input-group select {
     padding: 10px !important;
     border-radius: 10px !important;
     border: 1px solid #ccc !important;
     outline: none !important;
     font-size: 14px !important;
     transition: 0.3s !important;
     height: 38px !important;
 }

 .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
     /* margin-left: -1px; */
     /* border-top-left-radius: 10px;
            border-bottom-left-radius: 10px; */
     border-radius: 8px !important;
 }

 .input-group input:focus,
 .input-group select:focus {
     border-color: #9c27b0 !important;
     box-shadow: 0 0 8px rgba(156, 39, 176, 0.3) !important;
 }

 .search-btn {
     background: linear-gradient(90deg, #9c27b0, #ff4081) !important;
     color: #fff !important;
     border: none !important;
     padding: 7px 25px !important;
     border-radius: 12px !important;
     font-weight: 600 !important;
     cursor: pointer !important;
     font-size: 14.5px !important;
     transition: 0.4s !important;
 }

 .search-btn:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 12px rgba(156, 39, 176, 0.4);
 }

 @media(max-width:1300px) {
     .search-box {
         width: 80%;
     }

     .input-group {
         display: flex;
         flex-direction: column;
         width: 48%;
         min-width: 150px;
     }

     .input-group label {
         text-align: left;
     }

     .input-group label:nth-child(3) {
         text-align: left;
     }

     .search-btn {
         width: 100%;
         margin-top: 20px;
     }
 }

 @media (max-width: 991px) {
     .hero h1 {
         font-size: 45px;
     }
 }

 /* Responsive */
 @media (max-width: 768px) {
     .hero h1 {
         font-size: 2rem;
     }

     .search-box {
         flex-direction: column;
         align-items: stretch;
         bottom: -100px;
     }

     .input-group {
         width: 100%;
         margin-bottom: 15px;
     }

     .search-btn {
         width: 100%;
         margin-top: 10px;
     }

     .hero {
         position: relative;
         height: 900px;
     }
 }

 @media (max-width: 425px) {


     .search-box {
         width: 85% !important;
     }


 }

 .select2-container--default .select2-selection--single .select2-selection__placeholder {
     color: #142d6f !important;
     font-size: 15px !important;

 }

 .select2-container--default .select2-selection--single {
     border-radius: 8px !important;
 }

 .select2-container--default .select2-selection--single:focus {
     border-color: #9c27b0 !important;
     box-shadow: 0 0 8px rgba(156, 39, 176, 0.3) !;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #444 !important;
     line-height: 33px !important;
     border-color: #ccc !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
     border-color: #9c27b0 !important;
     box-shadow: 0 0 8px rgba(156, 39, 176, 0.3) !important;
 }

 .select2-dropdown:focus {
     border-color: #9c27b0 !important;
     box-shadow: 0 0 8px rgba(156, 39, 176, 0.3) !important;
 }

 .select2-container .select2-selection--single {
     height: 38px !important;
 }

 .select2-container--default .select2-search--dropdown .select2-search__field {
     font-size: 15px !important;
     height: 38px !important;
 }

 .select2-container--default .select2-results__option--highlighted {
     background-color: #2d1053 !important;
     color: white !important;
     font-size: 15px !important;
 }

 .select2-container--default .select2-results__option {
     font-size: 15px !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     color: #000 !important;
     line-height: 36px !important;
     font-size: 14.5px !important;
     justify-content: space-between !important;
     display: flex !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow b {
     top: 70% !important;
 }


 .other_description_text h1 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text h2 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text h3 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text h4 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text h5 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text h6 {
     color: #1d1d1dc5 !important;
 }

 .other_description_text strong {
     color: #1d1d1dc5 !important;
 }

 .download_play_image {
     max-width: 80%;
 }

 @media(max-width:575px) {
     .download_play_image {
         max-width: 60%;
     }
 }

 .popular_route_section {
     background-color: #f8f1fb;
     border-radius: 10px;
     padding: 30px;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
 }

 .popular_route_section h2 {
     /* font-weight: 700; */
     font-size: 25px;
     /* cursor: pointer; */
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 14px 0;
     color: #44164c !important;
 }

 .popular_route_section .tag-container {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-top: 15px;
 }

 .popular_route_section .tag-container .tag {
     cursor: pointer !important;
     background-color: #fff;
     color: #44164c;
     border: 1.5px solid #44164c;
     border-radius: 7px;
     padding: 5px 15px;
     font-size: 13px;
     font-weight: 500;
     transition: all 0.2s ease;
 }

 .popular_route_section .tag-container .tag:hover {
     background-color: #44164c;
     color: #fff;
 }

 .services-carousel .item {
     padding: 10px;
 }

 .service-img {
     width: 100%;
     border-radius: 10px;
     display: block;
     border: 3px solid #ececec;
     transition: 0.3s ease;
 }

 .service-img:hover {
     transform: scale(1.03);
 }

 .bus_icon1 {
     position: absolute;
     right: -10px;
     top: -10px;
     width: 140px;
 }
 @media (max-width:1024px) {
 .bus_icon1 {
     position: absolute;
     right: 0px;
     top: -10px;
     width: 140px;
 }
 }
 .routes-section {
     background: #f6f0f8;
     padding: 25px;
     border-radius: 15px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
     margin-top: 00px;
     margin-bottom: 30px;
     border: 1px solid #44164c14;
 }

 .routes-title {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 25px;
     color: #44164c;
 }

 .routes-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 18px 25px;
 }

 .route-box {
     background: #fff;
     border: 1px solid #44164c29;
     padding: 15px 20px;
     border-radius: 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: 0.3s ease;
 }

 .route-box:hover {
     border-color: #44164c80;
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
 }

 .route-text {
     font-size: 16px;
     font-weight: 600;
     color: #44164c;
 }

 .route-btn {
     padding: 8px 20px;
     border-radius: 10px;
     background: #fff;
     border: 1px solid #44164c;
     color: #44164c;
     font-size: 14px;
     text-decoration: none;
     transition: 0.3s;
 }

 .route-btn:hover {
     color: #fff;
     background: #44164c;
 }

 @media(max-width: 768px) {
     .routes-grid {
         grid-template-columns: repeat(1, 1fr);
     }
 }

 .route_section {
     margin-bottom: 30px;
 }

 .not_found_alert_box {
     border-radius: 10px;
     border: 1px solid #e1dae2bf;
 }

 .not_found_sms {
     color: #888;
     padding: 10px 0;
     font-size: 16.2px;
 }

.landing_page_header-section2 {
    background-color: #44164ceb;
    padding: 80px 0 80px 0; /* Increased padding for better visual weight */
    text-align: center;
    margin-top:85px;
}

.landing_page_header-section2 h1 {
    color: #ffffff !important;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 5px;
    animation: header-slide-down 0.3s ease-out; /* Animation */
}
    .landing_page_breadcrumb2 {
    font-size: 0.9rem;
    font-weight: 300;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    color: #ffffff !important;  
}
.landing_page_breadcrumb2 a {
    color: #ffffff !important;
    text-decoration: none;
    text-align: center;
}

 .detail-card{
   background:#fff;
   border-radius:18px;
   padding:30px;
   display:flex;
   gap:30px;
   box-shadow:0 8px 24px rgba(0,0,0,0.1);
   animation:fadeIn .7s ease-out;
}
@keyframes fadeIn{
  0%{opacity:0; transform:translateY(20px);}
  100%{opacity:1; transform:translateY(0);}
}