#booknetic_theme_55 *
{
    font-family: 'Poppins', sans-serif !important;
}
#booknetic_theme_55
{
    height: 600px;
}

#booknetic_theme_55 .booknetic_appointment_steps
{
    background: #662d91;
}

#booknetic_theme_55 .booknetic_badge
{
    background: #b0a1cb;
}
#booknetic_theme_55 .booknetic_appointment_steps_footer_txt2
{
    color: #b0a1cb;
}
#booknetic_theme_55 .booknetic_step_title, #booknetic_theme_55 .booknetic_appointment_steps_footer_txt1
{
    color: #ffffff;
}

#booknetic_theme_55 .booknetic_selected_step > .booknetic_badge::after
{
background-color: #c1c1c5;
}
#booknetic_theme_55 .booknetic_selected_step .booknetic_step_title
{
color: #ffffff;
}

#booknetic_theme_55 .booknetic_active_step .booknetic_badge, #booknetic_theme_55 .booknetic_calendar_days > div > span > i[a], #booknetic_theme_55 .booknetic_btn_success
{
    background: #eb31e6;
}
#booknetic_theme_55 .booknetic_active_step .booknetic_step_title
{
    color: #ffffff;
}

#booknetic_theme_55 .booknetic_btn_primary,
#booknetic_theme_55 .booknetic_selected_time,
#booknetic_theme_55 .booknetic_calendar_selected_day > div
{
    background: #000000 !important;
    color: #ffffff !important;
}
#booknetic_theme_55 .booknetic_service_category, #booknetic_theme_55 .booknetic_service_extra_title, #booknetic_theme_55 .booknetic_times_title, #booknetic_theme_55 .booknetic_text_primary
{
    color: #000000 !important;
}

#booknetic_theme_55 .booknetic_category_accordion .booknetic_service_category span,
#booknetic_theme_55 .booknetic_category_accordion .booknetic_service_extra_title span{
    background: #000000 !important;
}

#booknetic_theme_55 .booknetic_appointment_container_header
{
    color: #292d32 !important;
}

#booknetic_theme_55 .booknetic_service_card_selected,
#booknetic_theme_55 .booknetic_card_selected,
#booknetic_theme_55 .booknetic_service_extra_card_selected,
#booknetic_theme_55 .booknetic_payment_method_selected,
#booknetic_theme_55 .booknetic-cart-item.active
{
    border-color: #eb31e6 !important;
}

#booknetic_theme_55 .booknetic_service_card_price,
#booknetic_theme_55 .booknetic_service_extra_card_price,
#booknetic_theme_55 .booknetic_confirm_details_price:not([data-price-id="discount"] .booknetic_confirm_details_price,.booknetic_gift_discount_price),
#booknetic_theme_55 .booknetic-cart-item-body-cell.amount,
#booknetic_theme_55 .booknetic_sum_price
{
    color: #53d56c !important;
}

/* 1) Make service cards bigger, cleaner, fully clickable */
[class*="booknetic"] .service_list [class*="service"],
[class*="booknetic"] [class*="service_item"]{
  border-radius: 12px !important;
  border: 1px solid #e9eef3 !important;
  box-shadow: 0 2px 8px rgba(16,24,40,.06) !important;
  transition: transform .12s ease, box-shadow .12s ease !important;
  cursor: pointer !important;
}
[class*="booknetic"] [class*="service_item"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(16,24,40,.12) !important;
}

/* 2) Price as a pill on the right (easy to scan) */
[class*="booknetic"] [class*="service_item"] [class*="price"]{
  background: #EB31E6 !important;      /* Spa Mobile pink */
  color: #fff !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  float: right !important;
}

/* 3) Tighter card content + bigger titles */
[class*="booknetic"] [class*="service_item"]{ padding: 14px 16px !important; }
[class*="booknetic"] [class*="service_item"] h3,
[class*="booknetic"] [class*="service_item"] [class*="title"]{
  font-size: 18px !important;
  line-height: 1.25 !important;
  margin: 0 0 6px !important;
}

/* 4) Primary buttons: full-width, rounded, bold with gradient */
[class*="booknetic"] button,
[class*="booknetic"] .btn,
[class*="booknetic"] [class*="next_step"]{
  border-radius: 10px !important;
  width: 100% !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
  background: linear-gradient(90deg, #EB31E6, #7C3AED) !important;
  border: none !important;
  color: #fff !important;
}
[class*="booknetic"] .btn-primary:hover,
[class*="booknetic"] [class*="next_step"]:hover{
  filter: brightness(0.95) !important;
}

/* 5) Secondary/back buttons: outline style */
[class*="booknetic"] [class*="back"]{
  background: transparent !important;
  color: #7C3AED !important;
  border: 1px solid #7C3AED !important;
}

/* 6) Time slots as “chips”, bigger tap targets */
[class*="booknetic"] [class*="time_slot"]{
  border-radius: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #e5e7eb !important;
  margin: 6px !important;
  min-width: 84px !important;
  text-align: center !important;
  cursor: pointer !important;
}
[class*="booknetic"] [class*="time_slot"].active,
[class*="booknetic"] [class*="time_slot"]:focus{
  background: linear-gradient(90deg, #EB31E6, #7C3AED) !important;
  color: #fff !important;
  border: none !important;
}

/* 7) Step sidebar: make it sticky on desktop */
@media (min-width: 992px){
  [class*="booknetic"] [class*="steps"]{
    position: sticky !important;
    top: 16px !important;
  }
}

/* 8) Form fields: larger, rounded, accessible */
[class*="booknetic"] input[type="text"],
[class*="booknetic"] input[type="tel"],
[class*="booknetic"] input[type="email"],
[class*="booknetic"] select, 
[class*="booknetic"] textarea{
  border-radius: 10px !important;
  border: 1px solid #e5e7eb !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
}

/* 9) Hide tiny helper text you don’t want (optional) */
/* [class*="booknetic"] .help-text{ display:none !important; } */

/* 10) Mobile spacing & full-bleed buttons */
@media (max-width: 575px){
  [class*="booknetic"] .btn,
  [class*="booknetic"] button{ padding: 14px 18px !important; }
  [class*="booknetic"] [class*="service_item"]{ margin-bottom: 10px !important; }
}

/* Hide "Have any questions?" footer in step list */
.bkntc_step_footer {
  display: none !important;
}

/* Balance step list spacing after removing footer */
.bkntc_steps {
  padding-top: 25px !important;
}
.bkntc_step {
  margin-bottom: 14px !important;
}
@media (max-width: 575px) {
  .bkntc_steps {
    padding-top: 10px !important;
  }
  .bkntc_step {
    margin-bottom: 8px !important;
  }
}

/* Style extra time options as clickable cards */
[class*="booknetic"] .bkntc_extras_time_option {
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  margin-bottom: 10px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
}
[class*="booknetic"] .bkntc_extras_time_option:hover {
  background-color: #f9f9f9 !important;
  border-color: #EB31E6 !important;
}

/* Make price bold and match brand color */
[class*="booknetic"] .bkntc_extras_time_option .price {
  color: #EB31E6 !important;
  font-weight: 700 !important;
}

/* Highlight active/selected extra time option */
[class*="booknetic"] .bkntc_extras_time_option.active {
  background: linear-gradient(90deg, #EB31E6, #7C3AED) !important;
  color: #fff !important;
  border: none !important;
}
[class*="booknetic"] .bkntc_extras_time_option.active .price {
  color: #fff !important;
}

/* Make the default duration button full-width and bold */
[class*="booknetic"] .bkntc_default_time_button {
  background: linear-gradient(90deg, #EB31E6, #7C3AED) !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
  padding: 14px !important;
  font-size: 16px !important;
  text-align: center !important;
  display: block !important;
  margin-top: 12px !important;
}
[class*="booknetic"] .bkntc_default_time_button:hover {
  filter: brightness(0.95) !important;
}

/* Make Facebook and Google buttons match Spa Mobile style */
[class*="booknetic"] .bkntc_social_login button {
  width: 100% !important;
  border-radius: 10px !important;
  padding: 14px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  color: #fff !important;
  border: none !important;
  margin-bottom: 10px !important;
}


/* Hide the default social login block */
.bkntc_social_login { display:none !important; }

<div class="sm-social-login">
  <a class="sm-btn sm-fb" href="https://rsv.spa-mobile.com/?spamobile_action=facebook_login">Continue with Facebook</a>
  <a class="sm-btn sm-go" href="https://rsv.spa-mobile.com/?spamobile_action=google_login">Continue with Google</a>
</div>

.iti--allow-dropdown input[type="tel"], input[type="tel"]{
  padding-left:56px!important;height:48px!important;border-radius:12px!important;
  font-size:16px!important;border:1px solid #e5e7eb!important
}
.iti__flag-container{left:10px!important;top:50%!important;transform:translateY(-50%)!important}
input[type="tel"]:focus{outline:none!important;box-shadow:0 0 0 3px rgba(235,49,230,.15)!important;border-color:#EB31E6!important}