.tariff {margin-right:-20px;margin-left:-20px;padding:40px 20px;background:#f7f7f7;z-index:1;min-width:700px}
.tariff__block {background:#FFF;padding:40px;display:flex;flex-direction:column;max-width:794px;margin:0 auto;width:100%}
.tariff__container {position:relative}
.tariff-main {width:100%;max-width:1540px;margin-left:auto;margin-right:auto}
.tariff__header {display:flex;justify-content:space-between;align-items:baseline}
.tariff__name {font-weight:700;font-size:20px;line-height:19px;text-transform:uppercase}
.tariff__buttons {white-space:nowrap;display:flex}
.tariff__btn {padding:7px 30px;font-weight:700;font-size:10px;line-height:170%;color:#00F;background:transparent;border:1px solid #00F;cursor:pointer}
.tariff__nav {display:flex}
.tariff__body {margin-top:25px;flex:1 0 auto}
.tariff__footer {display:flex;justify-content:space-between;margin-top:55px}
.tariff__price {display:flex;gap:5px;flex-direction:column}
.tariff__price-top {display:flex;gap:15px}
.tariff__price-bottom {color:#00f}
.tariff__button {background:#FF0013;text-transform:uppercase;font-size:12px;line-height:20.4px;color:#FFF;width:50%}
.tariff__content ul {display:flex;flex-wrap:wrap}
.tariff__content ul li {width:50%;margin-bottom:5px;display:flex}
.tariff__content ul li::before {content:"—";margin-right:3px;color:#ff0013}
.tariff-price {color:#000;font-weight:700;font-size:18px;line-height:170%;text-transform:uppercase}
.tariff-price.old {color:#575757;position:relative}
.tariff-price.old::after {content:'';position:absolute;width:2px;height:107px;background:#FF0013;border-radius:3px;transform:rotate(276deg);bottom:-37px;left:50px}
@media screen and (max-width:900px ) {.tariff {min-width:auto }.tariff__header {flex-direction:column;gap:20px }.tariff__buttons {width:100% }.tariff__nav {width:100% }.tariff__footer {flex-direction:column;gap:20px }.tariff__button {width:100% }.tariff__content ul {flex-direction:column }.tariff__content ul li {width:100% }}
.tabs {overflow:hidden}
.tabs__head {display:flex;align-items:flex-end;flex-wrap:wrap}
.tabs__head-second {display:flex;gap:15px;margin-bottom:20px}
.tabs__caption {flex:1;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--color);opacity:0.6;background:var(--primary);transition:0.25s;font-size:10px}
.tabs__caption-second {cursor:pointer;color:#00F;border-bottom:1px solid;text-transform:uppercase;font-size:10px}
.tabs__caption:hover {opacity:0.8}
.tabs__caption_active {opacity:1;background:#00F;color:#FFF}
.tabs__caption_active-second {opacity:1;color:#575757;border-bottom:none}
.tabs__body {background:var(--primary);position:relative;transition:0.25s}
.tabs__content {display:none;color:var(--color);transform:scaleY(0.8);opacity:0;transform-origin:center top;-webkit-animation:showContent 0.6s forwards;animation:showContent 0.6s forwards}
.tabs__content_active {display:block}
.tabs__content_active-second {display:block}
@-webkit-keyframes showContent {0% {transform:scaleY(0.8);opacity:0 }100% {transform:scaleY(1);opacity:1 }}
@keyframes showContent {0% {transform:scaleY(0.8);opacity:0 }100% {transform:scaleY(1);opacity:1 }}