/* calenderWiget.css */

/* ── Container ─────────────────────────────────────────────── */
.selectYear {
    width: 100%;
}

/* ── Header ────────────────────────────────────────────────── */
.selectYear-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;
}

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

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

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

.selectYear-header-btn-left, .selectYear-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;

    color: #676768;
    display: flex; align-items: center;
    justify-content: center;

}


.selectYear-count{
    font-size: 80%;
    font-weight: 600;
}

.selectedYear-years{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
}


.selectedYear-item{

    position:relative;

    overflow:hidden;

    border-radius:2px;


    margin-bottom:10px;

    text-align:center;

    background:#ececec;

    font-weight:600;

}




























            #addMoreRoomies-remove-btn{
                background-image:url("/imgs/icons/arrow_back_ios.svg");
                background-repeat:no-repeat;
                background-position:center;
                background-size:10px;
                border-top-left-radius: 25px;
                border-bottom-left-radius: 25px;

                border-top-right-radius: 25px;
                border-bottom-right-radius: 25px;
            }