.logo-inc {
           font-size: 26px !important
       }

       .logo-dec {
           font-size: 22px !important
       }



       .customer_care {
           display: block;
           height: auto;
           background-image: url("/assets/images/customer_care_icon.png");
           background-repeat: no-repeat;
           background-size: 50px 50px;
           background-position: left;
           padding-left: 55px;
           margin-right: 10px;
       }

       .customer_care .customer_care_number {
           font-size: 24px !important;
           font-weight: bold;
           color: #03A0E3 !important;
           display: block;
           margin-top: 10px;
           letter-spacing: 2px;
       }

       .customer_care .customer_care_number:hover {
           color: #55528d !important;
       }

       .customer_care .customer_care_mail {
           font-size: 12px !important;
           font-weight: 400;
           color: #000000 !important;
           display: block;
           margin-top: -25px;
       }

       .customer_care .customer_care_mail:hover {
           color: #55528d !important;
       }


       .customer_care2 {
           display: none !important;
           height: auto;
           background-image: url("/assets/images/customer_care_icon02.png");
           background-repeat: no-repeat;
           background-size: 35px 35px;
           background-position: left;
           padding-left: 40px;
           margin-left: 100px;
       }

       .customer_care2 .customer_care_number {
           font-size: 14px !important;
           font-weight: bold;
           color: #fff !important;
           display: block;
           margin-top: 10px;
           letter-spacing: 2px;
       }

       .customer_care2 .customer_care_mail {
           font-size: 8px !important;
           font-weight: 300;
           color: #fff !important;
           display: block;
           margin-top: -33px;
           letter-spacing: 0 !important;
           text-transform: lowercase !important;
       }

       .journey_form a {
           color: #117FBF !important;
           line-height: normal;
           align-content: center;
       }

       .lostfound {
           padding: 7px 0 !important;
       }

       .header_row .top_bar_link li img {
           height: 20px !important;
           border-right: 0 !important;
           padding-right: 0px !important;
       }

       .search-icon {
           background-image: url("/assets/images/icons/search.png");
           background-repeat: no-repeat;
           width: 20px;
           height: 20px
       }

       .search-boxicon {
           background-image: url("/assets/images/icons/search-interface-symbol.png");
           background-repeat: no-repeat;
           width: 25px;
           height: 25px
       }

       .speaker-icon {
           background-image: url("/assets/images/icons/speaker.png");
           background-repeat: no-repeat;
           width: 26px;
           height: 20px
       }

       .icon-Metro_app {
           background-image: url("/assets/images/icons/pune_metro_app.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-one_pune_card {
           background-image: url("/assets/images/icons/one_card.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-vidyarthi_pass {
           background-image: url("/assets/images/icons/one_pune.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-one_pune_card {
           background-image: url("/assets/images/icons/mstc_pune.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-whatsapp_ticket {
           background-image: url("/assets/images/icons/pune_wp_ticket.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-online_payment {
           background-image: url("/assets/images/icons/metro_fare_chart.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-lostfound {
           background-image: url("/assets/images/icons/lost-found-icon.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }

       .icon-payment_issue {
           background-image: url("/assets/images/icons/help_contact.png");
           background-repeat: no-repeat;
           width: 30px;
           height: 30px
       }



       @media screen and (max-device-width:960px) {
           .banner_heading span {
               font-size: 35px;
           }

           .form-group iframe,
           .journey_form iframe {
               width: fit-content;
           }

           .banner_support_box2 .link a {
               font-weight: bold;
               font-size: 15px !important;
           }

           .banner_support_box2 .link p {
               display: inline;
               padding-right: 15px;
           }
       }

       /*
       Popup style 
       */
       #boxes .window {
           top: 3% !important;
       }

       @media screen and (max-device-width: 500px) {
           .customer_care {
               display: none !important;
           }

           .customer_care2 {
               display: block !important;
           }

       }

       @media screen and (max-width:820px) {
           .banner_support_box2 .link a {
               font-size: 15px !important;
           }

       }

       @media screen and (max-width:1024px) {
           .banner_support_box2 {
               padding: 15px 10px 0 10px !important;
           }

           .banner_support_box2 .link a {
               font-weight: bold;
               font-size: 10px;
           }

           .banner_heading {
               margin-top: 0;
           }

           .celebration_box,
           .film_box,
           .metrobhavan_box {
               height: 275px !important;
           }

           #dialog {
               left: inherit !important;
               height: fit-content;
               left: 0% !important;
           }


       }

       @media screen and (max-width:1359px) {

           .train_activity .celebration_box span,
           .train_activity .film_box span {
               font-size: 16px !important;
           }
       }


       .interactive_map .child {
           height: 100%;
           width: 100%;
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;
           -webkit-transition: all .5s;
           -moz-transition: all .5s;
           -o-transition: all .5s;
           transition: all .5s;

       }

       /* input search css  */
       .header-search-input {
           width: 250px;
           /* Fixed width */
           max-width: 100%;
           min-width: 0;
           box-sizing: border-box;
           padding: 10px 14px;
           border: 1.5px solid #C868A8;
           border-radius: 25px;
           font-size: 15px;
           transition: border-color 0.3s, box-shadow 0.3s;
           margin-bottom: 10px;
           outline: none;
           background: #faf8fc;
           color: #333;
           box-shadow: 0 1px 4px rgba(200, 104, 168, 0.07);
       }


       .header-search-highlight {
           background: #fff3cd;
           color: #c868a8;
           border-radius: 3px;
           padding: 0 2px;
       }


       @media (max-width: 100px) {
           .header-search-input {
               width: 100%;
               max-width: 100%;
               font-size: 14px;
               padding: 8px 12px;
           }
       }

       /* YouTube Lite CSS */
       /*start */
       .youtube-lite {
           position: relative;
           width: 100%;
           padding-top: 56.25%;
           /* 16:9 ratio */
           overflow: hidden;
           background: #000;
       }

       .youtube-lite .yt-thumb {
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-position: center;
           background-size: cover;
           display: flex;
           align-items: center;
           justify-content: center;
       }

       .youtube-lite .yt-play {
           width: 72px;
           height: 72px;
           border-radius: 50%;
           border: none;
           background: rgba(0, 0, 0, 0.6);
           display: inline-block;
           cursor: pointer;
           outline: none;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
           background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 48'%3E%3Cpath d='M66.52 7.02a8.02 8.02 0 0 0-5.66-5.67C56.9 0.5 34 0.5 34 0.5s-22.9 0-26.86.85A8.02 8.02 0 0 0 1.48 7.02 83.08 83.08 0 0 0 0 24a83.08 83.08 0 0 0 1.48 16.98 8.02 8.02 0 0 0 5.66 5.67C11.1 47.5 34 47.5 34 47.5s22.9 0 26.86-.85a8.02 8.02 0 0 0 5.66-5.67A83.08 83.08 0 0 0 68 24a83.08 83.08 0 0 0-1.48-16.98z' fill='%23ff0000'/%3E%3Cpath d='M45 24L27 14v20z' fill='%23fff'/%3E%3C/svg%3E");
           background-repeat: no-repeat;
           background-position: center;
           background-size: 48%;
       }

       /* make sure iframe fills placeholder */
       .youtube-lite iframe {
           position: absolute;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
       }

       .train_activity .metrobhavan_box {
           display: block;
           width: 100%;
           height: 250px;
           background-size: cover;
           background-position: center;
           border-radius: 10px;
           border-radius: 15px;
           text-align: center;
           background-image: url(/assets/images/experience_centre.avif);
           padding: 15px 8px !important;
       }

       .celebration_box,
       .film_box,
       .metrobhavan_box {
           padding: 15px 8px !important;
       }

       .celebration_box h4,
       .film_box h4,
       .metrobhavan_box h4 {
           font-size: 1.3rem !important;
       }

       .metrobhavan_box img {
           max-height: 70px;
           width: auto;
           margin-bottom: 20px;
       }

 .center_round_box {
     background: #fff;
     width: 50%;
     margin: 0 auto;
 }

 /* Modal slide down */
 .modal.fade .modal-dialog {
     transform: translateY(-50px);
     transition: transform 0.4s ease-out;
 }

 .modal.fade.show .modal-dialog {
     transform: translateY(0);
 }

 /* Enhance search box inside modal */
 .gsc-input-box {
     border-radius: 10px !important;
     border: 1px solid #ccc !important;
     padding-right: 40px !important;
     /* space for mic */
     height: 45px !important;
     font-size: 16px !important;
 }

 .gsc-search-button-v2 {
     border-radius: 8px !important;
     padding: 6px 14px !important;
     background-color: #55528D !important;
     border: 1px solid #55528D !important;
 }

 /* Voice button inside input */
 .voice-btn {
     position: absolute;
     right: 10px;
     top: 50%;
     transform: translateY(-50%);
     background: none;
     border: none;
     cursor: pointer;
 }

 .voice-btn svg {
     width: 24px;
     height: 24px;
     fill: #5f6368;
     transition: fill 0.3s;
 }

 .voice-btn:hover svg {
     fill: #1a73e8;
 }

 /* Make the modal search box full width */
 #gsc-i-id1 {
     /* the main input field generated by GCSE */
     width: 100% !important;
     padding: 10px 45px 10px 15px !important;
     /* leave space for search button/mic */
     height: 45px !important;
     border-radius: 8px !important;
     border: 1px solid #ccc !important;
     box-sizing: border-box !important;
     font-size: 16px !important;
 }

 /* Container around input box */
 .gsc-input-box {
     width: 100% !important;
     display: block !important;
 }

 /* Search button */
 .gsc-search-button-v2 {
     height: 45px !important;
     padding: 0 14px !important;
     border-radius: 8px !important;
     margin-left: 5px !important;
 }

 /* Ensure voice button doesn't overlap */
 .voice-btn {
     position: absolute;
     right: 50px;
     /* space before search button */
     top: 50%;
     transform: translateY(-50%);
     background: none;
     border: none;
     cursor: pointer;
     z-index: 2;
 }

 /* Voice icon hover effect */
 .voice-btn svg {
     width: 24px;
     height: 24px;
     fill: #5f6368;
     transition: fill 0.3s;
 }

 .voice-btn:hover svg {
     fill: #1a73e8;
 }

 /* Remove outer border and background from the GCSE search box */
 .gsc-control-cse,
 .gsc-control-cse .gsc-table-result,
 .gsc-search-box,
 .gsc-input-box,
 .gsc-input {
     border: none !important;
     background: transparent !important;
     box-shadow: none !important;
 }

 /* Remove any table cell borders */
 .gsc-search-box td {
     border: none !important;
     background: transparent !important;
 }

 /* Remove padding/margin if needed */
 .gsc-search-box,
 .gsc-input-box {
     padding: 0 !important;
     margin: 0 !important;
 }

 /* Make the GCSE results box larger and position it above the input */
 .gsc-results-wrapper-visible,
 .gsc-results-wrapper-overlay {
     width: 700px !important;
     /* Adjust width as needed */
     min-height: 700px !important;
     /* Adjust height as needed */
     max-height: 70vh !important;
     left: 0 !important;
     right: 0 !important;
     margin: 0 auto !important;
     z-index: 9999 !important;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
     border-radius: 12px !important;
     background: #fff !important;
     overflow: auto !important;
 }

 /* Optional: Make sure the parent is positioned relative for absolute children */
 #gcse-search,
 .gcse-search {
     position: relative !important;
 }

 /* Remove extra margin/padding from the results box */
 .gsc-results {
     margin: 0 !important;
     padding: 0 !important;
 }

 /* Remove blur and set solid background for Google Custom Search results */
 .gsc-modal-background-image-visible,
 .gsc-results-wrapper-overlay,
 .gsc-results-wrapper-visible {
     backdrop-filter: none !important;
     -webkit-backdrop-filter: none !important;
     background: #fff !important;
     /* solid white, adjust as needed */
     opacity: 1 !important;
     filter: none !important;
 }

 /* Make sure text is visible */
 .gsc-result,
 .gsc-results .gsc-thumbnail-inside,
 .gsc-url-top,
 .gs-title,
 .gs-snippet {
     color: #222 !important;
     text-shadow: none !important;
     opacity: 1 !important;
 }

 /* Remove any extra overlay effect */
 .gsc-modal-background-image {
     display: none !important;
     opacity: 0 !important;
 }

   .search-modal {
       width: 600px;
   }

   .search-modal .modal-content {
       border-radius: 13px;
   }

   .search-modal .modal-footer {
       border-radius: 12px;
   }

   /* Style for the mic button */
   .voice-btn {
       position: absolute;
       right: 8px;
       top: 50%;
       transform: translateY(-50%);
       background: none;
       border: none;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       padding: 0;
   }

   .voice-btn svg {
       margin-top: 10px;
       margin-left: -143px;
       width: 34px;
       height: 30px;
       fill: #5f6368;
       transition: fill 0.3s;
   }

   .voice-btn:hover svg {
       fill: #1a73e8;
       /* Google blue on hover */
   }

   .gsc-input-box {
       position: relative;
   }

   @media (max-width:600px) {
       .search-modal {
           width: 480px;
       }

       .banner_support_box2 .link p {
           display: block;

       }
   }

   @media (max-width:480px) {
       .mobile-sm-1 {
           order: 1;
           margin-top: 15px
       }

       .mobile-sm-2 {
           order: 2
       }

       .mobile-sm-3 {
           order: 3
       }

       .celebration_box,
       .film_box,
       .metrobhavan_box {
           height: fit-content !important;
       }
   }

   @media (max-width:599px) {
       .search-modal {
           width: 420px;
           margin: 0 auto;
       }

       .search-modal .modal-content {
           border-radius: 13px;
           height: fit-content;
           padding: 15px !important;
       }
   }

   @media (max-width:424px) {
       .search-modal {
           width: 380px;
       }
   }

   @media (max-width:374px) {
       .search-modal {
           width: 340px;
       }
   }

 @keyframes blink {
     0% {
         opacity: 1;
     }

     50% {
         opacity: 0;
     }

     100% {
         opacity: 1;
     }
 }

 .blink-animate {
     animation: blink 1s infinite;
     padding-top: 10px;
 }

 @media (min-width: 992px) {
     .top_bar_link li img {
         height: 45px !important;
     }
 }

 body.plugin {
     width: 388px;
 }

 ._1p6f {
     max-width: 100%;
     max-height: 100%;
 }

  .top_margin {
      margin-top: 1.5rem !important;
  }