.calendar-wrap {
    background: #e0ecf4;
    border-radius: 20px;
    border-radius: 1.25rem;
    height: 511px;
    height: 31.9375rem;
    padding: 40px 20px;
    padding: 2.5rem 1.25rem;
    width: 100%
}

.calendar {
    overflow: hidden;
    width: 100%
}

.header {
    align-items: center;
    color: #e3000c;
    display: flex;
    font-size: 30px;
    font-size: 1.875rem;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-bottom: 1.25rem
}

.month-btn {
    background: url(../images/arrow-03.png) 50%;
    cursor: pointer;
    height: 53px;
    height: 3.3125rem;
    width: 53px;
    width: 3.3125rem
}

#next-month:hover,#prev-month {
    transform: rotate(180deg)
}

#prev-month:hover {
    transform: rotate(0deg)
}

.month-btn:hover {
    background: url(../images/arrow-03-active.png) 50%
}

.days-of-week {
    color: #005f8f;
    font-size: 0;
    width: 100%
}

.days-of-week div {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    height: 45px;
    height: 2.8125rem;
    margin: 0 10px;
    margin: 0 0.625rem;
    text-align: center;
    width: 45px;
    width: 2.8125rem
}

.days {
    display: grid;
    font-size: 0;
    gap: 8px 10px;
    gap: 0.5rem 0.625rem;
    grid-template-columns: repeat(7,1fr);
    margin-top: 10px;
    margin-top: 0.625rem
}

.days div {
    border-radius: 10px;
    border-radius: 0.625rem;
    color: #001b32;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    height: 45px;
    height: 2.8125rem;
    line-height: 45px;
    line-height: 2.8125rem;
    padding: 0;
    text-align: center;
    width: 45px;
    width: 2.8125rem;position:relative
}
 
.days div.active{background:#38c2ec;color:#fff}
.days .hasArt{background:#00467f;color:#fff}
.days .current-day {
    background: linear-gradient(224deg,#03c3c0,#0283a2);
    color: #fff
}

.days .active-day {
    background: #e3000c;
    color: #fff
}

.days .shiting-day {
    background: linear-gradient(#0c5293,#07315b);
    color: #fff
}

.inactive-day {
    color: #ccc;
    cursor: not-allowed
}