/* -----Cover Spin Start-------*/

.cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:99999;
    display:none;
}

@-webkit-keyframes spin {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
.cover-spin h2{
 clear:both;
 float:left;
 position:absolute;
 top:50%; 
 left: 0;
 right:0;
 color:#a45374;
 text-align:center;
}
.cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:#a45374;
    border-top-color:transparent;
    border-width: 6px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

/* -----Cover Spin End-------*/

.modal {
    z-index: 99999;
}

.modal-header {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: start;
    align-items: flex-start;
    /***-ms-flex-pack: justify;
    justify-content: space-between; ***/
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
;
}
.table-scroll {
    max-height: 400px; /* Adjust height as needed */
    overflow-y: auto;
}

.table-scroll table {
    width: 100%;
    border-collapse: collapse;
}

.table-scroll th, .table-scroll td {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
}

.table-scroll th {
    position: sticky;
    top: 0; /* Keeps header fixed while scrolling */
    z-index: 1;
}
.yellow-background{
    background: #ffc84c !important;
}

.mb-20{
    margin-bottom:20px !important;
}

.table_row_feature.selected{
   background-color: #090687 !important;
}

.mt-20{
    margin-top:20px !important;
}

.stripe-button-el{
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    display: block !important;
    margin-top: 30px !important;
    padding: 100px !important;
}

.click_div {
    border: 1px solid #777777;
    text-align: center;
    background: #f1f1f1;
}

.click_inner {
    padding: 50px 20px;
}

.click_inner img {
    max-width: 80px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .click_div .click_inner img {
        height: 120px;
        max-width: 100%;
    }
}

.advert_modal .modal-content {
    background-color: #ffffff !important;
}

.below_adult{padding: 15px;}

.below_child{padding:0 15px 15px 15px;}

.below_submit{padding:0 15px 15px 15px;}

.below_submit button{width: 100%;height: 36px;}

.filter-section-scroll{
    max-height: 150px;
    overflow-y: auto;
}

.booking-summary-section table thead tr th{
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6 !important;
}

.table_price{}
.table_price h5{font-weight: bold;margin-top: 5px; margin-bottom: 5px;font-size: 15px;color: #000;}

.table_price2{}
.table_price2 h5{ margin-top: 5px; margin-bottom: 5px;font-size: 15px;color: #000;}
.table_price2 h5 span{font-weight: bold;}

.iti{
    display:block !important;
}

.date-confirm-btn:hover{
   cursor:pointer !important;
}

.new_slide_button_wrap {
    position: absolute;
    bottom: 60px;
    z-index: 99;
    width: 100%;
    text-align: center;
}

@media (max-width: 1400px) {
    .slider_form {
        position: absolute;
        bottom: 35%;
        width: 100%;
    }
}

.event-booking-btn:hover{
    cursor:pointer;
}

.itineraryPrintBtn:hover{
    cursor: pointer;
}

.mt-2-5{
    margin-top:25px;
}

.inner-padding{
    padding: 5px;
}
.price_option {
    width: 90%;
}

.new_india2 .inner-padding h2 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
}

.selected-optional-tours{
    margin-top:3px;
    padding: 5px;
    margin-left: 3px;
    margin-right: 3px;
    border: 1px solid #e1dcdc;
    background: #fff;
    padding: 5px;
    box-shadow: 0 4px 8px 1px rgb(0 0 0 / 19%);
}

.right_top_div ul.dropdown-menu-user li {
    display: inline-block;
    width: 100%;
}

.service-block p{
    text-align: justify !important;
    padding:5px !important;
}

@media(max-width:479px) {
    .slider_wrap{
        display:none;
    }
}

.table_row_feature td {
    border: 1px solid #fff;
}

.subcategory-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding:0 0;
}

.scroll-btn {
  background-color: #ffffff;
  border: 1px solid #090687;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  font-size: 20px;
  color: #293b87;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  z-index: 10;
  flex-shrink: 0;
}

.scroll-btn:hover {
  background-color: #f0f2f5;
}

.scroll-btn.left {
  margin-right: 10px;
}

.scroll-btn.right {
  margin-left: 10px;
}

.subcategory-nav {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scroll-behavior: smooth;
  gap: 10px;
  flex: 1;
}

.subcategory-nav::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.subcategory-item {
  flex-shrink: 0;
  padding: 8px 12px;
  background-color: #020087;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;color: #fff;
  border: 1px solid #e1e4e8;
  display: flex;
  align-items: center;
  transition: all 0.3s;
}

.subcategory-item.active {
  background-color: #090687;
  color: #fff;
  border-color: #090687;
}

.subcategory-item:hover:not(.active) {
  background-color: #f0f2f5;color:#000;
}

.subcategory-count {
  margin-left: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
}

.active .subcategory-count {
  background-color: rgba(255, 255, 255, 0.2);
}

.subcategory-item:not(.active) .subcategory-count {
  background-color: #f0f2f5;
  color: #666;
}

.info-form .label, .review-list .label{
    color: #000 !important;
    font-size: 14px;
}

.d-block {
    display: block !important;
}

.invalid-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.mt-5{
    margin-top:5px !important;
}

/* Hide all Google elements */
.goog-te-banner-frame, 
.goog-te-menu-frame, 
.goog-te-ftab-frame, 
.goog-logo-link, 
.goog-te-gadget {
    display: none !important;
}

body {
    top: 0 !important;
}

/* Custom selector styles */
.custom-translate {
    position: relative;
    display: inline-block;
    /***margin: 20px;***/
}

#custom-language-selector {
    /***padding: 10px 15px;***/
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #f8f8f8;
    color: #333;
    font-size: 16px;
    width: 100px;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
}

.skiptranslate{
    display: none;
}

.travel_head_detail h3.price {
    font-weight: bold;
    color: #020087;
    font-size: 17px !important;
}

#itinerary ul, #terms-conditions ul, .abt_right ul {
  list-style-type: disc !important;
  margin-left: 20px;
}

#itinerary ul li::before, #terms-conditions ul li::before, .abt_right ul li::before {
  content: "• ";
  color: black; /* bullet color */
  margin-right: 8px; /* spacing */
}
#itinerary ul li, #terms-conditions ul li, .abt_right ul li {
  align-items: center;
}
.droopmenu > li > a, .droopmenu > li > span {
    color: #000 !important;
}
.droopmenu li:hover > a, .droopmenu li li:hover > a {
    color: red !important;
}
.table_top, .yellow-background{
    background: red !important;
}
table thead th{
    color: #fff !important;
}
.btn_new4{
    background: red !important;
    color: #fff !important;
}
.nav_section {
    background: red !important;
}
.table_row_feature {
    background: #efefef !important;
    color: #000000 !important;
}
.table_row_feature a {
    color: #111111 !important;
}
.table_row_feature a.btn_new1{
    color:#fff !important;
}
.swal-overlay {
    z-index: 99999999 !important;
}
.table_row_feature.selected {
    color: #fff !important;
}
.trip_table table tr:hover td, .trip_table table tr:focus td {
    color: #fff !important;
}
.mt-1{
    margin-top: 10px;
}
.iti--container {
    z-index: 999999 !important;
}

/* Ensure positioning inside scrollable container */
.subcategory-nav {
  position: relative;
}

.dropdown-wrapper789 {
  position: relative;
}

.dropdown-content789 {
  position: fixed; /* key fix */
  background: #ffffff;
  border: 1px solid #e1e4e8;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 9999;
  min-width: 140px;
}

.dropdown-content789 .subcategory-item {
  background-color: #ffffff;
  color: #000;
  border: none;
  border-radius: 0;
  padding: 8px 12px;
}

.dropdown-content789 .subcategory-item:hover {
  background-color: #f0f2f5;
}

.caret789 {
  margin-left: 5px;
  font-size: 12px;
}

.sold-out {
    opacity: 0.6;
}

.sold-out td:first-child::after {
    content: "Sold Out";
    display: block;
    color: red;
    font-weight: bold;
    margin-top: -10px;
    padding-left: 20px;
    font-size: 13px;
}

h5.career-short-list span {
    margin-right: 5px;
}

#progressWrapper{
    display:none; 
    margin-top:15px;
}

#progressWrapper #uploadProgress{
    width:0%;
}

.g-recaptcha div{
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

.carousel-video{
	width: 100%;
    /* height: 474px; */
    object-fit: cover;
}

.bc-reviews .review-form .form-wrapper .review-items .item .fa.selected, .bc-reviews .review-form .form-wrapper .review-items .item .fa.hovered{
    color: #ffdc00;
}

@media screen and (max-width: 992px) {
    .login-item .droopmenu-indicator{
       position: relative !important;
       top: 5px !important;
    }
}

.footer-contact-form input::placeholder,  .footer-contact-form input{
    color: white;
    opacity: 1; /* Make sure it's fully visible */
}

/* For textarea */
.footer-contact-form textarea::placeholder, .footer-contact-form textarea {
    color: white;
    opacity: 1;
}

.footer-contact-form input::-webkit-input-placeholder { color: white; }
.footer-contact-form input:-ms-input-placeholder { color: white; }
.footer-contact-form input::-ms-input-placeholder { color: white; }
.footer-contact-form input::placeholder { color: white; }