body {
    background-color: #071357 !important;
}
body.active-light-mode .rbt-main-content { 
        background-color: #071357 !important;
}
.active-light-mode .business-name { 
    color:white;
}
.booking-text-container:hover {
    background-color: #DEEAFB;
    color: white;
}
.bg-\[\#F2EAFB\] {
    background-color: #DEEAFB !important;
}
.rounded-square {
    border-radius: 1.5rem !important;
}
.btn-product, #btn-booking-confirmation, .btn-slot-next, #btn-booking-contactInfo, #multi-card-field-button {
    background: linear-gradient(135deg, #175AC0, #4d86df) !important;
    color: white !important;
}
    .btn-product::after {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 100%) !important;
        transform: skewX(-25deg) !important;
        transition: all 0.3s ease-in-out !important;
    }

    .btn-product:hover::after {
        left: 130% ;
        transition: all 0.6s ease-in-out !important;
    }
.bg-gradient-blue {
    position: relative;
    background: linear-gradient(135deg, #175AC0, #4d86df);
    color: white;
    font-size: 20px;
    overflow: hidden;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}

    .bg-gradient-blue::after {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.2) 100%);
        transform: skewX(-25deg);
        transition: all 0.3s ease-in-out;
    }

    .bg-gradient-blue:hover::after {
        left: 130%;
        transition: all 0.6s ease-in-out;
    }
.bg-gradient-orange {
    position: relative;
    background: linear-gradient(to bottom, #F8C925, #E96F0D);
    color: white !important;
    font-size: 20px;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .bg-gradient-orange::after {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100% );
        transform: skewX(-25deg);
        transition: all 0.5s ease-in-out;
    }

    .bg-gradient-orange:hover::after {
        left: 130%;
    }
.bg-gradient-rose {
    position: relative;
    background: linear-gradient(to bottom, #BD2F62, #652075);
    color: white !important;
    font-size: 20px;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-weight: 600;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .bg-gradient-rose::after {
        content: '';
        position: absolute;
        top: 0;
        left: -75%;
        width: 50%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.2) 100% );
        transform: skewX(-25deg);
        transition: all 0.5s ease-in-out;
    }

    .bg-gradient-rose:hover::after {
        left: 130%;
    }
.verified-badge-svg {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.text-dark-blue {
    color: darkblue !important;
}
.text-purple {
    color: #071153 !important;
}
.text-white { 
    color:white !important;
}
.calendar-product-avatar {
    background-color: #DEEAFB !important;
}
.btn-cls-popup{ 
    position:absolute;
    top:8px; 
    right:8px; 
    z-index:1000;
}
.modal-survey {
    background-color: #f9f9fe;
    border-radius:25px;
}
#surveyModal .modal-content,iframe {
    border-radius: 50px !important;
}
.f-22 { 
    font-size:22px; 
}
.f-20 { 
    font-size:20px;
}
.f-18 { 
    font-size:18px;
}
.f-16 { 
    font-size:16px;
}

.social-icons1 img {
     width: 90px;
     height:auto;
 }