#sb-timeline #steps #steps-content #sb_booking_content .item.panel .preloader .img img {
    border-radius: 1.8vw!important;
   
}




#sb-timeline #steps #steps-content #sb_booking_content .item.panel {
    padding: 2.7vw!important;
       border-radius: 1.8vw!important;

}





.panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide, .panel > .wrap-collapse-content .collapse-content .btn-bar-full-info .btn-hide span, .panel .btn-bar .wrap-read-more .read-more .part, #sb-timeline #steps #steps-content #sb_booking_content .location-item.panel .address a {
    color: #bebbbb!important;
}





#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn {
       border-radius: 3vw!important;
}




#sb-timeline #steps #steps-content #sb_booking_content .item.panel .title {
     text-transform: uppercase!important;
     font-size: 18px!important;
}






#sb-timeline #steps #steps-content #sb_booking_content .item.panel {
font-size: 15px!important;
}




#sb-timeline #steps #steps-content #sb_booking_content .item.panel .info-bar .ico {
    font-size: 21px!important; 

}





#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content .collapse-content .biggest-previev img {
    max-height: 210px!important; 
}



#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content .collapse-content .biggest-previev {
    width: 50%!important;
    float: right!important;
margin-right: 6vw!important;
margin-left: 6vw!important;

}


#sb-timeline #steps #steps-content #sb_booking_content .item.panel>.wrap-collapse-content .collapse-content {
    padding-top: 60px!important;
}




div.copyright {
     display: none!important;
}



#sb-timeline #steps #time-settings #sb_booking_company_time {
     display: none!important;
}








/* Hide subscribe option text and button */
div.promotions-letter-flag.v2 {
 display: none!important;
}





/* Hide simplybook terms and conditions font */
#sb_simplybook_terms_link {
  font-size: 0 !important;
}






/* Move confirm booking button up and left */
div.sb-book-btn-container {
   margin-top: -65px!important;
   margin-left: -90px!important;
}



/* make right padding on check box 1 */
#sb_terms_and_conditions .custom-checkbox {
  margin-right: 0px !important;
}





/* Remove confirm details  */
#sb-timeline #steps #steps-content #sb_booking_content #details .title-main {
      display: none!important;
}











/* === SimplyBook: make Name + Email match your custom fields (desktop) === */ @media (min-width: 768px) { /* 1) Put labels on top (not in a left column) */ #sb_booking_content .form-group.form-client-name > label, #sb_booking_content .form-group.form-client-email > label, #sb_booking_content #sb_client_info_container .form-group.form-client-name > label, #sb_booking_content #sb_client_info_container .form-group.form-client-email > label { float: none !important; display: block !important; width: 100% !important; text-align: left !important; padding: 0 0 6px !important; margin: 0 !important; } /* 2) Make the input column a full row, but constrain to 90% and center it */ #sb_booking_content .form-group.form-client-name > .col-sm-8, #sb_booking_content .form-group.form-client-email > .col-sm-8, #sb_booking_content #sb_client_info_container .form-client-name > .col-sm-8, #sb_booking_content #sb_client_info_container .form-client-email > .col-sm-8 { float: none !important; width: 93% !important; max-width: 93% !important; margin: 0 auto !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } /* 3) Inputs fill their 90% wrapper */ #sb_booking_content input#sb_client_name, #sb_booking_content input#sb_client_email, #sb_booking_content #sb_client_info_container input#sb_client_name, #sb_booking_content #sb_client_info_container input#sb_client_email { width: 100% !important; } /* 4) Safety: kill the old 4/8 grid widths */ #sb_booking_content .control-label.col-sm-4 { width: 100% !important; float: none !important; } }























#main #main-content #sb_content .section {
      border-radius: 3vw!important;
}







#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side #sb_additional_fields_container label.control-label { 
      opacity: .9!important;
}









#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .custom-form .form-horizontal .control-label {
    padding-left: 25px!important;
}




.custom-form label {
    font-weight: 500!important;
}







#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a.has-available-slot {
       border-radius: 3vw!important;
}






#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
        border-radius: 1.8vw!important;
}





#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a .slot--available-slot {
       border-radius: 3vw!important;
       margin-right: 6px!important;

}





.current-booking-info .cap {
    font-size: 39px!important;
    text-align: center!important;
text-transform: uppercase;
padding-top: 12vw!important;
}






.current-booking-info .accordion {
     border-radius: 1.8vw!important;
}





#sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn {
      border-radius: 3vw!important;
}




.alert-warning.alert--wl-booking-informer, #sb-timeline #steps #steps-content #sb_booking_content #details .section {
    color: #ffffffd6!important;
}




.full-info-price {
    justify-content: center!important;
  
}






.section-pd {
    padding: 6vw!important;
}












#header {
    display:none!important;
  opacity: 0!important;
}



























.custom-form .file-upload__wrapper, .custom-form input:not([type=checkbox]) {
     border-radius: 1.8vw;
}




.form-control {
 border-radius: 1.8vw!important;
}




#sb-timeline #steps #steps-content #sb_booking_content .item.panel .mobile-title .title {
    display: -ms-flexbox;
    display: flex;
   justify-content: space-around;
   flex-direction: row-reverse;
}





.btn {
 border-radius: 1.8vw!important;
}



#footer .scroll-top-button {
    border-radius: 1.8vw!important;
   
}




#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-footer {
    border-radius: 2.4vw!important;
}



#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a {
    border-radius: 1.8vw!important;

}








/* Hide cookie consent popup */
#cookies-policy, 
.cookies-policy, 
.cookie-popup, 
div[id*="cookies"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}













/* Phone details: adjust spacing */
#sb_additional_fields_container .form-group.form-group__static-html {
  margin-top: -21px !important;
  margin-bottom: 3px !important;   
}

/* Typography: target P and inline spans */
#sb_additional_fields_container .form-group.form-group__static-html .col-sm-12 p,
#sb_additional_fields_container .form-group.form-group__static-html .col-sm-12 p span {
  font-size: 0.9vh !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  text-align: center !important;
  
}

/* Mobile override (≤767px) */
@media (max-width: 767px) {
  #sb_additional_fields_container .form-group.form-group__static-html .col-sm-12 p,
  #sb_additional_fields_container .form-group.form-group__static-html .col-sm-12 p span {
    font-size: 0.69vh !important;
    text-align: center !important;
  }
}









/* Reduce bottom spacing ONLY for phone input area */
div.form-group.form-client-phone {
  margin-bottom: 3px !important;   /* keep a little spacing */
}














/* Force ONLY the phone field's .col-sm-8 to be full width on all screens */
#sb_client_info_container .form-group:has(#sb_client_phone) > .col-sm-8,
#sb_client_info_container .form-group.form-client-phone > .col-sm-8,  /* fallback */
#sb_client_info_container .form-group.form-client_phone > .col-sm-8 { /* fallback */
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;   /* override Bootstrap flex sizing */
}

/* Make the phone input and its intl-tel wrapper stretch too */
#sb_client_info_container .form-group:has(#sb_client_phone) .iti,
#sb_client_info_container .form-group:has(#sb_client_phone) input {
  width: 100% !important;
}













/* Make the intl-tel-input wrapper fill the row */
#sb_client_info_container .form-group:has(#sb_client_phone) .iti {
  width: 100% !important;
}

/* Restore left padding so the flag doesn't overlap the text */
#sb_client_info_container .form-group:has(#sb_client_phone) input[type="tel"],
#sb_client_info_container .form-group.form-client-phone .iti input[type="tel"] {
  padding-left: 56px !important; /* room for flag + gap */
  width: 100% !important;
  box-sizing: border-box !important;
}

/* (Optional) bump padding a bit on wider screens if needed */
@media (min-width: 480px) {
  #sb_client_info_container .form-group:has(#sb_client_phone) input[type="tel"] {
    padding-left: 60px !important;
  }
}