@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
  font-family: 'metropill';
  src: url('https://myprivatechemist.com/wp-content/uploads/2025/06/Metropolis-Medium.woff2');
  font-style: normal;
}

@font-face {
  font-family: 'metropillthinner';
  src: url('https://myprivatechemist.com/wp-content/uploads/2025/06/metropolis.thin_.woff2');
  font-style: normal;
}

@font-face {
  font-family: 'metropilllight';
  src: url('https://myprivatechemist.com/wp-content/uploads/2025/06/Metropolis-Light.woff2');
  font-style: normal;
}

@font-face {
  font-family: 'metropillthin';
  src: url('https://myprivatechemist.com/wp-content/uploads/2025/06/metropolis.extra-light.woff2');
  font-style: normal;
}

* {
    /*font-family: 'metropill' !important;*/
}
#main #main-content #sb_content #steps #sb_booking_content .item .tab .cap,
html body #main #main-content #sb_content #steps .datetime-step #sb_timeview_container .slots-view .container-caption,
 html body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-name .name,
html body #sb-timeline #steps #steps-content #sb_booking_content #details .title-main{
font-family: "Playfair Display",serif!important;
}
div#sb-main-container header#header,
div#sb-main-container footer#footer {
    display: none;
}
#main #main-content #sb_content #steps #details .left-side .add-details .form-control{
-webkit-appearance: none;
    appearance: none;
    background-clip: padding-box;
    border: .124rem solid #000;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: normal;
    margin: 0;
    outline: 0;
    padding: 15px;
    text-decoration: none;
    text-transform: none;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
background: #fff;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a{
    align-items: center;
    background-color: inherit;
    border: 1px solid #575757;
    color: #000;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 24px;
    text-align: center;
border-radius: 0;
transition: 0.3s
margin: 0;
padding: 0;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a.free:hover {
    background-color: #e2b9b3 !important;
    font-weight: 600;
color: #fff !important;
border-color: #e2b9b3 !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a{}
#steps, #steps-nav, .page-pd-package-content {
    background-color: transparent !important;
}
#main #main-content #sb_content #steps #steps-nav li.step_info_item.active, #main #main-content #sb_content #steps #steps-nav li.passed ,
#main #main-content #sb_content #steps #steps-nav li.step_info_item.active, #main #main-content #sb_content #steps #steps-nav li.active{
background-color: #E2B9B3 !important;
color: #fff !important;
}
html body #main #main-content #sb_content #steps #steps-nav li.step_info_item{
border-radius: 0 !important;
}

#main #main-content #sb_content #steps #details .buttons-container #sb_book_btn{
position: relative !important;
border-radius: 0 !important;
border: none !important;
}
html body #main #main-content #sb_content #steps #details .buttons-container #sb_book_btn:after {
    background: #e2b9b3;
    background-position: 0 0;
    bottom: 0;
    content: "";
    left: -.5px;
    position: absolute;
    right: -.5px;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 0;
    transition: transform .4s ease-in-out;
    z-index: -1;
display: block !important;
}
#main #main-content #sb_content #steps #details .buttons-container #sb_book_btn:hover:after {
    background-position: 0 0;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
#main #main-content #sb_content #steps #steps-content .step-content.paid-attribute-step{
    padding-top: 130px;
  }
  #sb-timeline #steps #steps-content .paid-attribute-footer {
    /* position: sticky; */
    /* bottom: 0; */
    /* z-index: 10; */
    position: absolute;
    width: 100%;
    left: 0;
    top: 86px;
  }
html body #main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select {
    width: auto;
    border-radius: 0;
    padding: 0px 30px;
border: none !important
}
html body #main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select a{
background: transparent !important;
}
#main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select:after {
    background: #e2b9b3;
    background-position: 0 0;
    bottom: 0;
    content: "";
    left: -.5px;
    position: absolute;
    right: -.5px;
    top: 0;
    transform: scaleX(0);
    transform-origin: 100% 0;
    transition: transform .4s ease-in-out;
    z-index: -1;
}
#main #main-content #sb_content #steps #sb_booking_content .item .tab .btn.select:hover:after {
    background-position: 0 0;
    transform: scaleX(1);
    transform-origin: 0 50%;
}
#footer #sb_scroll_top_btn {
margin-bottom: 40px
}

#sb-timeline #steps #steps-content #sb_booking_content .provider-item .name {
height: 80px
}

/*#sb-timeline #steps #steps-content .paid-attribute-footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 10;
}*/


/*#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer .btn.next {
    background: #e49092;
    color: #ffffff;
    position: absolute;
    top: -0.5%; /* Adjust the percentage as needed to position the button */
}

@media (max-width: 768px) {
    #sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer .btn.next {
        position: relative;
        top: auto;
    }
}
*/

#sb-timeline #steps #steps-content #sb_booking_content .detail-step .right-side #sb_book_btn {
background-color: black;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}

#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .paid-attribute-step #sb_attribute_list_container .product-item .flex-row .paid-attr__picture, .tab-pd .img-full img, .tab.tab-col .full-info .img-full img {
display: none
}

/* Keep the 'Purchase details' collapsible open */
.sb_collapseInvoice_details.collapse.in {
  display: block !important;
}
div#collapseInvoice_details {
    display: block!important;
    height: fit-content!important;
}
.current-booking-info .accordion .title:after {
display:none;
}
.current-booking-info .accordion .title {
    pointer-events: none;
}
/*

/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 div#widget_container   {
	/* add your css rule here */
}


 #widget_container #widget_header   {
	/* add your css rule here */
}


 #widget_container #widget_footer   {
	/* add your css rule here */
}


 #widget_container h1.title a   {
	/* add your css rule here */
}


 #events .event_price   {
	/* add your css rule here */
}


 #eventForm dd.extention_data   {
	/* add your css rule here */
}



 dd.extention_data dl.zend_form dt, dd.extention_data dl.zend_form dd label   {
	/* add your css rule here */
}

#main #main-content #sb_content #steps #sb_booking_content .item .tab{
    border-top: 3px solid #e2b9b3 !important;
}
html body #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected{
border-radius: 0;
}
@media (min-width: 1700px) {
.container-fluid.column,
    html body .column {
        max-width: 1380px !important;
        padding: 0px !important;
    }
}
.container-fluid.column,
    html body .column {
        max-width: 1380px !important;
        padding: 0px !important;
    }