hr {
    size: 1px;
    height: 1px;
    margin-top: 22px;
    margin-bottom: 22px;
}

.navigation-list {
    padding-left: 0;
    flex-wrap: wrap;
}

.navigations-item {

    list-style: none;
    font-size: 18px;
    line-height: 21px;
    color: var(--text-second);
}

.navigation-next-icon {
    margin-left: 17px;
    margin-right: 17px;
    fill: var(--text-second);
}

.navigations-link {
    color: var(--text-second);
    text-decoration: none;
}

.navigations-link:hover {
    color: var(--title-second);
}

.backward {
    display: inline-block;
    background: linear-gradient(var(--third-default), var(--third-default)) left bottom;
    padding-bottom: 5px;
    background-size: 0% 3px;
    background-repeat: no-repeat;
}

.backward:hover {
    transition: all 0.45s;
    background-size: 100% 3px;
}

.backward-link {
    text-decoration: none;
    color: var(--title-second);
    font-size: 24px;
    line-height: 29px;
}

.backward-link:hover {
    color: var(--title-second);
}

.arrow-backward {
    fill: var(--title-second);
}

.news-wrapper {
    margin-top: 50px;
    text-align: center;
}

.news-image-wrapper {
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 22px;
}

.news-image {
    border-radius: 45px;
    width: 100%;
}

.page .news-title {
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--title-second);
}

.page .news-date {
    margin-right: 20px;
}

.page .news-text {
    padding: 70px 100px 50px 100px;
    text-align: left;
}

.page .news-info {
    margin-top: 12px;
}

.news-text p {
    text-align: left;
}

.news-text p:not(:last-child) {
    margin-bottom: 25px;
}

/* * News Page * */
.page-title {
    font-weight: 600;
    font-size: 52px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.01em;
    color: var(--title-second);
    margin-bottom: 35px;
}

.page-buttons-wrapper {
    margin-top: 11px;
}

.page-button-tag {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: var(--title-second);
    padding: 8px 16px;
    margin: 11px 4px;
    background: var(--background-color);
    border: 1px solid var(--text-second);
    border-radius: 32px;
    transition: background 0.3s;
}

.page-button-tag:hover,
.page-button-tag.active {
    color: #fff;
    background: var(--third-default);
    border: 1px solid var(--third-default);
}

.page > .container {
    padding: 25px 100px;
}

.news-page-item {
    padding: 50px;
    border-bottom: 1px solid #d1d0d0;
}

.news-page-item-title {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.01em;
    color: var(--title-second);
}

.news-page-item-text {
    font-size: 18px;
    line-height: 21px;
    color: var(--text-second);
    margin-bottom: 25px;
}

.page-paginations {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 45px;
}

.page-buttons-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: none;
    background-color: var(--third-default);
}

.page-buttons-nav.disabled {
    background: rgba(0, 98, 133, 0.25);
}

.page-number {
    margin-left: 24px;
    margin-right: 24px;
}

.page-buttons-nav-icon {
    fill: var(--background-color);
}

.page-next {
    padding-left: 1px;
}

.page-prev {
    padding-right: 1px;
}

.page-number {
    font-size: 14px;
    line-height: 16px;
    color: var(--title-second);
}

.service-item-wrapper {
    padding: 10px;
    text-decoration: none;
}

.service-item-wrapper:hover .service-item {
    box-shadow: 0 8px 20px rgba(92, 92, 92, 0.25);
}

.service-item {
    margin-bottom: 0;
    background: #fff;
    min-height: 344px;
    height: auto;
    width: 100%;
}

.extra-image {
    border-radius: 25px;
    max-height: 218px;
}

@media (max-width: 1199px) {
    .news-image-wrapper {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 22px;
    }

    .page .news-text {
        padding: 70px 0 50px;
    }
}

/* семейный */

.page-family .container {
    padding: 0;
    max-width: 1600px;
}

/* * свг  * */
.family-image-wrapper {
    z-index: -1;
    position: relative;
    min-height: 700px;
}

.svg-background {
    position: absolute;
    top: 0;
    left: 0%;
}

.mask-amination {
    animation: space 15s ease-out infinite;
    animation-direction: alternate-reverse;
    transform-origin: center center;
}

.svg-background-image {
    position: absolute;
    top: 0;
    left: 0%;
    animation: spaceround 25s ease-out infinite;
    animation-direction: alternate-reverse;
    transform-origin: center center;
}

@keyframes space {
    0% {
        transform: scaleX(0.9) rotate(45deg);
        transform-origin: center center;
    }
    25% {
        transform: scaleY(0.9) rotate(45deg);
        transform-origin: center center;
    }
    50% {
        transform: scaleY(0.8) rotate(30deg);
        transform-origin: center center;
    }
    75% {
        transform: scaleX(0.8);
        transform-origin: center center;
    }
    100% {
        transform: scaleY(0.9) rotate(15deg);
        transform-origin: center center;
    }
}

@keyframes spaceround {
    0% {
        transform: scaleX(0.9);
    }
    25% {
        transform: scaleY(0.9) rotate(45deg);
    }
    50% {
        transform: scaleY(0.8) rotate(180deg);
    }
    75% {
        transform: scaleX(1);
    }
    100% {
        transform: scaleY(1) rotate(360deg);
    }
}

/* * табы * */
.page .nav-tabs {
    z-index: 30;
    text-transform: uppercase;
    font-size: 14px;
    max-width: 1300px;
    margin: auto;
}

.page .nav-item {
    margin: -2px 2px;
    background: linear-gradient(var(--third-default), var(--third-default)) center bottom;
    background-size: 0% 3px;
    background-repeat: no-repeat;
}

.page .nav-item a {
    font-weight: 500;
    margin: 0 5px;
    text-decoration: none;
    color: var(--text-second);
    line-height: 4;
}

.page .nav-item a.active {
    text-decoration: none;
    color: var(--third-default);
    background-size: 0% 3px;
    background-repeat: no-repeat;
}

.page .nav-item .hvr-underline-from-center.active:before,
.page .nav-item .hvr-underline-from-center:hover:before,
.page .nav-item .hvr-underline-from-center:focus:before,
.page .nav-item .hvr-underline-from-center:active:before {
    left: 0px;
    right: 0px;
}

/* * содержимое табов * */
.family-title {
    margin: 30px 0 0;
    font-weight: 500;
    font-size: 52px;
    line-height: 62px;
    color: var(--title-second);
}

.family-subtitle-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.family-subtitle {
    white-space: nowrap;
    font-size: 24px;
    line-height: 29px;
    color: var(--text-second);
}

.family-subtitle:not(:last-child):after {
    margin-left: 10px;
    margin-right: 10px;
    content: "|";
}

.family-item-wrapper {
    border-bottom: 1px solid #d1d0d0;
    margin-bottom: 30px;
}

.family-item {
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 6px;
    color: var(--text-second);
}

.family-item-title {
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}

.family-item-point-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin-top: 13px;
    margin-bottom: 12px;
}

.family-item-icon-wrapper {
    white-space: nowrap;
    font-weight: 800;
    color: var(--third-default);
    margin-right: 0.5em;
}

.family-item-icon-wrapper .icon {
    margin-right: 13px;
}

.family-item-point {
    margin-right: 13px;
}

.family-items {
    padding-left: 0;
    padding-right: 29px;
    border-right: 1px solid #d0d7dd;
}

.family-price-wrapper {
    font-size: 24px;
    line-height: 29px;
}

.family-price-title {
    display: inline-flex;
    font-weight: 500;
    color: var(--title-second);
    margin-right: 13px;
}

.family-old-price {
    margin-top: 28px;
    font-weight: 300;
    color: #7c7b8a;
    text-decoration: line-through;
}

.family-price-wrapper .price-count {
    display: inline;
    margin-top: 8px;
    font-weight: 800;
    font-size: 52px;
    line-height: 62px;
    color: #37355b;
}

.family-buy-button {
    margin-top: 27px;
    padding: 6px 46px;
    background: #f8f32b;
    font-weight: 500;
    color: #37355b;
    border: none;
    border-radius: 5px;
}

.family-button {
    text-decoration: none;
    text-align: center;
    display: block;
    border: 3px solid #006285;
    padding: 15px;
    margin: 15px;
    border-radius: 48px;
    width: 100%;
    font-size: 24px;
    line-height: 29px;
    color: #061737;
    transition: 0.3s;
}

.family-button:hover,
.family-button:active {
    color: var(--background-color);
    background-color: #006285;
    box-shadow: 0 8px 20px rgba(92, 92, 92, 0.25);
}

.family-info {
    margin-top: 50px;
    margin-bottom: 50px;
}

.tariff-title {
    color: var(--title-second);
    padding-left: 25px;
}

/* * support * */
.support .container {
    max-width: 1600px;
}

.support-title {
    font-weight: 600;
    font-size: 52px;
    line-height: 62px;
    padding: 120px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #ffffff;
    background: linear-gradient(
        0deg,
        rgba(0, 98, 133, 0.5),
        rgba(0, 98, 133, 0.5)
    ),
    url("../image/active-35.jpg") no-repeat center;
}

.support-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 40px;
}

.support-card-icon-wrapper {
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    color: #006285;
    background: rgba(255, 255, 255, 0.5);
}

.support-card-title {
    margin-bottom: 35px;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #37355b;
}

.support-card-link-wrapper, .support-card li, .accordion-menu li {
    padding: 10px 0 10px;
    width: 100%;
    display: block;
}

.support-card-link, .support-card a, .accordion-menu a {
    color: #7c7b8a;
    width: 100%;
    text-decoration: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: left;
    background: linear-gradient(var(--third-default), var(--third-default)) left bottom;
    background-size: 0% 3px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.support-card-link:hover, .support-card a:hover, .accordion-menu a:hover {
    color: #006285;
    transition: all 0.45s;
    background-size: 100% 3px;
}

.support-card .support-card-link-wrapper:not(:last-child), .support-card li:not(:last-child) {
    border-bottom: 1px solid #d0d7dd;
}

.support-card a, .accordion-menu a {
    color: #7c7b8a;
}


.support-card ul, .accordion-menu ul {
    padding-left: 0;
    align-self: self-start;
    width: 100%;
}

.accordion-menu .accordion-item:not(:first-of-type) {
    border-top: 1px solid lightgray;
}

/* * support item */

.support-item-title {
    font-weight: 600;
    font-size: 52px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #37355b;
    margin-bottom: 70px;
}

ul.collapse,
ul.collapsing {
    padding: 0;
    margin-bottom: 0;
}

.support-menu-link-item {
    list-style-type: none;
    margin-bottom: 12px;
    margin-top: 12px;
}

.support-menu-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #37355b;
    text-decoration: none;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.support-menu-link-item:hover .support-menu-link {
    transition: all 0.45s;
    color: #006285;
    font-weight: 500;
}

.support-description {
    font-size: 21px;
    line-height: 30px;
    color: #37355b;
    margin-bottom: 100px;
    margin-top: 10px;
}

.support-description ul li {
    list-style-type: disc;
}

.support-description ul {
    padding-left: 20px;
}

.support-description > ul,
.support-description > ol {
    margin: 0;
}

.support-description p {
    margin-top: 15px;
}

.support-description h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.01em;
    color: #37355b;
    margin-top: 30px;
    margin-bottom: 25px;
}

/* * accordion * */

.accordion-menu .support-card-link-wrapper.collapsed,
.accordion-menu .accordion-button:not(.collapsed) {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #7c7b8a;
    border: none;
    background-color: transparent;

}

.accordion-menu .accordion-button:not(.collapsed) {
    color: #37355b;
}

.accordion-item {
    background-color: transparent;
    border: none;
    padding: 2px;
}

.accordion-menu .support-card-link-wrapper:hover {
    color: #006285;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.accordion-faq .accordion-button {
    font-weight: 500;
}

.accordion-button {
    color: #000;
    font-size: 21px;
    line-height: 25px;
    background-color: #e3e5e5;
    border-radius: 8px;
    margin-top: 3px;
}

.accordion-button:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #e3e5e5;
    box-shadow: none;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.accordion-button:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='gray'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='gray'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.accordion-body {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: black;
}

ul.pagination {
    display: flex;
    justify-content: center;
}

ul.pagination li {
    list-style-type: none;
    padding: 0 10px;
    margin: 10px;
}

ul.pagination li.active {
    border-radius: 8px;
    color: white;
    background: var(--third-default);
    border: none;
}

ul.pagination li.disabled {
    color: dimgray;
}

.page-link, .page-item:last-child .page-link, .page-item:first-child .page-link {
    border-radius: 10px;
    color: var(--third-default);;
}

.page-item.active {
    padding: 0 4px;
    border-radius: 10px;
}

.page-item.active .page-link {
    border: none;
    background: transparent;
}


@media (max-width: 1400px) {
    .page-title, .news-title {
        font-size: 44px;
        line-height: 50px;
    }

    .page > .container {
        padding: 25px 10px;
    }


}

@media (max-width: 1199px) {
    .page-title, .news-title {
        font-size: 36px;
        line-height: 45px;
    }

    .page > .container {
        padding: 25px 25px;
    }
}

@media (max-width: 767px) {
    .accordion-button {
        padding: 5px;
    }

    .accordion-body {
        padding: 5px 15px;
        font-size: .9em;
        line-height: 1.2em;
    }

    .page-title {
        font-size: 30px;
        line-height: 40px;
    }

    .page > .container {
        padding: 25px 15px;
        font-size: .9em;
        line-height: 1.2em;
    }

    .tariff-title {
        text-align: center;
        padding-left: 0;
    }

    .idc-table td, .idc-table thead th, .idc-table tfoot th {
        padding: 4px 2px 4px 6px;
        font-size: .8rem;
    }

    .accordion-body ol, .accordion-body ul {
        padding-left: 1rem;
    }

}

@media (max-width: 576px) {
    .support-description p {
        margin-top: 10px;
    }

    .page-title {
        font-size: 24px;
        line-height: 1.2;
    }

    .page > .container {
        padding: 25px 10px;
        font-size: .8em;
        line-height: 1.2em;
    }

    .page .news-image {
        width: calc(100% + 20px);
        margin: 0 -10px;
        border-radius: 0;
    }

    .page .news-page-item {
        padding: 15px;
    }

    .page-button-tag {
        margin: 4px;
    }

    .accordion-body ol, .accordion-body ul {
        padding-left: 0.5rem;
    }

    .navigations-item {
        font-size: 16px;
        line-height: 19px;
    }

    .accordion-button {
        font-size: 18px;
    }
}