.checkbox__wrapper label.checkbox-label:before {
    background-color: #fff
}

.carts>:nth-child(-n+3) {
    margin-top: 0 !important
}

.field-orderbycall-phone .input-group--phone {
    flex-wrap: nowrap
}

.field-orderbycall-phone .label {
    display: none
}

@media (max-width:768px) {
    .carts>:nth-child(-n+3) {
        margin-top: 24px !important
    }
}



[id^=ui-id]>li {
    padding: 6px
}

.ui-widget.ui-widget-content {
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: 0 0 !important;
    background-color: #edf5fb !important;
    border: 0 !important
}

.ui-menu-item:hover {
    background-color: #edf5fb
}

/*!*hero*!*/
.text-accent-orange {
    color: #f7b21c
}

.bg-night-blue {
    background: linear-gradient(123.5567565757deg, #163e74 0, #257fc3 100%)
}

.bg-sky-blue {
    background: linear-gradient(123.5567565757deg, #257fc3 0, #163e74 100%)
}

#swiper-display-period .swiper {
    overflow: visible;
    margin-left: 0;
    margin-right: 0;
    height: 460px
}

#swiper-display-period .swiper .swiper-slide img {
    height: auto;
    width: auto
}

#swiper-display-period .swiper .swiper-buttons-wrapper {
    bottom: 495px;
    right: -3px
}

#swiper-display-period .swiper .swiper-button-disabled.swiper-button-next .icon-accent,
#swiper-display-period .swiper .swiper-button-disabled.swiper-button-prev .icon-accent {
    color: #dedede !important
}

@media (max-width:991px) {
    #swiper-display-period .swiper {
        overflow: visible;
        height: 460px
    }

    .swiper-pagination-bullets.swiper-pagination-horizontal {
        top: 6px !important
    }

    .swiper-pagination-bullet-active {
        background: #4694d1 !important
    }

    body,
    html {
        overflow-x: hidden
    }
}

@media (max-width:767px) {
    #swiper-display-period .swiper {
        overflow: visible;
        height: 424px
    }
}

#swiper-display-period .bg-card.rounded-16.p-24.m-p-16.max-days-7 {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid #b5c2d1;
}

.card-1.line-1,
.card-6.line-1 {
    min-width: 109px
}

.card-1.line-1 {
    width: 33%
}

.card-1.line-2,
.card-1.line-3 {
    width: 67%
}

.card-1.line-4 {
    width: 100%
}

.card-2.line-1 {
    width: 60%
}

.card-2.line-2,
.card-2.line-3,
.card-2.line-4 {
    width: 100%
}

.card-3.line-1 {
    width: 43%
}

.card-3.line-2 {
    width: 100%
}

.card-3.line-3,
.card-3.line-4 {
    width: 71%
}

.card-4.line-1 {
    width: 50%
}

.card-4.line-2,
.card-4.line-3,
.card-4.line-4 {
    width: 100%
}

.card-5.line-1,
.card-5.line-2,
.card-5.line-3 {
    width: 67%
}

.card-5.line-4 {
    width: 100%
}

.card-6.line-1 {
    width: 25%
}

.card-6.line-2 {
    width: 75%
}

.card-6.line-3 {
    width: 50%
}

.card-6.line-4 {
    width: 100%
}

.card-7.line-1 {
    width: 67%
}

.card-7.line-2,
.card-7.line-3,
.card-7.line-4 {
    width: 100%
}

.card-8.line-1 {
    width: 50%
}

.card-8.line-2,
.card-8.line-3 {
    width: 100%
}

.card-8.line-4 {
    width: 88%
}

.card-with-squares {
    position: relative
}

.square {
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #e4003e;
    right: 16px
}

.square-1 {
    top: 24px
}

.square-2 {
    top: 48px
}