.subscription {
    background-color: var(--color-blue-light);
    background-position: 90% 100%;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-top: 90px;
    padding: 0 2.5rem 0 5rem;
    gap: 20px;
    max-height: 400px;
    position: relative;
}

.subscription .wrapper {
    width: 396px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 6.5rem;
    margin-bottom: 6.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    z-index: 1;
}

.subscription .wrapper p {
    margin: 50px 0 20px;
}

.subscription .wrapper form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 650px;
}

.subscription .wrapper form input {
    background-color: var(--color-blue-light);
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
}

.subscription .wrapper form button {
    font-size: 1.125rem;
    height: 100%;
}

.subscription .wrapper .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.subscription .wrapper ul.social {
    list-style: none;
}

.subscription .wrapper .social__link {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 70px;
    height: 70px;
    -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}

.subscription .wrapper .social__link:hover {
    opacity: 0.7;
}

.subscription .wrapper .social__link.dzen {
    background-image: url("./img/icons/dzen_icon.svg");
}

.subscription .wrapper .social__link.vk {
    background-image: url("./img/icons/vk_icon.svg");
}

.subscription .wrapper .social__link.tg {
    background-image: url("./img/icons/tg_icon.svg");
}

.subscription .wrapper .social__link.youtube {
    background-image: url("./img/icons/ytb_icon.svg");
}

.subscription .wrapper .social__link.ok {
    background-image: url("./img/icons/ok_icon.svg");
}

.subscription .wrapper .social__link a {
    display: block;
    width: 100%;
    height: 100%;
}

.clock > ul {
    list-style: none;
}

.clock > ul > li {
    display: inline-block;
}

.tabs_content {
    display: none;
    line-height: 1.5;
}

.tabs_content.active {
    display: block;
}

.tabs-info {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.tabs-info ol,
.tabs-info ul {
    list-style: initial;
    padding: initial;
    margin-bottom: 27px;
    padding-left: 20px;
}

.tabs-info ol {
    list-style: decimal;
}

.tab-title {
    text-align: center;
    margin-bottom: 20px;
}