input.disabled {
    cursor: default;
    pointer-events: none;
} 

input.DateSelector {
    cursor: pointer;
}

div#booking-response h5 {
    color: #00000099;
    font-size: 18px;
    font-weight: normal;
}

div#booking-response h4 {
    color: #00000099;
}

.step{
  display: none;
}
.step.active{
  display: block;
}
ul.addons {
    list-style: none;
}
ul.addons li {
    padding: 5px 15px;
    border: 1px solid #F3F2F2;
    font-size: 16px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0F172A;
    width: 48%;
    background-color: #F3F2F2;
}

.room-info-total-price
{
      background-color: #E6EDFF;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 30px;
    margin-top: 15px;
}

.room-info-total-price p, .room-info-total-price p {
    font-size: 14px;
    /* font-family: "Space Grotesk", sans-serif; */
    color: #0F172A;
        margin-bottom: 0px;
}

.room-info-total-price > p
{
    display: flex;
}

.room-info-total-price > p > b
{
    margin-left: auto;
}


.open-dates-msg{
    padding: 20px 50px 20px 20px;
    border: 1px solid #ddd;
    background: #ffffff;
    border-radius: 10px;
    color: #000;
}

.step-3 p {
    color: #0F172A;
    font-family: "Space Grotesk", sans-serif;
}
#room-info-msg-bottom #total-price, #room-info-msg #base-price{
  font-weight: bold;
}
/* #booking-form input, #additional-booking-form input {
    margin-bottom: 20px;
} */
.bh-button-style {
    background: #0F172A !important;
    color: #fff;
    font-family: "Space Grotesk", sans-serif;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    min-width: 100px;
    border-radius: 4px;
}
.bh-button-style:hover {
  background: #2068F5 !important;
}
select#room_type {
    width: 100%;
}
.hotel-booking-form .field{
  padding-right: calc(24px / 2);
  padding-left: calc(24px / 2);
  margin-bottom: 18px;
}

.hotel-booking-form .field label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
    display: block;
}
.site_card_title.mt-5 {
    margin-top: 20px;
}
.step-button-action {
    margin-top: 15px;
}
.hotel-booking-form input {
    border: 1px solid #94A3B8;
    border-radius: 4px !important;
    padding: 9px 12px !important;
    width: 100% !important;
    color: #0F172A !important;
    font-size: 14px !important;
    background: #fff !important;
    border-width: 1px !important;
}
.hotel-booking-form input:focus,
.hotel-booking-form select:focus {
    border: 1px solid #2068F5 !important;
}
.hotel-booking-form select{
  border: 1px solid #94A3B8;
  border-radius: 12px;
  padding: 10px 12px !important;
  width: 100% !important;
  color: #0F172A !important;
}
.field.single_field {
    width: 50%;
    padding-right: calc(24px / 2);
    padding-left: calc(24px / 2);
}
.button_wrap{
	padding-right: calc(24px / 2);
    padding-left: calc(24px / 2);
}
p.error-message, p.error, p.error-message1 {
    color: red;
}
.bh-button-style {
    background-color: #0F172A;
    color: #FFFFFF;
    border-radius: 4px !important;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: None;
    line-height: 1em;
    letter-spacing: 0em;
    padding: 17px 34px 17px 34px;
	  transition: all .3s;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    min-height: 57px;
    width: 100%;
}

.open-dates-button-info
{
      background-color: #0F172A;
    color: #FFFFFF;
    border-radius: 4px !important;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: None;
    line-height: 1em;
    letter-spacing: 0em;
    padding: 17px 34px 17px 34px;
	  transition: all .3s;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    min-height: 57px;
    width: 100%;
}

.open-dates-button-info-inner
{
  background-color: transparent;
  width: 100%;
  color: #fff;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.open-dates-button-info-inner .openDates-loading-message{
  position: relative;
  left: -10px;
}

.site_checkbox_label
{
  display: flex !important; gap: 8px; margin-bottom: 10px;
}

.hidden {
    display: none !important;
}
#submit-booking-btn{
   display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    min-height: 57px;
}
#save-personal-info:hover, .bh-button-style:hover{
	background-color: #2068F5;
}
.field_wrap {
    display: flex;
}
.back-btn, .next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 50%;
}
.step-button-action {
    display: flex;
    align-items: center;
    gap: 10px;
}
.site_checkbox_label input 
{
    border-radius: 12px 12px 12px 12px;
    padding: 10px 12px 10px 12px !important;
    height: 20px !important;
    width: 20px !important;
    flex-shrink: 0;
}

.site_addon_label {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 5px;
        font-size: 14px;
}

.site_addon_label input[type=checkbox]
{ 
  width: 18px !important;
}

.addon-price-spacer
{
  margin-left: auto;
}

.hotel-booking-form ul.addons {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.addons .select-addon{
    font-family: "Space Grotesk", Sans-serif;
    background: #0F172A;
    color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    
}
.additional-vacation h4 {
    margin-bottom: 10px;
}
.addons .select-addon:hover {
    background: #2068F5;
    cursor: pointer;
}
.addons .select-addon{
    font-family: "Space Grotesk", Sans-serif;
    background: #0F172A;
    color: #fff;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 14px;
    cursor: pointer;
        opacity: 0;
    position: absolute;
}
.addons .select-addon:hover, .addons .select-addon.selected{
    background: #2068F5;   
}
#booking-form .bh-button-style, #additional-booking-form .bh-button-style {
    width: 100%;
}
.additional-vacation {
    margin-bottom: 30px;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.6);
}

/* Lightbox Content Box */
.lightbox-content {
    background: #fff;
    margin: 5% auto;
    padding: 20px 20px 50px 20px;
    width: 100%;
    max-width: 900px;
    font-family: "Space Grotesk", sans-serif;
    border-radius: 8px;
    position: relative;
    text-align: center;
}

/* Close Button */
.close-lightbox {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 30px;
    font-weight: normal;
    cursor: pointer;
    background: #0F172A;
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    line-height: 31px;
}
.lightbox-content img {
    width: 100%;
    object-fit: cover;
}
.lightbox-content h2 {
    font-size: 28px;
    font-family: "Space Grotesk", sans-serif;
    color: #0F172A;
}
.lightbox-content b {
    color: #0F172A;
    font-size: 20px;
}
.lightbox-content ul {
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
}
.lightbox-content li {
    margin-bottom: 8px;
    font-size: 18px;
    color: #0F172A;
    position: relative;
}
.lightbox-content li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #2068F5;
    display: inline-block;
    top: 3px;
    position: relative;
    margin-right: 18px;
}
.lightbox-content p {
    font-size: 18px;
    color: #0F172A;
}
#view-details-link {
    margin-bottom: 10px;
    display: block;
}


.loading-message {
    margin: 0;
}


.calenderMainWrapper {
    position: relative;    
}

#calendar-wrapper {
  width: 100%;
  background-color: white;
  padding: 20px;
  border-radius: 12px;
  /* display: none; */
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  /* position: absolute;
  top: 0px; */
  border: solid 1px #3869ED;
  display: flex;
  flex-flow: column;

}

#calendar-wrapper *
{
  font-family: 'inter', sans-serif; 
}

.calender-nav {
  display: flex;
  gap: 20px;
  align-items: center;
}

.previous-month {
  height: 35px;
  width: 35px;
  text-align: center;
  border-radius: 100%;
  background: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.previous-month.disabled, .next-month.disabled {
  cursor: default;
  opacity: 0.5;
}

.next-month {
    height: 35px;
     width: 35px;
    border-radius: 100%;
    background: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.calender-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.month-block {
  margin-bottom: 20px;
  display: none;
}

.month-block.active {
  display: block;
}

.month-title {
  font-size: 18px;
  font-weight: bold;
   /* font-family: "Space Grotesk", sans-serif; */
       font-weight: 900;
           color: #000;
}

.weekdays {
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px;
}

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  background-color: #efefef;
      border: solid 1px #efefef;
}



.day {
  padding: 8px;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
}


.not-available {
  background-color: #f88;
  pointer-events: none;
  color: #555;
}

.available {
  background-color: white;
}

.selected {
  background-color: #3869ED !important;
  color: white;
  }

.empty-day {
  visibility: hidden;
}

.day.disabled {
  cursor: not-allowed;
  background-color: #ccc;
}
.booking-response {
    margin-top: 10px;
}
.open-dates-button-info{
  position: relative;
      width: 100%;
}
/* #open-dates-btn {
    margin-top: 10px;
} */
#open-dates-info {
    cursor: pointer;
    color: #0073aa;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
    position: absolute;
    right: 70px;
    top: 20px;
    z-index: 9999;
    width: 20px;
    height: 20px;
    
}
#open-dates-info:hover {
    color: #005177;
}
#open-dates-message {
    display: none;
    background: #f1f8ff;
    border: 1px solid #cce5ff;
    color: #004085;
    padding: 25px 20px;
    border-radius: 6px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
    position: absolute;
    bottom: 45px;
    width: 100%;
    z-index: 999;
}
#close-open-dates {
    position: absolute;
    right: 10px;
    top: -2px;
    cursor: pointer;
    font-weight: normal;
    font-size: 24px;
}


.read-toggle {
    cursor: pointer;
    font-weight: 500;
    color: #2068F5;
}

.coupon-wrapper {
    margin: 20px 0;
        padding: 0 12px;
}

.coupon-wrapper strong
{
  font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
    display: block;
}

button#apply_coupon {
    background-color: #0F172A;
    color: #FFFFFF;
    border-radius: 4px !important;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: None;
    letter-spacing: 0em;
    padding: 10px 25px 10px 25px;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    gap: 3px;
}
.calendar-legend {
  
  display: flex;
  gap: 20px;
  font-size: 14px;
  align-items: center;
  
      order: 2;
}
.legend-box {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  border-radius: 3px;
}
.legend-box.past-day { background: #ccc; }
.legend-box.not-available { background: #f88; }
.legend-box.available { background: green; }
.calendar-legend > span {
    display: flex;
    align-items: center;
}

.px-4
{
  padding: 0px 12px; 
}

.site_card_detail_title
{
    margin-top: 0px;
    margin-bottom: 13px;
    font-family: "Inter";
    font-size: 16px;
}

/* Sk css start */


.row {
  display: flex;
  flex-wrap: wrap;
}

[class*="col-md-"] {
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  width: 100%; /* Mobile default: full width */
}

/* Tablet & above (≥768px) */
@media (min-width: 768px) {
  .col-md-1  { width: 8.3333%; }   /* 1/12 */
  .col-md-2  { width: 16.6667%; }  /* 2/12 */
  .col-md-3  { width: 25%; }       /* 3/12 */
  .col-md-4  { width: 33.3333%; }  /* 4/12 */
  .col-md-5  { width: 41.6667%; }  /* 5/12 */
  .col-md-6  { width: 50%; }       /* 6/12 */
  .col-md-7  { width: 58.3333%; }  /* 7/12 */
  .col-md-8  { width: 66.6667%; }  /* 8/12 */
  .col-md-9  { width: 75%; }       /* 9/12 */
  .col-md-10 { width: 83.3333%; }  /* 10/12 */
  .col-md-11 { width: 91.6667%; }  /* 11/12 */
  .col-md-12 { width: 100%; }      /* 12/12 */
}


.hotel-booking-form
{
    background: #fff;
    padding: 30px 20px;
    border: solid 1px rgb(0 0 0 / 20%);
    border-radius: 30px;
    min-height: 386px;
}

.site_container{
      display: flex;
    gap: 40px;
    width: 100%;
    flex-wrap: wrap;

}

.terms-text
{
      font-size: 16px;
    color: #000;
    line-height: normal;
    font-weight: 400;
}

.site_journey_text
{
  margin-bottom: 0px;
}

.site_btn_group
{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 20px;
    position: relative;
}

.site_booking_confirm_section
{
  background: #3869ED;
  background: linear-gradient(180deg, rgba(56, 105, 237, 1) 0%, rgba(255, 255, 255, 0.8) 100%);
  margin-bottom: 30px;
  border-radius: 8px;
  overflow: hidden;
}

.site_booking_confirm_section img
{
  width: 100%;
  height: 280px;
  object-fit: cover;
}

.site_booking_confirm_title {
    margin-top: 0;
    font-size: 36px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.site_booking_confirm_content
{
  padding: 25px 36px;
  color: #000;
}

.site_booking_card
{
  border: solid 1px #3869ED;
  padding: 20px 30px;
  border-radius: 8px;
  color: #000;
  background:linear-gradient(230deg, rgba(56, 105, 237, 1) -180%, rgba(255, 255, 255, 1) 50%);
}

.site_booking_card_list {
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.site_booking_card_list li{
  width: 49%;
  margin-bottom: 15px;
}

.bg-white
{
  background: #fff;
}

.site_payment_card_list
{
      margin: 0px;
      padding: 0px;
}

.site_payment_card_list li 
{
  display: flex;
  justify-content: space-between;
}

.site_payment_card_list_top li
{
  margin-bottom: 10px;
}

.site_payment_card_list_bottom
{
    margin-top: 10px;
}

.site_booking_summary_section
{
  margin-bottom: 20px;
}

.additional-addons-list .col-md-7{
  padding: 0;
}

.additional-booking-response p {
  font-size: 16px;
}

.site_intresting_cta
{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #3869ED;
  background: linear-gradient(280deg, rgba(56, 105, 237, 1) 0%, rgba(75, 119, 239, 1) 35%, rgba(114, 148, 242, 1) 64%, rgb(224 224 224 / 27%) 100%), url(../img/intersting-bg.png);
  padding: 15px 30px;
  border-radius: 8px;
  background-position: center left;
  background-repeat: no-repeat;
      
}

.site_intresting_content
{
    width: 60%;
    padding-right: 100px;
}

.site_intresting_content a {
    color: #ffff;
    font-weight: 400;
}

.site_intresting_title
{
  font-size: 24px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 10px;
  color: #fff;

}

.site_intresting_cta .custom-select
{
  width: 40%;
}

.custom-select {
  position: relative;
  display: inline-block; 
}

/* The select box */
.custom-select select {
  width: 100%;
  padding: 8px 40px 8px 16px;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  transition: all 0.2s ease;
  background-image: none;
}

/* Hover and focus */
.custom-select select:hover,
.custom-select select:focus {
  box-shadow: 0 0 0 2px rgba(56,105,237,0.3);
  outline: none;
}

/* Custom arrow */
.custom-select::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 8px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8" viewBox="0 0 14 8" fill="none"><path d="M0.75 0.75L6.04289 6.04289C6.37623 6.37623 6.54289 6.54289 6.75 6.54289C6.95711 6.54289 7.12377 6.37623 7.45711 6.04289L12.75 0.75" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: contain;
  pointer-events: none;
}

.view-details-link
{
  display: flex;
  align-items: center;
  gap: 20px;
}

.view-details-link:hover
{
color: #fff;
opacity: 0.8;
}

.site_additional_trip_content
{
  display: flex;
      margin-bottom: 30px;
  gap: 20px;
}

.site_additional_trip_title
{
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: "inter", sans-serif;
}

.site_additional_trip_text
{
  margin-bottom: 0px;
      font-size: 24px;
  line-height: normal;
}

.site_additional_trip_total
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site_additional_trip_price
{
  font-size: 24px;
      flex-shrink: 0;
}

.site_additional_trip_total .bh-button-style
{
min-width: 290px;
    width: auto;
}

  /* Left Form */
  .site_form_wrapper{flex:1}

  .site_multistep_form
  {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    border: solid 1px rgb(0 0 0 / 20%);
    border-radius: 30px;
    min-height: 386px;
  }

  .site_steps{display:flex;justify-content:space-between;position:relative;margin-bottom:25px}
  .site_steps::before{
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 90%;
    height: 5px;
    background: #B6B6B6;
    z-index: 0;
    right: 0;
    margin: auto;
  }
  .site_step{text-align:center;z-index:1}
  .site_step_circle{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:5px;color:#B6B6B6;background:#efefef; border: solid 1px #3869ED;     font-family: "Space Grotesk";
    font-weight: 700;}
  .site_step.active .site_step_circle{background:#3869ED; color: #fff;}
  .site_step_text{
    font-size: 14px;
    font-weight: 400;
    color: #000;
  }
  .site_form_step{display:none;animation:fade .3s ease}
  .site_form_step.active{display:block}
  @keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

  .site_form_group{display:flex;gap:10px;margin-bottom:15px}
  .site_form_field{flex:1;display:flex;flex-direction:column}
  .site_form_field label{
        font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000;
  }
  .site_input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}
  .site_input:focus{border-color:#3869ED;outline:none}

  .site_checkbox_wrapper{margin:15px 0}
  .site_checkbox_wrapper label{
        font-size: 16px;
    color: #000;
    line-height: 1.9;
    font-weight: 700;

  }
  .site_checkbox_wrapper input{margin-right:8px}
  .site_checkbox_wrapper a{color:#3869ED;text-decoration:none}
  .site_checkbox_wrapper a:hover{text-decoration:underline}

  /* .site_btn_group{display:flex;justify-content:space-between;margin-top:20px; gap: 20px;} */
  .site_btn{flex:1;padding:15px 12px;font-size:16px;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:.3s}
  .site_btn_primary{background:#111729;color:#fff}
  .site_btn_primary:hover{background:#333}
  .site_btn_secondary{background:transparent;border:1px solid #111729;color:#111729;}
  .site_btn_secondary:hover{background:#111729;color:#fff}
  .site_info_icon{
    margin-left: 15px;
    top: 2px;
    position: relative;

  }

.site_open_dates
{
      text-align: center;
      font-family: "Space Grotesk", sans-serif;
}

  .site_journey_banner
  {
    position: relative;
    padding: 30px;
    background-color: #111729;
    border-radius: 30px;
    margin-top: 30px; 
    color: #fff;
    overflow: hidden;
  }

  .site_journey_banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    top: 0px;
    right: 0px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="233" height="173" viewBox="0 0 233 173" fill="none"><g opacity="0.7" filter="url(%23filter0_f_2_113)"><circle cx="227.5" cy="-10.5" r="207.5" fill="url(%23paint0_radial_2_113)"/></g><defs><filter id="filter0_f_2_113" x="0" y="-238" width="455" height="455" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_2_113"/></filter><radialGradient id="paint0_radial_2_113" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(227.5 -10.5) rotate(108.8) scale(198.755 250.306)"><stop stop-color="%233869ED"/><stop offset="1" stop-color="%233869ED" stop-opacity="0"/></radialGradient></defs></svg>');
    background-repeat: no-repeat;
    background-position: top right;
  }

  .site_bookwith_title
  {
     margin-top: 0px;
    margin-bottom: 10px;
  }

  .site_bookwith_text
  {
    color: #000;
    font-size: 16px;
        margin-bottom: 30px;
  }

  .site_journey_title
  {
    font-size: 40px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 15px;
  }

  .site_open_dated_info
  {
    border: solid 1px #3869ED;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
  }

  .site_open_dates_title
  {
    margin-top: 0px;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
  }

  .site_open_dates_text
  {
    font-size: 14px;
    color: #000;
    margin-bottom: 0px;
    line-height: normal;
  }

  .site_addon_title
  {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .site_addon_item
  {
    display: flex;
    color: #000;
    border: solid 1px transparent;
    padding: 5px 20px;
    border-radius: 8px;
    align-items: center;
  }
  .item-selected
  {
    display: flex;
    color: #000;
    border: solid 1px #3869ED;
    padding: 5px 20px;
    border-radius: 8px;
    align-items: center;
  }

  .site_addon_price
  {
    margin-left: auto;
    font-weight: 700;
  }

  /* Right Card */
  .site_trip_card{
    background: #fff;
    border-radius: 30px;
    border: solid 1px rgb(0 0 0 / 20%);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding:30px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="468" height="215" viewBox="0 0 468 215" fill="none"><g opacity="0.5" filter="url(%23filter0_f_6_241)"><circle cx="234.5" cy="311.5" r="291.5" fill="url(%23paint0_radial_6_241)"/></g><defs><filter id="filter0_f_6_241" x="-77" y="0" width="623" height="623" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10" result="effect1_foregroundBlur_6_241"/></filter><radialGradient id="paint0_radial_6_241" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(234.5 311.5) rotate(108.8) scale(279.214 351.635)"><stop stop-color="%2338C9ED"/><stop offset="1" stop-color="white" stop-opacity="0"/></radialGradient></defs></svg>');
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  .site_trip_content{}
  .site_trip_title{font-size:39px;font-weight:700;margin-bottom:5px;color:#000; margin-top: 0;}
  .site_trip_location{font-size:16px;color:#555;margin-bottom:35px}
  .site_trip_summary_title{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000;
  }
  .site_trip_list{list-style:none;padding:0;margin:0}
  .site_trip_list li{
    font-size: 16px;
    color: rgb(0 0 0 / 60%);
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
    line-height: normal;    
    margin-bottom: 20px;
  }
  .site_trip_list li::before
  {
    content:"";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M20.75 10.75C20.75 5.22715 16.2728 0.75 10.75 0.75C5.22715 0.75 0.75 5.22715 0.75 10.75C0.75 16.2728 5.22715 20.75 10.75 20.75C16.2728 20.75 20.75 16.2728 20.75 10.75Z" stroke="%233869ED" stroke-width="1.5"/><path d="M6.75 11.25L9.25 13.75L14.75 7.75" stroke="%233869ED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
  }

  .site_date_list{list-style:none;padding:0;margin:0}
  .site_date_list li{font-size:16px;color:rgb(0 0 0 / 60%);margin-bottom:8px;display:flex;align-items:flex-start;gap:15px; line-height: normal;   margin-bottom: 20px;}
  .site_date_list li::before
  {
    flex-shrink: 0;
    content:"";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><path d="M16.25 0.75V2.75M4.25 0.75V2.75" stroke="%233869ED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M10.2455 11.75H10.2545M10.2455 15.75H10.2545M14.241 11.75H14.25M6.25 11.75H6.25897M6.25 15.75H6.25897" stroke="%233869ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.75 6.75H18.75" stroke="%233869ED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.75 10.9932C0.75 6.63594 0.75 4.45728 2.00212 3.10364C3.25424 1.75 5.26949 1.75 9.3 1.75H11.2C15.2305 1.75 17.2458 1.75 18.4979 3.10364C19.75 4.45728 19.75 6.63594 19.75 10.9932V11.5068C19.75 15.8641 19.75 18.0427 18.4979 19.3964C17.2458 20.75 15.2305 20.75 11.2 20.75H9.3C5.26949 20.75 3.25424 20.75 2.00212 19.3964C0.75 18.0427 0.75 15.8641 0.75 11.5068V10.9932Z" stroke="%233869ED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M1.25 6.75H19.25" stroke="%233869ED" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
  }

.site_trip_price {
    margin-top: 40px;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    color: #000;
    margin-bottom: 0px;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: space-between;
}
.site_trip_price span.old-price {
    color: #9F9F9F;
    margin-right: 3px;
    text-decoration: line-through;
    font-size: 20px;
}
.site_trip_price span.new-price {
    color: #3869ED;
    font-size: 32px;
}
.site_trip_price span.couple-tag {
    background: #3869ED;
    color: #fff;
    padding: 4px 12px;
    font-size: 13px;
    margin-top: 8px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    border-radius: 5px;
}
  .site_swiper{width:100%; margin-bottom: 30px;}
  .site_swiper img{    
    width: 100%;
    height: 220px !important;
    object-fit: cover;
    border-radius: 20px !important;
  }

  .text-primary
  {
    color: #3869ED;
  }
  .site_step.active:nth-child(2n):before {
      background: #3869ED;
      content: "";
      height: 5px;
      width: 40%;
      position: absolute;
      top: 20px;
      left: 60px;
      z-index: -99;
  }
  .site_step.active:nth-child(3n):before {
      background: #3869ED;
      content: "";
      height: 5px;
      width: 40%;
      position: absolute;
      top: 20px;
      right: 60px;
      z-index: -99;
  }
  .site_journey_banner-mb{
    display: none;
  }
  .addons-checkout-footer {
    margin-top: 20px;
  }

  .addons-checkout-footer #checkout-booking-btn {
      max-width: 291px;
      width: 100%;
  }

  .addons-checkout-footer {
      display: flex;
      justify-content: end;
  }
.additional-addons-list {
    padding: 40px 0px;
}
.additional-addons-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 16px !important;
}
.additional-addons-detail h2 {
    margin: 0;
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 25px;
}
.additional-addons-detail {
    margin-top: 60px;
    padding-left: 30px;
}
.additional-addons-detail p {
    font-size: 16px;
    color: #000;
    line-height: 28px;
    margin-bottom: 30px;
}
.additional-addons-detail .form-check {
    display: flex;
    align-items: center;
    border: solid 1px #000;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 16px;
    color: #000;
    gap: 4px;
}
.call-timings{
  padding-top: 15px;
}
div#selected-dates {
    margin-top: 20px;
}
.selected-dates-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background: #E6EDFF;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
}
.date-box .label {
    font-weight: 600;
    margin-right: 5px;
    color: #333;
}
.date-box .value {
    font-size: 14px;
}
@media (max-width:1199px){
  #open-dates-info{
    right: 50px;
    top: 22px;
  }
  .site_bookwith_text br{
    display: none;
  }
}

@media(max-width:900px){
  .site_container{flex-direction:column}

  
}

/* Sk css end */


@media (max-width:1100px){
  .site_step.active:nth-child(3n):before {
    display: inline-block;
    width: calc(40% - 40px);
}

.site_step.active:nth-child(2n):before {
    display: inline-block;
    width: calc(40% + 60px);
}
}

@media screen and (max-width: 992px) {
  .site_trip_title{
    font-size: 30px;
  }
  .bh-button-style{
    padding: 17px 10px 17px 10px;
    font-size: 14px;
  }

  

  .open-dates-button-info{
    font-size: 14px;
    padding: 17px 10px 17px 10px;

  }
  #open-dates-info {
      right: 10px !important;
  }
  .lightbox-content {
      max-width: 600px;
      box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .additional-addons-list .col-md-5{
    padding: 0 !important;
  }
  .additional-addons-detail{
    margin-top: 30px;
    padding-left: 0 !important;
  }
  .additional-addons-detail h2 {
      font-size: 30px;
  }
  .lightbox-content {
    padding-bottom: 20px;
  }

  .close-lightbox {
      right: 0;
  }

  .lightbox-content h2 {
      font-size: 18px;
  }

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

  .lightbox-content li {
      font-size: 14px;
  }

  .lightbox-content b {
      font-size: 17px;
  }


  #booking .elementor-element > .elementor-element:nth-of-type(2):not(.elementor-widget-text-editor) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 20px 10px !important;
 }
  .field.single_field{
    width: 100%;
    padding-right: calc(10px / 2);
    padding-left: calc(10px / 2);
    margin-bottom: 12px;
  }
  .hotel-booking-form .field {
    padding-right: calc(10px / 2);
    padding-left: calc(10px / 2);
  }
  .button_wrap {
    padding-right: calc(10px / 2);
    padding-left: calc(10px / 2);
  }
  #save-personal-info, .bh-button-style{
    padding: 10px 2px 10px 2px;
    font-size: 14px;
    min-height: 40px;
  }
  #submit-booking-btn{
    min-height: 40px;
    font-size: 14px;
    padding: 12px 34px;
  }
  #open-dates-info{
    right: 15px;
  }
  .step-3 .step-button-action{
    padding: 0px 5px;
    margin-top: 20px;
  }
  .open-dates-button-info{
    font-size: 14px;
    padding: 10px 0px 10px 0;
  }
  div#arivul-booking-form-page {
      background: none;
  }
  .site_journey_banner-mb {
      display: block;
      margin-top: 0;
      margin-bottom: 25px;
      padding: 20px 20px;
      border-radius: 15px;
  }
  .site_journey_banner-dt{
    display: none;
  }
  .site_journey_title {
      font-size: 24px;
  }

  p.site_journey_text {
      font-size: 14px;
  }
  .site_journey_title {
    font-size: 24px;
  }

  p.site_journey_text {
      font-size: 14px;
  }

  .site_bookwith_text {
      font-size: 14px;
      line-height: 22px;
      text-align: center;
  }

  .site_bookwith_title {
      text-align: center;
      font-size: 24px;
  }
  .hotel-booking-form {
      padding: 20px 17px;
      margin-bottom: 30px;
  }

  .terms-text {
      font-size: 14px;
  }

  .site_checkbox_label input {
      height: 15px !important;
      width: 15px !important;
      margin-top: 4px;
  }

  .hotel-booking-form .field label {
      font-size: 12px;
  }

  .hotel-booking-form input {
      border-radius: 4px;
      padding: 4px 9px !important;
      font-size: 12px !important;
  }
  .site_trip_title {
      font-size: 24px;
      margin-bottom: 10px;
      display: block;
  }

  .site_trip_location {
      font-size: 14px;
      margin-bottom: 25px;
  }

  .site_swiper img {
      border-radius: 16px !important;
  }

  .site_trip_card {
    padding: 20px !important;
    background-image: url('https://devmontdigital.co/arivul/wp-content/uploads/2025/11/shadow-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
  }
  .site_trip_title {
      font-size: 24px;
      margin-bottom: 10px;
      display: block;
  }

  .site_trip_location {
      font-size: 14px;
      margin-bottom: 25px;
  }

  .site_swiper img {
      border-radius: 16px !important;
  }

  .site_trip_card {padding: 20px !important;}

  .site_trip_list li {
      font-size: 14px;
      line-height: 20px;
  }
  .month-title {
    font-size: 14px;
  }

  .calender-nav {
      gap: 10px;
  }

  .previous-month, .next-month {
      width: 25px;
      height: 25px;
  }

  .previous-month svg, .next-month svg {
      width: 20px !important;
  }

  .day {
      font-size: 12px;
  }

  .weekdays div {
      font-size: 12px;
  }
  .step.step-2.px-4{
    padding: 0;
  }
  .px-4.site_card_title {
    padding: 0px 5px;
  }

  .site_card_detail_title {
      margin-bottom: 10px;
      font-size: 14px;
  }

  .px-4.site_card_title.mt-5 {
      margin-top: 20px;
  }
  .site_booking_confirm_section > img {
    height: 230px !important;
    object-fit: cover;
  }

  .site_booking_confirm_content {padding: 10px;}

  .site_booking_confirm_title {
      font-size: 24px;
      margin-top: 16px;
      margin-bottom: 20px;
      gap: 15px;
      align-items: flex-start;
  }

  .site_booking_confirm_title svg {
      width: 25px;
      flex-shrink: 0;
  }

  .site_booking_card {
      padding: 10px 20px;
      margin-bottom: 21px;
  }

  .site_booking_card_list {
      display: block;
  }

  .site_intresting_cta {
      display: block;
      padding: 23px 30px;
  }

  .site_intresting_content {
      padding-right: 0;
      width: 100%;
      text-align: center;
  }

  .site_intresting_content a {
      justify-content: center;
      margin-bottom: 13px;
  }

  .site_intresting_cta .custom-select {
      width: 100%;
      margin-bottom: 0;
  }

  div#booking-response {
      font-size: 14px;
  }
  .addons-checkout-footer #checkout-booking-btn {
      max-width: 190px;
  }
  .site_additional_trip_total {
      display: block;
  }

  .site_additional_trip_content {
      display: block;
  }

  .site_booking_confirm_content {
      padding: 15px 5px;
  }

  .site_additional_trip_text {
      font-size: 14px;
  }

  .site_additional_trip_title {
      margin-bottom: 8px;
  }

  .site_additional_trip_price {
      font-size: 14px;
      margin-bottom: 25px;
      display: block;
  }

  .site_additional_trip_total .bh-button-style {
      min-width: 100%;
  }
}
@media screen and (max-width: 580px) {
 .site_steps::before {
    left: 0;
    width: 80%;
  }
}
@media screen and (max-width: 460px) {
  #open-dates-info {
    right: 10px;
    width: 14px;
    height: 14px;
    top: 21px;
  }
  #open-dates-info img {
      width: 14px;
  }
}
@media screen and (max-width: 480px) {
  #open-dates-info {
    right: 7px;
    width: 12px;
    height: 12px;
    top: 15px;
  }
  #open-dates-info img {
      width: 12px;
  }

  .site_btn_group {
      flex-wrap: wrap;
  }
  .open-dates-button-info {
      padding: 12px 34px 10px 34px;
      font-size: 14px;
      min-height: 40px;
  }
  .calendar-grid {
      grid-template-columns: repeat(6, 1fr);
  }
  .field_wrap{
    flex-wrap: wrap;
  }
  #open-dates-message {
      bottom: 90px;
  }

}