/*
Madan Mohan
12-09-2025
*/
@font-face {
    font-family: 'inter';
    src: url(../fonts/inter.ttf);
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(../fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: 'DMSansMedium';
    src: url(../fonts/DMSansMedium.ttf);
}

@font-face {
    font-family: 'DMSansBold';
    src: url(../fonts/DMSansBold.ttf);
}

.DMSansBold {
    font-family: 'DMSansBold';
}

html, body {
    height: 100%;
}

a {
    text-decoration: none;
}

*, p {
    font-family: DMSansMedium;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.list-none {
    list-style-type: none;
}
/* Nav menu space */
.my-bglight {
    background: #F5FBFF;
}

.fs-7 {
    font-size: 14px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.scroll-y::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #3F4096;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #609ECC;
    }

ul {
    list-style: none;
}

.tooltip > .tooltip-inner {
    background-color: #3F4096;
    font-size: 11px;
    color: #000;
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
    border-left-color: #3F4096;
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
    border-right-color: #3F4096;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #3F4096;
}

.login-btn {
    font-family: 'DMSansMedium';
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #609ECC;
    text-decoration: underline;
}

.nav-link {
    font-family: DMSansBold;
}

.navbar .nav-item::before {
    content: ".";
    position: absolute;
    margin-top: 4px;
    left: 0;
}

.nav-item:first-child::before {
    opacity: 0;
}

.banner-layer {
    background: rgba(0,0,0,0.3);
}

.banner-heading {
    font-size: 62px;
    font-weight: 700;
}

.my-color-primary {
    color: #609ECC;
}

.my-bg-secondary {
    background-color: #609ECC;
    color: white;
}

.my-bg-primary {
    background-color: #3F4096;
    color: white;
}

    .my-bg-primary:hover {
        background-color: #3F4080;
        color: white;
    }

#carouselPrev, #carouselNext {
    background-color: #3F4096;
    opacity: 1;
    color: #ccc;
    width: 30px;
    height: 30px;
}

    #carouselPrev:disabled, #carouselNext:disabled {
        background-color: #EFEFEF;
        cursor: not-allowed;
    }

.my-color-seconadry, .my-color-seconadry:hover {
    color: #3F4096;
}

.navbar-brand h6 {
    font-family: inter;
    font-size: 24px;
    font-weight: 900;
}

.best-price {
    background-image: url(../images/price-bg.png);
    background-position: 95% bottom;
    background-repeat: no-repeat;
    background-size: 120px;
}

.slot {
    background: #F5FBFF;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.legend {
    display: flex;
    gap: 15px;
    font-size: 14px;
    margin-bottom: 10px;
}

    .legend span {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .legend .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        display: inline-block;
    }

.dot-available {
    background: #d4f6da;
}

.dot-pending {
    background: #ffe9a8;
}

.dot-booked {
    background: #f8b4b4;
}

.calendar-table {
    width: 100%;
    text-align: center;
    border-collapse: separate;
    border-spacing: 8px;
}

    .calendar-table th {
        font-weight: 500;
        color: #555;
    }

.calendar-day {
    border-radius: 10px;
    padding: 10px 0;
    cursor: pointer;
    font-weight: 500;
}

.available {
    background: #d4f6da;
}

.pending {
    background: #ffe9a8;
}

.booked {
    background: #f8b4b4;
    cursor: not-allowed;
}

.calendar-day:hover:not(.booked) {
    outline: 2px solid #198754;
}

.selected {
    outline: 2px solid #198754;
}

.slot-available-wrap {
    background: url(../images/slot-available-bg.svg) no-repeat center center;
}

.slot-available {
    display: none;
}

.booking-step::after {
    content: "";
    position: absolute;
    top: 0;
    right: -22px;
    height: 100%;
    width: 52px;
    background: url(../images/step1-arrow.png) no-repeat center right;
}

.booking-step.step2::after, .booking-step.step3::after {
    opacity: 0;
}

.booking-step.step2, .booking-step.step3 {
    background: url(../images/step2.png) no-repeat;
    background-size: cover;
}

.booking-step.step-active {
    background: url(../images/step-active.png) no-repeat;
    background-size: cover;
    color: white;
}

footer {
    background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(245, 251, 255, 1) 100%);
}

.step2-form, .step3-form {
    display: none;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #3F4096;
}

.nav-pills .nav-link {
    color: #4B4B4B;
    font-family: DMSansMedium;
}

.confirmed {
    background-color: #DCFCE7;
    color: #0A8C37 !important;
}

.pending {
    background-color: #FFEFC2;
    color: #5F4602 !important;
}

.reject {
    background-color: #FF9EA4;
    color: #270002 !important;
}

.font-normal * {
    font-weight: 100;
}

.table.text-secondary * {
    color: #4B465C;
}

.name-icon {
    background-color: #7367F029;
    color: #7367F0;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 5px;
}

.status-pending {
    color: #FF9F43 !important;
}

.status-approved {
    color: #28C76F !important;
}

.status-rejected {
    color: #EA5455 !important;
}

.btn-purple {
    background-color: #3F4096;
    color:white;
    padding:10px;
    border-radius:5px
    
}

#progress {
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    clear: both;
    line-height: 1em;
    margin: 0 -1px;
}

    #progress button {
        display: inline-block;
        padding: 10px 20px 10px 30px;
        background: #eee;
        position: relative;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        margin: 0 1px 5px 1px;
        color: #3b4753;
        border: none;
        font-size: 14px;
    }

        #progress button:first-child::before {
            opacity: 0;
        }

        #progress button:before {
            content: '';
            border-left: 16px solid #fff;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 0;
            left: 0;
            background: #eee;
        }

        #progress button:after {
            content: '';
            border-left: 16px solid #eee;
            border-top: 16px solid transparent;
            border-bottom: 16px solid transparent;
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 20;
            background: transparent;
        }

        #progress button.success {
            background-color: #b5ffcf;
            color: #0A8C37;
        }

            #progress button.success:before {
                background: #b5ffcf;
            }

            #progress button.success:after {
                border-left: 16px solid #b5ffcf;
            }

        #progress button.pending {
            background-color: #ffe499;
        }

        #progress button.disable {
            background-color: #eee;
        }


        #progress button.pending:before {
            background: #ffe499;
        }

        #progress button.pending:after {
            border-left: 16px solid #ffe499;
        }

        #progress button.reject {
            background-color: #FF9EA4;
        }

            #progress button.reject:before {
                background: #FF9EA4;
            }

            #progress button.reject:after {
                border-left: 16px solid #FF9EA4;
            }