.booking-calendar{
        width:100%;
          
    }

    .b-cal-header{
        width: 100%;
        display:flex;
        justify-content:center;
        align-items:center;
        color:#09090B;
        padding-bottom: 20px;
        margin-bottom: 20px;
        
        border-bottom:solid 0.1px #7373732d;
    }

    .b-cal-header section{
        display:flex;
        justify-content:center;
        align-items:center;
    }

    .b-cal-header-btn-sectiions{
        width: 20%;
    }

    .b-cal-header-center-sectiion{
        width: 60%;
    }

    .b-cal-header-btn-left{
        width: 50%;  aspect-ratio: 1/1;
         border-radius: 50%;
        border:solid 0.1px #73737345;
        box-shadow: 1px 1px 5px 1px  #3838382c;
        background:#fff;
        cursor:pointer;

        background-image: url("/imgs/icons/arrow_left.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size:  50%  50%;
    }
    

    .b-cal-header-btn-right{
        width: 50%;  aspect-ratio: 1/1;
        border-radius: 50%;
        border:solid 0.1px #73737345;
        box-shadow: 1px 1px 5px 1px #3838382c;
        background:#fff;
        cursor:pointer;

        background-image: url("/imgs/icons/arrow_right.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%  50%;
    }

    .b-cal-monthYear{
        font-size:80%;
        font-weight:600;
    }

    
    .b-cal-weekdays{
        width: 100%; display: flex; 
        justify-content: center;
       
    }

    .b-cal-weekdays div{
        width: 14.3%;
        text-align:center;
        font-weight:500;
        font-size: 90%;
        color: #71717A;
    }

    .b-cal-days {
        display: flex;
        flex-wrap: wrap;
    }


.b-cal-days div {
    flex: 0 0 calc(100% / 7);
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 70%;

    cursor:pointer;
        

}

.b-cal-days div:hover{
    background:#bf28282c;
    border-radius: 50%;
}

.b-cal-today{
    display:flex;
    align-items:center;
    justify-content:center;

    width:50%;
    height:50%;

    border-radius:50%;

    background:none;
    color:#BF2829;
    font-weight:600;
}


.b-cal-selected-day{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    border-radius:50%;

    background:#BF2829;
    color:#fff;
    font-weight:600;
}



.b-cal-empty-day{
    pointer-events:none;
    background:transparent;
}

.b-cal-other-month{
    color:#bbb;
}


.b-cal-booked{
    opacity:.4;
    position:relative;
    
}

.b-cal-booked::after{
    content: "";
    position: absolute;
    left: 35%; top: 50%;
    width: 35%; height: 2px;
    background: #6d6a6a;
    transform: rotate(-35deg);
}

.applySelectedStart{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    border-top-left-radius:50%;
    border-bottom-left-radius: 50%;

    background:#BF2829;
    color:#fff;
    font-weight:600;

}


.applySelectedEnd{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    border-top-right-radius:50%;
    border-bottom-right-radius: 50%;

    background:#BF2829;
    color:#fff;
    font-weight:600;

}

.applySelectedMid{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

   border-radius: 0px;

    background:#BF2829;
    color:#fff;
    font-weight:600;

}




.b-cal-booked span {
    pointer-events: none;
}