body {
    width: 100%;
    margin: 0;
    background-color: var(--white-color);
    overflow-x: hidden;
    /* font-family: 'Elektra-Light-Pro', sans-serif; */
    font-size: clamp(16px, 4vw, 28px);
    font-weight: 300;
    line-height: clamp(20px, 4vw, 32px);
    color: var(--dark-color);
    font-optical-sizing: auto;
    /* text-align: justify; */
    font-family: "Roboto", sans-serif;
    /* word-break: break-all; */
    hyphens: auto;
}

.container {
    width: 100%;
    max-width: 1247px;
    margin: 0 auto;
    padding: 0 40px;
}

.rel {
    position: relative
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.display_flex_custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.al-center {
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.jc-sb {
    justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.jc-center {
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.fd-c {
    flex-direction: column;
}

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

.w-100 {
    width: 100%
}

.d-none {
    display: none;
}

.d-none-xs {
    display: none;
}

.d-block {
    display: block;
}

.gap-10 {
    gap: 10px;
}

.gap-20 {
    gap: 20px;
}

.gap-26 {
    gap: 26px;
}

.gap-65 {
    gap: 65px;
}


.pt-36 {
    padding-top: 36px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-34 {
    margin-top: 34px;
}

.mt-36 {
    margin-top: 36px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-46 {
    margin-top: 46px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}


.mt-100 {
    margin-top: 100px;
}

.mt-110 {
    margin-top: 110px;
}


.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-140 {
    margin-top: 140px;
}

.bold-text {
    font-weight: 600;
}

.bold-title {
    font-family: 'Elektra', sans-serif;
    font-weight: 700;
}

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

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

.title {
    font-size: clamp(24px, 4vw, 43px);
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
}

.max-944 {
    max-width: 944px;
}

.max-1077 {
    max-width: 1077px;
}

.br-mb-block {
    display: none;
}

/*header*/

.menu-item {
    /* padding: 8px 12px; */
    padding: 8px 12px 0;
    cursor: pointer;
    position: relative;
}

.header-container {
    max-width: 1600px;
    margin: 0 auto;
}

.header-inner {
    width: auto;
    margin: 0 auto;
    hyphens: none;
}

.header-menu-wrap {
    padding-left: 16px;
    gap: 16px;
}

.header-menu-link {
    font-size: clamp(20px, 4vw, 22px);
    color: var(--dark-color);
    display: block;
    color: var(--dark-color);
    text-decoration: none;
    transition: background-color 0.3s;
    font-weight: 300;
}

.entrance-wrap {
    font-size: clamp(18px, 4vw, 18px);
    color: var(--dark-color);
}

.entrance-wrap img {
    width: 25px;
    height: 25px;
    margin-left: 8px;
}


/* .dropdown-toggle {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.dropdown-toggle::before,
.dropdown-toggle::after {
    content: '';
    position: absolute;
    background-color: var(--dark-color);
    transition: all 0.3s ease;
}

.dropdown-toggle::before {
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.dropdown-toggle::after {
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item.active .dropdown-toggle::before,
.menu-item.active .dropdown-toggle::after {
    transform: rotate(90deg);
}  
*/


.dropdown-toggle {
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('../images/icons/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: transform 0.3s ease;
    transform-origin: center;
}

.menu-item.active .dropdown-toggle {
    transform: translateY(-50%) rotate(45deg);
}


.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--white-color);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    min-width: 282px;
    z-index: 100;
    padding: 16px 0;
    border-radius: 0 0 10px 10px;
}

.dropdown-menu a {
    padding: 8px 37px;
    font-size: clamp(14px, 4vw, 18px);
    color: var(--dark-color);
    position: relative;
    text-align: left;
}

.dropdown-menu a:hover {
    background-color: var(--gray-color);
}

.dropdown-menu .t-h-phone {
    color: var(--dark-purple);
    font-weight: 500;
}

.dropdown-menu .t-h-phone {
    display: flex;
    align-items: center;
}

.dropdown-menu .t-h-phone img {
    width: 16px;
    height: auto;
    margin-right: 12px;
}

.dropdown-menu a:not(:last-child)::after {
    content: '';
    position: absolute;
    background-color: var(--gray-color);
    width: 80%;
    height: 1px;
    left: 20px;
    bottom: 0;
}

.dropdown-menu a.t-h-phone img:first-child {
    width: 15px;
    height: 28px;
}

.dropdown-menu a.t-h-phone img:first-child {
    width: 25px;
    height: 22px;
}

.dropdown-menu a.t-h-phone:first-child::after {
    content: none;
}

.menu-item.active .dropdown-menu {
    display: flex;
    flex-direction: column;
}

.logo-wrap {
    min-width: 103px;
}

.burger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 38px;
    height: 28px;
    cursor: pointer;
    z-index: 1000;
}

.burger-menu span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
}

/* Анимация бургера в крестик */
.burger-menu.active span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

/*header*/

/*banner*/

.section-banner {
    position: relative;
    height: 660px;
}

.banner-wrap {
    display: flex;
    flex-direction: column;
    gap: 46px;
    z-index: 1;
}

.banner-img-outside {
    position: absolute;
    top: 0;
    right: 0;
    width: 50vw;
    height: 660px;
    object-fit: cover;
    z-index: 0;
}

.banner-link-item {
    font-size: clamp(20px, 4vw, 22px);
    line-height: clamp(36px, 4vw, 43px);
    color: var(--dark-purple);
    font-weight: 400;
}

a.banner-link-item {
    text-decoration: underline;
}

/*banner*/

/*section-footnote*/
.section-footnote {
    background-color: var(--gray-color);
    padding: 100px 0 70px;
}

.footnote-text {
    font-size: clamp(22px, 4vw, 33px);
    line-height: clamp(38px, 4vw, 48px);
}

.custom-footnote .footnote-text {
    font-size: clamp(20px, 4vw, 33px);
    line-height: clamp(34px, 4vw, 43px);
    max-width: 645px;
}

.detailed-text {
    font-size: clamp(22px, 4vw, 32.2px);
    line-height: clamp(37px, 4vw, 48px);
}

.geography-title {
    font-weight: 400;
}

/*section-footnote*/

/*footnote-photo*/
.footnote-photo-title {
    text-align: center;
    color: var(--white-color);
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: clamp(23px, 4vw, 38px);
    line-height: clamp(40px, 4vw, 58px);
}

.section-footnote-photo {
    padding: 140px 0;
    height: auto;
    background: url(../images/ruki.JPG) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.section-footnote-photo::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000082;
}

.custom-footnote-photo .subtitle,
.custom-footnote-photo .footnote-photo-title .title {
    font-size: clamp(22px, 4vw, 35px);
}

.custom-footnote-photo .footnote-photo-title .footnote-text {
    font-size: clamp(22px, 4vw, 30px);
    line-height: clamp(28px, 4vw, 43px);
    text-align: justify;
}

/*footnote-photo*/


/*advantages*/
.advantages-item {
    display: flex;
    align-items: center;
    gap: 50px;
}

.advantages-title {
    font-weight: 400;
    line-height: 1.4;
}

.advantages-item-title {
    font-weight: 600;
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(34px, 4vw, 47px);
    min-width: 42%;
    padding: 100px 51px;
    background-color: var(--light-pink);
}

.advantages-item-text {
    font-size: clamp(20px, 4vw, 30px);
    line-height: clamp(30px, 4vw, 43px);
}

/*advantages*/

.custom-footnote {
    height: auto;
}

.footnote-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}



.footnote-img-wrap {
    position: relative;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.footnote-img-wrap img {
    position: absolute;
    max-width: 416px;
    height: 331px;
    object-fit: cover;
}

.footnote-img-wrap img:last-child {
    max-width: 286px !important;
    height: 276px;
}



.footnote-img-wrap img:first-child {
    top: -40px;
    left: 40px;
    z-index: 1;
}

.footnote-img-wrap img:last-child {
    top: 100px;
    right: 0;
    z-index: 2;
    max-width: 250px;
}

.detailed-title {
    text-align: left;
    font-size: clamp(31px, 4vw, 34px);
    font-weight: 400;
}

.detailed-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.detailed-li-item {
    position: relative;
    padding-left: 61px;
    margin-bottom: 18px;
    font-size: clamp(20px, 4vw, 27px);
    line-height: clamp(31px, 4vw, 35px);
    font-weight: 300;
}

.detailed-li-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6.5px;
    width: 26.5px;
    height: 26.5px;
    border-radius: 50%;
    background-image: url("../images/icons/galochka.svg");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-footnote-photo {
    background: url(../images/effekt-skorosti.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 130px 0;
    background-position-y: 274px;
    height: 100%;
    background-size: cover;
    background-position: center top;
}


.footnote-advantages-wrap {
    gap: 100px;
}

.footnote-advantages-item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    font-size: clamp(20px, 4vw, 35px);
    line-height: clamp(26px, 4vw, 39px);
    justify-content: space-between;
}

.section-staff {
    padding-bottom: 95px;
}

.staff-wrap {
    display: grid;
    gap: 40px;
    padding: 0 40px;
    margin-top: 78px;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 52px;
}

.staff-text {
    font-size: clamp(20px, 4vw, 29px);
    line-height: clamp(36px, 4vw, 43px);
}

.staff-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.staff-img {
    width: 100%;
    max-width: 372px;
    max-height: 372px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 20px;
}

.staff-item-title {
    font-weight: 600;
    font-size: clamp(18px, 4vw, 23px);
    line-height: clamp(18px, 4vw, 23px);
}

.staff-item-text {
    padding-top: 16px;
    font-size: clamp(16px, 4vw, 21px);
    line-height: clamp(18px, 4vw, 27px);
    max-width: 370px;
}

.job-title {
    max-width: 370px;
    font-size: clamp(18px, 4vw, 23px);
    font-style: italic;
}

.team-development-text {
    line-height: clamp(27px, 4vw, 45px);
    font-weight: 300;
}

.section-team-development {
    background-color: var(--light-pink);
    padding: 250px 0 162px;
    clip-path: polygon(50% 16%, 100% 0, 100% 100%, 0 100%, 0 0);
    position: relative;
    overflow: hidden;
}

.section-team-development::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 26%;
    clip-path: polygon(50% 16%, 100% 0, 100% 100%, 0 100%, 0 0);
    background: radial-gradient(ellipse at center top, rgb(34 60 80 / 20%) 27%, transparent 52%);
    pointer-events: none;
}

.section-team-development .detailed-ul {
    max-width: 970px;
    margin: 40px auto 0;
}

.team-development-img-wrap {
    position: absolute;
    bottom: -7px;
    right: -22px;
    height: 184.5px;
    width: 532px;
}

.gallery-grid {
    display: grid;
    padding-bottom: 116px;
}

.gallery-grid a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 350px;
}

.gallery-grid {
    grid-template-columns: repeat(4, 1fr);
}

.swiper-pagination-bullet {
    width: 33px !important;
    height: 33px !important;
    text-align: center;
    line-height: 1.4;
    font-size: 23px;
    font-weight: 500;
    color: var(--white-color);
    opacity: 1 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 5px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #403778 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background-color: #e8913d !important;
    opacity: 1 !important;
}

.section-vacancies {
    padding: 135px 0 100px;
    background-color: var(--gray-color);
}

.vacancies-text,
.vacancies-subtitle {
    font-size: clamp(20px, 4vw, 29.6px);
    line-height: clamp(24px, 4vw, 36px);
    hyphens: auto;
}

.vacancies-item {
    display: grid;
    grid-template-columns: 63% 37%;
    grid-template-rows: auto auto auto auto;
    background-color: var(--white-color);
    padding: 50px 0 0 80px;
    grid-row-gap: 40px;
}

.salary {
    font-size: clamp(18px, 4vw, 35px);
    font-weight: 400;
}

.vacancies-address {
    grid-column: 2;
    grid-row: 1;
    font-size: clamp(18px, 4vw, 23px);
    line-height: clamp(26px, 4vw, 41px);
    font-weight: 400;
}

.vacancies-item-title {
    font-size: clamp(24px, 4vw, 32px);
    line-height: 1.3;
    font-weight: 600;
    text-align: left;
    grid-column: 1 / span 2;
}

.vacancies-item-btn {
    grid-column: 2;
    grid-row: 4;
    background-color: var(--dark-purple);
    text-align: center;
    color: var(--white-color);
    cursor: pointer;
    padding: 10px 0;
    font-size: clamp(20px, 4vw, 26px);
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vacancies-more-details {
    grid-column: 1;
    grid-row: 3;
    margin-top: 20px;
    color: var(--dark-purple);
    text-decoration: underline;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    font-size: clamp(18px, 4vw, 31px);
}

.vacancies-more-details::after,
.vacancies-more-details::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 2px;
    background-color: var(--dark-purple);
    left: 170px;
}

.vacancies-more-details::before {
    transform: rotate(90deg);
    top: 50%;
}

.vacancies-more-details::after {
    transform: rotate(-180deg);
    top: 50%;
}

.section-addition-team {
    height: 823px;
    padding: 148px 0;
    background: url(../images/delovye-ludi-stoali-v-rad-s-bol-simi-pal-cami-vverh.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    color: var(--white-color);
}

.section-addition-team a {
    color: var(--white-color);
}

.color-psd {
    color: #686868;
}

.section-addition-team::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000a3;
}

.addition-team-wrap {
    position: relative;
    z-index: 1;
}

.subscribe-news-title,
.addition-team-title {
    text-align: left;
}

.button-group {
    justify-content: space-between;
}

.team-text,
.team-subtitle,
.team-description {
    font-size: clamp(18px, 4vw, 26px);
    line-height: 1.3;
}

.team-text a {
    text-decoration: underline;
}

.btn {
    display: inline-block;
    padding: 14px 50px;
    font-size: clamp(16px, 4vw, 26px);
    font-weight: 400;
    transition: all 0.3s ease;
    border: 4px solid transparent;
    text-decoration: none;
    text-align: center;
}

.btn-primary {
    background-color: var(--orange-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary img {
    width: 38px;
    margin-left: 37px;
}

.btn-outline {
    background: transparent;
    border-color: var(--orange-color);
    padding: 17px 78px;
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.15);
}

.subscribe-news-title {
    font-size: clamp(34px, 4vw, 38px);
    line-height: 38px;
}

.section-subscribe-news {
    padding: 156px 0 112px;
    background-color: var(--light-pink);
}

.subscribe-input {
    background-color: var(--white-color);
    border: 2px solid var(--dark-purple);
    padding: 27px 17px;
}

.subscribe-input::placeholder {
    color: var(--dark-color);
    font-size: clamp(20px, 4vw, 32px);
}

.subscribe-button {
    color: var(--white-color);
    background-color: var(--dark-purple);
    padding: 27px 22px;
}

.subscribe-news-form-input-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

.subscribe-checkbox {
    font-size: clamp(16px, 4vw, 20px);
}

.subscribe-checkbox a {
    text-decoration: underline;
}


.subscribe-checkbox {
    position: relative;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
}

.custom-checkbox a {
    color: var(--dark-color);
    font-size: clamp(16px, 4vw, 26px);
}

.checkmark {
    max-width: 47px;
    height: 47px;
    width: 100%;
    border: 2px solid var(--dark-purple);
    background-color: var(--white-color);
    margin-right: 20px;
    position: relative;
}

input[type="checkbox"]:checked+.custom-checkbox .checkmark::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 26px;
    border: solid var(--dark-purple);
    border-width: 0 4px 4px 0;
    transform: translate(-50%, -62%) rotate(45deg);
}


.footer-wrap {
    background: linear-gradient(to top right, #0e2654, #60357e);
    color: var(--white-color);
    padding: 55px 25px 85px;
    display: grid;
    grid-template-columns: 2.9fr repeat(3, 2fr) 1.7fr 1.7fr;
    gap: 20px;
    font-weight: 400;
}

.footer-item.fw-bold {
    font-weight: 700;
}

.footer-text.d-flex.fd-c.geography-title.fw-bold {
    font-weight: 700;
}

.footer-column:last-child {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 50px;
}

.footer-img {
    width: 122px;
}

.footer-column:first-child {
    gap: 0;
    max-width: 345px;
}

.footer-column .qr-code {
    width: 160px;
    height: 160px;
}

.footer-item {
    color: var(--white-color);
    /* font-size: clamp(18px, 4vw, 26px); */
    font-size: clamp(18px, 4vw, 19px);
}

.d-block-480 {
    display: none;
}

.footer-text a,
.footer-item {
    color: var(--white-color);
}

.footer-text,
.footer-link {
    color: var(--gray-color);
    font-size: 19px;
    line-height: clamp(26px, 4vw, 36px);
    text-align: left;
}

.footer-text a:hover,
.footer-link:hover {
    color: var(--light-pink);
}



.footer-column {
    display: flex;
    flex-direction: column;
}

.footer-text a,
.footer-link {
    position: relative;
    text-decoration: none;
    width: fit-content;
}

/* .footer-text a::after,
.footer-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    height: 1.5px;
    background-color: var(--white-color);
    transform: scaleX(1);
    transition: transform 0.3s ease;
}

.footer-text.geography-title a::after {
    content: none;
}

.footer-text.footer-text-after-custom a::after {
    bottom: 2px;
} */

.footer-text a:hover::after,
.footer-link:hover::after {
    transform: scaleX(1);
}

.footer-tel-wrap a {
    color: var(--white-color);
}

.footer-link {
    line-height: clamp(25px, 4vw, 43px);
    text-decoration: underline !important;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

#zvonok.modal {
    overflow: hidden;
}

body.modal-open {
    overflow: hidden;
}

.modal-content {
    background-color: var(--white-color);
    margin: 5% auto;
    padding: 40px;
    border: 1px solid var(--gray-color);
    max-width: 740px;
}

.close {
    color: var(--gray-color);
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: var(--dark-color);
    text-decoration: none;
    cursor: pointer;
}

.btn-modal-form {
    color: var(--white-color);
    background-color: var(--dark-purple);
    padding: 16px 22px;
    margin-left: auto;
    margin-top: 10px;
    display: flex;
}

.comments-form-modal {
    min-height: 250px;
    width: 100%;
    background-color: var(--light-pink);
    margin-top: 10px;
    padding: 12px;
}

.comments-form-modal-label,
.form-modal-title {
    font-weight: 400;
    font-size: clamp(18px, 4vw, 22px);
    line-height: 1.1;
}

.resume-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--dark-purple);
    text-decoration: underline;
}

.fileInfo {
    font-size: 14px;
}

.modal-title {
    font-weight: 600;
    font-size: clamp(18px, 4vw, 20px);
    line-height: 1.2;
    margin-bottom: 20px;
}

.modal-content-item {
    font-size: 16px;
    padding: 0 0 20px 20px;
}

.search-button {
    width: 25px;
    cursor: pointer;
}

.search-input {
    border-bottom: 1px solid var(--white-color);
    width: 160px;
    padding: 0 8px;
    font-size: clamp(14px, 4vw, 16px);
}

.search-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.social-networks-wrap img {
    width: 37px;
}

.social-networks-wrap {
    display: flex;
    gap: 18px;
    align-items: center;
}

.custom-footnote .footnote-text.fs-30 {
    font-size: clamp(20px, 4vw, 30px);
}

.custom-footnote-foto {
    padding: 170px 0;
}

.section-footnote-pt {
    padding: 130px 0 149px;
}

.footnote-29 {
    font-size: clamp(20px, 4vw, 29px);
}



.input-form {
    padding: 16px 10px;
    background-color: var(--light-pink);
    width: 100%;
    font-weight: 300;
    font-size: clamp(18px, 4vw, 22px);
    position: relative;
}

.input-form::placeholder {
    color: var(--dark-color);

}

.subscribe-checkbox-custom .custom-checkbox a {
    font-size: clamp(16px, 4vw, 20px);
    color: var(--dark-purple);
}

.subscribe-checkbox-custom .checkmark {
    width: 24px;
    height: 24px;
    min-width: 24px;
}

.subscribe-checkbox-custom input[type="checkbox"]:checked+.custom-checkbox .checkmark::after {
    width: 7px;
    height: 14px;
}


/**/

/* Стили для ошибок */
.subscribe-input.error {
    border-color: #ff0000 !important;
}

.error-message {
    color: #ff0000;
    font-size: 12px;
    margin-top: 5px;
    line-height: 1;
}

.custom-checkbox.error {
    color: #ff0000;
}

/* Стили для попапа */
.subscribe-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
} */

.popup-content {
    position: relative;
    background: var(--white-color);
    padding: 30px;
    border-radius: 5px;
    max-width: 550px;
    width: 100%;
    text-align: center;
    z-index: 1;
}

.popup-title {
    margin-bottom: 15px;
    color: var(--dark-color);
}

.popup-close {
    margin-top: 20px;
    padding: 8px 20px;
    background: var(--dark-purple);
    color: #fff;
    border: none;
    cursor: pointer;
}


.commercial-modal .modal-content {
    background-color: var(--gray-color);
    max-width: 840px;
    padding: 60px 90px;
}

.commercial-modal .input-form {
    background-color: var(--white-color);
}

.commercial-modal .btn-modal-form {
    margin-left: 0;
    margin-top: 20px;
}

.commercial-modal .form-modal-title {
    font-size: clamp(20px, 4vw, 40px);
    line-height: 1.2;
}

.commercial-modal .form-modal-text {
    font-size: clamp(18px, 4vw, 22px);
}

.commercial-modal .modal-content {
    margin: 2% auto;
}

.personal-data .modal-content {
    max-width: 940px;
}

.personal-data .modal-title {
    font-size: clamp(18px, 4vw, 32px);
    text-align: center;
}

.personal-data .modal-text {
    font-size: clamp(16px, 4vw, 20px);
    font-weight: 400;
    hyphens: auto;
}

.personal-data a {
    text-decoration: underline;
    color: var(--dark-purple);
}

.personal-data p {
    margin-bottom: 16px;
}

.consent-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.consent-table th,
.consent-table td {
    border: 5px solid var(--white-color);
    padding: 8px;
    text-align: left;
    font-size: 14px;
    background-color: var(--light-pink);
}

.consent-table td:nth-child(2),
.consent-table th:nth-child(2) {
    width: 36%;
}

.consent-table td:not(:nth-child(2)),
.consent-table th:not(:nth-child(2)) {
    width: 15%;
    vertical-align: top;
}

.consent-table th {
    background-color: var(--dark-purple);
    color: var(--white-color);
}


.radio-option {
    position: relative;
    cursor: pointer;
}

.radio-box {
    width: 47px;
    height: 47px;
    border: 2px solid var(--dark-purple);
    display: inline-block;
    position: relative;
    background-color: var(--white-color);
    margin: 20px;
}

.radio-option input[type="radio"]:checked+.radio-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.agree-box input[type="radio"]:checked+.radio-box::before {
    content: "✓";
    color: var(--dark-color);
    font-size: 37px;
}

.disagree-box input[type="radio"]:checked+.radio-box::before {
    content: "✗";
    color: var(--dark-color);
    font-size: 35px;
}

/*Новые*/
/* Стили для Hero Section */
.overflow-hidden {
    overflow: hidden;
}

/* Адаптация для мобильных */
@media (max-width: 991.98px) {
    .hero-section .col-lg-6.position-relative {
        display: none !important;
    }

    .hero-section .position-absolute.bottom-0 {
        position: relative !important;
        margin-top: 2rem;
        margin-bottom: 2rem;
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
}

body {
    font-family: 'Roboto', sans-serif;
}

/* Основные кастомные стили */
.triangle-up {
    background: white;
    clip-path: polygon(0% 120px, 50% 0%, 100% 120px, 100% 100%, 0% 100%);
    margin-top: -120px;
    padding: 120px 0 0;
}

.card-img-overlay h3 {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.pb-10 {
    padding-bottom: 5rem !important;
}

.pt-10 {
    padding-top: 5rem !important;
}

.py-10 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important;
}

.pbpx-150 {
    padding-bottom: 150px !important;
}

.gap-20 {
    gap: 20px;
}

.first_row {
    min-height: 80px;
}

.btn-clear {
    background-color: none;
    border-radius: 0;
    border: 1px solid white;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    max-width: 550px;
    text-align: center;
}

.btn-custom {
    background-color: #41357d;
    color: white;
}

.light-grey-bg {
    background-color: #f4f5f4ff !important;
}

.bg-promira {
    --bs-bg-opacity: 1;
    background-color: #3b327eff;
}


.icon-container {
    max-width: 180px;
    margin: 0 auto;
    padding: 40px;
}

.object-fit-cover {
    object-fit: cover;
}

#advantages * {
    line-height: 1.5;
}

/* Стили для валидации форм */
.is-valid {
    border-color: #28a745 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
}

.is-invalid {
    border-color: #dc3545 !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
}

.needs-validation .form-control:invalid,
.needs-validation .form-check-input:invalid {
    border-color: #dc3545;
}

.needs-validation .form-control:valid,
.needs-validation .form-check-input:valid {
    border-color: #28a745;
}

.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:valid~.form-check-label {
    color: #28a745;
}

.h-80 {
    min-height: 80vh;
}

/* Адаптивные стили */
/* Планшетная версия (768px - 991px) */
@media (max-width: 991px) {

    /* Герой-секция - вертикальное расположение */
    .vh-100 {
        height: auto !important;
        min-height: 100vh;
    }

    .position-absolute.top-0.end-0 {
        position: relative !important;
        width: 100% !important;
        height: 50vh !important;
        margin-top: 2rem;
    }

    /* Уменьшаем SVG во втором блоке */
    .icon-container svg {
        width: 100px;
        height: 100px;
    }

    /* Секция с преимуществами - вертикальное расположение */
    .row.align-items-center.g-5 {
        flex-direction: column;
    }

    .col-lg-6:last-child {
        margin-top: 2rem;
    }

    /* Карточки направлений - 2 в ряд */
    .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Слайдер логотипов - 4 в ряд */
    .col-md-2-4 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    /* Форма обратной связи - вертикальное расположение */
    .col-lg-6.d-none.d-lg-block {
        display: none !important;
    }

    .col-lg-6.light-grey-bg {
        width: 100%;
    }
}

/* Мобильная версия (до 767px) */
@media (max-width: 767px) {

    /* Навигация - скрываем обычное меню */
    header .nav {
        display: none;
    }

    /* Герой-секция - вертикальное расположение */
    .display-4 {
        font-size: 2rem;
    }

    .d-flex.gap-4 {
        flex-direction: column;
        gap: 1rem !important;
    }

    /* Уменьшаем SVG во втором блоке */
    .icon-container svg {
        width: 80px;
        height: 80px;
    }

    .icon-container {
        padding: 20px;
    }

    /* Все секции - один столбец */
    .col-md-4,
    .col-md-6,
    .col-lg-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* Слайдер логотипов - 3 в ряд */
    .col-md-2-4 {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }

    /* Карточки команды - уменьшаем фото */
    .mx-auto.mb-3 {
        width: 100px !important;
        height: 100px !important;
    }

    /* Форма подписки - вертикальное расположение */
    .row.g-2.justify-content-center {
        flex-direction: column;
    }

    .col-md-4,
    .col-md-2 {
        width: 100%;
        margin-bottom: 1rem;
    }

    /* Контакты - уменьшаем размер шрифта */
    .fs-1 {
        font-size: 1.5rem !important;
    }

    /* Социальные сети - оставляем в строку, уменьшаем иконки */
    .d-flex.justify-content-center.gap-4 {
        flex-wrap: wrap;
    }

    .d-flex.justify-content-center.gap-4 img {
        width: 30px;
        height: 30px;
    }
}

/* Очень маленькие экраны (до 575px) */
@media (max-width: 575px) {

    /* Слайдер логотипов - 2 в ряд */
    .col-md-2-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    /* Уменьшаем отступы */
    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    /* Уменьшаем заголовки */
    h2 {
        font-size: 1.5rem;
    }

    /* Форма обратной связи - уменьшаем поля */
    .form-control.py-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    /* Еще больше уменьшаем SVG */
    .icon-container svg {
        width: 60px;
        height: 60px;
    }

    /* Уменьшаем высоту изображения в герое */
    .position-absolute.top-0.end-0 {
        height: 30vh !important;
    }
}

.footnote-p {
    font-weight: 300;
    color: #414042;
    text-align: center;
    margin-top: 31px;
    font-size: clamp(20px, 4vw, 32px);
}

.strong {
    font-weight: 600;
}

.section-company {
    padding-top: 106px;
    padding-bottom: 115px;
    background-color: var(--white-color);
    position: relative;
}

.section-company__text {
    max-width: 1160px;
    margin: 0 auto;
    text-align: justify;
    line-height: clamp(39px, 4vw, 45px);
    padding-left: 20px;
    padding-right: 20px;
}

.section-company__image {
    position: absolute;
    left: -126px;
    bottom: 0;
    object-fit: contain;
    width: 448px;
    height: 209px;
}


.section-business {
    background-image: url(../images/business.jpg);
    padding-top: 128px;
    padding-bottom: 128px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-position-y: -140px;
}

.section-business__block {
    background-color: #231F20;
    opacity: 0.8;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}


.section-business__container {
    background-color: rgba(255, 255, 255, 0.2);
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 95px;
    padding-bottom: 91px;
    position: relative;
    z-index: 3;
}

.section-business__text {
    color: var(--white-color);
    font-weight: 400;
    font-size: clamp(23px, 4vw, 33px);
    padding: 0;
    text-align: left;
    max-width: 820px;
    margin: 0 auto;
    line-height: 50px;
}

.section-to-do {
    background-color: #EDEBF5;
    padding-top: 110px;
    padding-bottom: 118px;
}

.section-to-do__container {
    margin: 0 auto;
    max-width: 987.2px;
    padding: 0 20px;
}

.section-to-do__title {
    font-weight: 700;
    font-size: clamp(27px, 4vw, 37px);
    color: #1A1A1A;
    margin-left: 98.2px;
}

.section-to_do__list {
    margin-top: 31px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.section-to-do__list-item {
    font-size: clamp(19px, 4vw, 29px);
    font-weight: 300;
    color: #414042;
    display: flex;
    align-items: center;
    gap: 62px;
    line-height: 1.4;

    &::before {
        content: "";
        background-image: url(../images/icon-accept.svg);
        background-size: contain;
        min-width: 36.2px;
        min-height: 36.2px;
        background-repeat: no-repeat;
    }
}

.section-prime {
    margin-top: 118px;
    display: flex;
    flex-direction: column;
    gap: 54px;
    margin-bottom: 193px;
}

.section-prime__box {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.section-prime__text {
    text-align: center;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 34px);
}

.section-prime__box__item {
    position: relative;
}

.section-prime__box__elem {
    display: flex;
    gap: 16px;
}

.section-prime__item-number {
    background-color: var(--dark-purple);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 39px;
    font-weight: 400;
}

.section-prime__box__line {
    background-color: #414042;
    width: 159px;
    height: 1px;
    margin-top: 25.2px;
}

.section-prime__item-text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 91px;
    text-align: center;
    font-weight: 300;
    font-size: clamp(19px, 4vw, 29px);
    hyphens: none;
    color: #414042;
}

.section-work {
    clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0 100%, 0% 20%);
    background-color: var(--white-color);
    position: relative;
}


@media screen and (max-width: 680px) {

    .section-work {
        clip-path: polygon(50% 0%, 100% 6%, 100% 100%, 0 100%, 0% 6%);
    }

    .section-drive__container {
        padding-top: 78px !important;
    }
}

.work-sect {
    filter: drop-shadow(0px -1px 10px rgba(0, 0, 0, 0.11));
}

.section-work__content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 28px;
    padding-top: 113px;
    padding-bottom: 134px;
}

.section-work__image {
    object-fit: contain;
    max-width: 470px;
}

.section-work__elem-list {
    display: flex;
    flex-direction: column;
    gap: 44px;
    padding: 0 20px;

}

.section-work__title {
    color: #414042;
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    max-width: 561px;
    line-height: clamp(30px, 4vw, 40px);
}

.section-work__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section-work__item {
    display: flex;
    align-items: flex-start;
    gap: 36px;
    max-width: 641px;
    font-weight: 300;
    font-size: clamp(18px, 4vw, 24px);

    &::before {
        content: "";
        background-image: url(../images/icon-list.svg);
        min-width: 30px;
        min-height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

a.section-work__item--href {
    color: var(--dark-purple);
    text-decoration: underline;
    font-weight: 400;
}


.section-how-work {
    background-color: var(--gray-color);
    padding-top: 95px;
    padding-bottom: 130px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: center;
    position: relative;
}

.section-how-work__title {
    font-weight: 700;
    font-size: clamp(33px, 4vw, 43px);
    color: #414042;
    text-align: center;
}

.section-how-work__list {
    display: flex;
    flex-direction: column;
    gap: 41px;
    padding: 0 20px;
}

.section-how-work__item-text-box {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.section-how-work__item {
    display: flex;
    align-items: flex-start;
    gap: 52px;
    position: relative;
}

.section-how-work__item-line {
    position: absolute;
    background-color: #414042;
    width: 1px;
    height: calc(100% - 28px);
    left: 16.4px;
    top: calc(32.8px + 14px);
}

.item-text-box__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    color: #414042;
}

.item-text-box__text {
    font-weight: 300;
    font-size: clamp(19px, 4vw, 29px);
    color: #414042;
    margin-left: 80px;
    max-width: 780px;

}

.section-how-work__image {
    position: absolute;
    left: -126px;
    bottom: 0;
    object-fit: contain;
    width: 448px;
    height: 209px;
}

.section-choose {
    background-image: url(../images/19215.jpg);
    padding-top: 103px;
    padding-bottom: 104px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 25%;
    position: relative;
}

.section-choose__block {
    background-color: black;
    opacity: 0.7;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.section-choose__container {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
}

.section-choose__title {
    font-weight: 700;
    font-size: clamp(27px, 4vw, 37px);
    color: var(--white-color);
    text-align: center;
}

.section-choose__list {
    margin-top: 22.6px;
    margin-bottom: 46.3px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.section-choose__list-item {
    font-weight: 300;
    font-size: clamp(27px, 4vw, 37px);
    color: var(--white-color);
    line-height: clamp(43px, 4vw, 53px);
}

.section-choose__list-item::first-letter {
    font-weight: 700;
}

ы .section-feedback {
    margin-top: 120px;
}

.section-feedback__content {
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 56px;
    padding: 0 20px;
}

.section-feedback__box {
    display: flex;
    flex-direction: column;
}

.section-feedback__title {
    font-weight: 700;
    color: #1A1A1A;
    font-size: clamp(17px, 4vw, 25px);
    /* max-width: 480px; */
}

.section-feedback__button {
    font-weight: 300;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(20px, 4vw, 24px);
    width: 100%;
    max-width: 270px;
    align-self: center;
    margin-top: 41px;
    background-color: var(--dark-purple);
}

.section-feedback__text {
    font-weight: 300;
    color: #231F20;
    font-size: clamp(15px, 4vw, 23px);
    max-width: 564px;
    margin-top: 43px;
}

.section-promira {
    margin-top: 117px;
    position: relative;
}

.section-promira__block {
    clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0% 25%);
    padding-top: 168px;
    padding-bottom: 224px;
}

.section-promira__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding: 0 20px;
}

.section-promira__text {
    font-size: clamp(25px, 4vw, 43px);
    font-weight: 400;
    color: #000000;
    text-align: center;
    line-height: 1;
}

/*.section-promira__text--strong {
    font-weight: 700;
}*/

.section-promira__image {
    object-fit: contain;
    width: 450px;
    height: 209px;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
}

.section-news {
    /* background-image: url(../images/new-sect.png); */
    background-image: url(../images/banner_akci.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 120px;
    padding-bottom: 106px;

}

.section-news__content {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.section__news__box {
    padding: 38px 42px 27px 42px;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 35.2px;
    min-height: 264px;
    width: 449px;
}

.section__news__text {
    color: #414042;
    font-size: clamp(18px, 4vw, 23px);
    font-weight: 700;
    max-width: 365px;
    text-align: center;
    flex: 1 1 auto;
    line-height: 1.2;
}

.section__news__button {
    height: 50px;
    font-weight: 300;
    font-size: clamp(18px, 4vw, 23px);
    text-decoration: underline !important;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
    width: 100%;
    max-width: 336px;
}

.section__news__button--orange {
    background-color: #F26122;
}

.section__news__button--purple {
    background-color: #4A2F75;
}

.section__news__tg {
    width: 40px;
    height: 40px;
    object-fit: contain;
}




@media screen and (max-width: 1483px) {
    .section-how-work__image {
        width: 300px;
        height: 105px;
    }
}

@media screen and (max-width: 1348px) {
    .section-company__image {
        width: 300px;
        height: 105px;
    }
}

@media screen and (max-width: 1212px) {
    .section-prime__box {
        flex-direction: column;
        align-items: center;
        padding-right: 72px;
    }

    .section-prime__box__elem {
        flex-direction: column;
        align-items: center;
    }

    .section-prime__box__line {
        height: 40px;
        width: 1px;
        margin-top: 0;
    }

    .section-prime__item-text {
        left: 70px;
        top: 50%;
        transform: translateX(0) translateY(-50%);
    }

    .section-prime {
        margin-top: 40px;
    }
}

@media screen and (max-width: 1232px) {
    .section-work__content {
        flex-direction: column;
        align-items: center;
    }

    .section-prime {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 1005px) {
    .section-news__content {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
}

@media screen and (max-width: 981px) {
    .section-feedback__content {
        flex-direction: column;
    }

    .section-promira {
        margin-top: 40px;
    }
}

@media screen and (max-width: 608px) {
    .section-work__image {
        max-width: 350px;
    }
}

.support-modal .input-form {
    background-color: var(--white-color);
    border-bottom: 1px solid var(--dark-color);
}

/* .support-modal{
    padding: 40px 50px;
} */











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

.section-money {
    background-color: #EFF4F7;
}

.section-money-wrap {
    background-color: #EFF4F7;
    padding-top: 125px;
    padding-bottom: 271px;
    display: flex;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 106px;
    max-width: 1247px;
    margin: 0 auto;
    padding-left: 40px;
    /* padding-right: 40px; */
}

.section-money__text-box {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.text-box__title {
    max-width: 373px;
    color: #414042;
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 700;
    line-height: clamp(40px, 4vw, 50px);
}

.text-box__text {
    max-width: 474px;
    color: #414042;
    font-weight: 300;
    font-size: clamp(22px, 4vw, 32px);
    line-height: 40px;
}

.section-money__image-box {
    display: flex;
    align-items: flex-end;
    width: 40%;
}

.image-box__second {
    position: relative;
    right: 248px;
    top: 100px;
}

@media screen and (max-width: 1260px) {
    .section-money {
        flex-direction: column;
        align-items: center;
    }

    .text-box__title {
        max-width: none;
        text-align: center;
    }

    .text-box__text {
        max-width: 1000px;
        text-align: center;
    }
}

@media screen and (max-width: 668px) {
    .section-money {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-money__text-box {
        gap: 20px;
    }

    .section-money {
        gap: 20px;
    }

    .section-money__image-box {
        flex-direction: column;
        align-items: center;
    }

    .image-box__second {
        right: 0;
        top: -50px;
        width: 220px;
    }

}



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

.section-stock {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 131px;
    padding-bottom: 157px;
    padding-left: 40px;
    padding-right: 40px;
}

.section-stock__content {
    display: flex;
    align-items: flex-start;
    gap: 71.4px;
    padding: 0px 75px 0px 63.5px;
    background: linear-gradient(#410B76, #A36AE5);
    height: 362px;
    width: 100%;
    max-width: 1150px;
    position: relative;
}

.section-stock__text-box {
    display: flex;
    flex-direction: column;
    margin-top: 46px;
    position: relative;
    z-index: 2;
}

.section-stock__text-box-title {
    color: var(--white-color);
    font-weight: 300;
    font-size: clamp(17px, 4vw, 27px);
    line-height: clamp(17px, 4vw, 27px);
}

.section-stock__text-box-stock {
    color: var(--white-color);
    font-weight: 700;
    font-size: clamp(56px, 4vw, 66px);
    line-height: clamp(59px, 4vw, 69px);
}

.section-stock__text-box-text {
    font-weight: 300;
    font-size: clamp(25px, 4vw, 35px);
    line-height: clamp(25px, 4vw, 35px);
    color: var(--white-color);
    margin-top: 4.5px;
}

.section-stock__text-box-button {
    height: 41px;
    background: linear-gradient(to left, #FDDA00, #FC8006);
    font-size: clamp(17px, 4vw, 22px);
    max-width: 274px;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--white-color);
    margin-left: 52px;
}

.section-stock__image-stock {
    max-width: 480px;
    object-fit: contain;
    position: absolute;
    right: 0;
    z-index: 1;
}

@media screen and (max-width: 1019px) {
    .section-stock__image-stock {
        max-width: 270px;
        bottom: 0;
    }
}

@media screen and (max-width: 730px) {
    .section-stock__text-box {
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .section-stock__text-box-button {
        width: 100%;
        margin-left: 0;
    }

    .section-stock__image-stock {
        max-width: 220px;
        bottom: 0;
    }
}

@media screen and (max-width: 610px) {
    .section-stock__text-box-stock {
        font-size: 35px;
        line-height: 35px;
    }

    .section-stock__text-box-title {
        font-size: 15px;
        line-height: 15px;
    }

    .section-stock__text-box-text {
        font-size: 20px;
        line-height: 20px;
    }

    .section-stock__text-box-button {
        margin-top: 20px;
    }

    .section-stock__content {
        height: 250px;
    }

    .section-stock__image-stock {
        max-width: 150px;
        bottom: 0;
    }

    .section-stock__content {
        padding-left: 10px;
        padding-right: 10px;
    }

    .section-stock {
        padding-top: 40px;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

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

.section-bonuses {
    background-color: #EFF4F7;
    padding-top: 130px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-bonuses__content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.section-bonuses__box {
    display: flex;
    align-items: stretch;
    width: 100%;
    justify-content: center;
    max-width: 1160px;
    margin: 0 auto;
}

.section-bonuses__image {
    max-width: 580px;
    width: 50%;
}

.section-bonuses__text {
    max-width: 580px;
    width: 50%;
    background-color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: clamp(23px, 4vw, 33px);
    color: #414042;
    line-height: clamp(30px, 4vw, 40px);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-bonuses__text--modify {
    font-size: clamp(12px, 4vw, 22px);
    line-height: clamp(12px, 4vw, 22px);
    max-width: 443px;
}

.section-bonuses__text--w300 {
    max-width: 300px;
}

.section-bonuses__text--w400 {
    max-width: 410px;
}

@media screen and (max-width: 952px) {
    .section-bonuses__text {
        font-size: 20px;
        line-height: 20px;
    }

    .section-bonuses__text--modify {
        font-size: 16px;
        line-height: 16px;
    }
}

@media screen and (max-width: 700px) {
    .section-bonuses__text {
        font-size: 15px;
        line-height: 15px;
    }

    .section-bonuses__text--modify {
        font-size: 12px;
        line-height: 12px;
    }
}

@media screen and (max-width: 600px) {
    .section-bonuses__box {
        flex-direction: column;
        align-items: center;
        max-width: none;
    }

    .section-bonuses__image {
        width: 100%;
    }

    .section-bonuses__text {
        width: 100%;
    }

    .section-bonuses__image {
        order: 1;
    }

    .section-bonuses__text {
        order: 2;
    }

    .section-bonuses__text {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .section-bonuses {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

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

.section-products {
    background-color: var(--white-color);
    padding-top: 96px;
    padding-bottom: 51px;
    padding-left: 40px;
    padding-right: 40px;
}

.section-products__title {
    font-weight: 700;
    font-size: clamp(28px, 4vw, 38px);
    color: #414042;
    text-align: center;
}

.section-products__text {
    font-size: clamp(23px, 4vw, 33px);
    font-weight: 300;
    color: #000000;
    margin-top: 43px;
    max-width: 1026px;
    margin: 43px auto 0 auto;
    line-height: clamp(32px, 4vw, 42px);
}

.section-products__box {
    margin-top: 113px;
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    max-width: 1160px;
    margin: 113px auto 0 auto;
}

.section-products__box-left {
    background-color: #4A2F75;
    width: 50%;
    padding: 44px 64px 64px 64px;
}

.section-products__box-left-text {
    display: flex;
    flex-direction: column;
    gap: 18px;
    color: #EFF4F7;
    font-size: clamp(26px, 4vw, 36px);
    max-width: 330px;
    font-weight: 400;
    line-height: clamp(30px, 4vw, 40px);
}

.section-products__box-left-text--modify {
    font-size: clamp(16px, 4vw, 26px);
    font-weight: 300;
    color: var(--white-color);
}

.section-products__box-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EFF4F7;
    padding-left: 40px;
    padding-right: 40px;
}

.section-products__box-right-text {
    font-size: clamp(17px, 4vw, 22px);
    text-align: justify;
    max-width: 428px;
}

.section-products__products {
    margin-top: 53px;
    display: flex;
    justify-content: center;
}

.section-products__product-box {
    display: flex;
    align-items: center;
    gap: 30px;

}

.section-products__product-content {
    background-color: #EFF4F7;
    padding: 115px 41px 46px 37px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    min-width: 360px;
}

.section-products__product-star {
    display: flex;
    align-items: center;
    align-self: flex-end;
}

.section-products__product-logo {
    margin-top: 13px;
}

.section-products__product-title {
    margin-top: 33px;
    font-size: clamp(14px, 4vw, 17px);
    color: #000000;
    font-weight: 700;
    line-height: clamp(14px, 4vw, 17px);
}

.section-products__product-sub {
    font-weight: 300;
    font-size: clamp(14px, 4vw, 17px);
    color: #000000;
    line-height: clamp(14px, 4vw, 17px);
    margin-top: 4px;
}

.section-products__product-button {
    margin-top: 76px;
    align-self: center;
    width: 100%;
    max-width: 300px;
    height: 65px;
    background-color: #4A2F75;
    font-weight: 400;
    font-size: clamp(15px, 4vw, 19px);
    color: var(--white-color);
}

.stock {
    position: absolute;
    left: -20px;
    top: 0;
    height: 57px;
    width: 100%;
    max-width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-weight: 400;
    font-size: clamp(25px, 4vw, 31px);
}

.stock::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    /* Катет по горизонтали */
    border-top: 20px solid transparent;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 0;
    transform: rotate(0deg);
}

.stock--red::after {
    border-top-color: #550A00;
}

.stock--red {
    background-color: #E10613;
}

.stock--pirple {
    background-color: #623180;
}

.stock--pirple::after {
    border-top-color: #302945;
}



@media screen and (max-width: 1787px) {
    .section-products__products {
        /* flex-direction: column; */
        align-items: center;
        gap: 20px;
    }

    .section-products__product-image {
        /* max-width: 450px; */
        max-width: 287px;
    }
}

@media screen and (max-width: 980px) {
    .section-products__products {
        flex-direction: column;
    }

    .section-products__product-image {
        max-width: 350px;
    }
}

@media screen and (max-width: 900px) {
    .section-products__box {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .section-products__box-left {
        width: 100%;
    }

    .section-products__box-right {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 812px) {
    .section-products__product-box {
        flex-direction: column;
    }

    .section-products__box-left {
        padding: 30px 40px 30px 40px;
    }
}

@media screen and (max-width: 515px) {
    .section-products__product-image {
        max-width: 270px;
    }
}

.section-other-news {
    background-image: url(../other_images/other-news.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 53px;
    padding-bottom: 42px;
    margin-top: 52px;
    position: relative;

    &::after {
        position: absolute;
        content: "";
        background-color: #231F20;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }
}

.section-other-news__content {
    position: relative;
    z-index: 2;
    padding: 47px 20px 54px 20px;
    background-color: rgba(255, 255, 255, 0.555);
    width: 100%;
    max-width: 755px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.section-other-news__title {
    font-weight: 700;
    font-size: clamp(28px, 4vw, 38px);
    line-height: clamp(35px, 4vw, 45px);
    color: #414042;
    max-width: 488px;
    text-align: center;
}

.tg-logo {
    margin-top: 50px;
    min-width: 96px;
    min-height: 96px;
}

.section-other-news__button {
    margin-top: 25px;
}

@media screen and (max-width: 500px) {
    .tg-logo {
        min-width: 70px;
        min-height: 70px;
        width: 70px;
        height: 70px;
    }
}





















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

.section-pay {
    padding: 84px 30px 112px 30px;
    background-color: #F1F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px;
    flex-direction: column;
}

.section-pay__title {
    text-align: center;
    font-weight: 700;
    color: #414042;
    font-size: clamp(26px, 4vw, 43px);
}

.section-pay__text {
    text-align: center;
    font-weight: 300;
    color: #414042;
    font-size: clamp(20px, 4vw, 32px);
    max-width: 1100px;
    line-height: clamp(33px, 4vw, 45px);
}

@media screen and (max-width: 600px) {
    .section-pay {
        padding: 50px 30px;
    }
}

#map {
    width: 670px;
    height: 568px;
}

.section-variants {
    padding: 76px 30px 122px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 74px;
}

.section-variants__title {
    font-weight: 700;
    font-size: clamp(26px, 4vw, 43px);
    color: #414042;

}

.section-variants__box-map {
    display: flex;
    align-items: flex-start;
    gap: 53px;
}

.section-variants__box-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
    counter-reset: item-counter;
}

.section-variants__box-item {
    display: flex;
    align-items: flex-start;
    gap: 27px;
    counter-increment: item-counter;

    &::before {
        content: counter(item-counter);
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #41357C;
        font-size: 22px;
        font-weight: 400;
        color: var(--white-color);
    }
}

.section-variants__box-title {
    font-weight: 700;
    font-size: clamp(19px, 4vw, 29px);
    color: #414042;
}

.section-variants__box-text {
    font-style: italic;
    font-weight: 400;
    font-size: clamp(15px, 4vw, 22px);
    margin-top: 24px;
    color: #414042;
}

.section-variants__box-add {
    font-weight: 300;
    font-size: clamp(19px, 4vw, 27px);
    color: #414042;
    margin-top: 23px;
    display: block;

    span {
        font-weight: 700;
    }
}

.section-variants__box-sub {
    max-width: 427px;
    font-weight: 300;
    margin-top: 24px;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(30px, 4vw, 40px);
}

@media screen and (max-width: 1000px) {
    .section-variants__box-map {
        flex-direction: column;
        width: 100%;
    }

    #map {
        width: 100%;
        height: 400px;
    }
}

@media screen and (max-width: 600px) {
    .section-variants__box-list {
        gap: 30px;
    }

    .section-variants {
        gap: 50px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.section-free {
    background-image: url(../other_images/free-delivery.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 30px 97px 30px;
    position: relative;

    &::before {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #231F20;
        opacity: 0.6;
        content: "";
    }
}

.section-free__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;

    & .section-free__text:nth-child(2) {
        margin-top: 37px;
    }

    & .section-free__text:nth-child(3) {
        margin-top: 21px;
    }

    & .section-free__text:nth-child(4) {
        margin-top: 66px;
        font-style: italic;
        line-height: clamp(35px, 4vw, 45px);
    }
}

.section-free__title {
    text-align: center;
    font-weight: 700;
    color: var(--white-color);
    font-size: clamp(26px, 4vw, 43px);
    line-height: clamp(33px, 4vw, 43px);

}

.section-free__text {
    max-width: 726px;
    width: 100%;
    margin: 0 auto;
    font-weight: 700;
    color: var(--white-color);
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(27px, 4vw, 32px);
    text-align: left;

    span {
        font-weight: 400;
    }
}

@media screen and (max-width: 600px) {
    .section-free {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.section-time-delivery {
    padding: 86px 30px 134px 30px;
    display: flex;
    flex-direction: column;
    gap: 85px;
    position: relative;

}

.section-time-delivery__content-time {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.content-time__text-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.content-time__title {
    font-weight: 700;
    font-size: clamp(27px, 4vw, 37px);
    color: #1A1A1A;
}

.content-time__list {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 910px;
}

.content-time__item {
    font-size: clamp(19px, 4vw, 29px);
    font-weight: 700;
    color: #414042;
    display: flex;
    align-items: flex-start;
    gap: 42px;
    line-height: clamp(27px, 4vw, 37px);

    &::before {
        content: url(../images/icon-accept.svg);
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }

    span {
        font-weight: 300;
    }
}

.section-time-delivery__content-warn {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 43px;
}

.content-warn__text-box {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.content-warn__text {
    max-width: 1090px;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(27px, 4vw, 37px);
    color: #414042;
    font-weight: 300;
}

.section-time-delivery__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1405px) {
    .section-time-delivery__image {
        width: 250px;
    }
}

@media screen and (max-width: 600px) {
    .content-time__item::before {
        width: 25px;
        height: 25px;
        min-width: 25px;
        min-height: 25px;
    }

    .section-time-delivery {
        padding-top: 40px;
        padding-bottom: 120px;
    }

    .section-time-delivery__image {
        width: 200px;
    }
}

.section-warn {
    padding: 111px 30px 130px 30px;
    background-color: #EDEBF5;
}

.section-warn__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 65px;
}

.section-warn__title {
    font-weight: 700;
    color: #414042;
    font-size: clamp(26px, 4vw, 43px);
    text-align: center;
    line-height: clamp(33px, 4vw, 43px);
}

.section-warn__box {
    display: flex;
    gap: 62px;
}

.section-warn__bell {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 8px;
    background-color: #63388C;

    img {
        min-width: 53px;
    }
}

.section-warn__text-box {
    display: flex;
    flex-direction: column;
    gap: 45px;
    max-width: 931px;
}

.section-warn__text {
    font-weight: 400;
    color: #414042;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(27px, 4vw, 37px);

    span {
        font-weight: 700;
    }
}

@media screen and (max-width: 600px) {
    .section-warn__bell {
        img {
            min-width: 33px;
        }
    }

    .section-warn {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-question {
    padding: 130px 30px 160px 30px;
    display: flex;
    align-items: flex-start;
    gap: 53px;
    justify-content: center;
}

.section-question__content {
    display: flex;
    flex-direction: column;
}

.section-question__title {
    font-weight: 700;
    font-size: clamp(21px, 4vw, 31px);
    line-height: clamp(30px, 4vw, 40px);
    color: #1A1A1A;
    max-width: 544px;
    text-align: center;
    margin-bottom: 27px;
}

.section-question__text {
    font-weight: 300;
    font-size: clamp(14px, 4vw, 22px);
    max-width: 544px;
    line-height: clamp(14px, 4vw, 22px);

    span {
        font-weight: 700;
        font-size: clamp(16px, 4vw, 24px);
        display: block;
    }

    strong {
        font-weight: 700;
    }

    .section-question__text--span {
        margin-top: 8px;
        margin-bottom: 24px;
    }

    .section-question__text--center {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 17px;
    }
}

.section-question__button {
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 270px;
    background-color: #4A2F75;
    font-weight: 300;
    font-size: clamp(16px, 4vw, 24px);
    color: var(--white-color);
    align-self: center;
}

.section-question__inp-box {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 27px;
}

.section-question__input {
    border: 1.5px solid #4A2F75;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 19px;
    padding-left: 11px;
    padding-right: 26px;
}

.section-question__input-flag {
    width: 23px;
    height: 23px;
    min-width: 23px;
    min-height: 23px;
}

.section-question__input-text {
    max-width: 211px;
    height: 32px;
    font-weight: 400;
    font-size: 27px;
    color: #231F20;

}

@media screen and (max-width: 1240px) {
    .section-question {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 632px) {
    .section-question__inp-box {
        flex-direction: column;
    }

    .section-question {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}















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

.section-projects {
    background-color: #F1F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 144px 20px 147px 20px;

}

.section-projects__text {
    color: #414042;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(35px, 4vw, 45px);
    max-width: 1128px;
    text-align: center;
    font-weight: 300;

    .strong {
        font-weight: 600;
    }
}

@media screen and (max-width: 600px) {
    .section-projects {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-value {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 141px 20px 153px 20px;
    background-image: url(../cooperation_images/section-value-image.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}

.section-value__title {
    color: var(--white-color);
    font-weight: 700;
    font-size: clamp(21px, 4vw, 31px);
    line-height: clamp(21px, 4vw, 31px);
    position: relative;
    z-index: 2;
}

.section-value__text {
    color: var(--white-color);
    font-weight: 500;
    font-size: clamp(21px, 4vw, 31px);
    line-height: clamp(37px, 4vw, 47px);
    position: relative;
    z-index: 2;
    max-width: 1080px;
}

@media screen and (max-width: 600px) {
    .section-value {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


.section-steps-work {
    background-color: var(--white-color);
    padding: 135px 20px 163px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-steps-work__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 94px 100px;
    max-width: 1105px;
}

.section-steps-work__step {
    display: flex;
    flex-direction: column;
}

.section-steps-work__step-point {
    display: flex;
    align-items: center;
    gap: 43px;
    align-self: center;
}

@media screen and (max-width: 768px) {
    .section-steps-work__step-point {
        justify-content: flex-start;
        width: 100%;
    }
}

.section-steps-work__step-point-elem {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #63388C;
    color: var(--white-color);
    font-size: clamp(21px, 4vw, 31px);
    line-height: clamp(21px, 4vw, 31px);
    font-weight: 400;

}

.section-steps-work__step-point-text {
    color: #414042;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 30px);
    line-height: clamp(30px, 4vw, 40px);
    max-width: 232px;

}



.section-steps-work__step-text-box {
    margin-top: 50px;
}

.section-steps-work__step-title {
    font-weight: 600;
    font-size: clamp(15px, 4vw, 22px);
    color: #414042;
}

.section-steps-work__step-list {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin-top: 20px;
}

.section-steps-work__step-elem {
    font-size: clamp(15px, 4vw, 22px);
    display: flex;
    align-items: flex-start;
    gap: 25px;
    font-weight: 300;
    color: #414042;

    .step-link {
        font-weight: 400;
        color: #63388C;
        text-decoration: underline;
    }

    .pirple {
        color: #63388C;
    }

    .step-elem-box {
        display: flex;
        align-items: flex-end;
        flex-direction: column;

        a {
            color: #414042;
        }
    }

    .step-strong {
        font-weight: 600;
    }


    &::before {
        content: "";
        width: 5px;
        height: 5px;
        min-width: 5px;
        min-height: 5px;
        background-color: #63388C;
        margin-top: 15px;
    }
}

.section-steps-work__step-elem--no-style::before {
    width: 0px;
    height: 0px;
    min-width: 0px;
    min-height: 0px;
    margin-left: 5px;
}

.section-steps-work__step-elem-arrows {
    display: flex;
    align-items: center;
    gap: 7px;
}

@media screen and (max-width: 1137px) {
    .section-steps-work__content {
        display: flex;
        flex-direction: column;
    }

    .section-steps-work__step:first-child {
        order: 1;
    }

    .section-steps-work__step:nth-child(2) {
        order: 3;
    }

    .section-steps-work__step:nth-child(3) {
        order: 2;
    }

    .section-steps-work__step:nth-child(4) {
        order: 4;
    }
}

@media screen and (max-width: 600px) {
    .section-steps-work {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-steps-work__step-text-box {
        margin-top: 20px;
    }
}

.section-agreement {
    padding: 93px 20px 88px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url(../cooperation_images/section-agreement.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    gap: 35px;


    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

}

.section-agreement__content {
    max-width: 1006px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
    z-index: 2;
    padding: 35px 20px 35px 20px;
    background-color: rgba(255, 255, 255, 0.304);
    color: var(--white-color);
    font-size: clamp(16px, 4vw, 29px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: 400;
    min-height: 125px;

    .strong {
        font-weight: 600;
    }
}

.section-condition {
    padding: 100px 20px 144px 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 49px;
}

.section-condition__tltle {
    font-size: clamp(26px, 4vw, 36px);
    line-height: clamp(26px, 4vw, 36px);
    color: #414042;
    font-weight: 600;
}

.section-condition__list {
    display: flex;
    flex-direction: column;
    gap: 26px;
    align-items: flex-start;
}

.section-condition__item {
    font-weight: 300;
    font-size: clamp(17px, 4vw, 24px);
    color: #414042;
    line-height: clamp(17px, 4vw, 24px);
    display: flex;
    align-items: center;
    gap: 43px;

    &::before {
        content: url(../images/icon-accept-fill.svg);
    }
}

.section_condition__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 854px) {
    .section_condition__image {
        width: 300px;
    }
}

@media screen and (max-width: 600px) {
    .section_condition__image {
        width: 250px;
    }

    .section-condition {
        padding-top: 40px;
        padding-bottom: 130px;
        gap: 30px;
    }
}

.section-guarantee {
    background-color: #EDEBF5;
    padding: 113px 20px 326px 20px;
    display: flex;
    flex-direction: column;
    gap: 55px;
}

.section-guarantee__line {
    width: 294px;
}

.section-guarantee__text {
    width: 333px;
    /* text-align: justify; */
    color: #000000;
    font-size: clamp(15px, 4vw, 25px);
    font-weight: 400;
    line-height: clamp(25px, 4vw, 35px);
}

.section-guarantee__box {
    gap: 48px;
}

.section-guarantee__elem {
    gap: 48px;
}

@media screen and (max-width: 1212px) {
    .section-guarantee__line {
        width: 1px;
    }

    .section-guarantee {
        gap: 100px;
    }

    .section-guarantee__text {
        width: 250px;
    }

    .section-guarantee {
        padding-top: 70px;
        padding-bottom: 130px;
    }
}

@media screen and (max-width: 707px) {
    .section-guarantee__box {
        padding-right: 200px;
    }
}

@media screen and (max-width: 481px) {
    .section-guarantee__text {
        width: 200px;
    }
}

.section-service {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 52px;
    padding: 110px 20px 178px 20px;
    background-image: url(../cooperation_images/service.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

}

.section-service__title {
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: clamp(27px, 4vw, 37px);
    line-height: clamp(27px, 4vw, 37px);
    color: var(--white-color);
}

.section-service__content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 21px;
}

.section-service__text {
    font-weight: 400;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(16px, 4vw, 26px);
    color: var(--white-color);
    text-align: center;

}

.section-service__circle {
    background-color: var(--white-color);
    width: 11px;
    height: 11px;
    min-width: 11px;
    min-height: 11px;
    border-radius: 50%;
}

@media screen and (max-width: 600px) {
    .section-service {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.section-proff {
    padding: 127px 0px 0px 0px;
}

.section-proff__title {
    text-align: center;
    font-weight: 600;
    font-size: clamp(27px, 4vw, 37px);
    color: #1A1A1A;
    line-height: clamp(27px, 4vw, 37px);
    padding: 0 20px;
}

.section-proff__sub {
    text-align: center;
    margin-top: 40px;
    font-weight: 400;
    color: #000000;
    font-size: clamp(23px, 4vw, 33px);
    line-height: clamp(23px, 4vw, 33px);
    padding: 0 20px;
}

.section-proff__content {
    margin-top: 100px;
}

.section-proff__box {
    padding-top: 200px;
    display: flex;
    flex-direction: column;
    padding-right: 40px;
    padding-left: 40px;
}

.section-proff__content-title {
    text-align: center;
    font-weight: 600;
    font-size: clamp(27px, 4vw, 37px);
    color: #000;
    line-height: clamp(27px, 4vw, 37px);
}

.section-proff__content-sub {
    margin-top: 83px;
    margin-bottom: 83px;
    text-align: center;
    font-weight: 400;
    font-size: clamp(23px, 4vw, 33px);
    color: #000;
    line-height: clamp(23px, 4vw, 33px);
}

.section-proff__down-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-top: 76px;
    gap: 54px;
    padding-bottom: 150px;
}

.section-proff__down-box-image {
    object-fit: contain;
    max-width: 550px;
    width: 100%;
}

.section-proff__down-box-right {
    display: flex;
    flex-direction: column;
}

.section-proff__down-box-right__text {
    max-width: 484px;
    text-align: justify;
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: 300;
    color: #414042;
}

.section-proff__down-box-right__link-box {
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    margin-top: 44px;
}

.section-proff__down-box-right__link {
    font-size: clamp(23px, 4vw, 33px);
    line-height: clamp(23px, 4vw, 33px);
    color: #63388C;
    font-weight: 400;
    text-align: center;
    text-decoration: underline !important;

    .strong {
        font-weight: 600;
    }
}

.section-proff__down-box-right__feedback-text {
    font-size: clamp(15px, 4vw, 22px);
    font-weight: 600;
    color: #1A1A1A;
    max-width: 250px;

    .small {
        font-size: clamp(12px, 4vw, 18px);
    }
}

.section-proff__down-box-right__feedback {
    align-self: center;
    margin-top: 53px;
    margin-bottom: 27px;
    font-weight: 300;
    font-size: clamp(15px, 4vw, 24px);
    line-height: clamp(15px, 4vw, 24px);
    color: #414042;
    text-decoration: underline;
}

.section-proff__inp-box {
    align-items: flex-start;
}

@media screen and (max-width: 1500px) {
    .section-proff__box {
        padding-top: 300px;
    }
}

@media screen and (max-width: 1227px) {
    .section-work:has(.section-proff__box) {
        clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0% 10%);
    }

    .section-proff__box {
        padding-top: 200px;
    }

}

@media screen and (max-width: 1321px) {
    .section-proff__down-box {
        flex-direction: column;
        align-items: center;
    }

    .section-proff__content-title {
        max-width: 1000px;
        text-align: center;
        margin: 0 auto;
    }
}

.entrance-wrap.al-center.d-none-xs {
    margin-left: 0 !important;
}




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


.section-metal {
    background-color: #F1F2F2;
    padding: 124px 20px 130px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex-direction: column;
}

.section-metal__title {
    text-align: center;
    font-weight: 700;
    color: #414042;
    font-size: clamp(26px, 4vw, 43px);
    line-height: clamp(33px, 4vw, 43px);

}

.section-metal__text {
    text-align: left;
    font-weight: 300;
    color: #414042;
    font-size: clamp(20px, 4vw, 32px);
    max-width: 1158px;
    line-height: clamp(35px, 4vw, 45px);

    span {
        font-weight: 600;
    }
}

@media screen and (max-width: 600px) {
    .section-metal {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-our-design {
    padding: 138px 20px 117px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 57px;
}

.section-our-design__image {}

.section-our-design__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 62px;
}

.section-our-design__text {
    font-weight: 300;
    font-size: clamp(14px, 4vw, 24px);
    color: #414042;
    line-height: clamp(24px, 4vw, 34px);
    max-width: 550px;
    text-align: center;
}

.section-our-design__list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.section-our-design__elem {
    font-weight: 600;
    font-size: clamp(14px, 4vw, 24px);
    color: #414042;
    line-height: clamp(24px, 4vw, 34px);
    max-width: 435px;
    display: flex;
    align-items: flex-start;
    gap: 19px;

    &::before {
        content: url(../metal_images/icon-pirple-accept.svg);

    }
}

@media screen and (max-width: 1000px) {
    .section-our-design {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .section-our-design {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-our-choose {
    position: relative;
}

.section-our-choose__box {
    padding: 155px 20px 166px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 67px;
}

.section-our-choose__title {
    font-weight: 600;
    font-size: clamp(26px, 4vw, 36px);
    color: #414042;
    text-align: center;
}

.section-our-choose__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 61px 81px;
}

.section-our-choose__elem {
    max-width: 447px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 52px;
}

.section-our-choose__text {
    text-align: center;
    font-weight: 400;
    font-size: clamp(18px, 4vw, 28px);
    color: #414042;
    line-height: clamp(28px, 4vw, 38px);
}

.section-our-choose__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1430px) {
    .section-our-choose__image {
        width: 250px;
    }
}

@media screen and (max-width: 653px) {
    .section-our-choose__box {
        padding-top: 200px;
    }

    .section-work:has(.section-our-choose__box) {
        clip-path: polygon(50% 0%, 100% 10%, 100% 100%, 0 100%, 0% 10%);
    }
}

.section-our-features {
    padding: 120px 20px 120px 20px;
    display: flex;
    flex-direction: column;
    gap: 58px;
    align-items: center;
    justify-content: center;

    background-image: url(../metal_images/our-feature.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}

.section-our-features__title {
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: clamp(26px, 4vw, 43px);
    text-align: center;
    line-height: clamp(33px, 4vw, 43px);
    color: var(--white-color);
}

.section-our-features__list {
    position: relative;
    z-index: 2;
    max-width: 1160px;
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.section-our-features__elem {
    font-size: clamp(18px, 4vw, 33px);
    font-weight: 600;
    color: var(--white-color);
    line-height: clamp(29px, 4vw, 49px);
    display: flex;
    align-items: flex-start;
    gap: 38px;

    &::before {
        content: url(../metal_images/icon-accept-white.svg);
    }
}

.section-catalog__box {
    clip-path: polygon(100% 0, 100% 80%, 48% 100%, 0 80%, 0 0);
    background-color: #EDEBF5;
}

.section-catalog__container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 104px;
    padding: 106px 20px 242px 20px;
}

.section-catalog__text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 55px;
}

.section-catalog__text {
    max-width: 525px;
    text-align: center;
    font-size: clamp(19px, 4vw, 29px);
    font-weight: 400;
    color: #000000;
    line-height: clamp(29px, 4vw, 39px);
}

.section-catalog__btn {
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 416px;
    border: 1.3px solid #4A2F75;
    color: #63388C;
    text-decoration: underline;
    font-size: clamp(19px, 4vw, 29px);
    font-weight: 400;
}

.section-catalog__image-box {
    position: relative;
}

.section-catalog__image-relative {
    position: absolute;
    left: -50px;
    z-index: 2;
    bottom: -50px;
    max-width: 284px;
    min-height: 227px;
    object-fit: cover;
}

@media screen and (max-width: 1000px) {
    .section-catalog__container {
        flex-direction: column;
        gap: 40px;
    }
}

@media screen and (max-width: 682px) {
    .section-catalog__image-relative {
        left: 50%;
        bottom: -85px;
        transform: translateX(-50%);
        max-width: 260px;
        min-height: 0;
    }

    .section-catalog__container {
        padding-top: 40px;
    }
}

.section-order-metal {
    padding: 190px 20px 200px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 55px;
    position: relative;
}

.section-order-metal__image {}

.section-order-metal__content {
    display: flex;
    flex-direction: column;
}

.section-order-metal__title {
    font-weight: 600;
    font-size: clamp(21px, 4vw, 31px);
    color: #1A1A1A;
    text-align: center;
    margin-bottom: 26px;
}

.section-order-metal__text {
    font-weight: 300;
    font-size: clamp(16px, 4vw, 22px);
    color: #231F20;
    line-height: clamp(26px, 4vw, 32px);
    max-width: 509px;
}

.section-order-metal__text--center {
    align-self: center;
}

.section-order-metal__btn {
    height: 61px;
    align-self: center;
    width: 100%;
    max-width: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4A2F75;
    color: var(--white-color);
    font-weight: 300;
    font-size: clamp(16px, 4vw, 25px);
    margin-top: 30px;
    margin-bottom: 40px;
}

.section-order-metal__link {
    font-weight: 600;
    font-size: clamp(18px, 4vw, 28px);
    color: #63388C;
    margin-top: 28px;
    margin-bottom: 44px;
    align-self: center;
}

.section-order-metal__text-strong {
    align-self: center;
    text-align: center;
    font-weight: 600;
    font-size: clamp(16px, 4vw, 24px);
    color: #231F20;
}

.section-order-metal__image-absolute {
    left: 0;
    bottom: 0;
    position: absolute;
}

@media screen and (max-width: 1000px) {
    .section-order-metal {
        flex-direction: column;
        padding-top: 40px;

    }
}

@media screen and (max-width: 600px) {
    .section-order-metal {
        padding-bottom: 140px;
    }

    .section-order-metal__image-absolute {
        max-width: 200px;
    }
}



/**/



.section-prod {
    background-color: #F1F2F2;
    padding: 125px 20px 154px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-prod__title {
    font-size: clamp(29px, 4vw, 39px);
    line-height: clamp(29px, 4vw, 39px);
    color: #414042;
    font-weight: 600;
    text-align: center;
}

.section-prod__sub {
    font-size: clamp(25px, 4vw, 35px);
    line-height: clamp(35px, 4vw, 45px);
    color: #414042;
    font-weight: 600;
    margin-top: 35px;
    max-width: 650px;
    text-align: center;
}

.section-prod__text {
    max-width: 1158px;
    margin-top: 50px;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(35px, 4vw, 45px);
    font-weight: 300;
    color: #414042;

    span {
        font-weight: 600;
    }
}

.section-simple-sol {
    padding: 173px 20px 141px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
    background-image: url(../prod_images/simple-sol.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}

.section-simple-sol__title {
    position: relative;
    z-index: 2;
    color: var(--white-color);
    font-size: clamp(26px, 4vw, 43px);
    line-height: clamp(33px, 4vw, 43px);
    font-weight: 600;
    text-align: center;
}

.section-simple-sol__text {
    position: relative;
    z-index: 2;
    color: var(--white-color);
    font-size: clamp(21px, 4vw, 33px);
    line-height: clamp(37px, 4vw, 47px);
    font-weight: 600;
    max-width: 1133px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .section-prod {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-simple-sol {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-catalog-sol {
    padding: 93px 20px 123px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 164px;
    background-image: url(../prod_images/linear-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.section-catalog-sol__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 53px;
    color: var(--white-color);
    z-index: 2;
}

.section-catalog-sol__box a {
    color: var(--white-color);
}

.section-catalog-sol__title {
    font-size: clamp(24px, 4vw, 34px);
    font-weight: 600;

}

.section-catalog-sol__btn {
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 273px;
    border: 1px solid var(--white-color);
    font-size: clamp(18px, 4vw, 28px);
    font-weight: 300;
    text-decoration: underline;
}

.section-catalog-sol__image {
    max-width: 634px;
}

.section-catalog-sol__img {
    position: absolute;
    right: 0;
    bottom: -6px;
}

@media screen and (max-width: 1200px) {
    .section-catalog-sol__image {
        max-width: 400px;
    }

    .section-catalog-sol__img {
        max-width: 400px;
    }
}

@media screen and (max-width: 890px) {
    .section-catalog-sol {
        flex-direction: column;
        gap: 40px;
    }
}

@media screen and (max-width: 628px) {
    .section-catalog-sol__img {
        max-width: 300px;
    }

    .section-catalog-sol__image {
        max-width: 300px;
    }
}

.section-abilities {
    background-color: #EDEBF5;
    padding: 125px 20px 160px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-abilities__title {
    font-weight: 600;
    font-size: clamp(26px, 4vw, 36px);
    line-height: clamp(26px, 4vw, 36px);
    color: #414042;
    text-align: center;
}

.section-abilities__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 85px;
}

.section-abilities__elem {
    display: flex;
    width: 100%;
    justify-content: center;
    max-width: 1160px;
    margin: 0 auto;
}

.section-abilities__elem-text-box {
    background: var(--white-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 45px;
    flex: 0 1 50%;
}

.section-abilities__elem-title {
    max-width: 400px;
    font-weight: 600;
    color: #414042;
    font-size: clamp(17px, 4vw, 25px);
    text-align: center;
}

.section-abilities__elem-list {
    max-width: 450px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.section-abilities__elem-list-elem {
    font-weight: 300;
    font-size: clamp(14px, 4vw, 22px);
    color: #414042;
    display: flex;
    align-items: flex-start;
    gap: 21px;

    &::before {
        content: url("../prod_images/icon-purple-accept.svg");

    }
}

.section-abilities__text {
    max-width: 1021px;
    color: #414042;
    font-weight: 400;
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(32px, 4vw, 42px);
    margin-top: 146px;
    text-align: center;
}

.section-abilities__elem__image {
    flex: 0 1 50%;
    width: 50%;
}

@media screen and (max-width: 1000px) {
    .section-abilities__elem {
        flex-direction: column;
    }

    .section-abilities__elem__image {
        width: 100%;
        order: 1;
        max-height: 300px;
        object-fit: cover;
    }

    .section-abilities__elem-text-box {
        order: 2;
        gap: 20px;
        padding: 20px;
    }
}

@media screen and (max-width: 600px) {
    .section-abilities {
        padding: 40px 20px 40px 20px;
    }

    .section-abilities__content {
        margin-top: 40px;
    }

    .section-abilities__text {
        margin-top: 40px;
    }
}

.section-individual {
    padding: 217px 20px 194px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../prod_images/individual.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    gap: 42px;

    &::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-color: #231f20af;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

}

.section-individual__title {
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: clamp(25px, 4vw, 35px);
    line-height: clamp(25px, 4vw, 35px);
    color: var(--white-color);
    text-align: center;

}

.section-individual__text {
    position: relative;
    z-index: 2;
    font-weight: 400;
    font-size: clamp(24px, 4vw, 34px);
    line-height: clamp(35px, 4vw, 45px);
    color: var(--white-color);
    max-width: 974px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .section-individual {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-open-prod {
    padding: 165px 20px 95px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 162px;
    position: relative;
}

.section-open-prod__content {
    display: flex;
    align-items: flex-start;
    gap: 162px;
}

.section-open-prod__image-box {
    position: relative;
}

.section-open-prod__image-1 {
    max-width: 475px;
}

.section-open-prod__image-2 {
    max-width: 330px;
    position: absolute;
    right: -100px;
    bottom: -180px;
}

.section-open-prod__list {
    display: flex;
    flex-direction: column;
    max-width: 522px;
    gap: 24px;
}

.section-open-prod__elem {
    font-weight: 400;
    font-size: clamp(17px, 4vw, 27px);
    color: #414042;
    line-height: clamp(27px, 4vw, 37px);
    display: flex;
    align-items: flex-start;
    gap: 25px;

    &::before {
        content: "";
        width: 11px;
        height: 11px;
        background-color: #4A2F75;
        min-width: 11px;
        min-height: 11px;
        border-radius: 50%;
        position: relative;
        top: 15px;
    }
}

.section-open-prod__down-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 73px;
}

.section-open-prod__text {
    max-width: 992px;
    color: #414042;
    font-weight: 400;
    font-size: clamp(32px, 4vw, 42px);
    line-height: clamp(52px, 4vw, 62px);
    text-align: center;
}

.section-open-prod__image-city {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1000px) {
    .section-open-prod__content {
        flex-direction: column;
    }

    .section-open-prod__image-2 {
        bottom: -50px;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-open-prod__content {
        gap: 100px;
        align-items: center;
    }

    .section-open-prod {
        gap: 80px;
    }

    .section-open-prod__image-city {
        width: 300px;
    }
}

@media screen and (max-width: 600px) {
    .section-open-prod {
        padding-top: 40px;
        padding-bottom: 150px;
    }

    .section-open-prod__image-1 {
        width: 300px;
    }

    .section-open-prod__image-2 {
        width: 150px;
    }

    .section-open-prod__down-box {
        gap: 30px;
    }
}

.section-why-promira__box {
    background-color: #F1F2F2;
    padding: 122px 20px 215px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-why-promira__title {
    font-weight: 600;
    font-size: clamp(26px, 4vw, 38px);
    color: #414042;
    text-align: center;
    line-height: clamp(28px, 4vw, 38px);
}

.section-why-promira__content {
    display: flex;
    align-items: center;
    gap: 212px;
    margin-top: 84px;
}

.section-why-promira__content-box {
    display: flex;
    flex-direction: column;
    gap: 54px;
}

.section-why-promira__text {
    font-weight: 400;
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(32px, 4vw, 42px);
    text-align: center;
    max-width: 481px;
    color: #414042;

    span {
        font-weight: 600;
    }
}

.section-why-promira__btn {
    height: 61px;
    align-self: center;
    width: 100%;
    max-width: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4A2F75;
    color: var(--white-color);
    font-weight: 300;
    font-size: clamp(16px, 4vw, 25px);
    margin-top: 30px;
    margin-bottom: 40px;
    text-decoration: underline !important;
}

.section-why-promira__content-image-box {
    position: relative;
}

.section-why-promira__image-2 {
    position: absolute;
    left: -140px;
    bottom: -60px;
}

@media screen and (max-width: 1000px) {
    .section-why-promira__content {
        flex-direction: column;
        gap: 40px;
    }

    .section-why-promira__image-2 {
        position: absolute;
        left: 50%;
        bottom: -60px;
        transform: translateX(-50%);
    }

    .section-why-promira__content-box {
        gap: 20px;
    }

    .section-why-promira__content {
        margin-top: 40px;
    }
}

@media screen and (max-width: 600px) {
    .section-why-promira__image-1 {
        width: 250px;
    }

    .section-why-promira__image-2 {
        width: 150px;
    }
}

.section-promira-list {
    padding: 160px 20px 141px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-promira-list__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 112px 67px;
}

.section-promira-list__elem {
    display: flex;
    align-items: flex-start;
    gap: 34px;

    &::before {
        content: url(../metal_images/icon-pirple-accept-fill.svg);
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
    }
}

.section-promira-list__elem-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 460px;
}

.section-promira-list__elem-title {
    font-weight: 600;
    font-size: clamp(18px, 4vw, 28px);
    color: #414042;
}

.section-promira-list__elem-text {
    font-weight: 400;
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(28px, 4vw, 38px);
    color: #414042;
}

@media screen and (max-width: 900px) {
    .section-promira-list__list {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 600px) {

    .section-promira-list {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.section-promira-found {
    padding: 133px 20px 162px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EDEBF5;
    position: relative;
}

.section-promira-found__title {
    font-weight: 600;
    font-size: clamp(26px, 4vw, 43px);
    color: #414042;
    text-align: center;
    line-height: clamp(33px, 4vw, 43px);
}

.section-promira-found__box {
    display: flex;
    align-items: center;
    gap: 178px;
    margin-top: 72px;
}

.section-promira-found__box-elem {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
}

.section-promira-found__box-elem-btn {
    background-color: #4A2F75;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 108px;
    height: 108px;
}

.section-promira-found__text {
    max-width: 307px;
    text-align: center;
    font-size: clamp(17px, 4vw, 27px);
    line-height: clamp(27px, 4vw, 37px);
    font-weight: 400;
    color: #414042;
}

.section-promira-found__link {
    font-weight: 600;
    color: #4A2F75;
    font-size: clamp(18px, 4vw, 28px);
    text-decoration: underline !important;
    text-align: center;
}

.section-promira-found__text-link {
    max-width: 400px;
    text-align: center;
    font-weight: 600;
    font-size: clamp(17px, 4vw, 27px);
    color: #414042;
    line-height: clamp(27px, 4vw, 37px);
    text-decoration: underline;
}

.section-promira-found-primary-text {
    margin-top: 96px;
    max-width: 973px;
    text-align: center;
    font-weight: 600;
    font-size: clamp(20px, 4vw, 34px);
    color: #414042;
    line-height: clamp(31px, 4vw, 54px);
}

.section-promira-found__image {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media screen and (max-width: 950px) {
    .section-promira-found__image {
        width: 250px;
    }
}

@media screen and (max-width: 700px) {
    .section-promira-found__box {
        flex-direction: column;
        gap: 40px;
    }

    .section-promira-found__box {
        margin-top: 40px;
    }

    .section-promira-found-primary-text {
        margin-top: 40px;
    }

    .section-promira-found__image {
        width: 200px;
    }

    .section-promira-found {
        padding-top: 60px;
    }
}





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

.section-text-gray {
    padding: 100px 0 158px;
    background-color: var(--gray-color);
}

.text-gray-img {
    width: 100%;
    max-width: 80px;
    margin: 0 auto;
}

.title-text-gray {
    line-height: 1;
    color: #414042;
    margin-top: 41px;
}

.text-text-gray {
    font-size: clamp(20px, 4vw, 35px);
    font-weight: 700;
    text-align: center;
    color: #414042;
    margin-top: 32px;
}



.section-destribution {
    background-color: #F1F2F2;
    padding: 99px 20px 160px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 41px;
}

.section-destribution__image {
    width: 80px;
}

.section-destribution__text-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.section-destribution__title {
    font-weight: 700;
    font-size: clamp(30px, 4vw, 43px);
    line-height: clamp(43px, 4vw, 53px);
    color: #414042;
    text-align: center;
}

.section-destribution__text {
    text-align: center;
    font-weight: 700;
    font-size: clamp(21px, 4vw, 35px);
    line-height: clamp(35px, 4vw, 45px);
    color: #414042;
}

@media screen and (max-width: 600px) {
    .section-destribution {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.section-brands {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 93px;
    padding: 147px 20px 191px 20px;
    position: relative;
}

.section-brands__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    color: #414042;
    line-height: clamp(32px, 4vw, 52px);
    max-width: 1020px;
    text-align: center;
}

.section-brands__box {
    display: flex;
    flex-direction: column;
    gap: 39px;
    align-items: center;
}

.section-brands__text {
    font-weight: 300;
    color: #414042;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(26px, 4vw, 36px);
    text-align: center;
}

.section-brands__list {
    display: flex;
    flex-direction: column;
    gap: 27px;
    max-width: 940px;
}

.section-brands__elem {
    font-weight: 300;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(26px, 4vw, 36px);
    color: #414042;
    display: flex;
    align-items: flex-start;
    gap: 51px;

    &::before {
        content: url(../certificate_images/icon-list.svg);

    }

    span {
        font-weight: 700;
    }
}

.section-brands__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1000px) {
    .section-brands__image {
        width: 250px;
    }
}

@media screen and (max-width: 600px) {
    .section-brands {
        padding-top: 40px;
        gap: 40px;
    }
}

.section-get {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 61px;
    padding: 137px 20px 176px 20px;
    background-color: #EDEBF5;
}

.section-get__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(32px, 4vw, 42px);
    color: #414042;
    text-align: center;
}

.section-get__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 82px 123px;
}

.section-get__elem {
    display: flex;
    flex-direction: column;
    gap: 23px;
    align-items: center;
}

.section-get__elem-image {
    width: 60px;
}

.section-get__elem-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.section-get__elem-title {
    font-weight: 700;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(16px, 4vw, 26px);
    color: #414042;
    text-align: center;
}

.section-get__elem-text {
    font-weight: 300;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(16px, 4vw, 26px);
    color: #414042;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .section-get {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .section-get__list {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
}


.section-you-result {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding: 253px 20px 253px 20px;
    background-image: url(../certificate_images/sect-result.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;

    &::after {
        position: absolute;
        content: "";
        background-color: #231F20;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }

}

.section-you-result__title {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 34px);
    line-height: clamp(44px, 4vw, 54px);
    color: var(--white-color);
    text-align: center;
}

.section-you-result__text {
    max-width: 1100px;
    text-align: center;
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 34px);
    line-height: clamp(44px, 4vw, 54px);
    color: var(--white-color);
}

@media screen and (max-width: 600px) {
    .section-you-result {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}

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

.section-certificate__container {
    padding: 160px 20px 350px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 120px;
}

.section-certificate__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    text-align: center;
    line-height: clamp(33px, 4vw, 42px);
    color: #000;
}

.section-certificate__image-box {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    display: flex;
    overflow: auto;
    position: relative;
}

.section-certificate__image-elem {
    width: 450px;
    height: 600px;
    transition: 0.3s ease-in-out;

    &:hover {
        transform: translateX(-110px);
    }

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

.section-certificate__image-elem--active {
    z-index: 1000 !important;
    transform: translateY(100px) translateX(-200px) !important;
}

@media screen and (max-width: 600px) {
    .section-certificate__image-elem {
        width: 250px;
        height: 400px;
    }

    .section-certificate__container {
        padding-top: 50px;
        gap: 40px;
    }
}

.section-certificate__teleport-box {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
    position: relative;
}

.section-certificate__down {
    margin-top: 102px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 188px;
    padding-bottom: 221px;
}

.section-certificate__down-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 48px;
    width: 100%;
    max-width: 400px;
}

.section-certificate__btn {
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #4A2F75;
    color: var(--white-color);
    width: 100%;
    max-width: 400px;
    font-weight: 400;
    font-size: clamp(18px, 4vw, 28px);
    text-decoration: underline !important;
}

@media screen and (max-width: 1118px) {
    .section-certificate__down {
        flex-direction: column;
        gap: 40px;
        margin-top: 50px;
        padding: 0 20px;
        padding-bottom: 40px;
    }
}

.section-certificate__image-elem--fixed {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.329);
    z-index: 1000;
    transition: 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;


    img {
        width: 450px;
        height: 600px;
        object-fit: cover;
    }
}

@media screen and (max-width: 600px) {
    .section-certificate__image-elem--fixed {

        img {
            width: 250px;
            height: 400px;
        }
    }
}

.hidden {
    display: none;
}








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

.section-distribution {
    background-color: #F1F2F2;
    padding: 138px 20px 281px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section-distribution__title {
    font-weight: 700;
    font-size: clamp(26px, 4vw, 43px);
    line-height: clamp(38px, 4vw, 53px);
    color: #414042;
    text-align: center;
}

.section-distribution__text {
    font-size: clamp(17px, 4vw, 35px);
    line-height: clamp(30px, 4vw, 50px);
    font-weight: 400;
    max-width: 838px;
    color: #414042;

    span {
        font-weight: 700;
    }
}

.section-distribution__text-small {
    font-weight: 300;
    font-size: clamp(17px, 4vw, 32px);
    line-height: clamp(32px, 4vw, 47px);
    color: #414042;
    max-width: 1096px;

    span {
        font-weight: 700;
    }
}

.center {
    text-align: center;
}

.mt-40 {
    margin-top: 40px;
}

.mt-44 {
    margin-top: 44px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-47 {
    margin-top: 47px;
}

.section-distribution__btn {
    height: 61px;
    background-color: #4A2F75;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 386px;
    margin-top: 84px;
    font-weight: 300;
    font-size: clamp(14px, 4vw, 24px);
    color: var(--white-color);
}

@media screen and (max-width: 600px) {
    .section-distribution {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

.section-distr-promira {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 150px 20px 181px 20px;
    position: relative;
}

.section-distr-promira__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    line-height: clamp(37px, 4vw, 47px);
    color: #414042;
    text-align: center;
}

.section-distr-promira__list {
    display: flex;
    flex-direction: column;
    gap: 37px;
    margin-top: 61px;
    max-width: 900px;
}

.section-distr-promira__elem {
    font-weight: 300;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(29px, 4vw, 41px);
    color: #414042;
    display: flex;
    align-items: center;
    gap: 45px;

    span {
        font-weight: 700;
    }

    &::before {
        content: url(../certificate_images/icon-list.svg);
    }
}

.section-distr-promira__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 1000px) {
    .section-distr-promira__image {
        width: 250px;
    }
}

@media screen and (max-width: 600px) {
    .section-distr-promira {
        padding-top: 60px;
        padding-bottom: 160px;
    }
}

.section-projects-distr {
    padding: 205px 20px 176px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    background-image: url(../distribution_images/distr-project.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;

    &::after {
        position: absolute;
        content: "";
        background-color: #231F20;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
    }
}

.section-projects-distr__text {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: clamp(19px, 4vw, 29px);
    line-height: clamp(32px, 4vw, 45px);
    color: var(--white-color);
    max-width: 914px;
    text-align: center;
}

@media screen and (max-width: 600px) {
    .section-projects-distr {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.section-distr-what__container {
    padding: 131px 20px 212px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 71px;
}

.section-distr-what__title {
    color: #414042;
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    text-align: center;
    line-height: clamp(32px, 4vw, 42px);
}

.section-distr-what__list {
    display: flex;
    flex-direction: column;
    gap: 46px;
}

.section-distr-what__elem {
    display: flex;
    align-items: flex-start;
    gap: 65px;
}

.section-distr-what__image {
    width: 96px;
    height: 81px;
}

.section-distr-what__text {
    max-width: 745px;
    font-weight: 400;
    color: #000;
    font-size: clamp(16px, 4vw, 26px);
    line-height: clamp(30px, 4vw, 40px);

    span {
        font-weight: 700;
    }
}

@media screen and (max-width: 900px) {
    .section-catalog__box:has(.section-distr-what__container) {
        clip-path: polygon(100% 0, 100% 100%, 48% 100%, 0 100%, 0 0);
    }
}



@media screen and (max-width: 600px) {
    .section-distr-what__container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .section-distr-what__elem {
        gap: 30px;
    }
}

.section-male {
    padding: 75px 20px 160px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 131px;
    max-width: 1160px;
    margin: 0 auto;
}

.section-male__box {
    background-color: #F1F2F2;
    padding: 24px 20px 24px 20px;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 50px;
}

@media screen and (max-width: 600px) {
    .section-male__box {
        gap: 29px;
    }
}


.section-male__box-image {
    width: 40px;
    height: 50px;
}

.section-male__box-text {
    font-weight: 700;
    font-size: clamp(14px, 4vw, 29px);
    line-height: clamp(29px, 4vw, 39px);
}

.section-male__container {
    display: flex;
    align-items: center;
    gap: 62px;
}

.section-male__container-image {
    max-width: 527px;
    width: 100%;
}

.section-male__container-text-box {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}

.section-male__container-title {
    font-size: clamp(22px, 4vw, 32px);
    text-align: center;
    color: #414042;
    font-weight: 700;
    line-height: clamp(32px, 4vw, 42px);
}

.section-male__container_text {
    font-size: clamp(16px, 4vw, 26px);
    color: #414042;
    font-weight: 400;
    line-height: clamp(29px, 4vw, 41px);
}

@media screen and (max-width: 1000px) {
    .section-male__container {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .section-male {
        padding-top: 60px;
        padding-bottom: 60px;
        gap: 50px;
    }
}

.section-partners {
    padding: 143px 20px 164px 20px;
    background-color: #EDEBF5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 70px;
    position: relative;
}

.section-partners__title {
    font-weight: 700;
    font-size: clamp(22px, 4vw, 32px);
    text-align: center;
    line-height: clamp(32px, 4vw, 42px);
    color: #414042;
}

.section-partners__box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 1160px;
    width: 100%;
}

.section-partners__elem {
    width: 100%;
    background-color: var(--white-color);
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEBF5;
    transition: border-color 0.3s ease-in-out;
    cursor: pointer;

    &:hover {
        border-color: #42357C;
        border-width: 3px;
    }

    &.empty {
        opacity: 0;
        visibility: hidden;
    }
}

.section-partners__elem-image {
    width: auto;
}

.section-partners__image {
    position: absolute;
    left: 0;
    bottom: 0;
}

@media screen and (max-width: 1000px) {
    .section-partners__box {
        grid-template-columns: repeat(3, 1fr);
    }

    .section-partners__elem.empty {
        display: none;
    }

    .section-partners__image {
        width: 200px;
    }
}

@media screen and (max-width: 700px) {
    .section-partners__box {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .section-partners {
        padding-top: 60px;
    }
}

@media screen and (max-width: 450px) {
    .section-partners__box {
        grid-template-columns: repeat(1, 1fr);
    }
}

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


.section-office {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.section-office__box {
    display: flex;
    align-items: center;
    width: 100%;
}

.section-office__image {
    width: 50%;
    height: 650px;
    object-fit: cover;
}

.section-office__box-text {
    display: flex;
    flex-direction: column;
    width: 50%;
}

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

.section-office__title {
    color: #414042;
    font-size: clamp(21px, 4vw, 31px);
    font-weight: 700;
    line-height: clamp(31px, 4vw, 41px);
    /* max-width: 367px; */
    max-width: 400px;
}

.section-office__text {
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(25px, 4vw, 35px);
    color: #414042;
    font-weight: 300;

    span {
        font-weight: 700;
    }
}

.mt-37 {
    margin-top: 37px;
}

.mt-9 {
    margin-top: 9px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-18 {
    margin-top: 17px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-27 {
    margin-top: 27px;
}

.ml-73 {
    padding-left: 73px;
    padding-right: 20px;
}

.mr-73 {
    padding-right: 73px;
    padding-left: 20px;
}

.section-office__text-small {
    font-size: clamp(15px, 4vw, 19px);
    line-height: clamp(20px, 4vw, 24px);
    color: #414042;
    font-weight: 400;
}

.section-office__link {
    color: #2E3192;
    font-weight: 300;
    text-decoration: underline !important;
    font-size: clamp(16px, 4vw, 23px);
    line-height: clamp(21px, 4vw, 28px);

    span {
        font-weight: 700;
    }
}

.max-400 {
    max-width: 450px;
}


@media screen and (max-width: 1000px) {
    .section-office__box {
        flex-direction: column;
    }

    .section-office__image {
        order: 1;
        width: 100%;
        height: auto;
    }

    .section-office__box-text {
        order: 2;
        width: 100%;
        padding: 20px;
        align-items: flex-start;
    }
}

#map.map-address {
    width: 100%;
}



.section-drive {
    margin-top: 51px;
}

.section-drive__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 146px 20px 173px 20px;
}

.section-drive__title {
    font-weight: 700;
    font-size: clamp(21px, 4vw, 31px);
    line-height: clamp(25px, 4vw, 35px);
    text-align: center;
    color: #414042;
}

.section-drive__video-box {
    display: flex;
    align-items: flex-start;
    gap: 45px;
    margin-top: 88px;
}

.section-drive__video {
    width: 100%;
    max-width: 580px;
}

.section-drive__video-text-box {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.section-drive__video-title {
    font-weight: 700;
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(20px, 4vw, 30px);
    color: #414042;
}

.section-drive__video-text {
    max-width: 534px;
    font-weight: 400;
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(28px, 4vw, 38px);
    color: #414042;
}

.section-drive__text-box {
    margin-top: 58px;
    display: flex;
    flex-direction: column;
    gap: 23px;
    align-self: flex-start;
    width: 100%;
    max-width: 1150px;
    margin: 58px auto 0 auto;
}

.section-drive__text-box-title {
    font-weight: 700;
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(20px, 4vw, 30px);
    color: #414042;
}

.section-drive__text-box-text {
    max-width: 904px;
    font-weight: 400;
    /* font-style: italic; */
    font-size: clamp(18px, 4vw, 28px);
    line-height: clamp(35px, 4vw, 45px);
    color: #414042;

    span {
        font-weight: 600;
    }
}

@media screen and (max-width: 1000px) {
    .section-drive__video-box {
        flex-direction: column;
        width: 100%;
        align-items: center;
        margin-top: 30px;
    }
}

.tel-office__text {
    margin-left: 56px;
}

@media screen and (max-width: 600px) {
    .section-drive__container {
        padding-bottom: 100px;
    }

    .tel-office__text {
        margin-left: 36px;
    }

    .subscribe-news-title {
        font-size: clamp(24px, 4vw, 38px);
        line-height: 28px;
    }
}


@media (min-width: 1240px) {
    .inline-search-show {
        display: none;
    }
}

.search-wrapper-modal {
    background-color: var(--white-color);
    padding: 12px;
}

.btn-search-modal {
    padding: 6px 10px;
    background-color: var(--dark-purple);
    color: var(--white-color);
}

.svg-inline-search {
    width: 18px;
}

.search-button-div {
    padding-left: 20px;
}

/* Стили для модального окна */
.search-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10000;
    overflow: hidden;
}

.search-wrapper-modal {
    background-color: var(--white-color);
    padding: 12px;
    transform: translateY(-100%);
    transition: transform 0.4s ease-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.search-modal.active .search-wrapper-modal {
    transform: translateY(0);
}

/* Стили для элементов формы */
.search-input-modal {
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
}

.search-input-modal:focus {
    border-color: var(--dark-purple);
}

.btn-search-modal {
    padding: 6px 10px;
    background-color: var(--dark-purple);
    color: var(--white-color);
    border: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

.btn-search-modal:hover {
    background-color: #3a2068;
}

.close-modal {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.svg-close {
    width: 16px;
}



.modal-open {
    overflow: hidden;
}

.h-fw-700 {
    font-weight: 500;
    color: var(--dark-purple);
}

/*******************/
/* Стили для псевдо-селекта */
.pseudo-select {
    position: relative;
    width: 100%;
}

.selected-option {
    padding: 16px 10px;
    background-color: var(--white-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-height: 50px;
    max-height: 59px;
}

.selected-text {
    color: var(--dark-color);
    font-size: clamp(18px, 4vw, 22px);
}

.arrow {
    font-size: 14px;
    transition: transform 0.3s;
    width: 16px;
    display: flex;
}

.pseudo-select.active .arrow {
    transform: rotate(180deg);
}

.options-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white-color);

    border-top: none;
    z-index: 10;
    display: none;
    max-height: 290px;
    overflow-y: auto;
}

.pseudo-select.active .options-container {
    display: block;
}

.pseudo-select.active .selected-option {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.option {
    padding: 10px 16px;
    cursor: pointer;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.option:hover {
    background-color: rgba(93, 59, 140, 0.1);
}

.option:last-child {
    border-bottom: none;
}

/* .option:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
} */

.red-asterisk {
    margin-left: 4px;
}

/* Стиль для выбранного значения */
.selected-option.has-value .selected-text {
    color: rgba(0, 0, 0, 0.9);
}

.subscribe-checkbox.d-flex.al-center.mt-10 .d-none.is-invalid+.custom-checkbox .checkmark {
    border: 2px solid red;
}

.section-promira-found__link.open-commercial-modal {
    cursor: pointer;
}

.header-menu-wrap.display_flex_custom {
    align-items: baseline;
}
/* .header-menu-link.h-fw-700[href="/catalog/"] {
    font-size: calc(clamp(20px, 4vw, 22px) * 1.1);
} */