/* Start:/local/templates/chromolab_2024/css/newStyle.css?1748882445156591*/
.flex {
    display: flex;
}

.i-flex {
    display: inline-flex;
}

.cv {
    align-items: center;
}

.ch {
    justify-content: center;
}

.sb {
    justify-content: space-between;
}

.sa {
    justify-content: space-around;
}

.as {
    align-items: flex-start;
}

.js {
    justify-content: flex-start;
}

.je {
    justify-content: flex-end;
}

.fe {
    align-items: flex-end;
}

.fw {
    flex-wrap: wrap;
}

.dc {
    flex-direction: column;
}

.flex-cc {
    display: flex;
    align-items: center;
    justify-content: center;
}

.grid {
    display: grid;
}

.bg-i {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    width: 100%;
    height: 100%;
}
.bg-i.contain {
    background-size: contain;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}

.pt_32 {
    padding-top: 32px;
}
@media (max-width: 1399px) {
    .pt_32 {
        padding-top: 24px;
    }
}

/*.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    border-radius: 12px;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    @include lg {
        height: 36px;
        border-radius: 8px;
        font-size: 14px;
    }
    svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        @include lg {
            margin-right: 8px;
        }
    }
    //.btn-blue
    &-blue {
        background: $colorBlue;
        color: #fff;
        @media (any-hover: hover) {
            &:hover {
                background: #3886e1;
            }
        }
        &:active {
            background: #2176da;
        }
        svg {
            fill: #fff;
        }
    }
    &-light {
        background: #edf5fe;
        color: $colorBlue;
        @media (any-hover: hover) {
            &:hover {
                background: #e2eefc;
            }
        }
        &:active {
            background: #dae8fa;
        }

        svg {
            fill: $colorBlue;
        }
    }
    &-outline {
        border: 1px solid $colorBlue;
        color: $colorBlue;
        @media (any-hover: hover) {
            &:hover {
                background: #eceff8;
            }
        }
        &:active {
            background: #dae8fa;
        }
    }
}
*/
.input-box > label {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .input-box > label {
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .input-box > label {
        font-size: 14px;
    }
}
.input-box .input {
    height: 60px;
    width: 100%;
    font-size: 18px;
    color: #2a2c36;
    border-bottom: 1px solid rgba(42, 44, 54, 0.3);
    background: transparent;
    transition: all 0.3s ease 0s;
}
@media (max-width: 1399px) {
    .input-box .input {
        font-size: 16px;
    }
}
.input-box .input::placeholder {
    color: rgba(42, 44, 54, 0.3);
}
.input-box .input.parsley-error {
    border-color: #da251c !important;
    background-color: rgba(218, 37, 28, 0.05);
}
@media (any-hover: hover) {
    .input-box .input:hover {
        border-color: rgb(41, 68, 86);
    }
}
.input-box textarea.input {
    border: none;
    border-bottom: 1px solid rgba(42, 44, 54, 0.3);
    resize: none;
    height: 120px;
    padding-top: 19px;
}
.input-box .parsley-errors-list {
    display: none;
}

.file__wrap {
    margin-top: 20px;
}
@media (max-width: 1399px) {
    .file__wrap {
        margin-top: 20px;
    }
}
.file__label {
    font-weight: 500;
    font-size: 16px;
    color: #868fdd;
    height: 40px;
    width: 226px;
    flex-shrink: 0;
    padding: 0px 20px;
    display: inline-flex;
    align-items: center;
    background: #e4e6f8;
    border-radius: 100px;
    gap: 10px;
    white-space: nowrap;
    cursor: pointer;
}
@media (max-width: 767px) {
    .file__label {
        width: 100%;
        justify-content: center;
        font-size: 14px;
    }
}
.file__label svg {
    stroke: #868FDD;
    width: 16px;
    height: 18px;
    fill: transparent;
}
@media (max-width: 767px) {
    .file__label svg {
        width: 12px;
        height: 14px;
    }
}
.file__input {
    display: none;
}

.form__head {
    font-size: 30px;
    color: #2a2c36;
    margin-bottom: 40px;
    line-height: 1.2666666667;
}
@media (max-width: 990px) {
    .form__head {
        font-size: 20px;
        margin-bottom: 30px;
    }
}
.form__send {
    gap: 20px;
}
@media (max-width: 990px) {
    .form__send {
        flex-direction: column;
    }
}
.form__send .btn {
    width: 300px;
    flex-shrink: 0;
    font-size: 16px;
    height: 60px;
}
@media (max-width: 1399px) {
    .form__send .btn {
        width: 50%;
    }
}
@media (max-width: 990px) {
    .form__send .btn {
        width: 100%;
    }
}
.form__send p {
    font-weight: 500;
    font-size: 16px;
    color: rgba(42, 44, 54, 0.5);
    margin-bottom: 0;
    width: 280px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .form__send p {
        flex-shrink: 1;
        width: 100%;
        font-size: 14px;
    }
}
@media (max-width: 990px) {
    .form__send p {
        padding: 0px 20px;
        text-align: center;
    }
}

.form-info {
    margin-top: 20px;
    font-size: 16px;
    color: #2a2c36;
}
.form-info span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    margin-right: 30px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .form-info span {
        margin-right: 0px;
    }
}
@media (max-width: 990px) {
    .form-info span {
        margin-right: 0px;
    }
}
.form-info span img {
    width: 100%;
    height: 100%;
}

.breadcrumbs._black {
    color: rgba(42, 44, 54, 0.5);
    margin-bottom: 10px;
}
.breadcrumbs .breadcrumbs__item {
    font-weight: 600;
    font-size: 18px;
}

h1._black {
    color: #2A2C36;
    margin-bottom: 0;
}

.link-hover {
    transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
    .link-hover:hover {
        color: #FE6FC0;
    }
}

.btn-more {
    margin-top: 40px;
    font-weight: 600;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #2a2c36;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
@media (max-width: 990px) {
    .btn-more {
        font-size: 16px;
        margin-top: 30px;
    }
}

@media (max-width: 1399px) {
    .new_rem h1 {
        font-size: 40px;
    }
}
@media (max-width: 990px) {
    .new_rem h1 {
        font-size: 40px;
    }
}
.new_rem .banner-link {
    font-size: 16px;
}
@media (max-width: 990px) {
    .new_rem .banner-link {
        margin-top: 30px;
    }
}

.bg-breadcrumbs {
    background: #222;
    color: rgba(250, 250, 250, 0.5);
    height: 60px;
    align-items: center;
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .bg-breadcrumbs {
        margin-bottom: 30px;
    }
}
.bg-breadcrumbs .breadcrumbs {
    margin: 0 auto;
}
.bg-breadcrumbs .breadcrumbs .breadcrumbs__item {
    font-size: 16px;
}
@media (max-width: 1399px) {
    .bg-breadcrumbs .breadcrumbs .breadcrumbs__item {
        font-size: 14px;
    }
}
@media (max-width: 990px) {
    .bg-breadcrumbs .breadcrumbs .breadcrumbs__item {
        font-size: 12px;
    }
}

body {
    font-family: "Futura PT", sans-serif;
}
body._lock {
    overflow: hidden;
    touch-action: none;
}

html {
    scroll-behavior: smooth;
}

.wrapper {
    width: 100%;
}
.wrapper > main {
    overflow: hidden;
}
.wrapper > * {
    min-width: 0;
}

.swiper-wrapper {
    display: flex;
}

.job-list {
    margin-top: 60px;
    margin-bottom: 90px;
}
@media (max-width: 767px) {
    .job-list {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.job-list__wrap {
    gap: 20px;
}
.job-list .cart-job {
    width: calc(33.33% - 13.3333333333px);
}
@media (max-width: 990px) {
    .job-list .cart-job {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .job-list .cart-job {
        width: 100%;
    }
}

.cart-job {
    min-height: 208px;
    background: #f4f5f9;
    padding: 40px;
    border-radius: 15px;
    position: relative;
}
@media (max-width: 1399px) {
    .cart-job {
        padding: 30px;
        min-height: 180px;
    }
}
@media (max-width: 767px) {
    .cart-job {
        padding: 30px 20px;
        border-radius: 20px;
        min-height: 165px;
    }
}
.cart-job__arr {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    fill: transparent;
}
@media (max-width: 767px) {
    .cart-job__arr {
        top: 20px;
        right: 20px;
    }
}
.cart-job__name {
    font-size: 20px;
    color: #2a2c36;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: 30px;
    cursor: pointer;
}
.cart-job__price {
    font-weight: 500;
    font-size: 24px;
    color: #2a2c36;
}
@media (max-width: 990px) {
    .cart-job__price {
        font-size: 20px;
        margin-top: 10px;
    }
}
.cart-job ul {
    gap: 20px;
    margin: 0;
    padding: 0;
    margin: 40px 0px 0px 0px;
}
@media (max-width: 1399px) {
    .cart-job ul {
        margin: 30px 0px 0px 0px;
    }
}
.cart-job ul li {
    list-style: none;
    padding-left: 0;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .cart-job ul li {
        font-size: 14px;
    }
}
.cart-job ul li span {
    width: 20px;
    display: inline-flex;
}
@media (max-width: 990px) {
    .cart-job ul li span {
        width: 16px;
    }
}
.cart-job ul li span img {
    width: 100%;
}

/**************************************************/
.jd__wrap {
    margin-top: 40px;
    gap: 100px;
    align-items: start;
}
@media (max-width: 1399px) {
    .jd__wrap {
        gap: 60px;
    }
}
@media (max-width: 990px) {
    .jd__wrap {
        flex-wrap: wrap;
        margin-top: 30px;
        gap: 30px;
    }
}
.jd__content {
    flex: 1 1 auto;
}
@media (max-width: 990px) {
    .jd__content {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.jd__content h4 {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 990px) {
    .jd__content h4 {
        font-size: 16px;
    }
}
.jd__content h4:not(:first-child) {
    margin-top: 30px;
}
@media (max-width: 990px) {
    .jd__content h4:not(:first-child) {
        margin-top: 20px;
    }
}
.jd__content h4:not(:last-child) {
    margin-bottom: 15px;
}
@media (max-width: 990px) {
    .jd__content h4:not(:last-child) {
        margin-bottom: 10px;
    }
}
.jd__content ul {
    padding-left: 26px;
}
@media (max-width: 990px) {
    .jd__content ul {
        padding-left: 24px;
    }
}
.jd__content ul li {
    font-size: 20px;
    color: #2a2c36;
    list-style: none;
    line-height: 1.3;
    position: relative;
}
@media (max-width: 990px) {
    .jd__content ul li {
        font-size: 16px;
    }
}
.jd__content ul li::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    overflow: hidden;
    background: #2a2c36;
    position: absolute;
    top: 10px;
    left: -16px;
}
@media (max-width: 990px) {
    .jd__content ul li::after {
        top: 8px;
        width: 4px;
        height: 4px;
        left: -14px;
    }
}

.jd-cart {
    background: #f4f5f9;
    border-radius: 15px;
    padding: 40px;
    width: 360px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .jd-cart {
        width: 280px;
    }
}
@media (max-width: 990px) {
    .jd-cart {
        width: 100%;
        border-radius: 20px;
        padding: 30px 20px;
    }
}
.jd-cart small {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 990px) {
    .jd-cart small {
        font-size: 16px;
    }
}
.jd-cart p {
    margin-top: 10px;
    font-size: 30px;
    color: #2a2c36;
    margin-bottom: 0;
}
@media (max-width: 990px) {
    .jd-cart p {
        font-size: 20px;
        font-weight: 500;
    }
}
.jd-cart ul {
    margin: 0;
    padding: 0;
    margin: 40px 0px 0px 0px;
}
@media (max-width: 1399px) {
    .jd-cart ul {
        margin: 30px 0px 0px 0px;
    }
}
@media (max-width: 990px) {
    .jd-cart ul {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
    }
}
.jd-cart ul li {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 20px;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .jd-cart ul li {
        font-size: 16px;
        gap: 10px;
    }
}
@media (max-width: 990px) {
    .jd-cart ul li {
        font-size: 14px;
    }
}
.jd-cart ul li:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 990px) {
    .jd-cart ul li:not(:last-child) {
        margin-bottom: 0;
    }
}
.jd-cart ul li span {
    width: 24px;
    display: inline-flex;
}
@media (max-width: 990px) {
    .jd-cart ul li span {
        width: 16px;
    }
}
.jd-cart ul li span img {
    width: 100%;
}
.jd-cart .btn {
    width: 100%;
    font-size: 16px;
    margin-top: 60px;
    height: 60px;
}
@media (max-width: 990px) {
    .jd-cart .btn {
        width: 240px;
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .jd-cart .btn {
        width: 100%;
    }
}

/*****************************************/
.contact-jd {
    margin-top: 120px;
}
@media (max-width: 1399px) {
    .contact-jd {
        margin-top: 60px;
    }
}
@media (max-width: 990px) {
    .contact-jd {
        flex-direction: column-reverse;
    }
}
.contact-jd__cart {
    width: 360px;
    flex-shrink: 0;
    margin-top: 40px;
    margin-right: 40px;
}
@media (max-width: 990px) {
    .contact-jd__cart {
        width: 100%;
        margin: 30px 20px 0px 20px;
    }
}
.contact-jd__item:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .contact-jd__item:not(:last-child) {
        margin-bottom: 20px;
    }
}
.contact-jd__item small {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    width: 100%;
    display: block;
}
@media (max-width: 990px) {
    .contact-jd__item small {
        font-size: 16px;
    }
}
.contact-jd__item p,
.contact-jd__item a {
    display: inline-block;
    margin-top: 15px;
    font-size: 20px;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .contact-jd__item p,
    .contact-jd__item a {
        font-size: 18px;
        margin-top: 6px;
    }
}
@media (max-width: 990px) {
    .contact-jd__item p,
    .contact-jd__item a {
        margin-top: 10px;
        font-size: 16px;
    }
}
.contact-jd__item a {
    cursor: pointer;
}
.contact-jd__map {
    height: 340px;
    border-radius: 30px;
    overflow: hidden;
    width: 100%;
}
@media (max-width: 990px) {
    .contact-jd__map {
        height: 360px;
    }
}
@media (max-width: 767px) {
    .contact-jd__map {
        aspect-ratio: 1;
        height: auto;
    }
}

.ymaps-2-1-79-copyrights-pane {
    display: none;
}

/*****************************************/
.job-n {
    gap: 20px;
    margin-top: 40px;
}
@media (max-width: 990px) {
    .job-n {
        margin-top: 30px;
    }
}
.job-n__cart {
    width: calc(33.33% - 13.3333333333px);
    backdrop-filter: blur(10px);
    background: #fcecea;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    position: relative;
    border-radius: 15px;
}
@media (max-width: 990px) {
    .job-n__cart {
        width: 100%;
        padding: 30px;
    }
}
@media (any-hover: hover) {
    .job-n__cart:hover .job-n__arr {
        top: 30px;
        right: 30px;
    }
}
.job-n__cart:nth-child(2) {
    background: #f5f0fc;
}
.job-n__cart:nth-child(3) {
    background: #eaf1fd;
}
.job-n__cart p {
    margin-top: auto;
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
    opacity: 0.5;
}
.job-n__arr {
    position: absolute;
    top: 40px;
    right: 40px;
    transition: all 0.3s ease 0s;
    width: 40px;
    height: 40px;
    fill: transparent;
}
@media (max-width: 990px) {
    .job-n__arr {
        top: 30px;
        right: 30px;
    }
}
.job-n__name {
    margin-top: 148px;
    font-size: 30px;
    line-height: 1.2666666667;
}

/*****************************************/
.sc-coop {
    gap: 20px;
    margin-top: 60px;
}
@media (max-width: 990px) {
    .sc-coop {
        margin-top: 30px;
    }
}
.sc-coop__cart {
    width: calc(33.33% - 13.3333333333px);
    border-radius: 30px;
    background: #F4F5F9;
    padding: 10px;
}
@media (max-width: 990px) {
    .sc-coop__cart {
        width: 100%;
    }
}
.sc-coop__logo {
    border-radius: 20px;
    height: 120px;
    background: #FAFAFA;
    padding: 20px 40px;
}
@media (max-width: 1399px) {
    .sc-coop__logo {
        height: 100px;
        padding: 30px 40px;
    }
}
.sc-coop__logo img {
    max-width: 100%;
    max-height: 100%;
}
.sc-coop__body {
    padding: 40px 20px 20px;
}
@media (max-width: 990px) {
    .sc-coop__body {
        padding: 20px;
    }
}
.sc-coop__body ul {
    margin-top: 60px;
    padding-left: 0;
    margin-bottom: 0;
}
@media (max-width: 990px) {
    .sc-coop__body ul {
        margin-top: 40px;
    }
}
.sc-coop__body ul li {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.sc-coop__body ul li:not(:last-child) {
    margin-bottom: 20px;
}
.sc-coop__body ul li div {
    line-height: 1.3;
}
.sc-coop__body ul li div:nth-child(1) {
    font-weight: 500;
    font-size: 14px;
    opacity: 0.5;
}
.sc-coop__body ul li div:nth-child(2) {
    font-size: 20px;
    margin-top: 10px;
}
.sc-coop__name {
    font-weight: 500;
    font-size: 24px;
    color: #868FDD;
}
.sc-coop__prev {
    margin-top: 10px;
    min-height: 130px;
    font-size: 20px;
    opacity: 0.7;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*****************************************/
.hh-sc {
    margin-top: 60px;
    border-radius: 40px;
    background: #222;
    padding: 10px;
}
@media (max-width: 990px) {
    .hh-sc {
        margin-top: 30px;
        flex-direction: column;
        border-radius: 30px;
        gap: 20px;
    }
}
.hh-sc__content {
    padding: 50px;
    flex: 1 1 auto;
}
@media (max-width: 1399px) {
    .hh-sc__content {
        padding: 20px;
    }
}
.hh-sc__content h3 {
    font-size: 40px;
    color: #fafafa;
}
.hh-sc__content p {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 20px;
    color: rgba(250, 250, 250, 0.7);
}
.hh-sc__bottom {
    margin-top: 60px;
    gap: 20px;
}
@media (max-width: 1399px) {
    .hh-sc__bottom {
        margin-top: 20px;
    }
}
.hh-sc__bottom .btn {
    width: 260px;
    font-size: 16px;
    height: 60px;
}
.hh-sc__icon {
    width: 72px;
}
.hh-sc__icon img {
    max-width: 100%;
}
.hh-sc__banner {
    width: 55%;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 990px) {
    .hh-sc__banner {
        width: 100%;
        border-radius: 20px;
    }
}
.hh-sc__banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*****************************************/
.education-sc {
    margin-top: 60px;
    border-radius: 40px;
    background: #F4F5F9;
    overflow: hidden;
    padding: 60px;
}
@media (max-width: 1399px) {
    .education-sc {
        padding: 40px;
        margin-top: 30px;
        border-radius: 30px;
    }
}
.education-sc p {
    font-size: 20px;
    color: rgba(42, 44, 54, 0.7);
}
@media (max-width: 1399px) {
    .education-sc p {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .education-sc__head {
        flex-direction: column;
        gap: 20px;
        align-items: start;
    }
}
.education-sc__head h2 {
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 0;
}
@media (max-width: 990px) {
    .education-sc__head h2 {
        font-size: 30px;
    }
}
.education-sc__head p {
    max-width: 500px;
    margin: 0;
}
@media (max-width: 1399px) {
    .education-sc__head p {
        max-width: 440px;
    }
}
.education-sc__slider {
    margin-top: 60px;
}
@media (max-width: 1399px) {
    .education-sc__slider {
        margin-top: 30px;
    }
}
.education-sc__slide {
    width: 380px;
    box-shadow: 0 0 20px 0 rgba(42, 44, 54, 0.06);
    background: #fafafa;
    border-radius: 15px;
    padding: 30px;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .education-sc__slide {
        width: 340px;
    }
}
.education-sc__slide h4 {
    font-weight: 500;
    font-size: 24px;
    color: #868FDD;
}
.education-sc__slide p {
    margin-top: 10px;
}
.education-sc__slide ul {
    margin-top: 40px;
    padding: 0;
    margin: 0;
}
.education-sc__slide ul li {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
.education-sc__slide ul li div:nth-child(1) {
    font-size: 14px;
    color: rgba(42, 44, 54, 0.5);
}
.education-sc__slide ul li div:nth-child(2) {
    font-size: 20px;
}
.education-sc__slide ul li:not(:last-child) {
    margin-bottom: 20px;
}

/*****************************************/
.intro-sc {
    margin-top: 40px;
    border-radius: 40px;
    background: #F4F5F9;
    padding: 60px;
    color: #2A2C36;
}
@media (max-width: 1399px) {
    .intro-sc {
        padding: 40px;
    }
}
@media (max-width: 990px) {
    .intro-sc {
        padding: 30px 20px;
    }
}
.intro-sc h4 {
    font-size: 40px;
    font-weight: 500;
}
@media (max-width: 1399px) {
    .intro-sc h4 {
        font-size: 30px;
    }
}
.intro-sc p {
    margin-top: 20px;
    font-size: 20px;
    opacity: 0.7;
}
@media (max-width: 1399px) {
    .intro-sc p {
        font-size: 18px;
    }
}
.intro-sc div {
    margin-top: 60px;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .intro-sc div {
        margin-top: 30px;
    }
}
.intro-sc div img {
    width: 100%;
    object-fit: cover;
}
@media (max-width: 990px) {
    .intro-sc div img {
        min-height: 180px;
    }
}

/*****************************************/
.study-sc {
    margin-top: 20px;
    gap: 20px;
}
.study-sc__cart {
    width: calc(25% - 15px);
    border: 1px solid rgba(42, 44, 54, 0.3);
    padding: 30px;
    border-radius: 30px;
    font-weight: 500;
    font-size: 24px;
}
@media (max-width: 1399px) {
    .study-sc__cart {
        padding: 20px;
        border-radius: 20px;
    }
}
@media (max-width: 990px) {
    .study-sc__cart {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .study-sc__cart {
        width: 100%;
    }
}
.study-sc__name {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 62px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2916666667;
}
@media (max-width: 767px) {
    .study-sc__name {
        height: auto;
    }
}
.study-sc .arrow-link {
    margin-top: 40px;
}
@media (max-width: 767px) {
    .study-sc .arrow-link {
        margin-top: 30px;
    }
}
.study-sc__prev {
    margin-top: 40px;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    opacity: 0.7;
}
@media (max-width: 767px) {
    .study-sc__prev {
        margin-top: 30px;
    }
}

.arrow-link {
    font-weight: 600;
    font-size: 12px;
    display: flex;
    text-decoration: none !important;
}
.arrow-link span {
    position: relative;
    display: block;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.arrow-link span::before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 90%;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
}
.arrow-link:after {
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.09664 10.0148L12.0781 9.99609' stroke='url(%23paint0_linear_760_3838)' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M10.4272 7.4937L12.9087 9.9937L10.4087 12.5124' stroke='url(%23paint1_linear_760_3838)' stroke-linecap='round' stroke-linejoin='round' /%3e%3cdefs%3e%3clinearGradient id='paint0_linear_760_3838' x1='9.58369' y1='11.0054' x2='9.57995' y2='10.0054' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FE6FC0' /%3e%3cstop offset='1' stop-color='%237593E0' /%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_760_3838' x1='11.6541' y1='12.5077' x2='11.6353' y2='7.48918' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FE6FC0' /%3e%3cstop offset='1' stop-color='%237593E0' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") center center no-repeat;
}

/*****************************************/
.slider-sc {
    margin: 120px 100px;
    position: relative;
}
@media (max-width: 1399px) {
    .slider-sc {
        margin: 60px;
    }
}
@media (max-width: 990px) {
    .slider-sc {
        margin: 40px 0px 40px 0px;
    }
}
.slider-sc__wrap {
    overflow: hidden;
    height: 424px;
    background: #F4F5F9;
    position: relative;
    border-radius: 30px;
}
@media (max-width: 1399px) {
    .slider-sc__wrap {
        height: 340px;
    }
}
@media (max-width: 767px) {
    .slider-sc__wrap {
        height: max-content;
    }
}
.slider-sc__wrap .swiper-wrapper {
    display: block;
}
@media (max-width: 990px) {
    .slider-sc__wrap .swiper-wrapper {
        display: flex;
    }
}
.slider-sc__slide {
    padding: 60px;
    position: relative;
}
@media (max-width: 1399px) {
    .slider-sc__slide {
        padding: 30px 20px;
    }
}
@media (max-width: 990px) {
    .slider-sc__slide {
        flex-shrink: 0;
    }
}
.slider-sc__left {
    max-width: 640px;
}
@media (max-width: 1399px) {
    .slider-sc__left {
        max-width: 70%;
    }
}
@media (max-width: 767px) {
    .slider-sc__left {
        max-width: 100%;
    }
}
.slider-sc__type {
    font-weight: 500;
    font-size: 14px;
    height: 30px;
    padding: 0px 10px;
    background: #E4E6F8;
    display: inline-flex;
    border-radius: 100px;
    color: #868FDD;
}
.slider-sc__name {
    margin-top: 20px;
    font-weight: 500;
    font-size: 24px;
}
.slider-sc__icons {
    position: absolute;
    top: 30px;
    right: 30px;
    gap: 20px;
}
@media (max-width: 1399px) {
    .slider-sc__icons {
        top: 20px;
        right: 20px;
    }
}
.slider-sc__icons div {
    width: 76px;
    height: 76px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1399px) {
    .slider-sc__icons div {
        width: 56px;
        height: 56px;
    }
}
.slider-sc__icons div img {
    max-width: 100%;
}
.slider-sc__list {
    margin-top: 60px;
    gap: 40px;
}
@media (max-width: 1399px) {
    .slider-sc__list {
        gap: 20px;
        margin-top: 40px;
    }
}
@media (max-width: 767px) {
    .slider-sc__list {
        flex-direction: column;
    }
}
.slider-sc__item {
    flex: 0 0 calc(33.33% - 26.6666666667px);
}
@media (max-width: 1399px) {
    .slider-sc__item {
        flex: 0 0 calc(33.33% - 13.3333333333px);
    }
}
.slider-sc__item small {
    font-weight: 500;
    font-size: 14px;
    opacity: 0.5;
}
@media (max-width: 990px) {
    .slider-sc__item small {
        font-size: 12px;
    }
}
.slider-sc__item p {
    margin: 10px 0px 0px 0px;
    font-size: 20px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .slider-sc__item p {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .slider-sc__item p {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .slider-sc__item p {
        font-size: 16px;
    }
}

.nav-slider {
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 40px;
    background: #F4F5F9;
    padding: 10px 0px;
    gap: 18px;
}
@media (max-width: 990px) {
    .nav-slider {
        flex-direction: row;
        margin: 10px auto 0px auto;
        position: static;
        transform: translateY(0);
        width: max-content;
        background: none;
        gap: 12px;
    }
}
.nav-slider__arr {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.nav-slider__arr.swiper-button-disabled svg {
    stroke: #E4E6F8;
}
.nav-slider__arr svg {
    width: inherit;
    height: inherit;
    stroke: #2A2C36;
    transition: all 0.3s ease 0s;
    fill: transparent;
}
@media (any-hover: hover) {
    .nav-slider__arr:hover svg {
        stroke: #868FDD;
    }
}
@media (max-width: 990px) {
    .nav-slider__arr_prev svg {
        transform: rotate(-90deg);
    }
}
.nav-slider__arr_next svg {
    transform: rotate(180deg);
}
@media (max-width: 990px) {
    .nav-slider__arr_next svg {
        transform: rotate(90deg);
    }
}
.nav-slider__fraction {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
@media (max-width: 990px) {
    .nav-slider__fraction {
        flex-direction: row;
        gap: 10px;
    }
}
.nav-slider__fraction .swiper-pagination-bullet {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    border-radius: 50%;
    color: #F4F5F9;
    background: #2A2C36;
    opacity: 0.2;
    font-weight: 500;
    font-size: 10px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
    .nav-slider__fraction .swiper-pagination-bullet:hover {
        opacity: 0.3;
    }
}
.nav-slider__fraction .swiper-pagination-bullet-active {
    opacity: 1;
}

/*****************************************/
@media (max-width: 990px) {
    .public-sc__head {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
}
.public-sc__head h2 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 0;
}
.public-sc__head p {
    font-size: 20px;
    margin: 0;
}
.public-sc .articles {
    margin-top: 40px;
}

/*****************************************/
@media (max-width: 990px) {
    .public-sc__head {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }
}
.public-sc__head p {
    font-size: 20px;
    margin: 0;
}
.public-sc .articles {
    margin-top: 40px;
}

._title {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 0;
}
@media (max-width: 990px) {
    ._title {
        font-size: 30px;
    }
}

/*****************************************/
.benefits-sc {
    margin-top: 120px;
}
.benefits-sc__items {
    margin-top: 40px;
    gap: 20px;
}
.benefits-sc__item {
    flex: 0 0 calc(50% - 10px);
    border-radius: 30px;
    background: #F4F5F9;
    overflow: hidden;
    height: 360px;
    padding: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .benefits-sc__item {
        height: 320px;
    }
}
@media (max-width: 1200px) {
    .benefits-sc__item {
        flex: 0 0 100%;
    }
}
@media (max-width: 990px) {
    .benefits-sc__item {
        padding: 30px 20px;
        height: 190px;
    }
}
.benefits-sc__link {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.benefits-sc__link span {
    width: 40px;
    height: 40px;
    display: inline-flex;
}
@media (max-width: 990px) {
    .benefits-sc__link span {
        width: 32px;
        height: 32px;
    }
}
.benefits-sc__link span img {
    max-width: 100%;
    transform: rotate(45deg);
}
.benefits-sc__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 410px;
    height: 100%;
}
@media (max-width: 1399px) {
    .benefits-sc__img {
        width: 340px;
    }
}
@media (max-width: 990px) {
    .benefits-sc__img {
        width: 200px;
    }
}
.benefits-sc__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
}
.benefits-sc__name {
    margin-top: auto;
    max-width: 40%;
}
@media (max-width: 990px) {
    .benefits-sc__name {
        max-width: 54%;
    }
}

.quistion {
    padding: 20px;
    border-radius: 40px;
    background: #F4F5F9;
}
@media (max-width: 990px) {
    .quistion {
        padding: 0;
        border-radius: 30px;
    }
}
.quistion__banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 180px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 40px;
}
@media (max-width: 1399px) {
    .quistion__banner {
        align-items: end;
    }
}
@media (max-width: 990px) {
    .quistion__banner {
        min-height: 240px;
        padding: 30px 20px;
        border-radius: 30px;
    }
}
.quistion__banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.8);
}
@media (max-width: 767px) {
    .quistion__banner_consult h3 {
        max-width: 100% !important;
    }
}
.quistion__banner h3 {
    position: relative;
    z-index: 2;
    font-size: 40px;
    color: #fafafa;
}
@media (max-width: 990px) {
    .quistion__banner h3 {
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .quistion__banner h3 {
        max-width: 230px;
    }
}
.quistion__body {
    padding: 60px 40px 40px;
    gap: 40px;
}
@media (max-width: 990px) {
    .quistion__body {
        padding: 30px 20px 30px;
        gap: 20px;
        flex-direction: column;
    }
}
.quistion__body div {
    flex: 1;
}
.quistion__body div p {
    font-size: 20px;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .quistion__body div p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .quistion__body div p {
        font-size: 16px;
    }
}
.quistion__body div p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 990px) {
    .quistion__body div p:not(:last-child) {
        margin-bottom: 20px;
    }
}
.quistion__form {
    padding: 60px 40px 40px;
    gap: 40px;
}
@media (max-width: 1399px) {
    .quistion__form {
        padding: 40px 20px 20px;
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .quistion__form {
        flex-direction: column;
        padding: 30px 20px;
    }
}
.quistion__col {
    flex: 1;
}
.quistion__col .input-box:not(:last-child) {
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .quistion__col .input-box:not(:last-child) {
        margin-bottom: 32px;
    }
}
@media (max-width: 990px) {
    .quistion__col .input-box:not(:last-child) {
        margin-bottom: 20px;
    }
}

/******************************************/
.req {
    margin-top: 120px;
}
@media (max-width: 990px) {
    .req {
        margin-top: 60px;
    }
}
.req__head {
    max-width: 960px;
    margin: 0px auto 40px;
}
@media (max-width: 1399px) {
    .req__head {
        max-width: 720px;
        margin: 0px auto 30px;
    }
}
@media (max-width: 990px) {
    .req__head {
        max-width: 100%;
        padding: 0px 20px;
    }
}
.req__head p {
    font-size: 40px;
    color: #2a2c36;
    line-height: 1.2666666667;
}
@media (max-width: 1399px) {
    .req__head p {
        font-size: 30px;
    }
}
.req__head p:last-child {
    text-align: right;
}
@media (max-width: 767px) {
    .req__head p:last-child {
        text-align: left;
    }
}
.req .directions {
    gap: 20px;
    width: 100%;
}
@media (max-width: 990px) {
    .req .directions {
        gap: 10px;
    }
}
.req .directions .directions__item {
    padding: 30px;
    width: calc(25% - 15px);
    aspect-ratio: 175/160;
    margin: 0;
    border-radius: 30px;
}
@media (max-width: 990px) {
    .req .directions .directions__item {
        padding: 20px;
        width: calc(50% - 5px);
    }
}
.req .directions .directions__inner {
    font-size: 30px;
    padding: 30px;
}
@media (max-width: 1399px) {
    .req .directions .directions__inner {
        font-size: 24px;
        padding: 25px;
    }
    .req .directions .directions__inner::after {
        content: "";
        width: 30px;
        height: 30px;
    }
}
.req .directions .directions__inner:after {
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px;
    background-size: cover;
}
@media (max-width: 1399px) {
    .req .directions .directions__inner:after {
        top: 25px;
        right: 25px;
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 990px) {
    .req .directions .directions__inner:after {
        top: 20px;
        right: 20px;
    }
}
@media (max-width: 990px) {
    .req .directions .directions__inner {
        font-size: 20px;
        padding: 20px;
    }
}

/******************************************/
.offer-consult {
    gap: 20px;
    margin-top: 20px;
}
@media (max-width: 1399px) {
    .offer-consult {
        margin-top: 20px;
    }
}
@media (max-width: 990px) {
    .offer-consult {
        flex-direction: column;
    }
}
.offer-consult__list {
    gap: 20px;
    flex: 1 1 auto;
}
@media (max-width: 990px) {
    .offer-consult__list {
        align-items: normal;
    }
}
@media (max-width: 767px) {
    .offer-consult__list {
        flex-direction: column;
    }
}
.offer-consult__list .cart-orrer-c {
    flex: 1;
}
@media (max-width: 767px) {
    .offer-consult__list .cart-orrer-c {
        width: 100%;
    }
}
.offer-consult__form {
    width: 600px;
    background: #f4f5f9;
    border-radius: 30px;
    padding: 40px;
}
@media (max-width: 1399px) {
    .offer-consult__form {
        width: 46%;
        padding: 30px 20px;
    }
}
@media (max-width: 990px) {
    .offer-consult__form {
        width: 100%;
    }
}
.offer-consult__form .input-box:not(:last-child) {
    margin-bottom: 20px;
}
.offer-consult__form .btn {
    width: 100%;
    margin-top: 20px;
}
@media (max-width: 990px) {
    .offer-consult__form .btn {
        margin-top: 10px;
    }
}

.cart-orrer-c {
    background: #f4f5f9;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    .cart-orrer-c {
        padding: 30px;
    }
}
.cart-orrer-c__head {
    flex: 1 1 auto;
}
.cart-orrer-c__head small {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 1399px) {
    .cart-orrer-c__head small {
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .cart-orrer-c__head small {
        font-size: 14px;
    }
}
.cart-orrer-c__head h4 {
    margin-top: 15px;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
}
@media (max-width: 1399px) {
    .cart-orrer-c__head h4 {
        font-size: 24px;
        margin-top: 10px;
    }
}
@media (max-width: 990px) {
    .cart-orrer-c__head h4 {
        font-size: 30px;
    }
}
.cart-orrer-c ul {
    margin-top: 245px;
    padding: 0;
}
@media (max-width: 990px) {
    .cart-orrer-c ul {
        margin-top: 40px;
    }
}
.cart-orrer-c ul li {
    list-style: none;
}
.cart-orrer-c ul li small {
    font-size: 20px;
}
@media (max-width: 1399px) {
    .cart-orrer-c ul li small {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .cart-orrer-c ul li small {
        font-size: 16px;
    }
}
.cart-orrer-c ul li p {
    font-weight: 500;
    font-size: 24px;
    margin: 15px 0px 0px 0px;
}
@media (max-width: 1399px) {
    .cart-orrer-c ul li p {
        font-size: 20px;
        margin: 10px 0px 0px 0px;
    }
}
.cart-orrer-c ul li:not(:last-child) {
    margin-bottom: 40px;
}
@media (max-width: 990px) {
    .cart-orrer-c ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}

.nalog {
    margin-top: 60px;
    gap: 40px;
}
@media (max-width: 1399px) {
    .nalog {
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .nalog {
        flex-direction: column;
        margin-top: 30px;
    }
}
.nalog__content {
    flex: 1;
}
@media (max-width: 990px) {
    .nalog__content {
        padding: 0px 20px;
    }
}
.nalog__content p {
    font-size: 20px;
    color: #2a2c36;
    margin: 0;
}
@media (max-width: 1399px) {
    .nalog__content p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .nalog__content p {
        font-size: 16px;
    }
}
.nalog__content p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .nalog__content p:not(:last-child) {
        margin-bottom: 20px;
    }
}
.nalog__content div {
    margin-top: 40px;
    padding-left: 100px;
    margin-bottom: 20px;
}
@media (max-width: 1399px) {
    .nalog__content div {
        margin-top: 30px;
        padding-left: 20%;
    }
}
@media (max-width: 767px) {
    .nalog__content div {
        padding-left: 10%;
    }
}
.nalog__content div h3 {
    font-size: 30px;
    color: #2a2c36;
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .nalog__content div h3 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .nalog__content div h3 {
        font-size: 20px;
    }
}
.nalog__content div img {
    width: 380px;
}
@media (max-width: 1399px) {
    .nalog__content div img {
        width: 80%;
    }
}
@media (max-width: 990px) {
    .nalog__content div img {
        width: 380px;
    }
}
@media (max-width: 767px) {
    .nalog__content div img {
        width: 80%;
    }
}
.nalog__form {
    flex: 1;
    background: #f4f5f9;
    border-radius: 30px;
    padding: 60px;
}
@media (max-width: 1399px) {
    .nalog__form {
        padding: 40px;
    }
}
@media (max-width: 767px) {
    .nalog__form {
        padding: 30px 20px 30px;
    }
}
.nalog__form .input-box:not(:last-child) {
    margin-bottom: 20px;
}
.nalog__form .btn {
    width: 360px;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .nalog__form .btn {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .main-banner .container {
        padding: 0;
    }
}

@media (min-width: 1401px) {
    .container {
        max-width: 1390px;
    }
}
.articles {
    gap: 20px;
    margin-top: 60px;
}
.articles .cart-article {
    width: calc(33.33% - 13.3333333333px);
    flex-shrink: 0;
}
@media (max-width: 1200px) {
    .articles .cart-article {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .articles .cart-article {
        width: 100%;
    }
}

.cart-article {
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}
.cart-article__img {
    aspect-ratio: 440/220;
    width: 100%;
    display: block;
}
.cart-article__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-article .create-date {
    position: absolute;
    top: 20px;
    left: 20px;
}
.cart-article__body {
    padding: 40px;
    backdrop-filter: blur(10px);
    background: #f4f5f9;
}
@media (max-width: 990px) {
    .cart-article__body {
        padding: 30px 20px;
    }
}
.cart-article__name {
    font-weight: 500;
    font-size: 24px;
    color: #2a2c36;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 990px) {
    .cart-article__name {
        font-size: 20px;
    }
}
.cart-article__prev {
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 54px;
}
@media (max-width: 767px) {
    .cart-article__prev {
        font-size: 16px;
    }
}
.cart-article__all {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    text-align: right;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
    margin-top: 25px;
}
@media (max-width: 767px) {
    .cart-article__all {
        margin-top: 18px;
    }
}
.cart-article__all::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-flex;
    background: url("/local/templates/chromolab_2024/img/new/icons/arrow-up.svg") center/cover no-repeat;
}

.create-date {
    height: 30px;
    width: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    background: rgba(250, 250, 250, 0.2);
    border-radius: 100px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #fafafa;
}
@media (max-width: 767px) {
    .create-date {
        font-size: 12px;
        width: 100px;
    }
}

/******************************************/
.ad {
    margin-top: 40px;
    background: #F4F5F9;
    border-radius: 40px;
}
@media (max-width: 990px) {
    .ad {
        border-radius: 30px;
        margin-top: 30px;
    }
}
.ad__banner {
    height: 354px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    padding: 60px 40px;
    background-position: center;
    background-size: cover;
}
@media (max-width: 990px) {
    .ad__banner {
        height: 280px;
        padding: 30px 20px;
    }
}
.ad__banner::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}
.ad__banner .create-date {
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 1;
}
@media (max-width: 990px) {
    .ad__banner .create-date {
        top: 20px;
        left: 20px;
    }
}
.ad__banner h1 {
    position: relative;
    z-index: 2;
    color: #fafafa;
    font-size: 40px;
}
@media (max-width: 990px) {
    .ad__banner h1 {
        font-size: 30px;
    }
}
.ad__body {
    padding: 20px 40px 40px;
    color: #2a2c36;
}
@media (max-width: 990px) {
    .ad__body {
        padding: 30px 20px 20px;
    }
}
.ad__body h3,
.ad__body p {
    font-size: 20px;
}
@media (max-width: 990px) {
    .ad__body h3,
    .ad__body p {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .ad__body h3,
    .ad__body p {
        font-size: 16px;
    }
}
.ad__body h3 {
    font-weight: 600;
    margin: 0;
}
.ad__body p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 990px) {
    .ad__body p:not(:last-child) {
        margin-bottom: 24px;
    }
}
@media (max-width: 767px) {
    .ad__body p:not(:last-child) {
        margin-bottom: 20px;
    }
}
.ad__body a {
    transition: all 0.3s ease 0s;
    text-decoration: underline;
    text-underline-offset: 4px;
}
@media (any-hover: hover) {
    .ad__body a:hover {
        color: #FE6FC0;
    }
}
.ad__body img {
    margin-bottom: 60px;
    width: 100%;
    display: block;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 990px) {
    .ad__body img {
        margin-bottom: 30px;
        border-radius: 15px;
        aspect-ratio: 3/2;
        object-fit: cover;
    }
}
.ad__body img:not(:last-child) {
    margin-bottom: 60px;
}
@media (max-width: 990px) {
    .ad__body img:not(:last-child) {
        margin-bottom: 30px;
    }
}
.ad__body img:not(:first-child) {
    margin-top: 60px;
}
@media (max-width: 990px) {
    .ad__body img:not(:first-child) {
        margin-top: 30px;
    }
}

/*******************************************/
.tags-n {
    margin-top: 60px;
    overflow: hidden;
    gap: 40px;
    margin-left: 15px;
}
@media (max-width: 990px) {
    .tags-n {
        gap: 20px;
    }
}
@media (min-width: 576px) {
    .tags-n {
        margin-left: calc((100vw - 510px) / 2);
    }
}
@media (min-width: 768px) {
    .tags-n {
        margin-left: calc((100vw - 690px) / 2);
    }
}
@media (min-width: 992px) {
    .tags-n {
        margin-left: calc((100vw - 930px) / 2);
    }
}
@media (min-width: 1200px) {
    .tags-n {
        margin-left: calc((100vw - 1110px) / 2);
    }
}
@media (min-width: 1401px) {
    .tags-n {
        margin-left: calc((100vw - 1350px) / 2);
    }
}
.tags-n__search {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(34, 34, 34, 0.1);
    transition: all 0.3s ease 0s;
    flex-shrink: 0;
}
@media (any-hover: hover) {
    .tags-n__search:hover {
        background: rgba(134, 143, 221, 0.3);
    }
}
.tags-n__search svg {
    width: 24px;
    height: 24px;
    stroke: #2A2C36;
    transition: 0.3s;
    fill: transparent;
}
.tags-n__list {
    overflow: hidden;
}
.tags-n__link {
    background: rgba(34, 34, 34, 0.1);
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
    min-width: 126px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 16px;
    color: rgba(42, 44, 54, 0.3);
    transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
    .tags-n__link:hover {
        background: rgba(134, 143, 221, 0.3);
    }
}
.tags-n__link.active {
    background: #868FDD;
    color: #fafafa;
}

.breadcrumbs {
    margin-bottom: 0;
}

@media (min-width: 1401px) {
    .banner-link {
        width: 160px;
        min-height: 120px;
        padding: 20px;
        border-radius: 15px;
        font-size: 16px;
    }
    .banner-link:after {
        top: 20px;
        right: 20px;
        width: 12px;
        height: 12px;
    }
}

@media (min-width: 1401px) {
    .main-banner {
        height: 540px;
        padding: 40px;
        border-radius: 0 0 40px 40px;
    }
}

h1 {
    font-size: 40px;
}
@media (max-width: 990px) {
    h1 {
        font-size: 30px;
    }
}

.list-tests {
    gap: 20px;
    margin-top: 60px;
    display: grid;
    grid-template-columns: 20.6% 10.3% 7.3% 11.8% 7.3% 11.8% 20.6%;
    grid-template-rows: repeat(6, 260px);
    grid-template-areas: "b1 b1 b2 b2 b3 b3 b4" "b5 b6 b6 b7 b7 b7 b8" "b9 b10 b10 b7 b7 b7 b11" "b12 b12 b13 b13 b14 b14 b15" "b12 b12 b16 b16 b17 b17 b18" "b19 b20 b20 b21 b21 b22 b22";
}
@media (max-width: 1399px) {
    .list-tests {
        grid-template-rows: repeat(6, 240px);
    }
}
@media (max-width: 990px) {
    .list-tests {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }
}

.list-tests__cart {
    height: 100%;
    background: #f4f5f9;
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    grid-column: span 1;
    grid-row: span 1;
}
@media (max-width: 1399px) {
    .list-tests__cart {
        padding: 24px;
        border-radius: 20px;
    }
}
@media (max-width: 990px) {
    .list-tests__cart {
        width: calc(33.33% - 8px);
        height: 260px;
    }
}
@media (max-width: 767px) {
    .list-tests__cart {
        width: calc(50% - 6px);
        height: 220px !important;
        padding: 20px;
    }
}

.list-tests__cart._blue {
    background: rgba(70, 139, 231, 0.1);
}

.list-tests__cart._orange {
    background: rgba(255, 89, 44, 0.1);
}

.list-tests__cart._big {
    padding: 0px;
    height: 100%;
}
@media (max-width: 990px) {
    .list-tests__cart._big {
        height: 260px;
        padding: 24px;
    }
}

.list-tests__video {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    position: absolute;
    top: 30px;
    left: 30px;
}
@media (max-width: 767px) {
    .list-tests__video {
        top: 20px;
        left: 20px;
        font-size: 14px;
    }
}

.list-tests__down {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    background: url("/local/templates/chromolab_2024/img/new/icons/documen.svg") center/contain no-repeat;
}
@media (max-width: 767px) {
    .list-tests__down {
        top: 20px;
        right: 20px;
        width: 32px;
        height: 32px;
    }
}

.list-tests__down._black {
    background-image: url("/local/templates/chromolab_2024/img/new/documen_black.svg");
}

.list-tests__img {
    width: 100%;
    overflow: hidden;
}

.list-tests__cart._orange .list-tests__img {
    background: rgba(255, 89, 44, 0.1);
}

.list-tests__cart._orange .list-tests__img img {
    width: 96%;
    height: 78%;
    position: absolute;
    top: -9px;
    right: 10px;
    border-radius: 20px;
    object-fit: contain;
}


@media (min-width:1000px){
    a.list-tests__cart._big._blue {
    justify-content: flex-start;
}
a.list-tests__cart._big._blue .list-tests__name{
        padding: 50px 11px;
}
}
@media (max-width:1000px){
    a.list-tests__cart.last-element {
    padding-bottom: 20px;
    justify-content: flex-end;
}
}
.list-tests__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 990px) {
    .list-tests__img img {
        display: none;
    }
}

.banner-link {
    font-size: 1.07rem;
}
@media (max-width: 1399px) {
    .banner-link {
        font-size: 16px;
    }
}

.list-tests__name {
    font-weight: 500;
    font-size: 24px;
    color: #2a2c36;
    max-width: 90%;
}
@media (max-width: 1399px) {
    .list-tests__name {
        font-size: 20px;
    }
}
@media (max-width: 990px) {
    .list-tests__name {
        font-size: 18px;
        max-width: 100%;
    }
}

.list-tests__cart._big .list-tests__name {
    font-size: 30px;
    padding: 52px 0px 20px 30px;
    margin-top: 10px;
}
@media (max-width: 1399px) {
    .list-tests__cart._big .list-tests__name {
        font-size: 24px;
        padding: 0 40px 40px;
    }
}
@media (max-width: 990px) {
    .list-tests__cart._big .list-tests__name {
        font-size: 18px;
        padding: 0;
    }
}

.list-tests__cart._pink {
    background: rgba(248, 92, 169, 0.1);
}

.list-tests__cart._purple {
    background: rgba(185, 128, 222, 0.1);
}

.list-tests__cart:nth-child(1) {
    grid-area: b1;
}

.list-tests__cart:nth-child(2) {
    grid-area: b2;
}

.list-tests__cart:nth-child(3) {
    grid-area: b3;
}

.list-tests__cart:nth-child(4) {
    grid-area: b4;
}

.list-tests__cart:nth-child(5) {
    grid-area: b5;
}

.list-tests__cart:nth-child(6) {
    grid-area: b6;
}

.list-tests__cart:nth-child(7) {
    grid-area: b7;
}

.list-tests__cart:nth-child(8) {
    grid-area: b8;
}

.list-tests__cart:nth-child(9) {
    grid-area: b9;
}

.list-tests__cart:nth-child(10) {
    grid-area: b10;
}

.list-tests__cart:nth-child(11) {
    grid-area: b11;
}

.list-tests__cart:nth-child(12) {
    grid-area: b12;
}

.list-tests__cart:nth-child(13) {
    grid-area: b13;
}

.list-tests__cart:nth-child(14) {
    grid-area: b14;
}

.list-tests__cart:nth-child(15) {
    grid-area: b15;
}

.list-tests__cart:nth-child(16) {
    grid-area: b16;
}

.list-tests__cart:nth-child(17) {
    grid-area: b17;
}

.list-tests__cart:nth-child(18) {
    grid-area: b18;
}

.list-tests__cart:nth-child(19) {
    grid-area: b19;
}

.list-tests__cart:nth-child(20) {
    grid-area: b20;
}

.list-tests__cart:nth-child(21) {
    grid-area: b21;
}

.list-tests__cart:nth-child(22) {
    grid-area: b22;
}

/****************************************/
.pad .breadcrumbs .breadcrumbs__item {
    font-size: 16px;
    color: rgba(42, 44, 54, 0.5);
}
.pad__head {
    border-radius: 40px;
    background: #f4f5f9;
    margin-bottom: 60px;
}
@media (max-width: 990px) {
    .pad__head {
        border-radius: 30px;
        margin-bottom: 20px;
    }
}
.pad__top {
    padding: 60px;
}
@media (max-width: 1399px) {
    .pad__top {
        padding: 40px 30px;
    }
}
@media (max-width: 1200px) {
    .pad__top {
        flex-direction: column;
        align-items: start;
        gap: 30px;
    }
}
@media (max-width: 990px) {
    .pad__top {
        padding: 30px 20px;
    }
}
.pad__left h1 {
    margin: 20px 0px 0px 0px;
    font-size: 40px;
}
@media (max-width: 1399px) {
    .pad__left h1 {
        margin-top: 20px;
        font-size: 30px;
    }
}
@media (max-width: 990px) {
    .pad__left h1 {
        margin-top: 10px;
        font-size: 30px;
    }
}
.pad__controls {
    gap: 20px;
}
.video-pad {
    position: relative;
}
.video-pad.active .video-pad__btn {
    visibility: hidden;
    pointer-events: none;
}
.video-pad__sourse {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 40px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .video-pad__sourse {
        aspect-ratio: 360/425;
        border-radius: 30px;
    }
}
.video-pad__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    transition: opacity 0.3s;
}
@media (max-width: 1399px) {
    .video-pad__btn {
        width: 100px;
        height: 100px;
    }
}
@media (max-width: 990px) {
    .video-pad__btn {
        width: 60px;
        height: 60px;
    }
}
@media (any-hover: hover) {
    .video-pad__btn:hover {
        opacity: 0.5;
    }
}
.video-pad__btn img {
    width: 100%;
}

.hover-btn {
    background: rgba(134, 143, 221, 0.2);
    border-radius: 80px;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 1399px) {
    .hover-btn {
        border-radius: 72px;
    }
}
@media (max-width: 990px) {
    .hover-btn {
        border-radius: 60px;
    }
}
@media (max-width: 1200px) {
    .hover-btn {
        flex-direction: row-reverse;
    }
}
@media (any-hover: hover) {
    .hover-btn:hover .hover-btn__text {
        font-size: 16px;
        padding: 0 20px 0 24px;
    }
}
.hover-btn__text {
    font-size: 0;
    transition: all 0.3s ease 0s;
    color: #868fdd;
    font-weight: 500;
}
@media (max-width: 1200px) {
    .hover-btn__text {
        font-size: 16px;
        padding: 0 20px 0 24px;
    }
}
@media (max-width: 990px) {
    .hover-btn__text {
        padding: 0 20px 0 15px !important;
        font-size: 14px !important;
    }
}
.hover-btn__btn {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #868FDD;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .hover-btn__btn {
        width: 72px;
        height: 72px;
    }
}
@media (max-width: 990px) {
    .hover-btn__btn {
        width: 60px;
        height: 60px;
    }
}
.hover-btn__btn svg {
    width: 30px;
    height: 30px;
    fill: transparent;
    stroke: #fff;
    transition: all 0.3s ease 0s;
}
@media (max-width: 1399px) {
    .hover-btn__btn svg {
        width: 26px;
        height: 26px;
    }
}
@media (max-width: 990px) {
    .hover-btn__btn svg {
        width: 20px;
        height: 20px;
    }
}

/****************************************/
.cart-pad:not(:last-child) {
    margin-bottom: 20px;
}
.cart-pad.open .cart-pad__head {
    background: #868FDD;
    color: #fafafa;
}
.cart-pad.open .cart-pad__all {
    background: rgba(250, 250, 250, 0.2);
    flex-direction: row-reverse;
    padding: 10px 30px 10px 10px;
    height: 60px;
}
@media (max-width: 1399px) {
    .cart-pad.open .cart-pad__all {
        padding: 10px 20px 10px 10px;
    }
}
@media (max-width: 990px) {
    .cart-pad.open .cart-pad__all {
        padding: 0;
        background: transparent;
    }
}
.cart-pad.open .cart-pad__all::after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='21' cy='21' r='20' stroke='%23FAFAFA' stroke-width='1.33333' /%3e%3cpath d='M27 21L21 21L15 21' stroke='%23FAFAFA' stroke-width='1.33333' stroke-linecap='round' /%3e%3c/svg%3e");
}
.cart-pad.open .cart-pad__body {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding: 60px 60px 40px;
}
@media (max-width: 1399px) {
    .cart-pad.open .cart-pad__body {
        padding: 30px 20px 40px;
    }
}
@media (max-width: 990px) {
    .cart-pad.open .cart-pad__body {
        padding: 30px 0px 40px;
    }
}
.cart-pad__head {
    height: 100px;
    border-radius: 30px;
    background: #f4f5f9;
    padding: 20px 20px 20px 40px;
    transition: all 0.1s ease 0s;
}
@media (max-width: 1399px) {
    .cart-pad__head {
        height: 80px;
        padding: 12px 12px 12px 30px;
    }
}
@media (max-width: 990px) {
    .cart-pad__head {
        padding: 20px;
        border-radius: 20px;
    }
}
.cart-pad__name {
    font-size: 30px;
}
@media (max-width: 1399px) {
    .cart-pad__name {
        font-size: 24px;
    }
}
@media (max-width: 990px) {
    .cart-pad__name {
        font-size: 20px;
    }
}
.cart-pad__all {
    width: 220px;
    padding: 10px 10px 10px 30px;
    justify-content: space-between;
    font-size: 16px;
    transition: all 0.3s ease 0s;
    height: 60px;
}
@media (max-width: 1399px) {
    .cart-pad__all {
        font-size: 14px;
        width: 180px;
        padding: 10px 10px 10px 20px;
    }
}
@media (max-width: 990px) {
    .cart-pad__all {
        padding: 0;
        width: 40px;
        height: 40px;
        font-size: 0;
        background: transparent;
    }
}
.cart-pad__all::after {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='21' cy='21' r='20' stroke='%23FAFAFA' stroke-width='1.33333' /%3e%3cpath d='M27 21L21 21M21 21L15 21.0001M21 21L21 15M21 21L21 27' stroke='%23FAFAFA' stroke-width='1.33333' stroke-linecap='round' /%3e%3c/svg%3e") center/contain no-repeat;
    transition: all 0.3s ease 0s;
}
@media (max-width: 990px) {
    .cart-pad__all::after {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='21' cy='21' r='20' stroke='url(%23paint0_linear_389_18913)' stroke-width='1.33333' /%3e%3cpath d='M27 21L21 21M21 21L15 21.0001M21 21L21 15M21 21L21 27' stroke='url(%23paint1_linear_389_18913)' stroke-width='1.33333' stroke-linecap='round' /%3e%3cdefs%3e%3clinearGradient id='paint0_linear_389_18913' x1='41' y1='21' x2='1' y2='21' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FE6FC0' /%3e%3cstop offset='1' stop-color='%237593E0' /%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_389_18913' x1='27' y1='21' x2='15' y2='21' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FE6FC0' /%3e%3cstop offset='1' stop-color='%237593E0' /%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
    }
}
.cart-pad__body {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.cart-pad__top {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(42, 44, 54, 0.2);
    gap: 30px;
}
@media (max-width: 1399px) {
    .cart-pad__top {
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
}
@media (max-width: 990px) {
    .cart-pad__top {
        margin-bottom: 30px;
        padding-bottom: 30px;
        flex-direction: column;
    }
}
.cart-pad__subname {
    flex: 1;
    flex-shrink: 0;
    font-size: 40px;
}
@media (max-width: 1399px) {
    .cart-pad__subname {
        font-size: 32px;
    }
}
@media (max-width: 990px) {
    .cart-pad__subname {
        font-size: 30px;
        line-height: 1.2666666667;
    }
}
.cart-pad__info {
    flex: 1;
    font-weight: 500;
    color: #868fdd;
    font-size: 18px;
}
@media (max-width: 1399px) {
    .cart-pad__info {
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .cart-pad__info {
        font-size: 14px;
    }
}
.cart-pad__cods {
    gap: 40px;
    align-items: center;
}
@media (max-width: 1399px) {
    .cart-pad__cods {
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .cart-pad__cods {
        gap: 10px;
    }
}
.cart-pad__cods span {
    height: 40px;
    background: rgba(134, 143, 221, 0.2);
    border-radius: 100px;
    width: 90px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .cart-pad__cods span {
        width: 70px;
    }
}
.cart-pad__help {
    margin-top: 20px;
    gap: 20px;
}
@media (max-width: 990px) {
    .cart-pad__help {
        gap: 10px;
        margin-top: 10px;
    }
}
.cart-pad__help span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(134, 143, 221, 0.2);
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .cart-pad__help span {
        width: 32px;
        height: 32px;
    }
}
@media (max-width: 990px) {
    .cart-pad__help span {
        width: 40px;
        height: 40px;
    }
}
.cart-pad__bottom {
    margin-top: 60px;
}
@media (max-width: 990px) {
    .cart-pad__bottom {
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
    }
}
.cart-pad__bottom small {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 990px) {
    .cart-pad__bottom small {
        font-size: 16px;
    }
}
.cart-pad__btn {
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 990px) {
    .cart-pad__btn {
        font-size: 14px;
        margin-top: 20px;
    }
}
.cart-pad__btn::after {
    content: "";
    width: 30px;
    height: 30px;
    background: url("/local/templates/chromolab_2024/img/new/icons/arrow-up-circle.svg") center/contain no-repeat;
}

.block1-pad {
    gap: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: max-content;
    grid-template-areas: "b1 b2" "b3 b2";
}
@media (max-width: 1399px) {
    .block1-pad {
        gap: 30px;
    }
}
@media (max-width: 990px) {
    .block1-pad {
        flex-direction: column;
        display: flex;
    }
}
.block1-pad h4 {
    font-weight: 500;
    font-size: 30px;
    grid-area: b1;
}
@media (max-width: 1399px) {
    .block1-pad h4 {
        font-size: 26px;
    }
}
@media (max-width: 990px) {
    .block1-pad h4 {
        font-size: 20px;
    }
}
.block1-pad__warnig {
    background: rgba(134, 143, 221, 0.2);
    padding: 30px;
    font-size: 18px;
    color: #868fdd;
    border-radius: 15px;
    height: max-content;
    margin-top: auto;
    grid-area: b3;
}
@media (max-width: 1399px) {
    .block1-pad__warnig {
        padding: 24px;
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .block1-pad__warnig {
        padding: 30px 20px;
        border-radius: 20px;
    }
}
.block1-pad__warnig span {
    font-weight: 600;
}
.block1-pad__text {
    font-size: 20px;
    grid-area: b2;
}
@media (max-width: 1399px) {
    .block1-pad__text {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .block1-pad__text {
        font-size: 16px;
    }
}
.block1-pad__text p {
    margin-bottom: 0;
}
.block1-pad__text p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .block1-pad__text p:not(:last-child) {
        margin-bottom: 24px;
    }
}
@media (max-width: 990px) {
    .block1-pad__text p:not(:last-child) {
        margin-bottom: 20px;
    }
}

.block2-pad {
    margin-top: 60px;
    background: #f4f5f9;
    border-radius: 15px;
}
@media (max-width: 990px) {
    .block2-pad {
        border-radius: 20px;
        flex-direction: column-reverse;
    }
}
.block2-pad__img {
    width: 554px;
    margin: 0px 82px 0px 23px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .block2-pad__img {
        width: 46%;
        margin: 0px 0px 0px 20px;
    }
}
@media (max-width: 990px) {
    .block2-pad__img {
        width: 100%;
        margin: 0px 0px 10px 0px;
    }
}
.block2-pad__img img {
    width: 100%;
}
.block2-pad__text {
    padding: 40px 40px 40px 0;
}
@media (max-width: 1399px) {
    .block2-pad__text {
        padding: 32px;
    }
}
@media (max-width: 990px) {
    .block2-pad__text {
        padding: 30px 20px 20px;
    }
}
.block2-pad__text h4 {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .block2-pad__text h4 {
        font-size: 26px;
        margin-bottom: 30px;
    }
}
@media (max-width: 990px) {
    .block2-pad__text h4 {
        font-size: 20px;
    }
}
@media (max-width: 990px) {
    .block2-pad__text ul {
        padding-left: 24px;
    }
}
.block2-pad__text ul li {
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 1399px) {
    .block2-pad__text ul li {
        font-size: 18px;
    }
}

.block3-pad {
    gap: 20px;
    margin-top: 20px;
}
@media (max-width: 990px) {
    .block3-pad {
        gap: 10px;
    }
}
.block3-pad__item {
    width: calc(33.33% - 13.3333333333px);
    flex-shrink: 0;
    padding: 40px;
    background: #f4f5f9;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .block3-pad__item {
        padding: 32px;
    }
}
@media (max-width: 990px) {
    .block3-pad__item {
        width: 100%;
        border-radius: 20px;
        padding: 30px 20px;
    }
}
.block3-pad__body {
    flex: 1 1 auto;
}
.block3-pad__body h5 {
    font-weight: 500;
    font-size: 30px;
    color: #2a2c36;
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .block3-pad__body h5 {
        font-size: 26px;
        margin-bottom: 30px;
    }
}
@media (max-width: 990px) {
    .block3-pad__body h5 {
        font-size: 20px;
    }
}
.block3-pad__body div p {
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 1399px) {
    .block3-pad__body div p {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .block3-pad__body div p {
        font-size: 16px;
    }
}
.block3-pad__body div p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .block3-pad__body div p:not(:last-child) {
        margin-bottom: 24px;
    }
}
@media (max-width: 990px) {
    .block3-pad__body div p:not(:last-child) {
        margin-bottom: 20px;
    }
}
.block3-pad small {
    font-size: 16px;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 1399px) {
    .block3-pad small {
        font-size: 14px;
    }
}
@media (max-width: 990px) {
    .block3-pad small {
        margin-top: 60px;
        max-width: 100%;
        white-space: normal;
    }
}

.stock-list {
    margin-top: 60px;
}
@media (max-width: 990px) {
    .stock-list {
        margin-top: 30px;
    }
}
.stock-list__wrap {
    gap: 20px;
}
.stock-list__cart {
    width: calc(33.33% - 13.3333333333px);
    flex-shrink: 0;
    aspect-ratio: 440/400;
    position: relative;
    display: flex;
    flex-direction: column;
}
@media (max-width: 990px) {
    .stock-list__cart {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .stock-list__cart {
        width: 100%;
    }
}
@media (any-hover: hover) {
    .stock-list__cart:hover .stock-list__arr {
        top: 24px;
        right: 24px;
    }
}
.stock-list__arr {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
@media (max-width: 1399px) {
    .stock-list__arr {
        width: 32px;
        height: 32px;
    }
}
@media (max-width: 990px) {
    .stock-list__arr {
        width: 24px;
        height: 24px;
        top: 20px;
        right: 20px;
    }
}
.stock-list__arr img {
    width: 100%;
}
.stock-list__img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .stock-list__img {
        border-radius: 20px;
    }
}
.stock-list__img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.1) 0%, rgba(0, 0, 0, 0.397) 100%);
}
.stock-list__img img {
    width: 100%;
    height: 100%;
}
.stock-list__body {
    position: relative;
    width: calc(100% + 2px);
    bottom: -1px;
    left: -1px;
    z-index: 2;
    margin-top: auto;
    background: #f4f5f9;
    border-radius: 30px;
    padding: 40px 40px 45px;
}
@media (max-width: 1399px) {
    .stock-list__body {
        border-radius: 20px;
        padding: 30px 20px;
    }
}
.stock-list__name {
    font-weight: 500;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1399px) {
    .stock-list__name {
        font-size: 20px;
    }
}
.stock-list__prev {
    margin-top: 10px;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .stock-list__prev {
        font-size: 16px;
    }
}

.subtitle {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
}
@media (max-width: 1399px) {
    .subtitle {
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .subtitle {
        margin-bottom: 30px;
    }
}

/***************************************************/
.stock-banner {
    background: url("/local/templates/chromolab_2024/img/new/banner_stock.png") center/cover no-repeat;
    min-height: 320px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 60px;
    position: relative;
    margin-top: 120px;
}
@media (max-width: 1399px) {
    .stock-banner {
        min-height: 280px;
        padding-bottom: 60px;
    }
}
@media (max-width: 990px) {
    .stock-banner {
        padding-bottom: 30px;
        min-height: 200px;
    }
}
.stock-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 34, 34, 0.8);
}
.stock-banner h2 {
    font-size: 40px;
    color: #fafafa;
    font-weight: 400;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
}
@media (max-width: 990px) {
    .stock-banner h2 {
        font-size: 30px;
    }
}

/***************************************************/
.loyalt__intro {
    padding-top: 50px;
    gap: 120px;
}
@media (max-width: 1399px) {
    .loyalt__intro {
        gap: 60px;
    }
}
@media (max-width: 990px) {
    .loyalt__intro {
        padding-top: 30px;
        gap: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .loyalt__intro {
        flex-direction: column;
    }
}
.loyalt__img {
    width: 440px;
    aspect-ratio: 1/1;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .loyalt__img {
        width: 38%;
    }
}
@media (max-width: 767px) {
    .loyalt__img {
        width: 100%;
    }
}
.loyalt__img img {
    width: 100%;
}
.loyalt__text {
    font-size: 20px;
}
@media (max-width: 1399px) {
    .loyalt__text {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .loyalt__text {
        font-size: 16px;
    }
}
.loyalt__text p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .loyalt__text p:not(:last-child) {
        margin-bottom: 24px;
    }
}
@media (max-width: 767px) {
    .loyalt__text p:not(:last-child) {
        margin-bottom: 20px;
    }
}
.loyalt__list {
    gap: 40px;
    margin-top: 120px;
}
@media (max-width: 990px) {
    .loyalt__list {
        gap: 20px;
        margin-top: 60px;
    }
}

.cart-loyalt {
    width: calc(50% - 20px);
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .cart-loyalt {
        width: calc(50% - 10px);
    }
}
@media (max-width: 767px) {
    .cart-loyalt {
        width: 100%;
    }
}
.cart-loyalt__img {
    aspect-ratio: 660/240;
    background: #f4f5f9;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 990px) {
    .cart-loyalt__img {
        border-radius: 16px;
    }
}
.cart-loyalt__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cart-loyalt__body {
    margin-top: 20px;
}
@media (max-width: 990px) {
    .cart-loyalt__body {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.cart-loyalt__name {
    font-weight: 500;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
@media (max-width: 1399px) {
    .cart-loyalt__name {
        font-size: 20px;
    }
}
.cart-loyalt__prev {
    margin-top: 10px;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}
@media (max-width: 1399px) {
    .cart-loyalt__prev {
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .cart-loyalt__prev {
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

/****************************************/
.job-loyalt {
    margin-top: 120px;
    gap: 100px;
}
@media (max-width: 1399px) {
    .job-loyalt {
        gap: 40px;
        margin-top: 60px;
    }
}
@media (max-width: 990px) {
    .job-loyalt {
        flex-direction: column;
    }
}
.job-loyalt__content {
    width: 44.1%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .job-loyalt__content {
        width: 100%;
    }
}
.job-loyalt__content ._subtitle {
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .job-loyalt__content ._subtitle {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .job-loyalt__content ._subtitle {
        font-size: 14px;
        margin-bottom: 30px;
    }
}
.job-loyalt__content > ul {
    margin-bottom: 40px;
    padding-left: 0;
}
@media (max-width: 990px) {
    .job-loyalt__content > ul {
        margin-bottom: 30px;
    }
}
.job-loyalt__content > ul li {
    display: flex;
    gap: 38px;
    counter-increment: section;
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 1399px) {
    .job-loyalt__content > ul li {
        gap: 20px;
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .job-loyalt__content > ul li {
        font-size: 16px;
        gap: 10px;
        flex-direction: column;
    }
}
.job-loyalt__content > ul li::before {
    content: "0" counter(section);
    display: inline-flex;
    width: 80px;
    height: 40px;
    border: 1px solid #868FDD;
    font-size: 16px;
    text-align: center;
    color: #868fdd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .job-loyalt__content > ul li::before {
        width: 70px;
    }
}
@media (max-width: 990px) {
    .job-loyalt__content > ul li::before {
        width: 60px;
        height: 30px;
        font-size: 14px;
    }
}
.job-loyalt__content > ul li:not(:last-child) {
    margin-bottom: 20px;
}
.job-loyalt__content .btn {
    font-size: 16px;
    margin-top: 20px;
    height: 60px;
}
@media (max-width: 990px) {
    .job-loyalt__content .btn {
        margin-top: 10px;
    }
}
.job-loyalt__banner {
    margin-top: auto;
    min-height: 140px;
    background: url("/local/templates/chromolab_2024/img/new/stock/stock_banner.png") center/cover no-repeat;
    border-radius: 15px;
    padding: 30px;
    font-size: 24px;
    color: #fafafa;
    display: flex;
    justify-content: start;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .job-loyalt__banner {
        min-height: 100px;
        padding: 24px;
        font-size: 20px;
    }
}
@media (max-width: 990px) {
    .job-loyalt__banner {
        margin-top: 20px;
        min-height: 84px;
        font-size: 14px;
    }
}
.job-loyalt__banner p {
    margin: 0;
}
.job-loyalt__banner span {
    font-weight: 500;
}

._subtitle {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #2a2c36;
}
@media (max-width: 1399px) {
    ._subtitle {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    ._subtitle {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    ._subtitle {
        font-size: 14px;
    }
}

.discount-loyalt {
    background: #222;
    border-radius: 30px;
    padding: 60px 60px 48px;
    color: #fafafa;
    font-size: 20px;
}
@media (max-width: 1399px) {
    .discount-loyalt {
        padding: 40px 40px 32px;
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .discount-loyalt {
        padding: 30px 20px;
        font-size: 14px;
        border-radius: 20px;
    }
}
.discount-loyalt ul {
    padding-left: 0;
}
.discount-loyalt ul li {
    display: flex;
    align-items: center;
    list-style: none;
}
.discount-loyalt ul li:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 990px) {
    .discount-loyalt ul li:not(:last-child) {
        margin-bottom: 10px;
    }
}
.discount-loyalt ul li > span:nth-child(1) {
    width: 40px;
    display: inline-flex;
    margin-right: 20px;
}
@media (max-width: 1399px) {
    .discount-loyalt ul li > span:nth-child(1) {
        width: 30px;
        margin-right: 16px;
    }
}
.discount-loyalt__progres {
    width: 200px;
    height: 40px;
    border-radius: 10px;
    background: rgba(250, 250, 250, 0.2);
    margin-right: 40px;
}
@media (max-width: 1399px) {
    .discount-loyalt__progres {
        width: 120px;
        margin-right: 32px;
    }
}
@media (max-width: 990px) {
    .discount-loyalt__progres {
        width: 100px;
        height: 20px;
        border-radius: 5px;
        margin-right: 17px;
    }
}
.discount-loyalt__progres div {
    border-radius: 10px;
    background: #868fdd;
    height: 100%;
}
@media (max-width: 990px) {
    .discount-loyalt__progres div {
        border-radius: 5px;
    }
}
.discount-loyalt__bottom {
    margin-top: 40px;
    max-width: 480px;
}
@media (max-width: 1399px) {
    .discount-loyalt__bottom {
        max-width: 100%;
    }
}
@media (max-width: 990px) {
    .discount-loyalt__bottom {
        font-size: 16px;
    }
}

/*****************************************/
.proc-discount {
    margin-top: 120px;
}
@media (max-width: 990px) {
    .proc-discount {
        margin-top: 60px;
    }
}
.proc-discount ._subtitle {
    margin-bottom: 40px;
}
@media (max-width: 990px) {
    .proc-discount ._subtitle {
        margin-bottom: 30px;
    }
}
.proc-discount__list {
    gap: 20px;
}
@media (max-width: 990px) {
    .proc-discount__list {
        flex-direction: column;
        gap: 10px;
    }
}
.proc-discount__item {
    background: #f4f5f9;
    padding: 40px;
    position: relative;
    height: auto;
    aspect-ratio: 440/540;
    border-radius: 30px;
    width: calc(33.33% - 13.3333333333px);
}
@media (max-width: 1399px) {
    .proc-discount__item {
        padding: 30px 20px;
    }
}
@media (max-width: 990px) {
    .proc-discount__item {
        width: 100%;
        aspect-ratio: auto;
        height: 195px;
        border-radius: 20px;
        backdrop-filter: blur(8px);
    }
}
.proc-discount__item p {
    font-size: 20px;
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .proc-discount__item p {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .proc-discount__item p {
        font-size: 16px;
    }
}
.proc-discount__item a {
    margin-top: 10px;
    font-weight: 500;
    font-size: 24px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
@media (max-width: 1399px) {
    .proc-discount__item a {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .proc-discount__item a {
        font-size: 20px;
    }
}
.proc-discount__img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    aspect-ratio: 440/500;
}
@media (max-width: 990px) {
    .proc-discount__img {
        aspect-ratio: 140/195;
        left: auto;
        width: 140px;
    }
}
.proc-discount__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#adres-map {
    width: 100%;
    height: 340px;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 60px;
}
@media (max-width: 990px) {
    #adres-map {
        height: 420px;
        margin-top: 30px;
    }
}

.ca:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 990px) {
    .ca:not(:last-child).ca_no {
        margin-bottom: 58px;
    }
}
.ca.open .ca__body {
    padding: 40px 0 100px;
    opacity: 1;
    visibility: visible;
    opacity: 1;
    height: max-content;
}
@media (max-width: 1399px) {
    .ca.open .ca__body {
        padding: 40px 0px 60px;
    }
}
@media (max-width: 990px) {
    .ca.open .ca__body {
        padding: 20px 0px 40px;
    }
}
.ca.open .head-ca__btn::before {
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 990px) {
    .ca.open.ca_no .ca__body {
        padding: 58px 0px 40px;
    }
}
.ca__body {
    gap: 40px;
    transition: all 0.3s ease 0s;
    height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .ca__body {
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .ca__body {
        flex-direction: column;
    }
}
.ca__body small {
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
    margin-bottom: 15px;
    width: 100%;
    display: block;
}
@media (max-width: 1399px) {
    .ca__body small {
        font-size: 16px;
        margin-bottom: 10px;
    }
}
.ca__body p,
.ca__body a {
    font-size: 20px;
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .ca__body p,
    .ca__body a {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .ca__body p,
    .ca__body a {
        font-size: 16px;
    }
}
.ca__body p:not(:last-child),
.ca__body a:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .ca__body p:not(:last-child),
    .ca__body a:not(:last-child) {
        margin-bottom: 26px;
    }
}
@media (max-width: 990px) {
    .ca__body p:not(:last-child),
    .ca__body a:not(:last-child) {
        margin-bottom: 20px;
    }
}
.ca__body a {
    transition: all 0.3s ease 0s;
    cursor: pointer;
}
@media (any-hover: hover) {
    .ca__body a:hover {
        color: #fe6fc0;
    }
}
.ca__left {
    width: 41.7%;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .ca__left {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
}
.ca__cart {
    background: #f4f5f9;
    border-radius: 15px;
    padding: 40px;
}
@media (max-width: 1399px) {
    .ca__cart {
        padding: 32px;
    }
}
@media (max-width: 990px) {
    .ca__cart {
        padding: 30px 20px;
    }
}
.ca__cart ul {
    padding-left: 0;
}
.ca__cart ul li {
    list-style: none;
}
.ca__cart ul li:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .ca__cart ul li:not(:last-child) {
        margin-bottom: 26px;
    }
}
@media (max-width: 990px) {
    .ca__cart ul li:not(:last-child) {
        margin-bottom: 20px;
    }
}
.ca__right {
    flex: 1 1 auto;
}
.ca__text {
    padding: 40px 40px 0;
}
@media (max-width: 1399px) {
    .ca__text {
        padding: 30px 20px 0;
    }
}

.head-ca {
    height: 100px;
    border-radius: 30px;
    background: #f4f5f9;
    padding: 30px;
    position: relative;
}
@media (max-width: 767px) {
    .head-ca {
        height: 80px;
        border-radius: 20px;
        padding: 20px;
    }
}
.head-ca__left {
    margin-right: auto;
}
.head-ca__bus {
    width: 80px;
    height: 40px;
    background: #222;
    border-radius: 30px;
    padding: 8px 15px;
    gap: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .head-ca__bus {
        width: 40px;
        height: 20px;
        border-radius: 15px;
        padding: 4px;
        gap: 3px;
    }
}
.head-ca__bus img {
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .head-ca__bus img {
        width: 12px;
        height: 12px;
    }
}
.head-ca__count {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #66c664;
    font-weight: 600;
    font-size: 14px;
    color: #fafafa;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .head-ca__count {
        width: 10px;
        height: 10px;
        font-size: 7px;
    }
}
.head-ca__count_red {
    background: #d55353;
}
.head-ca__count_orange {
    background: #df8f55;
}
.head-ca__count_purple {
    background: #a664c6;
}
.head-ca__name {
    margin-left: 30px;
    font-weight: 500;
    font-size: 30px;
}
@media (max-width: 1399px) {
    .head-ca__name {
        font-size: 26px;
    }
}
@media (max-width: 767px) {
    .head-ca__name {
        margin-left: 10px;
        font-size: 20px;
    }
}
.head-ca__name span {
    display: inline-block;
    margin-right: 20px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media (max-width: 767px) {
    .head-ca__name span {
        display: none;
    }
}
.head-ca__no {
    margin-left: auto;
    height: 60px;
    background: #e4e6f8;
    border-radius: 15px;
    min-width: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    color: #868fdd;
}
@media (max-width: 1399px) {
    .head-ca__no {
        width: 280px;
        height: 40px;
        font-size: 16px;
    }
}
@media (max-width: 990px) {
    .head-ca__no {
        position: absolute;
        width: 100%;
        height: 70px;
        left: 0;
        bottom: -38px;
        padding-top: 32px;
        z-index: -1;
        border-radius: 20px;
        padding-bottom: 10px;
        align-items: flex-end;
        font-size: 14px;
    }
}
.head-ca__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.3px solid #2A2C36;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    margin-left: 40px;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .head-ca__btn {
        margin-left: 12px;
    }
}
@media (any-hover: hover) {
    .head-ca__btn:hover {
        border-color: #fe6fc0;
    }
    .head-ca__btn:hover::before, .head-ca__btn:hover::after {
        background: #fe6fc0;
    }
}
.head-ca__btn::before, .head-ca__btn::after {
    content: "";
    border-radius: 2px;
    background: #2A2C36;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
}
.head-ca__btn::after {
    width: 12px;
    height: 1px;
}
.head-ca__btn::before {
    width: 1px;
    height: 12px;
    transition: all 0.3s ease 0s;
}

.info-ca {
    margin-top: 40px;
    background: #868fdd;
    border-radius: 15px;
    gap: 30px;
    font-size: 20px;
    color: #fafafa;
    padding: 26px 30px;
}
@media (max-width: 1399px) {
    .info-ca {
        gap: 20px;
        font-size: 16px;
        padding: 24px 26px;
    }
}
@media (max-width: 990px) {
    .info-ca {
        margin: 0px 0px 10px 0px;
        padding: 12px 20px;
        font-size: 14px;
    }
}
.info-ca span {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .info-ca span {
        width: 24px;
        height: 24px;
    }
}
.info-ca span img {
    width: 100%;
}

@media (max-width: 767px) {
    .main-banner.banner_about {
        padding-bottom: 96px;
    }
}
.main-banner.banner_about::before {
    content: "";
    display: none;
}

@media (max-width: 767px) {
    .main-banner {
        padding: 30px;
    }
}

.banner__title {
    font-size: 100px;
    text-transform: uppercase;
    color: #fafafa;
    text-align: center;
}
@media (max-width: 1399px) {
    .banner__title {
        font-size: 80px;
    }
}
@media (max-width: 990px) {
    .banner__title {
        font-size: 72px;
    }
}
@media (max-width: 767px) {
    .banner__title {
        font-size: 50px;
    }
}

.about-intro {
    padding-top: 100px;
    gap: 40px;
}
@media (max-width: 1399px) {
    .about-intro {
        padding-top: 80px;
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .about-intro {
        flex-direction: column;
        padding-top: 60px;
        gap: 30px;
    }
}
.about-intro > div {
    flex: 1;
    flex-shrink: 0;
}
.about-intro__text {
    font-size: 20px;
}
@media (max-width: 1399px) {
    .about-intro__text {
        font-size: 16px;
    }
}
.about-intro__text p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .about-intro__text p:not(:last-child) {
        margin-bottom: 24px;
    }
}
.about-intro__slider {
    position: relative;
    width: calc(50% - 20px);
    height: 340px;
    border-radius: 30px;
    overflow: hidden;
}
@media (max-width: 1399px) {
    .about-intro__slider {
        width: calc(50% - 10px);
    }
}
@media (max-width: 990px) {
    .about-intro__slider {
        width: 100%;
        height: 380px;
        border-radius: 20px;
    }
}
.about-intro__wrap {
    overflow: hidden;
}
.about-intro__slide {
    height: 100%;
    flex-shrink: 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 340px;
}
@media (max-width: 990px) {
    .about-intro__slide {
        height: 380px;
    }
}
.about-intro__nav {
    position: absolute;
    z-index: 3;
    bottom: 30px;
    left: 30px;
    gap: 10px;
    display: flex;
}
@media (max-width: 990px) {
    .about-intro__nav {
        bottom: 35px;
    }
}
.about-intro__nav .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fafafa;
    opacity: 0.3;
    display: inline-flex;
}
.about-intro__nav .swiper-pagination-bullet-active {
    opacity: 1;
}
.about-intro__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 30px;
    right: 30px;
    backdrop-filter: blur(10px);
    background: rgba(250, 250, 250, 0.1);
    width: 174px;
    height: 40px;
    border: 1px solid #fafafa;
    border-radius: 50px;
    font-size: 14px;
    color: #fafafa;
}
@media (max-width: 990px) {
    .about-intro__link {
        width: 180px;
        font-size: 12px;
        bottom: 20px;
        right: 20px;
    }
}

/****************************************/
.mission-about {
    margin-top: 120px;
}
@media (max-width: 990px) {
    .mission-about {
        margin-top: 60px;
    }
}
@media (max-width: 990px) {
    .mission-about__head {
        flex-direction: column;
        gap: 10px;
        padding: 0px 20px;
    }
}
.mission-about__subtitle {
    width: 264px;
    flex-shrink: 0;
    font-weight: 500;
    font-size: 18px;
    color: rgba(42, 44, 54, 0.5);
}
@media (max-width: 1399px) {
    .mission-about__subtitle {
        width: 200px;
    }
}
@media (max-width: 990px) {
    .mission-about__subtitle {
        width: 100%;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .mission-about__subtitle {
        font-size: 14px;
    }
}
.mission-about__text {
    flex: 1 1 auto;
    font-size: 30px;
    line-height: 1.2666666667;
}
@media (max-width: 1399px) {
    .mission-about__text {
        font-size: 24px;
    }
}
@media (max-width: 990px) {
    .mission-about__text {
        font-size: 20px;
    }
}
.mission-about__list {
    margin-top: 60px;
    gap: 20px;
}
@media (max-width: 1399px) {
    .mission-about__list {
        flex-wrap: wrap;
    }
}
@media (max-width: 990px) {
    .mission-about__list {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .mission-about__list {
        gap: 10px;
    }
}
.mission-about__item {
    width: calc(25% - 15px);
    flex-shrink: 0;
    border-radius: 15px;
    background: #f4f5f9;
    padding: 30px;
    min-height: 283px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .mission-about__item {
        padding: 30px 20px;
    }
}
@media (max-width: 1200px) {
    .mission-about__item {
        width: calc(50% - 10px);
        min-height: auto;
    }
}
@media (max-width: 990px) {
    .mission-about__item {
        border-radius: 20px;
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .mission-about__item {
        width: 100%;
    }
}
.mission-about__item h4 {
    font-weight: 500;
    font-size: 24px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width: 1399px) {
    .mission-about__item h4 {
        font-size: 20px;
    }
}
.mission-about__item p {
    font-size: 18px;
    color: #2a2c36;
    line-height: 1.2777777778;
    margin-top: 100px;
}
@media (max-width: 1399px) {
    .mission-about__item p {
        font-size: 16px;
        margin-top: 80px;
    }
}
@media (max-width: 1200px) {
    .mission-about__item p {
        margin-top: 30px;
    }
}

/*******************************************/
.video-about {
    background: #222;
    border-radius: 40px;
    margin-top: 120px;
    overflow: hidden;
}
@media (max-width: 990px) {
    .video-about {
        margin-top: 60px;
        border-radius: 30px;
    }
}
.video-about__top {
    padding: 20px;
}
@media (max-width: 990px) {
    .video-about__top {
        padding: 0;
    }
}
.video-about__source {
    aspect-ratio: 1320/740;
    width: 100%;
    border-radius: 20px;
}
@media (max-width: 990px) {
    .video-about__source {
        border-radius: 30px;
    }
}
@media (max-width: 990px) {
    .video-about__bottom {
        display: flex;
        padding: 0px 30px;
        overflow: hidden;
    }
}
.video-about__line {
    margin-top: 60px;
    height: 1px;
    width: 100%;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
}
@media (max-width: 990px) {
    .video-about__line {
        height: 570px;
        width: 1px;
        margin-top: 0;
    }
}
.video-about__slider {
    padding-bottom: 60px;
    padding-left: 60px;
}
@media (max-width: 1399px) {
    .video-about__slider {
        padding-bottom: 40px;
        padding-left: 40px;
    }
}
@media (max-width: 990px) {
    .video-about__slider {
        height: 570px;
        width: 100%;
        padding: 20px 0px 0px 0px;
    }
    .video-about__slider .swiper-wrapper {
        display: block;
    }
}
.video-about__item {
    width: 240px;
    position: relative;
    padding-top: 10px;
}
@media (max-width: 1399px) {
    .video-about__item {
        width: 180px;
    }
}
@media (max-width: 990px) {
    .video-about__item {
        width: 100%;
        padding: 0px 20px 0 23px;
    }
}
.video-about__item::after {
    content: "";
    width: 9px;
    height: 9px;
    background: #fafafa;
    border-radius: 50%;
    position: absolute;
    top: -4.5px;
    left: 0;
    z-index: 2;
}
@media (max-width: 990px) {
    .video-about__item::after {
        top: 10px;
        left: -3px;
        width: 6px;
        height: 6px;
    }
}
.video-about__item p {
    font-weight: 500;
    font-size: 24px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
}
@media (max-width: 1399px) {
    .video-about__item p {
        font-size: 20px;
    }
}
.video-about__item div {
    margin-top: 30px;
    font-size: 18px;
    color: #fafafa;
}
@media (max-width: 1399px) {
    .video-about__item div {
        font-size: 16px;
        margin-top: 24px;
    }
}
@media (max-width: 990px) {
    .video-about__item div {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    .container_video {
        max-width: 100%;
        padding: 0 !important;
    }
}

/******************************************/
.slider-about {
    margin-top: 120px;
    overflow: hidden;
    position: relative;
}
@media (max-width: 990px) {
    .slider-about {
        margin-top: 60px;
    }
}
.slider-about ._subtitle {
    color: rgba(42, 44, 55, 0.5);
}
@media (max-width: 767px) {
    .slider-about ._subtitle {
        padding: 0px 30px;
    }
}
.slider-about__slider {
    margin-top: 20px;
}

.cart-expert {
    width: 320px;
    height: 360px;
    border-radius: 15px;
    background: #f4f5f9;
    padding: 30px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .cart-expert {
        width: 300px;
        height: 320px;
    }
}
@media (max-width: 990px) {
    .cart-expert {
        width: 240px;
        height: 308px;
        padding: 30px 20px;
        border-radius: 20px;
    }
}
.cart-expert__name {
    font-weight: 500;
    font-size: 20px;
    height: 78px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
}
@media (max-width: 990px) {
    .cart-expert__name {
        font-size: 16px;
        height: 84px;
    }
}
.cart-expert__text {
    height: 115px;
    font-size: 18px;
    color: #2a2c36;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2777777778;
    margin-top: 20px;
}
@media (max-width: 990px) {
    .cart-expert__text {
        height: 105px;
        font-size: 16px;
    }
}
.cart-expert__bottom {
    margin-top: auto;
}
.cart-expert__bottom div {
    font-weight: 600;
    font-size: 16px;
    color: rgba(42, 44, 54, 0.2);
}
.cart-expert__bottom a {
    font-weight: 500;
    font-size: 16px;
    text-align: right;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    gap: 10px;
    display: inline-flex;
    align-items: center;
}
@media (max-width: 990px) {
    .cart-expert__bottom a {
        font-size: 12px;
    }
}
.cart-expert__bottom a::after {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-flex;
    transform: rotate(45deg);
    background: url("/local/templates/chromolab_2024/img/new/icons/arrow-up-circle.svg") center/contain no-repeat;
}
@media (max-width: 990px) {
    .cart-expert__bottom a::after {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 767px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.equip-cart {
    width: 320px;
    background: #f4f5f9;
    border-radius: 15px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}
@media (max-width: 1399px) {
    .equip-cart {
        width: 280px;
    }
}
@media (max-width: 990px) {
    .equip-cart {
        width: 240px;
        border-radius: 20px;
    }
}
.equip-cart__img {
    aspect-ratio: 3/2;
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 990px) {
    .equip-cart__img {
        border-radius: 10px;
    }
}
.equip-cart__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.equip-cart__name {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 42px 20px 20px;
    font-weight: 500;
    font-size: 20px;
}
@media (max-width: 1399px) {
    .equip-cart__name {
        padding: 32px 20px 20px;
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .equip-cart__name {
        padding: 25px 0px;
        font-size: 16px;
    }
}

/******************************************/
.about-catalog {
    gap: 20px;
    margin-top: 120px;
}
@media (max-width: 990px) {
    .about-catalog {
        margin-top: 60px;
    }
}
@media (max-width: 767px) {
    .about-catalog {
        flex-direction: column;
    }
}
.about-catalog__img {
    width: 440px;
    flex-shrink: 0;
}
@media (max-width: 1399px) {
    .about-catalog__img {
        width: 36%;
    }
}
@media (max-width: 767px) {
    .about-catalog__img {
        width: 100%;
    }
}
.about-catalog__img img {
    width: 100%;
}
.about-catalog__content {
    flex: 1 1 auto;
    padding-top: 100px;
}
@media (max-width: 1399px) {
    .about-catalog__content {
        padding-top: 0px;
    }
}
@media (max-width: 767px) {
    .about-catalog__content {
        padding: 0 20px;
    }
}
.about-catalog__content p {
    font-size: 20px;
}
@media (max-width: 1399px) {
    .about-catalog__content p {
        font-size: 18px;
    }
}
@media (max-width: 990px) {
    .about-catalog__content p {
        font-size: 16px;
        line-height: 1.3125;
    }
}
.about-catalog__content p span {
    font-weight: 600;
}
.about-catalog__content p:not(:last-child) {
    margin-bottom: 26px;
}
@media (max-width: 1399px) {
    .about-catalog__content p:not(:last-child) {
        margin-bottom: 24px;
    }
}
.about-catalog__content a {
    display: inline-flex;
    align-items: center;
    margin-top: 60px;
    font-weight: 600;
    font-size: 14px;
    gap: 10px;
}
@media (max-width: 1399px) {
    .about-catalog__content a {
        margin-top: 16px;
    }
}
@media (max-width: 767px) {
    .about-catalog__content a {
        margin-top: 6px;
        font-size: 12px;
    }
}
.about-catalog__content a span {
    position: relative;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-catalog__content a span::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 90%;
    left: 0;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
}
.about-catalog__content a::after {
    content: "";
    background: url(/local/templates/chromolab_2024/img/new/icons/arrow-up.svg) center/cover no-repeat;
    width: 24px;
    height: 24px;
}
@media (max-width: 1399px) {
    .about-catalog__content a::after {
        width: 23px;
        height: 23px;
    }
}

.into-coop {
    overflow: hidden;
}
@media (max-width: 990px) {
    .into-coop {
        max-width: 100%;
        padding: 0;
    }
}
@media (min-width: 992px) {
    .into-coop {
        padding-left: 0;
        padding-right: 0;
        max-width: 930px;
    }
}
@media (min-width: 1201px) {
    .into-coop {
        max-width: 1110px;
    }
}
@media (min-width: 1401px) {
    .into-coop {
        max-width: 1330px;
    }
}
.into-coop__wrap {
    border-radius: 40px;
    background: #F4F5F9;
    min-height: 600px;
    padding: 60px;
    position: relative;
}
@media (max-width: 1399px) {
    .into-coop__wrap {
        padding: 40px;
        min-height: 560px;
    }
}
@media (max-width: 990px) {
    .into-coop__wrap {
        padding: 30px;
        border-radius: 0;
    }
}
.into-coop__lines {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 1399px) {
    .into-coop__lines {
        width: 600px;
    }
}
.into-coop__lines img {
    max-width: 100%;
}
.into-coop__person {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 659px;
    z-index: 2;
}
@media (max-width: 1399px) {
    .into-coop__person {
        width: 440px;
    }
}
@media (max-width: 990px) {
    .into-coop__person {
        display: none;
    }
}
.into-coop__person img {
    max-width: 100%;
}
@media (max-width: 990px) {
    .into-coop__content {
        padding-top: 240px;
    }
}
.into-coop__content small {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    opacity: 0.5;
}
@media (max-width: 990px) {
    .into-coop__content small {
        font-size: 14px;
    }
}
.into-coop__content ._title {
    margin-top: 10px;
}
.into-coop__content p {
    margin-top: 60px;
    max-width: 600px;
    font-size: 20px;
    line-height: 1.3;
}
@media (max-width: 990px) {
    .into-coop__content p {
        max-width: 100%;
        font-size: 16px;
        margin-top: 30px;
    }
}
.into-coop__content .btn {
    margin-top: 30px;
    width: 280px;
    height: 60px;
    font-size: 16px;
}
@media (max-width: 990px) {
    .into-coop__content .btn {
        width: 320px;
    }
}
@media (max-width: 767px) {
    .into-coop__content .btn {
        width: 100%;
    }
}
.into-coop__marquee {
    animation: scroll 200s linear infinite;
    position: absolute;
    bottom: 40px;
    gap: 60px;
}
@media (max-width: 990px) {
    .into-coop__marquee {
        position: static;
        animation-duration: 20s;
        width: 100vw;
        margin-left: -30px;
        margin-top: 30px;
        padding-top: 30px;
    }
}
.into-coop__marquee div {
    width: 156px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
@media (max-width: 990px) {
    .into-coop__marquee div {
        width: 104px;
        height: 40px;
    }
}
.into-coop__marquee div img {
    width: 100%;
}
.into-coop__items {
    margin-top: 20px;
    gap: 20px;
}
@media (max-width: 990px) {
    .into-coop__items {
        flex-direction: column;
        margin-top: 60px;
        gap: 10px;
    }
}
.into-coop__item {
    width: calc(33.33% - 13.3333333333px);
    flex-shrink: 0;
    border-radius: 30px;
    background: #fcecea;
    padding: 40px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 990px) {
    .into-coop__item {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        padding: 30px 20px;
        border-radius: 20px;
    }
}
.into-coop__item span {
    font-weight: 500;
    font-size: 24px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: max-content;
}
@media (max-width: 990px) {
    .into-coop__item span {
        font-size: 20px;
    }
}
.into-coop__item p {
    margin: 10px 0px 0px 0px;
    font-size: 18px;
}
@media (max-width: 990px) {
    .into-coop__item p {
        font-size: 16px;
    }
}
.into-coop__item:nth-child(2) {
    background: #fcecf6;
}
.into-coop__item:nth-child(3) {
    background: #f5f0fc;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-100% - 20px));
    }
}
/**************************************/
.address-coop {
    gap: 40px;
    margin-top: 0;
}
@media (max-width: 1399px) {
    .address-coop {
        gap: 20px;
    }
}
@media (max-width: 990px) {
    .address-coop {
        flex-direction: column-reverse;
        gap: 30px;
    }
}
.address-coop__list {
    gap: 60px;
    margin-left: 60px;
}
@media (max-width: 1399px) {
    .address-coop__list {
        margin-left: 0;
        gap: 40px;
    }
}
@media (max-width: 990px) {
    .address-coop__list {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 767px) {
    .address-coop__list {
        gap: 20px;
    }
}
.address-coop__item {
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .address-coop__item {
        width: calc(50% - 20px);
    }
}
@media (max-width: 767px) {
    .address-coop__item {
        width: 76%;
    }
    .address-coop__item:nth-child(2n) {
        margin-left: auto;
        text-align: right;
    }
    .address-coop__item:nth-child(2n) h4 {
        margin-left: auto;
    }
}
.address-coop__item h4 {
    font-weight: 400;
    font-size: 30px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
    margin: 0;
}
.address-coop__item p {
    margin: 10px 0px 0px 0px;
    font-size: 20px;
    opacity: 0.5;
}
.address-coop .about-intro__slider {
    flex-shrink: 0;
    width: calc(50% - 80px);
    margin-right: 60px;
}
@media (max-width: 1399px) {
    .address-coop .about-intro__slider {
        margin-right: 0;
        width: calc(50% - 10px);
    }
}
@media (max-width: 990px) {
    .address-coop .about-intro__slider {
        width: 100%;
    }
}

/**************************************/
.adv-coop {
    background: url("/local/templates/chromolab_2024/img/new/adv_coop_banner.png") center/cover no-repeat;
    margin-top: 220px;
    padding: 60px;
    border-radius: 30px;
    position: relative;
}
@media (max-width: 1399px) {
    .adv-coop {
        margin-top: 120px;
        overflow: hidden;
    }
}
@media (max-width: 990px) {
    .adv-coop {
        margin-top: 60px;
        padding: 30px;
        border-radius: 20px;
    }
}
.adv-coop__content {
    max-width: 700px;
}
.adv-coop__content small {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: rgba(250, 250, 250, 0.5);
}
@media (max-width: 990px) {
    .adv-coop__content small {
        font-size: 14px;
    }
}
.adv-coop__content ._title {
    color: #fafafa;
}
.adv-coop__list {
    margin-top: 60px;
}
.adv-coop__item {
    width: 220px;
    min-height: 300px;
    box-shadow: 0 0 30px 0 rgba(42, 44, 54, 0.06);
    background: #fafafa;
    border-radius: 15px;
    font-size: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.adv-coop__all {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 10px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    gap: 5px;
}
.adv-coop__all span {
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
}
.adv-coop__all span img {
    max-width: 100%;
}
.adv-coop__name {
    margin-bottom: 4px;
    padding: 38px 60px 0px 20px;
}
.adv-coop__img {
    height: 180px;
    width: 100%;
    margin-top: auto;
}
.adv-coop__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.adv-coop__person {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 600px;
}
@media (max-width: 1399px) {
    .adv-coop__person {
        display: none;
    }
}
.adv-coop__person img {
    width: 100%;
}

/**************************************/
.part-coop {
    margin-top: 120px;
}
@media (max-width: 990px) {
    .part-coop {
        margin-top: 60px;
        flex-direction: column;
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .part-coop {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
.part-coop__content {
    padding-top: 30px;
    max-width: 560px;
    display: flex;
    flex-direction: column;
}
@media (max-width: 1399px) {
    .part-coop__content {
        max-width: 40%;
    }
}
@media (max-width: 990px) {
    .part-coop__content {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .part-coop__content {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.part-coop__content p {
    font-size: 20px;
    margin: 20px 0px 0px 0px;
    opacity: 0.7;
}
@media (max-width: 767px) {
    .part-coop__content p {
        font-size: 16px;
    }
}
.part-coop__bottom {
    margin-top: auto;
    font-size: 18px;
    gap: 10px;
    max-width: 345px;
    opacity: 0.5;
    line-height: 1.2777777778;
}
@media (max-width: 990px) {
    .part-coop__bottom {
        display: none;
    }
}
.part-coop__bottom span {
    width: 45px;
    flex-shrink: 0;
}
.part-coop__form {
    width: 480px;
    position: relative;
}
@media (max-width: 990px) {
    .part-coop__form {
        width: 100%;
    }
}
.part-coop__form::before {
    content: "";
    position: absolute;
    left: -220px;
    top: 30px;
    width: 500px;
    height: calc(100% - 60px);
    border-radius: 100px;
    background: url("/local/templates/chromolab_2024/img/new/form_banner.png") center/cover no-repeat;
}
@media (max-width: 1399px) {
    .part-coop__form::before {
        display: none;
    }
}
.part-coop__wrap {
    border-radius: 30px;
    background: #F4F5F9;
    padding: 40px;
    position: relative;
    z-index: 2;
}
@media (max-width: 990px) {
    .part-coop__wrap {
        border-radius: 20px;
        padding: 30px;
    }
}
.part-coop__wrap .input-box:not(:last-child) {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .part-coop__wrap .input-box:not(:last-child) {
        margin-bottom: 15px;
    }
}
.part-coop__wrap .input-box label {
    margin-bottom: 0;
}
.part-coop__wrap .checkbox {
    margin-top: 30px;
    cursor: pointer;
}
.part-coop__wrap .checkbox.parsley-error .checkbox__text::before {
    background: rgba(218, 37, 28, 0.2);
}
.part-coop__wrap .checkbox__input {
    display: none;
}
.part-coop__wrap .checkbox__input:checked + .checkbox__text::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.6875 4.99999L5.225 8.53749L12.3125 1.46249' stroke='%23868FDD' stroke-width='1.875' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
    background-position: center;
    background-repeat: no-repeat;
}
.part-coop__wrap .checkbox__label {
    display: flex;
}
.part-coop__wrap .checkbox__text {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    opacity: 0.5;
}
.part-coop__wrap .checkbox__text::before {
    content: "";
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    background-color: #E4E6F8;
    display: inline-flex;
}
.part-coop__wrap .checkbox + .parsley-errors-list {
    display: none;
}
.part-coop__wrap .btn {
    margin-top: 30px;
    width: 100%;
    font-size: 16px;
    height: 60px;
}
a.list-tests__cart.last-element {
    padding: 0px;
    justify-content: flex-start;
}

a.list-tests__cart.last-element  .list-tests__name {
     padding: 20px 0px 0px 20px;
    display: block;
}

/*****************************************************************************************/

.container-min {
    padding-inline: 15px;
    margin-inline: auto;
}

.drop-dop {
    margin-top: 100px;
}

.drop-dop__subtitle {
    font-weight: 500;
    font-size: 30px;
    color: #2A2C36;
    margin-bottom: 40px;
}

.drop-list {
}

.drop-list__item {
}

.drop-list__item.open .drop-list__body {
    height: auto;
    opacity: 1;
    visibility: visible;
    padding-top: 20px;
}

.drop-list__item:not(:last-child) {
    margin-bottom: 20px;
}

.drop-list__head {
    padding: 10px;
    gap: 20px;
    background: #F4F5F9;
    border-radius: 20px;
}

.drop-list__step {
    height: 40px;
    width: 110px;
    border-radius: 10px;
    background: #E4E6F8;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.1em;
    color: #868FDD;
    flex-shrink: 0;

}

.drop-list__step span {
    display: inline-block;
    margin-right: 4px;
}

.drop-list__name {
    flex: 1 1 auto;
    font-weight: 400;
    font-size: 20px;
    color: #2A2C36;
}

.drop-list__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.3px solid #2A2C36;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    margin-left: 40px;
    flex-shrink: 0;
}

@media (any-hover: hover) {
    .drop-list__btn:hover {
        border-color: #fe6fc0;
    }

    .drop-list__btn:hover::before, .drop-list__btn:hover::after {
        background: #fe6fc0;
    }
}

.drop-list__btn::before, .drop-list__btn::after {
    content: "";
    border-radius: 2px;
    background: #2A2C36;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
}

.drop-list__btn::after {
    width: 12px;
    height: 1px;
}

.drop-list__btn::before {
    width: 1px;
    height: 12px;
    transition: all 0.3s ease 0s;
}

.drop-list__item.open .drop-list__btn::before {
    opacity: 0;
    visibility: hidden;
}

.drop-list__body {
    gap: 40px;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease 0s;

}

.drop-list__row {
    display: flex;
    gap: 40px;
}

.drop-list__row:not(:last-child) {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(42, 44, 54, 0.2);
}

.drop-list__text {
    flex: 1 1 auto;
}

.drop-list__text, .drop-list__text p {
    font-size: 20px;
    color: #2A2C36;
}

.drop-list__img {
    flex: 0 0 360px;
    border-radius: 20px;
    min-height: 200px;
    padding: 30px;
    background: #F4F5F9;
}


.btn_pay {
    max-width: 460px;
    width: 100%;
    margin-inline: auto;
}

.contact-block {
    margin-top: 100px;
    color: #2A2C36;
    margin-bottom: 140px;
}

.contact-block small {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-bottom: 10px;
    opacity: 0.5;
}

.contact-block p {
    font-size: 40px;
    margin-bottom: 40px;
}

.contact-block .btn {
    width: 280px;
    background: #868FDD !important;
}

.contact-block__links {
    gap: 20px;

}

.contact-block__link {
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.contact-block__link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-block__soc {
    gap: 20px;
}

@media (min-width: 576px) {
    .container-min {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-min {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-min {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-min {
        max-width: 1140px;
    }
}

@media only screen and (min-width: 1400px) {
    .container-min {
        max-width: 990px;
    }
}


@media (max-width: 1024px) {
    .drop-list__head {
        gap: 10px;
    }

    .drop-list__step {
        width: 40px;
        height: 40px;
        font-size: 14px;
        text-align: center;
    }

    .drop-list__step span {
        display: none;
    }

    .drop-list__name {
        font-size: 16px;
    }

    .drop-list__row, .drop-list__body {
        display: block;

    }

    .drop-list__text {
        padding-inline: 20px;
    }

    .drop-list__text, .drop-list__text p {
        font-size: 16px;
    }

    .drop-list__img {
        width: 100%;
        max-width: 360px;
        flex: auto;
        min-height: 200px;
        height: auto;
        margin-inline: auto;
    }

    .contact-block {
        margin-bottom: 100px;
    }

    .contact-block small {
        font-size: 14px;
    }

    .contact-block p {
        font-size: 30px;
        margin-bottom: 60px;
    }

    .contact-block__links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .contact-block .btn {
        width: 320px;
    }

    .contact-block__soc {
        flex: 0 0 100%;
        justify-content: center;
        gap: 30px;
    }
}

/****************************************************/
.success-order {
    margin-top: 100px;
    position: relative;
    margin-bottom: 140px;
}

.success-order__wrap {
    gap: 100px;
    margin-top: 60px;
}

.success-order__left {
    width: 41.5%;
    flex-shrink: 0;
}

.success-order__qr {
    aspect-ratio: 522/400;
}

.success-order__qr img {
    max-width: 100%;
    max-height: 100%;
}

.success-order .btn {
    background: #868FDD !important;
}

.success-order__left .btn {
    width: 260px;
    margin: 20px auto 0;
}

.discount-p {
    margin-top: 60px;
    background: #E4E6F8;
    border-radius: 20px;
    padding: 20px;
}

.discount-p__top {
    margin-bottom: 10px;
}

.discount-p__subtitle {
    font-size: 20px;
    color: #2A2C36;
}

.discount-p__proc {
    font-weight: 600;
    font-size: 40px;
    text-align: right;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.discount-p__progress {
    background: #fff;
    border-radius: 10px;
    height: 20px;
}

.discount-p__progress span {
    display: inline-block;
    height: inherit;
    border-radius: inherit;
    background: #868FDD;
    transition: 1s;
    width: 0;

}

.discount-p__price {
    margin-top: 10px;
    font-weight: 600;
    font-size: 12px;
    color: #2A2C36;
}

.success-order__link {
    margin-top: 10px;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    color: #868FDD;
    transition: 0.3s;
}

.success-order__link svg {
    color: inherit;

}

.success-order__link:hover {
    gap: 14px;
}

.load-success {
    position: absolute;
    z-index: 2;
    left: 15px;
    top: 0;
    width: calc(100% - 30px);
    height: 100%;
    border: 1px solid #868FDD;
    border-radius: 40px;
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.4);
}

.load-success__text {
    max-width: 638px;
    text-align: center;
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 35px;
}

.loader {
    width: 60px;
    height: 60px;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/***********************************************/
.order-sb {
    color: #2A2C36;
    border-radius: 40px;
    padding: 60px;
    background: #F4F5F9;

}

.order-sb__list {
}

.order-sb__item {
    display: flex;
}

.order-sb__item:not(:last-child) {
    margin-bottom: 30px;
}

.order-sb__name {
    font-size: 30px;
    width: 180px;
    flex-shrink: 0;
}

.order-sb__num {
    font-weight: 600;
    font-size: 40px;

}

.order-sb__status {
    background: rgba(121, 189, 56, 0.1);
    border-radius: 10px;
    height: 60px;
    font-weight: 600;
    font-size: 24px;
    max-width: 220px;
    width: 100%;
    color: rgba(121, 189, 56, 0.9);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.order-sb .btn {
    width: 220px;
}

.order-sb__text {
    margin-top: 60px;
    font-size: 20px;
}

.order-sb__text p:not(:last-child) {
    margin-bottom: 20px;
}

.order-sb__text a {
    font-weight: 600;
    transition: 0.3s;
}

.order-sb__text a:hover {
    color: #868FDD;
}


@media (max-width: 1400px) {
    .success-order__wrap {
        gap: 30px;
    }
}

@media (max-width: 1024px) {
    .success-order {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .success-order__wrap {
        margin-top: 30px;
        flex-direction: column;
    }

    .success-order__left {
        width: 100%;
    }

    .success-order__qr {
        aspect-ratio: 320/245;
    }


    .success-order__left .btn {
        width: 320px;
    }

    .discount-p {
        margin-top: 40px;
    }

    .discount-p__top {
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .discount-p__subtitle {
        font-size: 16px;
    }

    .discount-p__proc {
        text-align: center;
    }

    .success-order__link {
        display: flex;
        justify-content: center;
    }

    /***********************************************/
    .order-sb {
        border-radius: 20px;
        padding: 30px 20px 20px;
    }

    .order-sb__item:not(:last-child) {
        margin-bottom: 20px;
    }

    .order-sb__name {
        font-size: 20px;
        width: 150px;
    }

    .order-sb__num {
        font-size: 30px;
    }

    .order-sb__status {
        height: 38px;
        font-size: 20px;
        max-width: 170px;
    }

    .order-sb .btn {
        width: 170px;
        height: 38px;
    }

    .order-sb__text {
        margin-top: 40px;
        font-size: 16px;
    }

    .order-sb__text p:not(:last-child) {
        margin-bottom: 20px;
    }

    .load-success {
        border-radius: 20px;
    }

    .load-success__text {
        max-width: 320px;
        font-size: 20px;
        margin-bottom: 30px;
    }
}

.pdf-block {
    margin-top: 60px;
}

.pdf-block__title {
}

.pdf-block__file {
    width: 100%;
    aspect-ratio: 1;
    margin-top: 40px;
    margin-bottom: 100px;
}

.pdf-block .btn {


}

@media (max-width: 1024px) {
    .pdf-block {
        margin-top: 4px;
    }

    .pdf-block__file {
        aspect-ratio: 360/580;
        margin-top: 30px;
        margin-bottom: 60px;
    }

    .drop-dop {
        margin-top: 60px;
    }

    .drop-dop__subtitle {
        text-align: center;
        font-size: 20px;
        margin-bottom: 30px;
    }

}


/*****************************************************************************************************/

.intro-b {
    /*padding-top: 120px;*/
}

.pt_120 {
    padding-top: 120px
}

.mt_120 {
    margin-top: 120px
}

.intro-b__subtitle {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: rgba(42, 44, 54, 0.5);
    flex: 0 0 29%;
}

.intro-b__text {
    flex: 0 0 73%;
    font-size: 30px;
    color: rgb(42, 44, 54);
    line-height: calc(38 / 30);
}

.comp-b {
    /*padding-top: 120px;*/
    gap: 10.5%;
}

.comp-b__left {
}

.comp-b__subtitle {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 40px;
    line-height: calc(26 / 20);

}

.comp-b__list {
    gap: 30px 40px;
}

.comp-b__item {
    flex: 0 0 calc(50% - 20px);
    padding-left: 45px;
    position: relative;
}

.comp-b__item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background: url('/local/templates/chromolab_2024/img/new/tick-circle.svg') center/cover no-repeat;
}

.comp-b__item p {
    font-size: 20px;
    margin-bottom: 0;
}

.comp-b__item span {
    font-weight: 600;
    font-size: 16px;
    color: rgba(42, 44, 54, 0.5);
}

.comp-b .product {
    flex: 0 0 34.5%;
    padding: 40px;
}

.comp-b .product__tags {
    margin-bottom: 20px;
}

.comp-b .product .product__table {

}

.link-share {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    font-weight: 500;
    color: #868FDD;
    gap: 10px;

}

.link-share svg {

}


/*****************************************/
.analysis-b {
}

.analysis-b__head {
    margin-bottom: 60px;
}

.analysis-b__subsubtitle {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: rgba(42, 44, 54, 0.5);
    margin-bottom: 10px;

}

.analysis-b__subtitle {
    font-size: 40px;
}

.analysis-b__wrap {
    border-radius: 40px;
    padding: 20px;
    background: #F4F5F9;

}

.analysis-b__left {
    padding: 40px;
}

.analysis-b__left h4 {
    font-weight: 500;
    font-size: 30px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

.analysis-b__left p {
    font-size: 20px;
    line-height: calc(26 / 20);
}

.analysis-b__list {
    margin: 30px 0px;
    gap: 10px;
}

.analysis-b__item {
    padding: 10px 20px 10px 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border-radius: 100px;
    background: #E4E6F8;
}

.analysis-b__item:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url('/local/templates/chromolab_2024/img/new/check.svg') center/cover no-repeat;
}

.analysis-b__left small {
    font-size: 16px;
    margin-top: 54px;
    display: block;
    color: rgba(42, 44, 54, 0.5);
}

.analysis-b__img {
    flex: 0 0 50%;
    flex-shrink: 0;
    border-radius: 40px;
    overflow: hidden;
}

.analysis-b__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ch-b {
    padding: 2.6rem;
    background: #FAFAFA;
    border-radius: 20px;
    /*font-size: calc(100vw / 1360) !important;*/
}

.top-chb {
    gap: 1.6rem;

}


.top-chb__item {
    padding: 0.3rem;
    flex: calc(33.33% - 3.3rem / 3);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    border-radius: 6.6rem;
    gap: 0.6rem;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 107%;
    color: #2A2C36;
    display: flex;
    align-items: center;
}

.top-chb__item div {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.67rem;
    color: #e42c34;
    line-height: 1;
}

.top-chb__item:nth-child(1) div {
    background: rgba(228, 44, 52, 0.3);
    color: #e42c34;
}

.top-chb__item:nth-child(2) div,
.top-chb__item:nth-child(3) div {
    background: rgba(229, 174, 34, 0.3);
    color: #e5ae22;
}


.ch-b__list {
    margin-top: 1.33rem;
    gap: 1.6rem;
}

.ch-b__col {
    flex: 0 0 calc(33.33% - 3.3rem / 3);
}

.ch-b__item {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.8rem;
    line-height: 107%;
    color: #2A2C36;
    word-break: break-all;
}


.ch-b__item:not(:last-child) {
    margin-bottom: 0.6rem;
}

.tr, .cir {
    width: 1.05rem;
    height: 1.05rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cir:before {
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;

}

.cir-green:before {
    background: #79bd38;
}

.tr-yellow {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61436 9.6C5.2302 10.6667 6.7698 10.6667 7.38564 9.6L11.5426 2.4C12.1584 1.33333 11.3886 0 10.1569 0H1.84308C0.611396 0 -0.158403 1.33333 0.457438 2.4L4.61436 9.6Z' fill='%23E5AE22' /%3e%3c/svg%3e") center/0.8rem 0.7rem no-repeat;
}

.tr-red {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61436 9.6C5.2302 10.6667 6.7698 10.6667 7.38564 9.6L11.5426 2.4C12.1584 1.33333 11.3886 0 10.1569 0H1.84308C0.611396 0 -0.158403 1.33333 0.457438 2.4L4.61436 9.6Z' fill='%23E42C34' /%3e%3c/svg%3e") center/0.8rem 0.7rem no-repeat;
}

.tr-red_rot {
    transform: rotate(180deg);
}

.ch-b__bottom {
    margin-top: 6.8rem;
    gap: 1rem;
    justify-content: center;
}

.ch-b__bal {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: rgba(42, 44, 54, 0.5);
    white-space: nowrap;
}

.ch-b__bal:nth-child(1) div {
    background: rgba(121, 189, 56, 0.15);
    color: #79bd38;
}

.ch-b__bal:nth-child(2) div {
    background: rgba(229, 174, 34, 0.15);
    color: #e5ae22;
}

.ch-b__bal:nth-child(3) div {
    background: rgba(228, 44, 52, 0.15);
    color: #e42c34;
}

.ch-b__bal div {
    width: 3.4rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.7rem;
    font-weight: 600;
    font-size: 1rem;

}

@media (max-width: 1400px) {
    .comp-b {
        align-items: start;
    }

    .analysis-b__left {
        padding: 20px;
    }

    .analysis-b__img {
        /*flex: 0 0 42%;*/
        max-width: 100%;
        padding: 0;
    }

    .analysis-b__left h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .analysis-b__left p {
        font-size: 16px;
    }

    .analysis-b__list {
        margin: 20px 0px;
    }

    .analysis-b__item {
        font-size: 14px;
    }

    .analysis-b__left small {
        font-size: 14px;
        margin-top: 30px;
    }

    .ch-b {
        padding: 1rem;
    }

    .top-chb {
        gap: 0.9rem;
    }


    .top-chb__item {
        padding: 0.2rem;
        flex: calc(33.33% - 1.8rem / 3);
        border-radius: 3.5rem;
        gap: 0.4rem;
        font-size: 0.6rem;
    }

    .top-chb__item div {
        width: 1rem;
        height: 1rem;
        font-size: 0.5rem;
    }

    .ch-b__list {
        margin-top: 0.7rem;
        gap: 0.9rem;
    }

    .ch-b__col {
        flex: 0 0 calc(33.33% - 2rem / 3);
    }

    .ch-b__item {
        gap: 0.6rem;
        font-size: 0.6rem;
    }

    .ch-b__item:not(:last-child) {
        margin-bottom: 0.36rem;
    }

    .tr, .cir {
        width: 0.6rem;
        height: 0.6rem;
    }

    .cir:before {
        width: 0.5rem;
        height: 0.5rem;
    }

    .tr-yellow {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61436 9.6C5.2302 10.6667 6.7698 10.6667 7.38564 9.6L11.5426 2.4C12.1584 1.33333 11.3886 0 10.1569 0H1.84308C0.611396 0 -0.158403 1.33333 0.457438 2.4L4.61436 9.6Z' fill='%23E5AE22' /%3e%3c/svg%3e") center/0.6rem 0.6rem no-repeat;
    }

    .tr-red {
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.61436 9.6C5.2302 10.6667 6.7698 10.6667 7.38564 9.6L11.5426 2.4C12.1584 1.33333 11.3886 0 10.1569 0H1.84308C0.611396 0 -0.158403 1.33333 0.457438 2.4L4.61436 9.6Z' fill='%23E42C34' /%3e%3c/svg%3e") center/0.6rem 0.6rem no-repeat;
    }

    .ch-b__bottom {
        margin-top: 5rem;
        gap: 0.6rem;
    }

    .ch-b__bal {
        gap: 0.3rem;
        font-size: 0.45rem;
        line-height: 0.4rem;
    }

    .ch-b__bal div {
        width: 1.6rem;
        height: 1.46rem;
        border-radius: 0.454rem;
        font-size: 0.46rem;
    }

}

@media (max-width: 1024px) {
    .pt_120 {
        padding-top: 60px;
    }

    .mt_120 {
        margin-top: 40px;
    }

    .intro-b {
        display: block;
    }

    .intro-b__subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .intro-b__text {
        font-size: 16px;
    }

    .comp-b {
        flex-direction: column;
        gap: 60px;
        align-items: center;

    }

    .comp-b .product {
        flex: 0 0 345px;

    }

    .analysis-b {
        padding-top: 120px;
    }

    .analysis-b__left small {
        font-size: 12px;
    }

    .analysis-b__wrap {
        flex-direction: column-reverse;
        padding: 10px;
        border-radius: 20px;
    }

    .analysis-b__head {
        margin-bottom: 30px;
    }

    .analysis-b__subsubtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .analysis-b__subtitle {
        font-size: 30px;
        text-align: center;
    }

    .analysis-b__left {
        padding: 30px 10px 10px;
    }

    .analysis-b__img {
        border-radius: 20px;

    }
}

@media (max-width: 767px) {
    .comp-b__list {
        gap: 10px;
    }

    .comp-b__item {
        flex: 0 0 100%;
        padding-left: 30px;
    }

    .comp-b__item p {
        font-size: 16px;
    }

    .comp-b__item span {
        font-size: 12px;
    }

    .comp-b__item:before {
        width: 20px;
        height: 20px;
    }

    .comp-b .product {
        flex: 0 0 100%;
        padding: 30px;
        width: 100%;
    }

    .comp-b .product__tags {
        margin-bottom: 20px;
    }

    .product .product__table td {
        padding: 0;
    }

    .comp-b .product .product__table {
        margin-bottom: 24px !important;
    }

    .comp-b__subtitle {
        font-size: 20px;
        margin-bottom: 20px;
    }


}


.map-cl__wrap {
    padding: 20px;
    border-radius: 20px;
    background: #F4F5F9;
    gap: 40px
}

.map-cl__img {
    flex: 0 0 50%;
    aspect-ratio: 640/598;

img {
    width: 100%;
}

}

.map-cl__content {
    flex: 1;
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
}

h3._subsubtitle {
    font-weight: 500;
    font-size: 30px;
    background: linear-gradient(270deg, #fe6fc0 0%, #7593e0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
}

.map-cl__content .text-container {
    margin-bottom: 30px;
}

.text-container {

p {
    font-size: 20px;

&
:not(:last-child) {
    margin-bottom: 16px;
}

}
}

.map-cl__banner {
    margin-top: auto;
    position: relative;

h4 {
    font-weight: 600;
    font-size: 20px;
}

p {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 0;
}

.btn {
    max-height: 46px;
    margin-top: 20px;
    padding-inline: 54px !important;
}

}

.map-cl__overlay {
    background: #E4E6F8;
    padding: 25px 30px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.map-cl__overlay:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -60px;
    border-radius: 30px;
    width: 256px;
    height: 187px;
    background: #868FDD;
    transform: rotate(-45deg);
}

.map-cl__doc {
    position: absolute;
    z-index: 2;
    right: 20px;
    bottom: 0;
    max-width: 160px;
    aspect-ratio: 160/200;

img {
    max-width: 100%;
}

}

@media (max-width: 1400px) {
    .map-cl__wrap {
        gap: 20px
    }

    .map-cl__content {
        padding: 0px;
    }

    .map-cl__doc,
    .map-cl__overlay:after {
        display: none;
    }
}

@media (max-width: 1024px) {
    .map-cl__wrap {
        flex-direction: column;
        padding: 10px;
        border-radius: 20px;
    }

    .map-cl__content {
        padding: 10px;
    }

    h3._subsubtitle {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .text-container {

    p {
        font-size: 16px;
    }
}

.map-cl__banner {
    margin-top: 0;

h4 {
    text-align: center;
}

p {
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.btn {
    width: 100%;
}

}

.map-cl__overlay {
    padding: 20px;
}

}

/*******************************************************************************/

.blank-m__wrap {
    padding: 20px;
    background: #F4F5F9;
    border-radius: 40px;
    align-items: start;
    gap:20px;
}

.blank-m__content {
    padding: 40px;
    flex: 0 0 50%;
}

.blank-m__img {
    flex: 0 0 50%;
    /*aspect-ratio: 640/512;*/

img {
    width: 100%;
}

}
@media (max-width: 1400px) {
    .blank-m__content {
        padding: 0 20px 0 0;
    }
}

@media (max-width: 1024px) {
    .blank-m__img{
        flex: 0 0 100%;
        width: 100%;
    }
    .blank-m__wrap {
        flex-direction: column-reverse;
        padding: 10px;
        border-radius: 20px;
        gap:0px;
    }

    .blank-m__content {
        padding: 30px 10px 10px;
    }

    .blank-m_help .blank-m__wrap {
        flex-direction: column;
    }

    .blank-m_help .blank-m__wrap h3._subsubtitle {
        display: none;
    }

}

/*******************************************************************************/
.blank-i__subtitle {
    font-weight: 500;
    font-size: 1rem;

}

.blank-i__list {
    margin-top: 2rem;
    gap: 0.65rem;
}

.blank-i__item {
    width: calc(33.33% - 1.3rem / 3);
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.06);
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
}

.blank-i__name {
    font-size: 0.9rem;
}

.blank-i__bottom {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.blank-i__link {
    font-size: 0.7rem;
    color: #868FDD;
}

.blank-i__num {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.8rem;

}

.blank-i__num_y {
    color: #e5ae22;
    background: rgba(229, 174, 34, 0.3);
}

.blank-i__num_r {
    background: rgba(228, 44, 52, 0.15);
    color: #e42c34;
}

.blank-i .ch-b__bottom {
    margin-top: 9rem;
    justify-content: flex-start;
}

@media (max-width: 767px) {
    .blank-i {
        padding: 0.6rem;
    }

    .blank-i__subtitle {
        font-size: 0.8rem;
    }

    .blank-i__list {
        margin-top: 1rem;
        gap: 0.55rem;
    }

    .blank-i__item {
        width: calc(33.33% - 1.1rem / 3);
        padding: 0.6rem;
        display: flex;
        flex-direction: column;
    }

    .blank-i__name {
        font-size: 0.6rem;
        margin-bottom: auto;
    }

    .blank-i__bottom {
        margin-top: 1rem;
    }

    .blank-i__link {
        font-size: 0.6rem;
    }

    .blank-i__num {
        width: 1.2rem;
        height: 1.2rem;
        font-size: 0.6rem;
    }

    .blank-i .ch-b__bottom {
        margin-top: 5rem;
    }
}

/*******************************************************************************/
.help-i {
    border-radius: 40px;
    padding: 2.6rem;
    background: #fafafa;
}

.help-i__top {
}

.help-i__title {
    font-weight: 500;
    font-size: 1rem;
}

.help-i__btn {
    font-size: 0.6rem;
    color: #868FDD;
    display: flex;
    align-items: center;
    gap: 0.2rem
}

.help-i__btn svg {
    width: 1rem;
    height: 1rem;
}

.help-i__head {
    margin-top: 1.2rem;
}

.help-i__icon {
    width: 6.6rem;
}

.help-i__icon svg {
    width: 100%;
}

.help-i__subtitle {
    margin-left: 2rem;
    font-size: 0.8rem;
}

.help-i__ed {
    margin-left: auto;
    font-weight: 500;
    font-size: 0.8rem;
}

.list-bi {
    margin-top: 2rem;
}

.list-bi__subtitle {
    font-weight: 500;
    font-size: 0.8rem;
    margin-bottom: 1.4rem;
}

.list-bi__list {
}

.list-bi__item {
    align-items: start;
    gap: 1.4rem;
}

.list-bi__item:not(:last-child) {
    margin-bottom: 1.4rem;
}

.list-bi__label {
    padding: 0.4rem;
    display: flex;
    justify-content: center;
    width: 5.6rem;
    font-weight: 600;
    font-size: 0.7rem;
    border-radius: 100px;
    flex-shrink: 0;
}

.list-bi__item:nth-child(1) .list-bi__label {
    color: #868FDD;
    background: rgba(134, 143, 221, 0.15);
}

.list-bi__item:nth-child(2) .list-bi__label {
    color: #e5ae22;
    background: rgba(229, 174, 34, 0.15);
}

.list-bi__item:nth-child(3) .list-bi__label {
    color: #e42c34;
    background: rgba(228, 44, 52, 0.15);
}
.list-bi__item:nth-child(2),
.list-bi__item:nth-child(3){
    align-items: center;
}
.list-bi__text {
    font-size: 0.8rem;
    line-height: 1rem;
}

.b-bi{
    margin-top: 3.4rem;
    padding-top: 1.4rem;
    border-top: 1px solid rgba(42, 44, 54, 0.2);
    gap:2rem;
}

.b-bi__item{
    gap:0.6rem;
    font-size: 0.8rem;
    line-height: 1;
    color: rgba(42, 44, 54, 0.5);
    display: flex;
    align-items: center;
}
.b-bi__item div{
    width: 1.4rem;
    height: 1.4rem;
    flex-shrink: 0;
    border-radius: 50%;
}
.b-bi__item:nth-child(1) div{background: #868FDD}
.b-bi__item:nth-child(2) div{background: #e5ae22;}
.b-bi__item:nth-child(3) div{background: #e42c34}
@media (max-width: 767px) {
    .help-i {
        border-radius: 20px;
        padding: 1.4rem;
    }
    .help-i__title {
        font-size: 0.8rem;
    }

    .help-i__btn {
        font-size: 0.5rem;
        gap: 0.1rem
    }

    .help-i__btn svg {
        width: 0.6rem;
        height: 0.6rem;
    }

    .help-i__head {
        margin-top: 0.8rem;
    }

    .help-i__icon {
        width: 3.6rem;
    }

    .help-i__subtitle {
        margin-left: 0.6rem;
        font-size: 0.5rem;
    }

    .help-i__ed {
        font-size: 0.5rem;
    }

    .list-bi {
        margin-top: 1rem;
    }

    .list-bi__subtitle {
        font-size: 0.6rem;
        margin-bottom: 1rem;
    }

    .list-bi__item {
        gap: 1rem;
    }

    .list-bi__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .list-bi__label {
        padding: 0.3rem;
        width: 3.6rem;
        font-size: 0.5rem;
    }

    .list-bi__text {
        font-size: 0.6rem;
        line-height: 0.8rem;
    }

    .b-bi{
        margin-top: 2.4rem;
        padding-top: 0.8rem;
        gap:1rem;
    }

    .b-bi__item{
        gap:0.5rem;
        font-size: 0.7rem;
    }
    .b-bi__item div{
        width: 1rem;
        height: 1rem;
    }
}
/*******************************************************************************/
.services-cond__wrap {
}

.services-cond__head {
    gap: 20px;
}

.services-cond__title {
    font-size: 30px;
    width: 500px;
    flex-shrink: 0;
}

.services-cond__text {
    flex: 1;
    font-size: 18px;
    opacity: 0.7;
}

.services-cond__video {
    margin-top: 60px;
    aspect-ratio: 1360/720;
}

.services-cond__video iframe {
    width: 100%;
    height: 100%;
    border-radius: 30px;

}
@media (max-width: 1024px) {
    .services-cond{
        margin-top: 120px;
    }
    .services-cond__head {
        flex-direction: column;
        padding: 0px 20px;
    }

    .services-cond__title {
        font-size: 24px;
        width: 100%;
    }

    .services-cond__text {
        font-size: 16px;
    }

    .services-cond__video {
        margin-top: 30px;
        aspect-ratio: 320/270;
    }

    .services-cond__video iframe {
        border-radius: 10px;
    }
}
/* End */


/* Start:/local/templates/chromolab_2024/css/cooperation.css?1737909575113*/
@media (min-width: 992px) {
    body .into-coop {
        padding-left: 0;
        padding-right: 0;
    }
}
/* End */
/* /local/templates/chromolab_2024/css/newStyle.css?1748882445156591 */
/* /local/templates/chromolab_2024/css/cooperation.css?1737909575113 */