.hosting-props-77 .hosting-value,
.hosting-props-98 .hosting-value,
.hosting-props-99 .hosting-value,
.hosting-props-100 .hosting-value,
.hosting-props-101 .hosting-value,
.hosting-props-131 .hosting-value,
.hosting-props-123 .hosting-value{
display: none;
}
.wrap-tariffs .owl-stage {
    display: flex;
    align-items: flex-end;
}
.owl-carousel.owl-drag .owl-item {
    padding: 1rem;
}
.owl-carousel .owl-nav button.owl-next.disabled, button.owl-prev.disabled {
    opacity: 0.1;
}
.wrap-tariffs .u-group-1 {
    flex-direction: column;
}
.owl-nav {
    position: absolute;
    top: calc(50% - 5rem);
    font-size: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: -1;
}
.owl-carousel .owl-nav button.owl-prev {
    position: relative;
    left: -4rem;
}
.owl-carousel .owl-nav button.owl-next {
    left: 4rem;
    position: relative;
}

.item-tarif .wrap-group .u-text-5{
    font-weight: bold;
}
.item-tarif {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 20px 30px;
    gap: 28px;
    background: #FFFFFF;
    border: 1px solid #B9C1CC;
    border-radius: 0;
    color: var(--color-3);
    align-items: center;
}
/* [class^="popular_"]:not(.popular_) .item-tarif {
    border-top: 0;
    border-radius: 0;
} */
[class^="popular_"]{
    border-radius: 10px;
}
.item-tarif .wrap-group {
    font-size: 16px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.item-tarif span.price-type {
    font-size: 16px;
}

.item-tarif .btn-add-to-cart {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 50px;
    gap: 10px;
    border: 1px solid rgba(0, 102, 211, 0.5);
    border-radius: 3px;
    color: #0066D3;
}

.item-tarif .tariff-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #666973;
}

.item-tarif .item-price {
    font-size: 24px;
    font-weight: bold;
}

.item-tarif .u-group-4 .u-container-layout {
    display: flex;
    justify-content: space-between;
    line-height: 24px;
}

.item-tarif .u-group-4 {
    display: flex;
    flex-direction: column;
}

.item-tarif .u-group-4 .hosting-value {
    margin: 4px 0;
}

.item-tarif .u-group-4 .hosting-value .val-bg-tr,
.item-tarif .u-group-4 .hosting-value .val-bg {
    display: flex;
    gap: 5px;
}

.item-tarif .u-group-4 .hosting-value span {
    background-color: #DCDCDC;
    height: 6px;
    border-radius: 3px;
    flex: 1;
}

.item-tarif .hosting-value.value_50 span.val-25,
.item-tarif .hosting-value.value_60 span.val-25,
.item-tarif .hosting-value.value_70 span.val-25,
.item-tarif .hosting-value.value_80 span:not(.val-100, .val-75),
.item-tarif .hosting-value.value_130 span:not(.val-100, .val-75),
.item-tarif .hosting-value.value_160 span:not(.val-100),
.item-tarif .hosting-value.value_200 span,
.hosting-value.value_2 span.val-25,
.item-tarif .hosting-props-79 .hosting-value.value_4 span:not(.val-100, .val-75),
.item-tarif .hosting-props-79 .hosting-value.value_8 span,
.item-tarif .hosting-props-80 .hosting-value.value_2 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_3 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_4 span:not(.val-100, .val-75),
.item-tarif .hosting-props-76 .hosting-value.value_10 span:not(.val-100, .val-75),
.item-tarif .hosting-props-76 .hosting-value.value_20 span,
.item-tarif .hosting-props-58 .hosting-value.value_10 span.val-25,
.item-tarif .hosting-props-58 .hosting-value.value_30 span:not(.val-100),
.item-tarif .hosting-props-80 .hosting-value.value_16 span {
    background-color: #0066D3;
}

.item-tarif .hosting-props-79 .hosting-value.value_1 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_6 span.val-75,
.item-tarif .hosting-props-80 .hosting-value.value_1 span.val-25,
.item-tarif .hosting-props-80 .hosting-value.value_3 span.val-50 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0066d3+0,0066d3+50,dcdcdc+50,dcdcdc+100 */
    background: linear-gradient(to right, #0066d3 0%, #0066d3 50%, #dcdcdc 50%, #dcdcdc 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* 20% */
.item-tarif .hosting-props-76 .hosting-value.value_1 span.val-25,
.item-tarif .hosting-value.value_2 span.val-25{
    background: linear-gradient(to right, #0066d3 0%, #0066d3 20%, #dcdcdc 20%, #dcdcdc 100%);
}

.item-tarif [class*="value_0,5"] span.val-25 {
    background: linear-gradient(to right, #0066d3 0%, #0066d3 5%, #dcdcdc 5%, #dcdcdc 100%);
}

.tabs-vps.hosting-month-or-year {
    border-radius: 18px;
    margin-top: 30px;
    max-width: 360px;
}
.tabs-vps {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    background-color: #fff;
    padding: 4px;
    margin-inline: auto;
    border-radius: 4px;
}
.tabs-vps.hosting-month-or-year,
.bg-tariffs .box-shadow.u-layout-wrap-1 {
    z-index: 3;
}
.tabs-vps.hosting-month-or-year {
    border-radius: 18px;
    margin-top: 30px;
    /* max-width: 360px; */
}
.tabs-vps.hosting-month-or-year {
    max-width: max-content;
}

.tabs-vps.hosting-month-or-year .tab {
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 1rem;
    background-color: #fff;
    cursor: pointer;
    flex: auto;
}
.tabs-vps.hosting-month-or-year .action {
    color: #fff;
    background: #333333;
}

@media (max-width: 640px) {
.tabs-vps.hosting-month-or-year .tab {
    padding: 10px .5rem;
}
/* .tabs-vps.hosting-month-or-year .tab:last-child{
flex: auto;
} */
/* .tab-period.show {
    flex-wrap: wrap;
} */
}
.tab-period.show {
    display: flex !important;
}
.tab-period {
    display: none;
}