.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;
}

.item-tarif .u-group-4.hosting-props-domain {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 6px;
    width: 100%;
    background: #E6F2FF;
    border-radius: 10px;
}
.hosting-props-domain::before,
.info-domain{
    width: 20px;
    height: 20px;
}
.hosting-props-domain > p {
    flex: 1;
    text-align: left;
        margin: 0;
}

.hosting-props-domain::before{
    content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNzgzMiAxNC42NjZDMy41MTQ3MyAxNS45MzMxIDQuNTY2OTQgMTYuOTg1MiA1LjgzNDA0IDE3LjcxNjZDNy4xMDExNSAxOC40NDggOC41Mzg0OCAxOC44MzI5IDEwLjAwMTUgMTguODMyN0MxMS40NjQ2IDE4LjgzMjkgMTIuOTAxOSAxOC40NDggMTQuMTY5IDE3LjcxNjZDMTUuNDM2MSAxNi45ODUyIDE2LjQ4ODMgMTUuOTMzMSAxNy4yMTk5IDE0LjY2Nk0yLjc4MzIgNi4zMzI2OEMzLjUxNDczIDUuMDY1NjQgNC41NjY5NCA0LjAxMzUyIDUuODM0MDQgMy4yODIxMUM3LjEwMTE1IDIuNTUwNjkgOC41Mzg0OCAyLjE2NTc2IDEwLjAwMTUgMi4xNjYwMkMxMS40NjQ2IDIuMTY1NzYgMTIuOTAxOSAyLjU1MDY5IDE0LjE2OSAzLjI4MjExQzE1LjQzNjEgNC4wMTM1MiAxNi40ODgzIDUuMDY1NjQgMTcuMjE5OSA2LjMzMjY4IiBzdHJva2U9IiMzMzMzMzMiIHN0cm9rZS13aWR0aD0iMS4xMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTAuODM0IDE4Ljc5MDRDMTAuODM0IDE4Ljc5MDQgMTIuMDA3MyAxNy4yNDYyIDEyLjc0NjUgMTQuNjY1NE0xMC44MzQgMi4yMDcwM0MxMC44MzQgMi4yMDcwMyAxMi4wMDczIDMuNzUwMzYgMTIuNzQ2NSA2LjMzMjAzTTkuMTY3MzIgMTguNzkwNEM5LjE2NzMyIDE4Ljc5MDQgNy45OTM5OSAxNy4yNDcgNy4yNTQ4MiAxNC42NjU0TTkuMTY3MzIgMi4yMDcwM0M5LjE2NzMyIDIuMjA3MDMgNy45OTM5OSAzLjc1MDM2IDcuMjU0ODIgNi4zMzIwM003LjUwMDY1IDguODMyMDNMOC43NTA2NSAxMi45OTg3TDEwLjAwMDcgOC44MzIwM0wxMS4yNTA3IDEyLjk5ODdMMTIuNTAwNyA4LjgzMjAzTTAuODMzOTg0IDguODMyMDNMMi4wODM5OCAxMi45OTg3TDMuMzMzOTggOC44MzIwM0w0LjU4Mzk4IDEyLjk5ODdMNS44MzM5OCA4LjgzMjAzTTE0LjE2NzMgOC44MzIwM0wxNS40MTczIDEyLjk5ODdMMTYuNjY3MyA4LjgzMjAzTDE3LjkxNzMgMTIuOTk4N0wxOS4xNjczIDguODMyMDMiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLXdpZHRoPSIxLjEyNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
}
.info-domain{
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOS4wMDE5NSIgY3k9IjkuMDAxOTUiIHI9IjkuMDAxOTUiIHRyYW5zZm9ybT0ibWF0cml4KDEgMCAwIC0xIDAuOTk4MDQ3IDE5LjUwMikiIGZpbGw9IiMwMDVGRUUiLz4KPHBhdGggZD0iTTEwLjAwNzQgOS4xODYyNEw5Ljk5MjE5IDE1TTkuOTk2IDUuOTk4MDVMOS45OTIxOSA3LjY4NTkxIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNzc5OTMiLz4KPC9zdmc+Cg==);
}
/* [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;
}