@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Istok+Web:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@font-face {
    font-family: 'Molra Beauty';
    /*src: url('../fonts/molra-beauty/MolraBeauty-vnXxy.ttf') format('ttf');*/
    src: url('../fonts/molra-beauty/MolraBeauty-vnXxy.woff') format('woff');
    font-style: normal;
}

/*@font-face {*/
/*    font-family: 'MolraBeauty-swash';*/
/*    src: url('../fonts/molra-beauty/MolraBeautySwashRegular.woff') format('woff');*/
/*    font-style: normal;*/
/*}*/


* { margin: 0; padding: 0; box-sizing: border-box;
font-family: "Manrope", serif}

:root {
    --black: #000;
    --white: #fff;
    --baby-pink:#F8C8DA;
    --pink:#FD69B3;
    --charcoal-black:#1C1C1C;
    --dark-black:#232323;
    --light-black: #3D3D3D;
    --medium-gray: #6D6D6D;
    --white-smoke: #F9F9F9;
    --light-purple:rgba(253, 105, 179, 0.50);
    --blush-pink:#F8D9DF;
    --grey:#E2E2E2;
    --red:#F20000;
    --Mulberry:#B05689;
    --Coral:#E3866F;
    --MediumGreen:#22C55E;
    --light-grey:#C2C2C2;
    --White-Smoke :#F6F6F6;
    --Cool-Gray:#D1D5DB;
    --Soft-Ash:#F8F8F8;
    --charcoal:#374151;
    --Pastel-Petal:#FFEDED;
    --hot-pink:#E9328C;
    --Lavender:#FAF2F2;
    --ashgray:#B0B0B0;
    --dim-grey:#696969;
    --soft-grey:#EAECF0;
    --dull-grey:#DEDCDC;
    --Wildwatermelon:#F476A3;
    --maroon-brown:#713F12;
    --pink-color:#FF5BA0;
    --pink2:#FFC0D9;
    --pink3:#FAE7EC;
    --dark-charcoal:#454545;
    --border-gray:#D9D9D9;
    --blue:#081A44;
    --white-smoke-color:#F2F2F2;
    --pink4:#F398B7;
    --gray-light:#F4F4F4;
    --greyish:#8D8D8D;
    --gray-color-text:#333;
    --dim-gray:#555;
    --yellow-circle:#FACC15;
    --pink-background:#FFEFF2;
}

/*.html ,body{overflow: hidden;}*/
#page-loader {position: fixed;top: 0;left: 0;height: 100%;width: 100%;padding: 0;margin: 0;overflow: hidden;display: flex;z-index: 9999999;justify-content: center;align-items: center;font-family: "proxima-nova", sans-serif;background: var(--blush-pink);}
.newtons-cradle {--uib-size: 50px;--uib-speed: 1.2s;--uib-color: var(--hot-pink);position: relative;display: flex;align-items: center;justify-content: center;width: var(--uib-size);height: var(--uib-size);}
.newtons-cradle__dot {position: relative;display: flex;align-items: center;height: 100%;width: 25%;transform-origin: center top;}
.newtons-cradle__dot::after {content: '';display: block;width: 100%;height: 25%;border-radius: 50%;background-color: var(--uib-color);}
.newtons-cradle__dot:first-child {animation: swing var(--uib-speed) linear infinite;}
.newtons-cradle__dot:last-child {animation: swing2 var(--uib-speed) linear infinite;}
@keyframes swing {
    0% {
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    25% {
        transform: rotate(70deg);
        animation-timing-function: ease-in;
    }

    50% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }
}

@keyframes swing2 {
    0% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    50% {
        transform: rotate(0deg);
        animation-timing-function: ease-out;
    }

    75% {
        transform: rotate(-70deg);
        animation-timing-function: ease-in;
    }
}
/* Scrollbar */
::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #888;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: var(--dim-gray);  }
body#kt_app_body{background-color: var(--white); }

.pink-btn {border-radius: 200px;background: var(--pink);border: 1px solid var(--pink);padding: 10px 52px;}

/* Font Sizes */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; word-break: break-word; }
p, a, span { line-height: 1.6;  word-break: break-word; text-decoration: none;}

h1 { font-size: 48px; font-weight: 400;}
h2 { font-size: 32px; font-weight: 700; }
h3,.fs-24 { font-size: 24px; font-weight: 400; }
h4 { font-size: 18px; font-weight: 400; }
h5{font-size: 16px; font-weight: 400;}
h6 { font-size: 14px; font-weight: 400; }

p, li, a { font-size: 16px; font-weight: 400; margin: 0;}
.pointer{cursor: pointer;}

.fs-38{font-size: 38px;}
.fs-32{font-size: 32px;}
.fs-14{font-size: 14px;font-weight: 400;}
.fs-12{font-size:12px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fs-21{font-size:21px;}
.fs-26{font-size:26px;}
.fs-25{font-size:25px;}
.fs-48{font-size: 48px;}

.img,.full-img {height:100% ; width:100% ;object-fit: cover; object-position: center;}

/* Weights */
fw-300{font-weight: 300;}
.normal , .fw-400 { font-weight: 400;}
.fw-500 { font-weight: 500;}
.semi-bold , .fw-600{ font-weight: 600;}
.fw-700{ font-weight: 700;}
.fw-800{font-weight: 800;}

/* Scrollbar */
::-webkit-scrollbar {  width: 10px; background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: var(--pink);  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: var(--light-purple);  }

/*Colors*/
.dark-charcoal{color: var(--dark-charcoal)}
.pink,i[class*=" fa-"].pink{color:var(--pink);}

.Mulberry{color:var(--Mulberry);}
.coral{color:var(--Coral);}
.mediumgreen{color:var(--MediumGreen);}
.Blushpink{color:var(--blush-pink);}
.light-black{ color: var(--light-black);}
.medium-gray{ color: var(--medium-gray);}
.dark-black{color:var(--dark-black);}
.text-decoration{text-decoration: underline;}
.border-radius{border-radius: 4px;}
.white{color: var(--white);}
.black{color: var(--black);}
.bg-white{background-color:var(--white); border-radius: 8px; }
.box-shadow{box-shadow: 0px 0px 12.6px 0px rgba(0, 0, 0, 0.10);}
.bg-white-smoke{background-color: var(--white-smoke); border-radius: 8px;}
.red{color:var(--red);}
.Cool-Gray{color:var(--Cool-Gray);}
.Soft-Ash{color:var(--Soft-Ash);}
.charcoal{color:var(--charcoal);}
.charcoal-black{color:var(--charcoal-black)}
.Lavender{color:var(--Lavender)}
.Ashgray{color:var(--ashgray)}
.dim-grey{color:var(--dim-grey)}
.hot-pink{color:var(--hot-pink);}
.maroon-brown{color:var(--maroon-brown);}
.blue-color{color:var(--blue);}
.white-smoke-color{color:var(--white-smoke-color);}
.pink4{color:var(--pink4);}
.yellow-color{color:var(--yellow-circle);}

/* Spacing */
.padding { padding: 10px;}

/* font family */
.manrope{font-family: "Manrope", serif;}
/*.Mulish{font-family: "Mulish", serif;}*/
/*.lato{font-family: "lato", serif;}*/
/*.Molra-beauty{font-family: "Molra Beauty", serif;}*/
/*.Plus-Jakarta-Sans{font-family: "Plus Jakarta Sans", serif;}*/
/*.Inter{font-family: "Inter", serif;}*/

.Mulish{font-family: "Manrope", serif;}
.lato{font-family: "Manrope", serif;}
.Molra-beauty{font-family: "Manrope", serif;}
.Plus-Jakarta-Sans{font-family: "Manrope", serif;}
.Inter{font-family: "Manrope", serif;}

.underline{text-decoration: underline;}
.border-top {border-top: 1px solid var(--grey);}
.border-bottom {border-bottom: 1px solid var(--grey);}


/*buttons*/
.grey-border-btn {border-radius: 200px;border: 1px solid var(--light-grey);color: var(--medium-gray);background: transparent;}
.black-btn {border-radius: 200px;background: var(--charcoal-black);color: var(--white);padding: 10px 15px;}
.pink-button{background-color: var(--pink) ;color: var(--white) ;border-radius: 20px;padding: 10px 20px;border: 1px solid var(--pink);}
.charcoal-black_btn{background-color: var(--charcoal-black);color: var(--white);border-radius: 200px;border:1px solid transparent;}


/* sidebar css */
.sidebar_dashboard .menu-item .menu-link .menu-icon{margin-right: 0;}
.sidebar_dashboard .menu-item .menu-link.active .menu-icon{background-color: var(--pink);border-radius: 10px;width: 40px;height: 40px;padding-inline: 9px;}
#kt_app_sidebar.sidebar_dashboard {width:12%; border-radius: 0 30px 30px 0;background: var(--blush-pink);box-shadow: 1px 2px 22.5px 0px var(--light-purple);}
.sidebar_dashboard div#kt_app_sidebar_menu_wrapper {width: 100%;}
[data-kt-app-layout=dark-sidebar] .sidebar_dashboard.app-sidebar .menu>.menu-item .menu-link.active {background-color: transparent;margin-right: 0;}
[data-kt-app-layout=dark-sidebar] .sidebar_dashboard.app-sidebar .menu>.menu-item .menu-link.active .menu-icon .icon-svg path {stroke: var(--white);}
[data-kt-app-layout=dark-sidebar] .sidebar_dashboard.app-sidebar .app-sidebar-logo {border-bottom: none;}
[data-kt-app-sidebar-fixed=true] .margin-left.app-wrapper {margin-left: 220px;}
.sidebar_dashboard #kt_app_sidebar_menu_scroll.scroll-y {scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* Internet Explorer 10+ */}
.sidebar_dashboard #kt_app_sidebar_menu_scroll.scroll-y::-webkit-scrollbar {display: none; /* Safari and Chrome */}

.menus-dashboard .menu-item:hover {background:var(--baby-pink);}
.menus-dashboard .menu-item a:hover{color:var(--white);}
.menu-item.wallet-menu:hover .menus-title , .menu-item.wallet-menu .menu-link.active .menus-title{color:var(--white);}
.menu-item.wallet-menu .menu-link.active .menu-icon .icon-svg path{stroke:white;}
.button1 { background-color: transparent; border-radius:20px; padding-inline: 5px; border: 2px solid var(--pink); color: var(--pink); }
.pink-card {padding: 20px 26px;border-radius: 8px;background: var(--white);}
.dashboard_card {background: url(../images/card-bg.png) no-repeat center / cover;padding: 15px 16px;border-radius: 6px;}
.date-picker {border: 1px solid var(--baby-pink); border-radius: 8px;padding: 4px 10px;font-size: 16px;color: var(--dark-charcoal);cursor: pointer;height: fit-content; position:relative;}
.date-picker i {color: #5b4a99;}
.date-picker input {border: none;outline: none;cursor: pointer;color: var(--dark-charcoal);}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#444!important;}
input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0;width: 100%; height: 100%; position: absolute; cursor: pointer;}
.table-bordered>:not(caption)>*>* {border-width: 0;}
.custom-table{border-radius: 8px;background: var(--white);box-shadow: 0 0 12px 0 #0000001a;}
.booking-tabs a.nav-link {border-radius: 200px;border: 1px solid var(--light-grey);color: var(--medium-gray);}
.booking-tabs a.nav-link.active {border-radius: 200px;border: 1px solid var(--pink);background:var(--pink);color:var(--white);}
.ongoing-booking {background-color: var(--pink-color);}
.completed-booking {background-color: var(--pink2);}
.cancel-booking {background-color: var(--pink3);}
.ongoing-booking-green i {color: var(--MediumGreen);}
.chart-container-booking {width: 290px;position: relative;text-align: center;}
.chart-label-booking {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.legend-graph span {width: 50px;height: 8px;display: inline-block;margin-right: 8px;border-radius: 10px;}
.search-filter-container {padding: 20px 0;}
.search-bar {position: relative;flex: 1;}
.search-bar input {width: 100%;padding: 10px 16px 10px 40px;border: none;border-radius: 50px;background-color: var(--White-Smoke);}
.search-bar input:focus {outline: none;border: none;}
.search-icon {position: absolute;top: 50%;left: 19px;transform: translateY(-50%);}
.filter-dropdown ,.form-control.form-control-solid.filter-dropdown{padding: 10px 0;width: 144px;text-align: center;border: 1px solid var(--light-grey);border-radius: 50px;background-color: var(--white);cursor: pointer;appearance: none;}
.filter-dropdown:focus {outline: none;border: 1px solid var(--light-grey);}
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;background: var(--white);display: flex;justify-content: center;align-items: center;height: 350px;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-pagination.profile-swiper-pagination {text-align: end;bottom: -36px;left: -17px;}
.swiper-profile .mySwiper {position: unset;}
/*.profile-card {border-radius: 8px;background: var(--white);box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);}*/
.customer-profile-img-parent {height:120px;position: absolute;top: -71px;z-index: 999;left:38px;}
.customer-profile-card .customer-profile-img-parent{width: 120px;}
.booking .customer-profile-img-parent {height:120px; position: absolute;z-index: 999;left: 38px;top:-71px ;}
/*.customer-profile-img-parent img {height: 100%;width: 100%;border-radius: 50%;}*/
/*.service .customer-profile-img-parent {position: absolute;bottom: 326px;z-index: 999;left: 100px;}*/
.portfolio-detail-box {border-radius: 10px;border: 1px solid var(--Cool-Gray);}
.address .mapouter {position: relative;text-align: start;width: 9000px;height: 400px;}
.address .gmap_canvas {overflow: hidden;background: none !important;width: auto;height: 400px;}
.address .gmap_iframe {width: 100% !important;height: 100% !important;}
.image-portfolio{border-radius: 12px;background: var(--Soft-Ash);}
.card_reviews_beautician {border-radius: 10px;background: var(--white);box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);}
.card_footer_reviews_beautician i.fa-solid {font-size: 23px;}
.review-message textarea {border-radius: 10px;border: 1px solid var(--border-gray);}
.review-message textarea:focus-visible {outline: none;}
.rating label.rating-label>i ,rating:hover label.rating-label>i {color: var(--pink);font-size: 20px;}
.custom-popup-beautician {border-radius: 10px;padding: 20px;}
.custom-popup-beautician .custom-confirm-btn,.custom-confirm-btn {margin-right:10px;background-color: var(--pink) ;color: var(--white) ;border-radius: 20px;padding: 10px 20px;border: 1px solid var(--pink);}
.custom-popup-beautician .custom-cancel-btn {background-color: var(--white) ;color: var(--black) ;border-radius: 20px;padding: 10px 20px;border: 1px solid var(--light-grey);}
.custom-popup-beautician .swal2-icon.swal2-icon-show {background: var(--Pastel-Petal);border: 0;}
.custom-popup-beautician .custom-confirm-btn:focus-visible {outline: 0;}
.card.available-time-main-card {border-radius: 20px;background: var(--white);box-shadow: 0 21.82px 21.82px 0 rgba(0, 0, 0, 0.05);}
.card-header.available-time-header {border-radius: 10.91px 10.91px 0 0;background: var(--Wildwatermelon);min-height:30px;}
.profile-completion-container {width: auto;}
.profile-completion-container .profile-completion-text {font-size: 14px;color: var(--ashgray);text-align: right;margin-bottom: 5px;}
.profile-completion-container .profile-completion-progress-bar {width: 100%;height: 20px;background: var(--Lavender);border-radius: 10px;position: relative;color:red;}
.profile-completion-container .profile-completion-progress-fill {width: 30%;height: 100%;background: var(--gray-color-text);border-radius: 10px;}
.booking-tabs a.nav-link,.service-card-parent .service-badge {border-radius: 200px;border: 1px solid var(--light-grey);}
.booking-tabs a.nav-link.active {border-radius: 200px;border: 1px solid var(--pink);background:var(--pink);}
.available-time-card-body i.fa-regular.fa-clock {font-size: 34px; color: var(--black)}
.dashboard_cards-wallet {border-radius: 8px;background: var(--white);box-shadow: 0 0 12px 0px rgba(0, 0, 0, 0.10);padding: 9px;}
.verified-badge {display: inline-flex;align-items: center;background: var(--baby-pink);padding: 4px 10px;border-radius: 20px;position: relative;font-family: "Plus Jakarta Sans";}
.verified-badge img {position: absolute;left: -7px;}
.swiper-pagination-bullet-active {background-color: var(--black);}
.user-img-parent {border-left: 1px solid var(--grey);border-radius: 0;padding-left: 17px;}
.notification-parent.btn-icon-muted i {color: var(--white);font-size: 15px;}
.notification-parent {background: var(--charcoal-black);border-radius: 50%;border: 1px solid var(--charcoal-black);}
.notification-parent.btn-icon-muted:hover  {background: var(--white);}
.notification-parent.btn-icon-muted:hover i {color: var(--black);}
.notification-dropdown{border-radius: 8px;background: var(--white); padding: 16px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10), 0 0 12px 0 rgba(0, 0, 0, 0.10), 0 0 12px 0 rgba(0, 0, 0, 0.10);}
.notification-dropdown .notification-card {background: var(--white);border: none;box-shadow: none;border-bottom: 1px solid var(--soft-grey);border-radius: 0;}
.notification-dropdown .notification-card .card-header{border-bottom: none;}
.user-img-parent i.down-arrow {color: var(--black);right: 8px;top: 13px;font-size: 16px;}
div#kt_app_header {border-bottom: 1px solid var(--grey);}
.deactive-btn {font-family: "Manrope", serif;border-radius: 200px;border: 1px solid var(--light-grey);background: var(--white);}
.deactive-btn:hover {transition: .5s ease-in-out;}
button.black-btn {font-family: "Manrope", serif;border-radius: 200px;background: var(--black);color: var(--white);border: 1px solid var(--black);}
button.black-btn:hover {color: var(--black);background: var(--white);transition: .5s ease-in-out;}
.customers-detail-card a.direction{text-decoration: underline;}
.customers-detail-card i.fa-solid.fa-circle {color: var(--Coral);font-size: 8px;}
.social-detail-main .customer-detail-sub {border-left: 1px solid var(--grey);}
.location i,.social-detail-main i {color: var(--light-black);font-size: 15px;}
.customers-detail-card {border-radius: 8px;background: var(--white);box-shadow: 0 0 12px 0 #0000001a;}
.services-btn-parent{border-top: 1px solid var(--grey) ;}
.profile-form-parent input, .profile-form-parent select , .category-modal-parent .category-input-parent .category-input{outline: none;border-radius: 200px;background: var(--white);border: 1px solid var(--light-grey);}
.profile-picture {height: 117px;width: 117px;}
.upload-btn i {color: var(--light-black);font-size: 13px;}
.upload-btn {border-radius: 8px;border: 1px solid var(--light-black);}
.form-border{border-bottom: 1px solid var(--light-grey)}
.toggle-password {right: 24px;top: 58px;}
.toggle-forgot{position:absolute;right: 24px;top: 41px;}
body:has(.is-invalid) .toggle-password.toggle-forgot {right: 38px;top: 42px;}
.app-header-menu .menu .menu-item .menu-link.active{border-radius:0;background: transparent;}
.app-header-menu .menu .menu-item .menu-link.active span{border-bottom: 1px solid var(--hot-pink);}
.border-grey{border: 2px solid var(--border-gray);}
/*.app-header-menu .menu .menu-item .menu-link.active{border-radius:0;background: transparent; border-bottom: 1px solid var(--hot-pink);}*/
body[data-kt-app-header-fixed=true][data-kt-app-sidebar-fixed=true][data-kt-app-sidebar-push-header=true] .app-header.customer-navbar {left: 0;right: 0;top: 24px;position: fixed;margin-inline: 2em;height: 83px;}
/*.app-wrapper.customer-margin {margin-left: unset;}*/
[data-kt-app-sidebar-fixed=true] .app-wrapper.customer-margin {
    margin-left: unset;
}
body #kt_app_header.app-header.customer-navbar { margin-left: unset; border-radius: 20px;background: var(--blush-pink);box-shadow: 0 4px 12.3px 0 #fd69b340;z-index: 999999;}
.customer-padding{padding-top: 4em;}
.action_btn li{list-style: none;}
.action_btn .dropdown-toggle::after{display: none;}
.status ,.status-green {position: relative;}
td.active-status{padding-left: 19px;color: var(--MediumGreen)}
td .status.active-status{color: var(--MediumGreen)}
td.deactive-status{padding-left: 19px;color: var(--Mulberry)}
td .status.deactive-status{color: var(--Mulberry)}
td.finished-status{padding-left: 19px;color: var(--Coral)}
td .status.finished-status{color: var(--Coral)}
td.pending-status{padding-left: 19px;color: var(--yellow-circle)}
td .status.pending-status{color: var(--yellow-circle)}
.status.status-baeutician:before{    content: '';
    position: absolute;
    left: -15px;
    top: 10px;
    height: 7px;
    width: 7px;
    border-radius: 50px;}
/*.status.status-categories:before{content: '';position: absolute;left: 8px;top: 28px;height: 7px;width: 7px;border-radius: 50px;}*/
.status:before{content: '';position: absolute;left: 8px;top: 34px;height: 7px;width: 7px;border-radius: 50px;}
.status-green:before{ content: '';position: absolute;left: -12px;top: 7px;height: 8px;width: 7px;border-radius: 50px;}
.services-btn-parents i.fa-solid.fa-circle {color: var(--Coral);font-size: 9px;}
i[class*=" fa-"].fa-star {color: var(--pink);}
.active-status.status:before{background-color: var(--MediumGreen);}
.ongoing-status.status-green:before{background-color: var(--MediumGreen);}
.completed-status.status-green:before{background-color: var(--Mulberry);}
.cancelled-status.status-green:before{background-color: var(--Coral);}
.deactive-status.status:before{background-color: var(--Mulberry);}
.finished-status.status:before{background-color: var(--Coral);}
.pending-status.status:before{background-color: var(--yellow-circle);}
.add_disputes_btn{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center; border-radius: 50px;background: var(--pink);box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.20);}
.add_disputes_btn  i{color: var(--white);font-size: 20px;}
.profile-form-parent textarea{outline: none;border-radius: 12px;background: var(--white);border: 1px solid var(--light-grey);}
.dropdown-parent i {right: 15px;top: 12px;font-size: 15px;color: var(--black);z-index:1;}
button.dropdown-toggle {background: var(--white);text-align: start;}
.dropdown-item .add-icon-parent {height: 17px;width: 17px;}
.category-dropdown-parent .dropdown-item.active,.category-dropdown-parent .dropdown-item:hover, .dropdown-item:active {color: var(--light-black);background: var(--pink);border-radius: 30px;padding:1px 10px;}
.category-dropdown-parent .dropdown-toggle::after {border-top: 5px solid;border-right: 5px solid transparent;border-left: 5px solid transparent;position: absolute;right: 20px;top: 17px;}
.tag-container {display: flex;flex-wrap: wrap;gap: 5px;}
.tag {padding: 8px 18px;border-radius: 20px;display: flex;align-items: center;gap: 5px;border-radius: 200px;border: 1px solid var(--pink);background: var(--pink);color: var(--white);}
.tag-remove {cursor: pointer;font-weight: 700;margin-left: 5px;}
tag.tagify__tag {display: none;}
.modal-btn-parent .cancel-btn, .modal-btn-parent .custom-confirm-btn {border-radius: 56px;width: 123px;}
.modal.fade.category-modal-parent .modal-dialog {transform: translate(0, 291px);}
.category-modal-parent .modal-dialog {max-width: 629px;}
.modal-btn-parent .cancel-btn {background: var(--white);border: 1px solid var(--light-grey);}
.request-approval-parent{border-bottom: 1px solid var(--grey);}
.service-card-parent .service-badge {width: 158px;}
.service-card-parent .card-body {border-right: 1px solid var(--dull-grey);}
.service-card-parent.card {box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);}
.pink-badge {border-radius: 200px;background: var(--baby-pink);width: max-content;padding: 3px 10px;text-align: center;}
.loc-direction i {color: var(--pink);font-size: 10px;}
.loc-direction-brown i {color: var(--Coral);font-size: 10px;}
div#kt_scrolltop {background: var(--pink);}
.notification-main{border-radius: 10px;background: var(--white);box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.10);padding: 16px;}
.notification-main .card-header{padding: 0; border-bottom: none;}
.notification-main .card-header .notification-image{width: 36px; height: 36px;}
.notification-main .card-header .notification-image img{height: 100%; width: 100%; object-fit: contain; border-radius: 50px;}
.notification-main .card-body{padding: 0}
.notification-btn{border-radius: 100px;padding: 6px 28px}
.reject-btn{border: 1px solid var(--light-grey); background:transparent }
.accept-btn{border: 1px solid var(--pink);background:var(--pink);}
.notification-main:hover{background-color:var(--pink);}
.notification-main:hover .card-body p{color: var(--white);}
.notification-main:hover .accept-btn{background: var(--white); border:1px solid var(--white); color:var(--pink);}
.notification-main:hover .reject-btn{background: var(--white);}
.see-all-btn{border-radius: 6px;background: var(--white-smoke);padding: 10px 0;display: block;width: 100%;}
.calender-container .calender-time.datepicker {left: 0;}
.calender-time.datepicker {position: absolute;top: 50px;left: -243px;background: var(--white);padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);display: none;z-index: 100;}
.calender-time .calendar {display: grid;grid-template-columns: repeat(7, 1fr);gap: 5px;text-align: center;}
/*.slot-group {border: 1px solid var(--grey);border-radius: 10px;padding-inline: 10px;padding-block: 5px;}*/
.calendar .day {padding: 10px;cursor: pointer;border-radius: 50%;}
.day:hover {background-color: var(--white-smoke-color);}
.calendar .selected {background-color: var(--pink4);}
.timepicker-dropdown {display: none;position: absolute;background: white;padding: 15px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);border-radius: 5px;z-index: 100;width: 274px;right: 0;}
.time-picker input {border: 1px solid transparent;border-radius: 5px;padding: 5px;text-align: center;font-size: 14px;width: 78px;background: var(--gray-light);outline: none;}
.time-picker button {padding: 5px 10px;border: 1px solid transparent;background: var(--gray-light);cursor: pointer;border-radius: 5px;}
.time-picker button.active {background: var(--black);color: var(--white);}
.buttons_apply .cancel{border-radius: 200px;border: 1px solid var(--charcoal-black);background:transparent;cursor: pointer;padding: 8px 15px;}
.buttons_apply .apply{border-radius: 200px;background: var(--charcoal-black);cursor: pointer;padding: 8px 15px;color:var(--white);border:0;}
.filter-button-date-time {padding: 10px 28px ; width :auto; border: 1px solid var(--light-grey);background: var(--white);cursor: pointer;border-radius: 30px;color: #444 !important;}
i.down-arrow.hot-pink {color: var(--hot-pink);}
.timepicker_start-time {position: absolute;top: 100%;left: 0;background: var(--white) ;padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);display: none;z-index: 100;width: 350px;}
.booked-slots .slot {display: inline-block;padding: 5px 10px;margin: 5px;border-radius: 200px;background: var(--gray-light);}
.filter-button-input {padding: 10px 15px;border: 1px solid #ccc;background: var(--white);cursor: pointer;border-radius: 5px;}
.datepicker-calender {position: absolute;top: 100%;left: 0;background: var(--white);padding: 20px;border-radius: 10px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);display: none;z-index: 100;}
.mediumgreen-color-circle i.fa-solid.fa-circle {color: var(--MediumGreen);font-size: 10px;}
.mullbery-color-circle i.fa-solid.fa-circle {color: var(--Mulberry);font-size: 10px;}
.category-checkbox {width: 392px;text-align: center;padding: 10px;border-radius: 200px;border: 1px solid var(--light-grey);display: inline-block;cursor: pointer;}
.category-checkbox label{color: var(--medium-gray);}
.category-checkbox input[type="checkbox"] {appearance: none;position: absolute;opacity: 0;}
.category-checkbox:has(input[type="checkbox"]:checked) {background: var(--pink);color: var(--white);border: 1px solid transparent;}
.upload-box {padding: 30px;background: var(--white-smoke);cursor: pointer;border-radius: 4px;border: 1px dashed var(--light-grey);background: var(--white);display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 10px;}
.preview-container {display: flex;flex-wrap: wrap;margin-top: 20px;gap: 50px;}
.preview-box {position: relative;width: 200px;height: 150px;text-align: center;}
.preview-box img, .preview-box iframe {width: 100%;height: 100%;object-fit: contain;border-radius: 8px;}
.preview-box i {font-size: 50px;color: var(--dim-gray);}
.remove-file{color: var(--black);font-size: 16px;position: absolute;border: none;background: transparent;right: -22px;top: 35px;}
.remove-image {position: absolute;top: -3px;right: -4px;color: var(--greyish);cursor: pointer;width: 25px;height: 25px;font-size: 12px;border-radius: 100px;border: 1px solid var(--greyish);background: var(--white);}
.preview-box-file {position: relative;text-align: center;padding: 21px;width: 399px;border: 1px solid var(--Cool-Gray);border-radius: 10px;height: 93px;display: flex;align-items: center;gap: 30px;}
.preview-box-file i {font-size: 50px;}
.add-file i{color: var(--white); font-size: 20px;}
.add-file{border-radius: 4px;background: var(--charcoal-black);height: 22px;width: 22px;display: flex;align-items: center;justify-content: center;padding: 15px;}


/*.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field{display: none;}*/
/*.form-select.filter-dropdown {display: block;width: 100%;padding: .775rem 3rem .775rem 1rem;font-size: 1.1rem;color: #000;background: none;box-shadow:none;border-radius: 200px;border: 1px solid #C2C2C2;appearance: none;}*/
/*.filter-dropdown.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {background-color: transparent !important;}*/
/*.select2-container--bootstrap5 .select2-dropdown {padding:0;width: 236px !important;border-radius: 6px;background: var(--white, #FFF);box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.05);}*/
/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option , .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted , .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {transition: color .2s ease;position: relative;color:  #374151;font-family: Manrope;font-size: 14px;font-weight: 500;}*/
/*.select2-container--bootstrap5 .select2-dropdown .select2-search {padding: 0;margin: 0;}*/
/*.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after{display:none;}*/


.select2-container--default .select2-selection--single {background-color: #fff !important;border-radius: 200px !important;border: 1px solid #C2C2C2 !important;padding-inline: 10px;padding-block: 6px;}
.select2-search.select2-search--dropdown input.select2-search__field {display: none;}
.select2-container--default .select2-results__option[aria-disabled=true] , .select2-results__option[aria-selected] , .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] {background-color: transparent !important;color: #374151 !important;font-family: Manrope;font-size: 14px;font-style: normal;font-weight: 500;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#F9F9F9 !important;}
.select2-container .select2-selection--single{height:auto !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{display:none;}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus , span.select2.select2-container.select2-container--default.select2-container--below , span.select2.select2-container.select2-container--default{width:auto !important;}
.select2-container--open .select2-dropdown--below{border:none;}
.select2-dropdown {padding:0;border-radius: 6px !important;background: var(--white, #FFF) !important;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(0, 0, 0, 0.05) !important;}

/*.price-field-input .input-group-text {border-radius: 50px 0px 0px 50px;}*/
span.input-group-text , .price-field-input .input-group.input-group-solid .input-group-text+.form-control , .price-field-input .input-group.input-group-solid .input-group-text{background-color: white;border-radius: 200px;border: 1px solid #C2C2C2;}
.price-field-input .input-group.input-group-solid .input-group-text+.form-control{border-left: 0;}
.profile-form-parent span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, .profile-form-parent span.select2.select2-container.select2-container--default.select2-container--below, .profile-form-parent span.select2.select2-container.select2-container--default {width: 100% !important;}
body:has(.add-service-container) .select2-dropdown{width:811px !important;}
.drawer{z-index:9999999;}
.cms_whole_wrapper .image-input-wrapper img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;}
.cms_whole_wrapper .image-input.image-input-circle {width: fit-content;}
#kt_app_body .edit_icon i {color: var(--white);}
.cms_tabs_wapper ul {column-gap: 15px;border: 0;}
.cms_tabs_wapper ul li button {padding: 0;}
.section_one_wrapper {border-radius: 10px;border: 1px solid #DBDBDB;padding: 20px;}
.cms_tabs_discription_wrapper {padding-top: 40px;}
.section_one_wrapper h1 {padding-bottom: 40px;}
.cms_sec_admin .image-input.image-input-circle, .cms_sec_admin .image-input.image-input-circle .image-input-wrapper, .cms_sec_admin .image-input-wrapper img {border-radius: 4px;}
#kt_app_body .cms_sec_admin .edit_icon {background: var(--pink);width: 25px;height: 25px;top: 6%;left: 95%;}
#kt_app_body .cms_sec_admin .edit_icon i {font-size: 9px;}
#kt_app_body .cms_sec_admin .remove_icon.edit_icon {left: 95%;top: 52%;}
#kt_app_body .cms_sec_admin .image-input.image-input-empty [data-kt-image-input-action=cancel], .cms_sec_admin .image-input [data-kt-image-input-action=cancel] {display: flex;}
.cms_sec_admin .cms_save_changes_wrap {display: flex;column-gap: 10px;}
.cms_sec_admin .sub_cection_wrapper_cms {row-gap: 15px;display: flex;flex-direction: column;}
.cms_sec_admin .cms_whole_wrapper {display: flex;flex-direction: column;row-gap: 40px;}
.cms_sec_admin .cms_img_upload-wrapper {display: flex;column-gap: 20px;}
.cms_sec_admin .cms_add_more_append {display: flex;justify-content: end;}
#kt_app_body .cms_sec_admin .edit_icon.edit_icon_svg_upload {background-color: #fff;}
#kt_app_body .cms_sec_admin .edit_icon.edit_icon_svg_upload i {color: #4A4A4A;}
.cms_sec_admin .remove_icon_append_cms_wrapper {display: flex;align-items: center;justify-content: space-between;}
.cms_sec_admin .remove_icon_append_cms_wrapper i {border-radius: 50%;background: #F05660;font-size: 14px;color: #fff;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
.customer-img-parent {height: 100px;width: 100px;}
.customer-img-parent img {height: 100%;width: 100%;}
.terms_and_condtions a , .stepper-main a{color: var(--Wildwatermelon);}
/*booking-pagge*/
.card-booking{border-radius: 8px;border: 1px solid var(--white-smoke-color);background: var(--white);box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);}
.border-dashed-pink{border: 1px dashed var(--pink);border-inline: 0;}
.border-dashed-top-pink,.service-card-parent .card-body.border-dashed-top-pink {border-top: 1px dashed var(--pink);}
.border-left-pink{border-left: 1px solid var(--pink);}
.about-profile-card  .about-details {border-radius: 16px;background: var(--pink-background);}
.category-btn{border-radius: 200px;background: var(--Wildwatermelon);border:0;}
[data-kt-app-header-fixed=true] .app-header{z-index:100000;}
body:has(.is-invalid) .auth-password.toggle-password {right: 36px;top: 39px;}
body:has(.is-invalid) .auth-password.reset-password.toggle-password {top: 44px;}
.auth-password.toggle-password{position: absolute; right: 10px; top: 58%;  cursor: pointer;}
.auth-password.reset-password.toggle-password{top: 62%;}
.services-customer .search_bar {margin-top: 30px;padding: 14px 30px;border-radius: 200px;/*background: #F6F6F6;*/}
.services-customer .search_bar a, .search_bar input, .search_bar input::placeholder {color: var(--light-black);font-weight: 300;font-size: 16px;background: transparent;}
.services-customer  .search_bar input {border: 0;}
.services-customer .search_bar .search_btn {background-color: var(--pink);border-radius: 50%;height: 35px;width: 35px;border: 0;}
.services-customer .search_bar .search_btn i {rotate: 45deg;}
.services-customer  input {outline: 0;position: relative;}
.border-right {border-right: 1px solid grey;}
.services-customer  input[type="datetime-local"]::-webkit-calendar-picker-indicator {display: none;-webkit-appearance: none;}
.service-tabs{max-width:1000px;}
/* Chrome, Safari, Edge, Opera */
.services-customer input[type="number"]::-webkit-outer-spin-button,
.services-customer input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
/* Firefox */
.services-customer input[type="number"] {-moz-appearance: textfield;}
.services-customer .date-picker-wrapper {position: relative;display: inline-block;}
.services-customer .date-picker-wrapper i {position: absolute;left: 10px;top: 50%;transform: translateY(-50%);/*color: #999;*/cursor: pointer;z-index: 2;}
.services-customer .date-picker-wrapper input[type="datetime-local"] {padding-left: 35px; /* space for icon */}
.btn-clear {color: #444 !important; background-color: #fff !important;border-radius: 200px !important;border: 1px solid #C2C2C2 !important;padding-inline: 10px;padding-block: 10px;}
body  .pagination .page-item.active .page-link {background: var(--Mulberry);}

body .pagination .page-item.active .page-link:hover {color: var(--white);}
.page-item:hover:not(.active):not(.offset):not(.disabled) .page-link {color: var(--hot-pink);}
.menu-item.wallet-menu:hover .menu-icon svg path {stroke: white;}
.swiper-slide .review-user-details {height: 47px;width: 48px;}
.reviews-profile-card .swiper-slide {height: 254px;}
.usr-image img {height: 50px;width: 50px;}
[data-kt-app-sidebar-fixed=true] .app-wrapper {
    /* margin-left: calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-gap-start, 0px) + var(--bs-app-sidebar-gap-end, 0px)); */
    margin-left: 245px;
}
.services-main-section{border-radius: 8px;border: 1px solid  #F2F2F2;box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);}
.completion-box {border: 1px solid var(--pink);background-color: var(--white);}
.service-card-parent.card.book-now-cards{border-radius: 8px;border: 1px solid rgba(194, 194, 194, 0.50);background: #FFF; box-shadow: unset !important;}

#calendar i.fa.fa-clock {
    color: #3D3D3D;
    font-size: 18px;
}

#calendar {
    overflow-x: scroll;
    overflow-y: hidden;
}

#calendar table {
    width: 100%;
    margin-top: 20px;
    border-collapse: collapse;
}

#calendar tr>th {
    text-align: center;
    padding: 7px 14px 30px 0;
}

#calendar tr>th select,
#calendar tr>th:not(:first-child) span {
    border: 0;
    outline: 0;
    height: 100%;
    display: flex;
    padding: 10px 28px;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    box-shadow: 0 0 26px #e7e7e7;
}

#calendar td:hover {
    cursor: pointer;
}

.start-time,
.in-range,
.end-time {
    background-color: #A2EFB6;
}

/* tr:has(.end-time ~ .start-time) .end-time, .start-time ~:not(.in-range) ~ .end-time {
                                background: #fff;
                            } */
.current-time {
    border-left: 2px solid red !important;
}

#calendar tr>td:not(:first-child) {
    padding: 0;
    height: 156px;
    min-width: 56px;
    max-width: 58px;
    user-select: none;
    border: 2px dashed #EAEAEA;
}

#calendar tr>td {
    position: relative;
}

.popup {
    left: 0;
    z-index: 1;
    width: 427px;
    height: 180px;
    color: #000;
    font-size: 14px;
    position: absolute;
    padding: 20px 10px;
    background: #fff;
    bottom: calc(200px - 380px);
    filter: drop-shadow(0px 0px 26px rgba(48, 81, 138, 0.12));
}

.popup .container {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.popup .btnBooking {
    width: 100%;
    display: block;
    text-align: center;
    text-decoration: none;
}

#calendar tr>td:first-child {
    padding: 5px 20px 5px 0;
}

#calendar tr>td:first-child * {
    margin: 0;
}

#calendar .title {
    width: 100%;
    height: 158px;
    display: flex;
    min-width: 120px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #E4E3E3;
    background: #F6F6F6;
    flex-direction: column;
    justify-content: center;
}

.reservation {
    top: -2px;
    left: -3px;
    z-index: 1;
    display: flex;
    overflow: hidden;
    position: absolute;
    /*background: #D6F9E8;*/
    flex-direction: column;
    height: calc(100% + 4px);
    justify-content: space-between;
    border-radius: 10px 0px 0px 10px;
    background: #FEEBF1;
}

.reservation>* {
    padding: 0;
    text-align: left;
    list-style-type: none;
}

.reservation>h4 {
    color: #4A4A4A;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
    margin: 20px 0 0 20px;
}

.reservation>ul {
    gap: 14px;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px 20px;
}

.reservation>ul li {
    gap: 10px;
    display: flex;
    color: #4A4A4A;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    align-items: center;
}

.reservation .profile {
    font-size: 15px;
}

.flex-align-space-btw {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-btn {
    font-size: 15px;
    color: #4A4A4A;
    cursor: pointer;
    border-radius: 100px;
    box-shadow: 0 0 26px #e7e7e7;
}

.header-btn:not(.calendar-today) {
    padding: 10px 20px;
}

.header-btn:not(.calendar-today) i {
    color: #7BB541;
}

.calendar-coursts-payable a {
    text-decoration: none;
}

.calendar-today i {
    padding: 13px;
    border: 1px solid #E8E8E8;
}

.calendar-today> :first-child {
    border-width: 0 1px 0 0;
}

.calendar-today> :last-child {
    border-width: 0 0 0 1px;
}

.calendar-date input {
    border: 0;
    outline: 0;
    width: 100vw;
    max-width: 200px;
}

.calendar-date {
    position: relative;
}

.calendar-coursts-payable .dropdown-menu {
    border: 0;
    box-shadow: 0 7px 7px #d3d3d3;
}

.btnTime {
    cursor: pointer;
}

.btnCalendar {
    font-size: 15px;
    padding: 9px 17px;
    border-radius: 5px;
    border: 1px solid #7BB541;
}

.btnCalendar,
.btnCalendar:focus {
    color: #fff;
    background: #7BB541;
}

.btnCalendar:hover {
    color: #7BB541;
    background: #fff;
}

.modal select:focus {
    outline: 0;
    box-shadow: none;
    border-color: #7eb645;
}

.modal .btn-close {
    box-shadow: none;
}
.upload-card {
    padding: 20px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    text-align: center;
    background-color: #f8f9fa;
    transition: box-shadow 0.3s ease;
}

.img-preview {
    width: 100%;
    height: auto;
    max-width: 150px;
    max-height: 300px;
    margin-top: 15px;
    /*border: 1px solid #ced4da;*/
    border-radius: 5px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.img-preview:hover {
    transform: scale(1.05);
}

#duration-display {
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #212529;
    font-size: 16px;
}

#duration-preset {
    background-color: #212529;
    color: white;
    font-size: 14px;
    transition: all 0.2s ease;
    border: none;
}

#duration-preset:hover {
    background-color: #343a40;
    transform: translateY(-1px);
}

.duration-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1000;
    display: none;
}

.duration-option {
    padding: 12px 15px;
    cursor: pointer;
    transition: background 0.2s;
}

.duration-option:hover {
    background: #f8f9fa;
}

.duration-selected {
    background: #f0f0f0;
    font-weight: bold;
}
.add-service .uploade-btn {
    top: 10px;
    /*right: 50px;*/
    /*right: 104px;*/
    right: calc(100% - 283px);
    background: white;
    border-radius: 50%;
    padding: 5px 10px;
    border: none;
}

.add-service .uploade-btn.remove-image-button {
    /*right: 10px;*/
    /*right: calc(100% - 134px);*/
    /*display: none;*/
}

.image-upload.uploaded .remove-image-button {
    display: block;
}
.image-upload:not(.uploaded) .remove-image-button {
    display: none;
}
.image-upload:not(.uploaded) .edit-image-button {
    display: block;
}

.image-upload.uploaded .edit-image-button {
    display: none;
}
.clear-filters .btn-clear i {
    /* color: black; */
    color: #000000;
}
.pink_border {
    border: 3px solid var(--pink);
}
.button-container.stepper-btn-container {
    width: 50%;
}
.service-price i.green-dot::before {
    top: 8px;
    position: absolute;
    left: -10px;}
body:has(.is-invalid) .forgot {
    left: 357px;
    top: 46px !important;
}
img.beautician-image {
    height: 41px;
    width: 41px;
}
.customer-profile-img-parent .beautician-image {
    height: 121px;
    width: 121px;
}
.sub-cat-modal i {
    font-size: 16px;
    color: #000;
}
.modal.show .modal-dialog.sub-cat-modal {
    /* transform: none; */
    transform: translate(0, 50%);
}
.portfolio-main-details {
    display: none;
}
.portfolio-detail-box .image-portfolio {
    background: none;
}