:root {
    /* Colors */
    --blue: rgba(25, 131, 164, 1);
    --blue-pale: rgba(221, 236, 240, 1);
    --blue-light: rgba(131, 187, 206, 1);
    --black: rgba(36, 36, 33, 1);
    --gray: rgba(189, 189, 189, 1);
    --gray-brown: rgba(166, 158, 158, 1);
    --white: rgba(255, 255, 255, 1);
    --white-blue: rgba(242, 248, 250, 1);
    --white-gray: rgba(245, 245, 245, 1);
    --orange: rgba(255, 107, 107, 1);

    /* Title size */
    --h1-size: clamp(1.5rem, 1.257rem + 1.04vw, 2.5rem);
    --h2-size: clamp(1.5rem, 1.409rem + 0.39vw, 1.875rem);
    --h3-size: clamp(1.25rem, 1.189rem + 0.26vw, 1.5rem);
    --h4-size: clamp(1.125rem, 1.034rem + 0.39vw, 1.5rem);

    /* Text */
    --text1-size: clamp(1.25rem, 1.129rem + 0.52vw, 1.75rem);
    --text2-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
    --text3-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
    --text4-size: clamp(1rem, 0.939rem + 0.26vw, 1.25rem);
    --text5-size: clamp(0.875rem, 0.845rem + 0.13vw, 1rem);
    --text6-size: 0.75rem;

    --stick-size: 4.5rem;
}


.intec-template-title,
.intec-template-layout-column-fixed {
    display: none !important;
}
    
.intec-template .intec-template-layout-column.intec-template-layout-column-adaptive,
.intec-template-layout-page.intec-content,
.intec-template-layout-page-wrapper.intec-content-wrapper,
.intec-template .intec-template-layout-columns {
    max-width: 100% !important;
    
    margin: 0 !important;
    padding: 0 !important;
}

/* Sections */

.section {
    max-width: 1560px;

    margin-inline: auto;
    padding-block: 5rem;
    padding-inline: 1.25rem;
}

.section--full {
    max-width: none;
}

.section__header {
    display: flex;
    align-items: start;
    justify-content: space-between;

    margin-bottom: 2rem;
}

@media (max-width: 1024px) {
    .section__header {
        flex-wrap: wrap;
        justify-content: center;

        gap: 1.25rem;
    }
}

/*====================*/

/* Titles */

.section__title {
    display: flex;
    align-items: center;
    gap: 13px;

    text-transform: uppercase;
    font-size: var(--h1-size);
    font-weight: 500;

    margin-block: 0;

    word-wrap: anywhere;
}

.section__title:before {
    content: "/";

    color: var(--blue);
    font-size: var(--stick-size);
    font-weight: 500;

    line-height: var(--stick-size);

    display: block;
}

.section__title--light {
    color: var(--white);
}

.section__title--light:before {
    color: var(--blue-light);
}

.section__subtitle-accent {
    color: var(--blue);
}

.section__description,
.section__text {
    color: var(--black);
    font-size: var(--text2-size);
    font-weight: 500;

    margin-block: 0;

    flex: 0 0 50%;
}

.section__description--light {
    color: var(--white);
}

.highlight {
    color: var(--blue);
}

.accent {
    color: var(--orange);
}

@media (max-width: 1024px) {
    .section__title,
    .section__description,
    .section__text {
        flex: 0 0 100%;
    }
}

/*====================*/

/* Button */

.button {
    padding-block: 0.96875rem;
    padding-inline: 2.5rem;

    font-size: var(--text3-size);
    font-weight: 500;

    border-radius: 3px;
    border: none;

    cursor: pointer;
}

.button--primary {
    display: flex;
    place-content: center;
    gap: 4px;

    background-color: var(--blue);
    border: 1px solid var(--blue);

    color: var(--white);

    width: fit-content;
}

.button--primary:hover {
    background-color: var(--blue-light);
}

.button--primary:active {
    background-color: var(--blue);
}

.button__icon {
    display: block;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3e%3cpath d='M6.96159 17.2559L14.2174 10L6.96159 2.74414L5.7832 3.92253L11.8607 10L5.7832 16.0775L6.96159 17.2559Z' fill='white'/%3e%3c/svg%3e");
    background-size: contain;
    background-position: center center;

    min-width: 1.25rem;
    height: 1.25rem;
}

.button--secondary {
    border: 1px solid var(--blue);
    background-color: transparent;

    color: var(--blue);
    text-align: center;
}

.button--secondary:hover {
    background-color: var(--blue-light);

    color: var(--white);
}

.button--secondary:active {
    background-color: var(--blue);

    color: var(--white);
}

@media (max-width: 1024px) {
    .button {
        padding-inline: 1.5rem;

        width: 100%;
    }
}

/*====================*/

/* Lists */

.list {
    display: grid;
    gap: 0.75rem;

    margin: 0;
    padding: 0;
}

.list__item {
    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    gap: 0.75rem;

    color: var(--black);
    font-weight: 500;
}

.list__item:before {
    display: none;
}

.list__item--light {
    color: var(--white);
}

.list__icon {
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;

    min-width: 1.5rem;
    height: 1.5rem;
}

.list__icon--large {
    min-width: 2.5rem;
    height: 2.5rem;

    border-radius: 100%;
    background-color: var(--blue-pale);
    background-size: 67%;
    background-repeat: no-repeat;
    background-position: center center;
}

.list__icon--light {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M10.8564 0.048193C9.50906 0.16621 8.0158 0.5877 6.74148 1.2115C4.27704 2.42539 2.43012 4.27432 1.21755 6.74144C-1.66792 12.631 0.75161 19.7964 6.61236 22.7412C7.77441 23.3256 8.94207 23.6965 10.2613 23.8988C11.1427 24.0337 12.8492 24.0337 13.7418 23.8988C17.7276 23.2863 21.0172 20.8697 22.7856 17.273C24.8458 13.0638 24.2508 8.01152 21.2586 4.353C18.7661 1.30704 14.8702 -0.305857 10.8564 0.048193ZM17.3795 8.61847C17.8904 8.9107 18.0981 9.57946 17.8399 10.1021C17.7557 10.2707 16.7732 11.2991 14.6232 13.4515C11.4233 16.6549 11.283 16.7785 10.8507 16.7841C10.3623 16.7841 10.3343 16.7673 8.24596 14.6879C6.93796 13.3785 6.22501 12.631 6.15765 12.4849C5.80398 11.7206 6.39904 10.8214 7.25794 10.8271C7.63407 10.8327 7.86423 11.0181 9.30696 12.4793C10.0873 13.2717 10.7553 13.918 10.789 13.918C10.8227 13.918 12.024 12.7378 13.4611 11.2991C14.8983 9.86045 16.1501 8.64095 16.2399 8.59599C16.6329 8.38243 16.9866 8.39367 17.3795 8.61847Z' fill='%2383BBCE'/%3e%3c/svg%3e");
}

.list-icon--dark {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M10.8564 0.048193C9.50906 0.16621 8.0158 0.5877 6.74148 1.2115C4.27704 2.42539 2.43012 4.27432 1.21755 6.74144C-1.66792 12.631 0.75161 19.7964 6.61236 22.7412C7.77441 23.3256 8.94207 23.6965 10.2613 23.8988C11.1427 24.0337 12.8492 24.0337 13.7418 23.8988C17.7276 23.2863 21.0172 20.8697 22.7856 17.273C24.8458 13.0638 24.2508 8.01152 21.2586 4.353C18.7661 1.30704 14.8702 -0.305857 10.8564 0.048193ZM17.3795 8.61847C17.8904 8.9107 18.0981 9.57946 17.8399 10.1021C17.7557 10.2707 16.7732 11.2991 14.6232 13.4515C11.4233 16.6549 11.283 16.7785 10.8507 16.7841C10.3623 16.7841 10.3343 16.7673 8.24596 14.6879C6.93796 13.3785 6.22501 12.631 6.15765 12.4849C5.80398 11.7206 6.39904 10.8214 7.25794 10.8271C7.63407 10.8327 7.86423 11.0181 9.30696 12.4793C10.0873 13.2717 10.7553 13.918 10.789 13.918C10.8227 13.918 12.024 12.7378 13.4611 11.2991C14.8983 9.86045 16.1501 8.64095 16.2399 8.59599C16.6329 8.38243 16.9866 8.39367 17.3795 8.61847Z' fill='%231983A4'/%3e%3c/svg%3e");
}

.list__item--disabled {
    color: var(--gray);
}

.list__item--disabled > .list__icon {
    opacity: 0;
}

/*====================*/

/* INTRO */

.intro__section {
    position: relative;

    display: grid;
    align-items: center;
}

.intro__wrapper {
    position: relative;

    z-index: 2;
}

.intro__content {
    max-width: 55%;
    width: 100%;
}

.intro__title {
    margin-bottom: 1.25rem;
}

.intro__description {
    max-width: 745px;
    width: 100%;

    margin-bottom: 0;
}

.intro__advantages {
    display: flex;
    justify-content: space-between;
    align-items: center;

    max-width: 900px;
    width: 100%;

    box-shadow: 0 3.75px 12px 0 rgba(0, 0, 0, 0.16);

    padding: 1.75rem;
    margin-block: 2.5rem;

    list-style: none;
}

.advantage__item {
    display: flex;
    gap: 10px;

    padding: 0;
    margin: 0;
}

.advantage__item:before {
    display: none;
}

.advantage__icon {
    min-width: 2.5rem;
    height: 2.5rem;

    border-radius: 100%;
    background-color: var(--blue-pale);

    display: grid;
    place-content: center;
    flex-shrink: 0;
}

.advantage__content {
    display: grid;
    gap: 0.5rem;

    max-width: 214px;
    width: 100%;
}

.advantage__title {
    font-size: var(--text5-size);
    font-weight: 500;

    margin-block: 0;
}

.advantage__description {
    color: var(--gray);
    font-size: var(--text6-size);

    margin-block: 0;
}

.intro__buttons {
    display: flex;
    gap: 0.75rem;

    margin-top: 1.75rem;
    margin-bottom: 2.75rem;
}

.intro__decor {
    position: absolute;
    top: 0;
    right: 0;

    max-width: 700px;
    width: 100%;
    height: auto;

    overflow: hidden;

    z-index: 1;
}

.intro__image {
    width: 100%;
    height: auto;

    object-fit: cover;
}

@media (max-width: 1024px) {
    .intro__content {
        max-width: 100%;
    }

    .intro__decor {
        position: relative;
    }
}

@media (max-width: 767px) {
    .intro__buttons {
        flex-wrap: wrap;
    }

    .intro__advantages {
        flex-wrap: wrap;
    }
}

/*====================*/

/* CHOOSE */

.choose__section {
    background: linear-gradient(to bottom, var(--blue) 60%, var(--white) 40%);
}

.choose__article {
    display: flex;
    align-items: center;

    background-color: var(--white);
    border-radius: 9px;

    overflow: hidden;
}

.choose__decor {
    width: 100%;
    height: stretch;

    flex: 0 0 50%;

    background-image: url("/upload/medialibrary/36f/kj36sy1h9mpweadmxbb83ymgrfbtubz1.jpg");
    background-size: cover;
    background-position: center;
}

.choose__content {
    padding-block: 3.75rem;
    padding-inline: 2.875rem;

    width: 100%;
}

.choose__note {
    background-color: var(--blue-light);
    border-radius: 3.75rem;

    padding-block: 0.75rem;
    padding-inline: 1.75rem;

    width: fit-content;

    color: var(--white);
    font-size: var(--text5-size);
    font-weight: 500;

    text-transform: uppercase;
}

.choose__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.choose__link:hover,
.choose__link-wrapper:hover {
    text-decoration: none;
}

.choose__link-wrapper:hover .choose__article {
    background-color: var(--blue-pale);
}

.card__link:hover {
    background-color: var(--blue-pale);
}


.choose__sub-title {
    display: flex;
    align-items: center;

    gap: 10px;

    color: var(--black);
    font-size: var(--text1-size);
    font-weight: 600;

    text-transform: uppercase;

    margin-block: 1.25rem;
}

.choose__sub-title:before {
    content: "";

    display: block;
    min-width: 2.5rem;
    height: 2.5rem;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3e%3crect width='40' height='40' rx='20' fill='%23DDECF0'/%3e%3cpath d='M26.8425 7.95963C25.3893 8.31136 24.1304 9.52393 23.7046 10.9679C23.5195 11.5881 23.5102 12.7451 23.6861 13.3097L23.8064 13.7355L22.5476 14.5223C21.8534 14.9573 21.2239 15.3461 21.1406 15.3739C21.0296 15.4109 20.9 15.3276 20.7241 15.0962C20.3446 14.5871 19.2801 13.8003 18.4286 13.3838C17.2623 12.8099 16.6884 12.6896 15.1796 12.6988C14.0504 12.7081 13.7727 12.7358 13.0507 12.958C10.5237 13.717 8.7743 15.5127 8.08934 18.0582C7.79314 19.1319 7.79314 20.8999 8.08934 21.9921C8.80207 24.6764 10.8847 26.6387 13.6338 27.2311C14.5687 27.4255 16.0034 27.4255 16.892 27.2219C18.2249 26.9164 19.7337 26.0371 20.6315 25.0374L21.0481 24.5746L22.418 25.4262C23.1678 25.889 23.7972 26.2777 23.8064 26.287C23.8157 26.2962 23.7694 26.5091 23.6954 26.7591C23.5195 27.3422 23.5195 28.3789 23.7046 29.0731C24.3155 31.4242 26.9165 32.7293 29.3417 31.8963C30.8042 31.3964 31.7113 30.3134 32.0445 28.6843C32.5351 26.287 30.9245 24.0562 28.3883 23.649C27.185 23.4546 25.8428 23.8433 25.0283 24.6486C24.6302 25.0281 24.8154 25.0837 23.1307 24.0192C22.4735 23.6119 21.9459 23.2232 21.9552 23.1676C21.9552 23.1028 22.0755 22.7604 22.2051 22.3994C22.7235 20.9554 22.7235 19.0301 22.2051 17.6694C22.0755 17.3269 21.9552 16.9752 21.9274 16.9012C21.9089 16.8086 22.3069 16.5031 23.2511 15.92L24.6117 15.0869L25.1671 15.5127C26.0002 16.1329 26.6018 16.3643 27.5274 16.4198C28.4623 16.4754 29.1473 16.3365 29.897 15.9478C31.2947 15.2165 32.0723 13.8466 32.0723 12.1157C32.0723 10.0238 30.7764 8.39467 28.7493 7.95963C28.018 7.81153 27.4719 7.80227 26.8425 7.95963ZM17.179 14.513C18.1138 14.8555 18.6322 15.198 19.3542 15.9292C20.7889 17.401 21.3628 19.4559 20.8722 21.3812C20.6778 22.1309 20.252 23.0843 19.9373 23.4731L19.7429 23.6952L19.2894 23.1769C18.7062 22.5104 17.8732 21.9551 17.0864 21.7051C16.3459 21.4737 14.5595 21.4275 13.6986 21.6126C12.6064 21.8532 11.5327 22.5475 10.894 23.4268L10.6903 23.7045L10.496 23.4731C10.1998 23.1213 9.69067 22.0569 9.53331 21.4645C9.45001 21.1683 9.39447 20.5296 9.39447 20.002C9.39447 19.4744 9.45001 18.8357 9.53331 18.5395C10.0424 16.5772 11.6993 14.9573 13.7634 14.402C14.7168 14.1428 16.3089 14.1891 17.179 14.513Z' fill='%231983A4'/%3e%3cpath d='M14.401 15.6626C13.4661 15.9958 12.9107 16.5697 12.596 17.486C12.3923 18.0784 12.4109 18.5505 12.6423 19.1799C13.031 20.2259 13.8919 20.8738 14.9563 20.9571C15.7616 21.0127 16.2707 20.8738 16.8446 20.4388C18.1034 19.4761 18.2701 17.6341 17.2148 16.4586C16.5114 15.6718 15.2988 15.3293 14.401 15.6626Z' fill='%231983A4'/%3e%3c/svg%3e");
    background-size: cover;
    background-position: center;
}

.choose__text {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;

    margin-block: 0;
}

.choose__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(375px, 1fr));

    gap: 10px;

    margin-top: 10px;
    margin-bottom: 0;
}

.card__item {
    padding: 0;

    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.16);
    border-radius: 9px;

    overflow: hidden;
}

.card__item:before {
    display: none;
}

.card__article {
    background-color: var(--white);
}

.card__content {
    padding-block: 2rem;
    padding-inline: 1.25rem;
}

.card__header {
    display: flex;
    align-items: center;

    gap: 0.5rem;

    padding-block: 0.75rem;
    padding-inline: 1rem;

    border: 1px solid var(--blue-pale);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
    background-color: var(--white);
}

.card__title {
    color: var(--black);
    font-size: var(--text3-size);
    font-weight: 500;

    margin-block: 0;
}

.card__description {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;
    
    text-align: left;

    margin-top: 1.25rem;
    margin-bottom: 0;
}

.card__link {
    display: block;

    text-align: right;
}

.card__link:hover {
    text-decoration: none;
}

@media (max-width: 1024px) {
    .choose__section {
        background: linear-gradient(
            to bottom,
            var(--blue) 60%,
            var(--white) 50%
        );
    }

    .choose__text {
        margin-bottom: 1.25rem;
    }

    .choose__note {
        margin-bottom: 1.25rem;
    }

    .choose__decor {
        display: none;
    }
}

@media (max-width: 767px) {
    .choose__content {
        padding-block: 2rem;
        padding-inline: 1.5rem;
    }

    .choose__note {
        padding: 1rem;
    }

    .choose__decor {
        display: block;

        position: relative;

        min-height: 200px;
        width: 100%;
        flex: 0 0 100%;
    }

    .choose__list {
        grid-template-columns: 1fr;
    }

    .choose__article {
        flex-wrap: wrap;
    }

    .card__image {
        height: 200px;
    }
}

/*====================*/

/* TABS */

.tab__buttons {
    display: flex;
    align-items: start;

    gap: 5px;
}

.tab__button {
    padding-block: 0.75rem;
    padding-inline: 1.75rem;

    background-color: var(--white-gray);
    border: 1px solid var(--white-gray);
    border-radius: 3.75rem;

    color: var(--gray-brown);
    font-size: var(--text5-size);
    font-weight: 500;

    cursor: pointer;
}

.tab__button:hover {
    background-color: var(--blue-light);
    border-color: var(--blue-light);

    color: var(--white);
}

.tab__button[aria-selected="true"] {
    background-color: var(--blue);

    color: var(--white);
}

.tab__panel {
    display: flex;
    gap: 1.25rem;

    margin-top: 2.5rem;
}

.panel__content {
    padding-block: 2rem;
    padding-inline: 2.5rem;

    box-shadow: 0 3.75px 22px 0 rgba(0, 0, 0, 0.16);
    border-radius: 9px;

    max-width: 1007px;
    width: 100%;
}

.panel__title {
    color: var(--black);
    font-size: var(--h4-size);
    font-weight: 500;

    text-transform: uppercase;

    margin-top: 0;
    margin-bottom: 1.5rem;
}

.tab__text {
    font-size: var(--text5-size);
    font-weight: 500;

    margin-bottom: 1.75rem;
}

.tab__text--highlighted {
    color: var(--blue);
}

.panel__text {
    color: var(--black);
    font-size: var(--text2-size);
    font-weight: 500;

    margin-bottom: 1.75rem;
}

@media (max-width: 1536px) {
    .tab__buttons {
        flex-wrap: wrap;
    }

    .panel__decor {
        flex: 0 0 40%;
    }

    .panel__decor > img {
        width: auto;
        height: 100%;
    }

    .panel__content {
        flex: 0 0 60%;
    }
}

@media (max-width: 1024px) {
    .tab__panel {
        flex-wrap: wrap;
    }

    .panel__decor {
        flex: 0 0 100%;
    }

    .panel__content {
        flex: 0 0 100%;

        order: 1;
    }

    .panel__content {
        flex: 0 0 100%;

        order: 0;
    }
}

@media (max-width: 767px) {
    
    .tab__button {
        padding-inline: .75rem;
    }
    
    .panel__decor {
        order: 1;
    }
    
    .panel__content {
        padding-inline: 1rem;
    }

    .panel__action > .button {
        padding-block: 0.75rem;
        padding-inline: 1.05rem;
    }
}

/*====================*/

/* TARIFFS */

.tariff__section {
    background-color: var(--white-blue);
}

.tariff__list {
    margin-block: 0;

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(365px, 1fr));
    gap: 1.25rem;
}

.tariff__item {
    background-color: var(--white);
    box-shadow: 0 3.75px 22.5px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;

    padding: 2.5rem;
    margin: 0;

    width: 100%;

    text-align: center;
}

.tariff__item:before {
    display: none;
}

.tariff__count {
    color: var(--blue);
    font-size: calc(1.2 * var(--h1-size));
    font-weight: 600;

    margin-top: 0;
    margin-bottom: 0.75rem;
}

.tariff__count-note {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;

    margin-bottom: 1.75rem;
}

.tariff__price {
    color: var(--blue);
    font-size: var(--h1-size);
    font-weight: 600;

    margin-bottom: 0.75rem;
}

.tariff__price-detail {
    color: var(--gray);
    font-size: var(--text2-size);
    font-weight: 500;

    margin-bottom: 2.5rem;
}

.tariff__actions > .button {
    width: 100%;
}

@media (max-width: 767px) {
    .tariff__list {
        grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    }
}

/*===================*/

/* FORM */

.form__title {
    color: var(--black);
    font-size: var(--h3-size);
    font-weight: 500;

    margin-bottom: 1.5rem;
}

.form__text {
    color: var(--black);
    font-size: var(--text2-size);
    font-weight: 500;

    max-width: 1007px;
    width: 100%;

    margin-bottom: 2.5rem;
}
/*===================*/

/* COLAL TARIFFS */

.local-tariffs {
    background-color: var(--white-blue);
}

.local-tariffs__content {
    display: flex;
    align-items: start;

    gap: clamp(1.875rem, 0.055rem + 7.77vw, 9.375rem);
}

.large-tariff__item {
    list-style: none;

    height: stretch;

    padding: 0;
}

.large-tariff__item:before {
    display: none;
}

.large-tariff__card {
    background-color: var(--white);
    box-shadow: 0 3.75px 22.5px 0 rgba(0, 0, 0, 0.16);
    border-radius: 3px;

    padding: 2.5rem;

    max-width: 493px;
    width: 100%;
    height: stretch;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.large-tariff__title {
    color: var(--blue);
    font-size: var(--h2-size);
    font-weight: 600;

    margin-top: 0;
    margin-bottom: 1.25rem;
}

.large-tariff__description {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;

    margin-bottom: 2rem;

    height: stretch;
}

.large-tariff__price {
    color: var(--blue);
    font-size: var(--h1-size);
    font-weight: 600;
}

.large-tariff__note {
    color: var(--gray);
    font-size: var(--text2-size);
    font-weight: 500;
}

.large-tariff__card > .button {
    width: 100%;
}

.large-tariff__card > .list {
    margin-block: 2.625rem;
}

@media(max-width: 767px) {
    .local-tariffs__content {
      flex-wrap: wrap;
    }
}

/*====================*/

/* HR TARIFFS */

.hr-tariffs__section {
    background-color: var(--white-blue);
}

.hr-tariffs__tariffs {
    display: flex;
    align-items: start;

    gap: 1.25rem;
    
    background-color:  var(--white);
}

.hr-tariffs__group {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;

    height: stretch;
}

.hr-tariffs__tariff {
    box-shadow: 0 3.75px 22.5px 0 rgba(0, 0, 0, 0.16);

    padding: 2.5rem;

    max-width: 493px;
    width: 100%;
}

.hr-tariffs__tariff--large {
    flex-grow: 1;
}

.hr-tariffs__tariff-text {
    font-size: var(--text2-size);
    font-weight: 600;

    margin-bottom: 2rem;
}

.hr-tariffs__tariff--small > .hr-tariffs__tariff-text {
    text-align: center;

    margin-bottom: 0;
}

.hr-tariffs__table {
    border-spacing: 54px 0;

    margin-left: -54px;
}

.hr-tariffs__thead {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;

    margin-bottom: 1.5rem;
}

.hr-tariffs__count {
    color: var(--black);
    font-size: var(--text2-size);
    font-weight: 600;

    margin-bottom: 0.75rem;
}

.hr-tariffs__sub-price {
    color: var(--blue);
    font-size: var(--text2-size);
    font-weight: 600;

    margin-bottom: 0.75rem;
}

.hr-tariffs__footer {
    margin-top: 1.6875rem;
}

.hr-tariffs__footer-text {
    color: var(--black);
    font-size: var(--text4-size);

    margin-bottom: 0;

    max-width: 950px;
    width: 100%;
}

@media (max-width: 1366px) {
    .hr-tariffs__tariffs {
        flex-wrap: wrap;
    }
}

@media(max-width: 767px) {
    .hr-tariffs__group {
        width: 100%;
    }

    .hr-tariffs__tariff {
        padding-inline: 1.5rem;
    }

    .hr-tariffs__table {
        border-spacing: 29px 0;
        margin-left: -29px;
    }
}

/*====================*/

/* COST TARIFFS */

.cost__section {
    background-color: var(--white-blue);
}

.cost__tariffs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    align-items: center;
    gap: 1.25rem;

    margin-top: 0;
    margin-inline: 0;
    margin-bottom: 1.6875rem;

    padding: 0;
}

.cost__tariffs .large-tariff__card {
    max-width: 100%;
}

.section__footer {
    margin-top: 1.6875rem;
}

.cost__footer-text {
    color: var(--black);
    font-size: var(--text4-size);

    margin-bottom: 0;

    max-width: 950px;
    width: 100%;
}

@media(max-width: 767px) {
    .cost__tariffs {
        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    }

    .cost__tariffs .large-tariff__card {
        padding: 1.5rem;
    }
}

/*====================*/

/* CONNECTION */

.connection__content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 1.25rem;

    margin-bottom: 2rem;
}

.image-card {
    display: grid;
    grid-template-rows: 1fr 0.2fr;

    box-shadow: 0 3.75px 22.5px 0 rgba(0, 0, 0, 0.16);
    border-radius: 9px;

    overflow: hidden;
}

.image-card__content {
    padding-block: 3rem;
    padding-inline: 1.75rem;
}

.image-card__title {
    font-size: var(--text1-size);
    font-weight: 600;

    text-transform: uppercase;

    margin-top: 0;
    margin-bottom: 1.75rem;
}

.card__image {
    height: 100%;
}

.connection__footer > .button {
    width: 100%;
}

@media (max-width: 1366px) {
    .card__image {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .connection__content {
        grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
    }
}

/*====================*/

/* READY BLOCKS */

.ready__section {
    background-color: var(--white-blue);
}

.ready__article--top {
    background-color: var(--blue);
    box-shadow: 0 3.75px 22.5px 0 rgba(0, 0, 0, 0.16);
    border-radius: 9px;

    position: relative;

    overflow: hidden;
}

.ready__article--top > .ready__info {
    padding-block: 3rem;
    padding-left: 2.5rem;

    color: var(--white);

    max-width: 710px;
    width: 100%;
}

.ready__article--top > .ready__title {
    font-size: 1.75rem;
    font-weight: 500;

    text-transform: uppercase;

    margin-top: 0;
    margin-bottom: 1.75rem;
}

.ready__article--top > .ready__text {
    font-weight: 500;

    margin-block: 0;
}

.ready__article--top > .ready__decor {
    position: absolute;

    top: 0;
    right: 0;

    height: 100%;
}

.ready__article--bottom {
    background-color: var(--white);
    box-shadow: 0px 3.75px 22.5px 0px rgba(0, 0, 0, 0.16);
    border-radius: 9px;

    margin-top: 1.25rem;

    position: relative;

    display: flex;
    flex-wrap: wrap;

    overflow: hidden;
}

.ready__article--bottom > .ready__info {
    margin-left: auto;
    margin-right: 0;

    padding-block: 3rem;
    padding-inline: 2.5rem;

    max-width: 967px;
    width: 100%;
}

.ready__article--bottom > .ready__text {
    color: var(--black);
    font-size: var(--text5-size);
    font-weight: 500;

    margin-bottom: 1.75rem;
}

.ready__buttons {
    display: flex;
    align-items: center;

    gap: 1.25rem;
}

.ready__image {
    height: 100%;
}

@media (max-width: 1024px) {
    .ready__article--top > .ready__info {
        background-color: var(--blue);

        padding-inline: 1.5rem;
        max-width: 420px;

        position: relative;

        z-index: 1;
    }

    .ready__info {
        padding-block: 2rem !important;
        padding-inline: 1.5rem !important;
    }

    .ready__buttons {
        flex-wrap: wrap;
    }

    .ready__article--top > .ready__decor {
        position: relative;

        top: auto;
        right: auto;
    }

    .ready__image {
        margin-bottom: -7px;
    }
}