.booking-appointment-page{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif!important;margin:100px 0 20px;gap:8px}@media (max-width:1200px){.booking-appointment-page{margin:50px 0 20px}}.booking-appointment-page-layout{display:flex;flex-direction:row;width:1200px;background-color:#F5F7FA;height:600px}.booking-appointment-page-layout-content{display:flex;flex-direction:column;width:100%;height:100%;align-content:space-between;justify-content:space-between}@media (max-width:1200px){.booking-appointment-page-layout{width:100%;padding:20px;flex-direction:column;height:fit-content}}.booking-appointment-title{color:rgb(34,34,34);font-weight:700;font-size:35px;display:flex;flex-direction:column;justify-items:center;justify-content:center;text-align:center;gap:12px;padding-top:10px}.booking-appointment-desc{font-size:25px}@media (max-width:1200px){.booking-appointment-title{font-size:30px;gap:12px}.booking-appointment-desc{font-size:22px}}.booking-appointment-header{display:flex;flex-direction:column;height:100%;background-color:rgb(41,45,50);justify-items:center;align-items:center;gap:20px;padding:25px}.booking-appointment-header-steps{display:flex;flex-direction:column;gap:28px;padding:30px}@media (max-width:1200px){.booking-appointment-header-steps{flex-direction:row;gap:20px;padding:0}}.booking-appointment-header-steps-step{display:flex;gap:8px}.booking-appointment-header-steps-step-name{display:flex;justify-content:center;align-content:center;justify-items:center;align-items:center;text-align:center;color:#626c76;font-weight:500;font-size:14px}.booking-appointment-header-steps-step-name-current{color:rgb(217,161,71)}.booking-appointment-header-steps-step-name-passed{color:white}@media (max-width:1200px){.booking-appointment-header-steps-step-name{display:none}}.booking-appointment-header-step{background-color:rgb(77,84,90);height:24px;width:24px;border-radius:12px;display:flex;justify-content:center;align-content:center;justify-items:center;align-items:center;text-align:center;color:white;font-weight:600;font-size:14px}.booking-appointment-header-step--completed{background-color:rgb(217,161,71)}.booking-appointment-header-image{width:100px}.selecting-service-step{display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(0,0,0,.1),1px 0 2px rgba(0,0,0,.1),0 -1px 2px rgba(0,0,0,.05);width:100%;height:85%;position:relative;z-index:999}.selecting-service-step-content{display:flex;flex-direction:column;overflow:auto;height:100%}@media (max-width:1200px){.selecting-service-step-content{overflow:visible}}.selecting-service-step-header{padding:15px 30px;display:flex;align-items:center;align-content:center;font-size:18px;font-weight:500;width:100%;border-bottom:1px solid #e4ebf3;color:rgb(41,45,50)}@media (max-width:1200px){.selecting-service-step-header{padding:10px 15px}}.selecting-service-step-service-group{display:flex;flex-direction:column;padding:0 30px;color:rgb(41,45,50);height:fit-content}@media (max-width:1200px){.selecting-service-step-service-group{padding:0 15px}}.selecting-service-step-service-group--header{display:flex;justify-content:space-between;font-weight:500;padding:15px 0}.selecting-service-step-service-group--header :hover{cursor:pointer}.selecting-service-step-service-group--item{display:flex;justify-content:space-between;padding:20px;border-radius:1px;background-color:white;margin-bottom:8px;cursor:pointer;transition:background .2s ease}@media (max-width:1200px){.selecting-service-step-service-group--item{padding:12px}}.selecting-service-step-service-group--item_selected{border:1px solid rgb(217,161,71)}.selecting-service-step-service-group--item:hover{background-color:#f9f9f9}.service-info-left{display:flex;flex-direction:column;padding:10px;gap:8px}.service-info-left-content{display:flex;gap:20px}.service-info-left-general{display:flex;flex-direction:column;gap:4px}.service-info-left-image img{width:50px;height:50px;object-fit:cover;border-radius:50%}.service-name{font-weight:600;color:#222}.service-duration.badge{background-color:#fcd34d;color:#292D32;font-size:12px;padding:2px 6px;border-radius:6px;display:inline-block;margin-top:4px;width:fit-content}.service-price-range{font-size:12px;color:#888;margin-top:4px}.service-price{font-weight:600;color:#f59e0b}@media (max-width:1200px){.service-info-left{display:flex;flex-direction:column;padding:8px;font-size:14px}.service-info-left-content{display:flex;gap:18px;font-size:14px}.service-info-left-general{display:flex;flex-direction:column;gap:2px;font-size:14px}.service-info-left-image img{width:50px;height:50px;object-fit:cover;border-radius:50%;max-width:50px}.service-name{font-weight:600;color:#222;font-size:14px}.service-duration.badge{background-color:#fcd34d;color:#292D32;font-size:10px;padding:0 4px;border-radius:6px;display:inline-block;margin-top:2px;width:fit-content}.service-price-range{font-size:10px;color:#888;margin-top:2px}.service-price{font-weight:600;color:#f59e0b;font-size:14px}}.selecting-service-step-service-group--items{transform:translateY(-10px);transition:max-height .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.selecting-service-step-service-group--items.open{display:block}.selecting-service-step-service-group--items.closed{display:none}.booking-footer{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #e5e7eb;background-color:#ffffff;box-shadow:0 -1px 6px rgba(0,0,0,.05)}.btn-back{border:1px solid #d1d5db;background-color:#ffffff;color:#6b7280;font-weight:600;border-radius:4px}.btn-back,.btn-next{padding:8px 20px;font-size:13px;text-transform:uppercase;cursor:pointer}.btn-next{background-color:#111111;color:#ffffff;font-weight:700;border:none;border-radius:4px}.btn-next:disabled{background-color:#4b5563;cursor:not-allowed}.animate-in{animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.booking-container{display:flex;flex-direction:row;gap:40px;padding:20px;flex-wrap:wrap;height:85%;overflow:auto}.booking-section{flex:1;min-width:280px}.time-scroll-container{max-height:400px}@media (max-width:1200px){.time-scroll-container{max-height:fit-content}}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.time-slot{padding:10px;background-color:#e8edf1;border-radius:6px;transition:.2s}.time-slot:hover{background-color:#d0d9e0}.time-slot.selected{background-color:#a0c4ff;border:2px solid #4d90fe}.selected-time-display{margin-top:20px;font-size:16px}@media (max-width:768px){.booking-container{flex-direction:column}}.booking-form{width:100%;margin:auto;background:#f9f9f9;border-radius:5px;height:85%}.booking-form h3{margin-bottom:20px}.booking-form .form-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:20px}.booking-form .form-row>div{flex:1 1 45%;min-width:200px}.booking-form label{display:block;margin-bottom:5px}.booking-form input{padding:8px 12px!important;border:1px solid #cccbcb!important;border-radius:4px!important;box-sizing:border-box!important;font-size:14px!important;line-height:1.5!important;color:#333!important;height:39px!important;width:100%}.booking-form input:focus{outline:1px solid #cccbcb!important;background:#e9f0f7!important}.booking-form .react-international-phone-country-selector-button{height:39px!important}@media (max-width:1200px){.booking-form .form-control,.booking-form input{width:100%!important;height:39px!important;border:1px solid #cccbcb!important}.booking-form .form-control :focus,.booking-form input{border:1px solid #a6a5a5!important}}.booking-form .react-phone-input-2{width:100%}.booking-form .react-phone-input-2 .country-dropdown{width:300px}@media (max-width:600px){.booking-form .form-row>div{flex:1 1 100%;min-width:100%}}.booking-form .react-international-phone input.error,.booking-form input.error{border:1px solid red!important}.booking-form .react-international-phone-input-container{display:flex;gap:2px}.cart-conent{overflow:auto;height:100%;display:flex;flex-wrap:wrap!important;gap:20px;justify-content:flex-start;align-items:flex-start;align-content:flex-start;padding:20px}.add-new-booking{position:absolute;bottom:50px;right:50px}@media (max-width:1200px){.add-new-booking{position:absolute;bottom:10px;right:10px;font-size:14px}}.cart-container{position:relative}.service-skeleton{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #eee;border-radius:8px;margin-bottom:8px}.skeleton-image{width:50px;height:50px;border-radius:6px}.skeleton-image,.skeleton-text{background:linear-gradient(90deg,#eee 25%,#ddd 50%,#eee 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-text{flex:1;height:14px;border-radius:4px}.skeleton-text.short{width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.time-slot{padding:8px;border:1px solid #ccc;margin:4px;text-align:center;cursor:pointer;border-radius:4px}.time-slot.selected{background-color:#000;color:#fff}.time-slot.disabled{pointer-events:none;opacity:.5}.success-phase{height:600px}@media (min-width:1200px){.success-phase{height:400px;margin:0 auto}}.react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height,36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color,var(--react-international-phone-border-color,gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color,var(--react-international-phone-background-color,white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover,whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size,4px) solid var(--react-international-phone-country-selector-arrow-color,#777);border-right:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size,4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color,#999)}.react-international-phone-country-selector-button--disabled{cursor:auto}.react-international-phone-country-selector-button--disabled,.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color,var(--react-international-phone-disabled-background-color,whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width,24px);height:var(--react-international-phone-flag-height,24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top,44px);left:var(--react-international-phone-dropdown-left,0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color,var(--react-international-phone-background-color,white));box-shadow:var(--react-international-phone-dropdown-shadow,2px 2px 16px rgba(0,0,0,.25));color:var(--react-international-phone-dropdown-item-text-color,var(--react-international-phone-text-color,#222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin,0);background:var(--react-international-phone-dropdown-preferred-list-divider-color,var(--react-international-phone-border-color,gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height,28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size,14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color,gray);font-size:var(--react-international-phone-dropdown-item-font-size,14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--focused,.react-international-phone-country-selector-dropdown__list-item--selected{background-color:var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color,var(--react-international-phone-text-color,#222))}.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color,var(--react-international-phone-dropdown-item-dial-code-color,gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color,var(--react-international-phone-selected-dropdown-item-background-color,whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color,var(--react-international-phone-border-color,gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color,var(--react-international-phone-background-color,white));color:var(--react-international-phone-dial-code-preview-text-color,var(--react-international-phone-text-color,#222));font-size:var(--react-international-phone-dial-code-preview-font-size,var(--react-international-phone-font-size,13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color,var(--react-international-phone-disabled-background-color,whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color,var(--react-international-phone-disabled-text-color,#666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius,4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height,36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color,gainsboro);border-radius:var(--react-international-phone-border-radius,4px);margin:0;background-color:var(--react-international-phone-background-color,white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color,#222);font-family:inherit;font-size:var(--react-international-phone-font-size,13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color,whitesmoke);color:var(--react-international-phone-disabled-text-color,#666)}