.bookly-services-form-container .bookly-bg-white.bookly-font-sans {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bookly-services-form-container .bookly-mb-2 {
    font-family:"Montserrat",sans-serif;
    font-size: 20px;
    font-weight: bold;
}

.bookly-services-form-container  .bookly-services-category-mark { /*no funciona*/
    max-width: 400px !important;
    height: 390px;
    width: 400px !important;
}

.bookly-services-form-container .bookly-rounded.bg-bookly.bookly-relative{
    background-color: transparent!important;
    height: 100% !important;
}

.bookly-object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
    height: 100% !important;
}

.bookly-services-form-container .bookly-card-title {
    font-family:"Montserrat",sans-serif;
    text-transform: uppercase;
    border-radius: 56px;
    border-color: #fd0000;
    background-color: #fd0000!important;
    color: #fff;
}

button.text-xl.bookly-shadow-none.bookly-flex-1.bookly-py-2.bookly-px-0.bookly-border-none.focus\:bookly-border-none.focus\:bookly-outline-none.bookly-leading-normal.hover\:bookly-opacity-75.bookly-calendar-current-month-mark.bg-bookly.bookly-text-white.border-bookly.bookly-rounded-none.bookly-m-0.bookly-shadow-none.hover\:bookly-text-slate-200.text-xl.bookly-h-10.bookly-drop-shadow-none.bookly-box-border {
    border-color: #fd0000!important;
    background-color: #fd0000!important;
    color: #fff;
}

button.text-xl.bookly-grow.bookly-border-none.focus\:bookly-border-none.focus\:bookly-outline-none.bookly-leading-normal.bookly-calendar-middle-button-mark.bookly-text-slate-600.bookly-bg-white.bookly-border-slate-600.active\:bookly-shadow-md.hover\:bookly-text-slate-50.hover\:bookly-bg-gray-400.hover\:bookly-border-gray-400.bookly-px-4.bookly-py-0.bookly-ms-2.bookly-my-0.bookly-me-0.text-xl.bookly-h-10.bookly-relative.bookly-drop-shadow-none.bookly-box-border span {
    color: #fd0000;
}

.bookly-services-form-container .bookly-bg-white.bookly-font-sans > div {
    text-align: center;
    justify-content: center!important;
    width: 100%;
}

.bookly-services-form-container .bookly-search-form.bookly-bg-white.bookly-font-sans.bookly-relative {
    border: none;
}

.bookly-services-form-container .bookly-bg-white.bookly-font-sans .bookly-search-form-left {
    width: 60%;
}

.bookly-bg-white.bookly-service-card-mark.bookly-text-lg.bookly-box-border.bookly-cursor-pointer.bookly-relative.bookly-card-mark{
    width: 32%;
    max-width: 400px !important;
}


/* Johan */

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99999999999999;
}

.loading-message {
    color: white;
    font-size: 24px;
}

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
}

.spinner::before,
.spinner::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fd0000;
    border-top-color: transparent;
}

.spinner::before {
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

.spinner::after {
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    animation: spin2 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spin2 {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* Fin Johan */


.bookly-flex .hover\:bookly-text-slate-50:hover span{
  color: white !important;
}
.bookly-search-form-right{
  max-width: 920px;
}
  .bookly-search-form-right .bookly-card-mark .kind-employee{
    font-size: 21px;
    margin-bottom: 3px;
    padding: 1em 1em 0 1em;
  }
  .bookly-search-form-right .bookly-card-mark .kind-service-data{
    font-size: 18px;
    padding: 0 1em 0 1em;
  }

  .bookly-flex.bookly-mb-2 >div button{
    padding: 0 5px !important;
  }

  .bookly-flex.bookly-mb-2 >div button:hover{
    background-color: rgb(156 163 175/ 1) !important;
  }

  .bookly-flex.bookly-mb-2 >div button:hover span{
    color: white;
  }

.bookly-w-full.bookly-mt-36.bookly-max-w-screen-xl{
  max-width: 760px !important;
}
.bookly-flex.bookly-flex-col.bookly-p-4.bookly-text-center .bookly-py-2{
  font-size: .8rem;
  line-height: 1rem;
}
.bookly-mb-3.bookly-me-3.bookly-bg-white.bookly-border.bookly-border-solid.bookly-rounded.bookly-flex-col.bookly-flex.bookly-text-lg.bookly-cursor-pointer.bookly-w-full.border-bookly.bookly-payment-gateway-mark{
  border: 1px solid #fd0000;
}
.text-xl.text-bookly.bookly-bg-white.border-bookly.bookly-rounded.bookly-border.bookly-border-solid.bookly-px-4.bookly-py-0.bookly-ms-2.bookly-my-0.bookly-me-0.text-xl.bookly-h-10.bookly-relative.bookly-drop-shadow-none.bookly-box-border{
  border: 1px solid #fd0000;
  background-color: #fd0000 !important;
  color: #fff;
}