@font-face { font-family: "Manrope"; font-style: normal; src: url(../font/Manrope-Regular.woff2) format("woff2"), url(../font/Manrope-Regular.woff) format("woff"), url(../font/Manrope-Regular.ttf) format("truetype"), url(../font/Manrope-Regular.eot) format("embedded-opentype"); }

@font-face { font-family: "Manrope SemiBold"; font-style: normal; src: url(../font/Manrope-SemiBold.woff2) format("woff2"), url(../font/Manrope-SemiBold.woff) format("woff"), url(../font/Manrope-SemiBold.ttf) format("truetype"), url(../font/Manrope-SemiBold.eot) format("embedded-opentype"); }

@font-face { font-family: "Manrope Medium"; font-style: normal; src: url(../font/Manrope-Medium.woff2) format("woff2"), url(../font/Manrope-Medium.woff) format("woff"), url(../font/Manrope-Medium.ttf) format("truetype"), url(../font/Manrope-Medium.eot) format("embedded-opentype"); }

@font-face { font-family: "Montserrat"; font-style: normal; src: url(../font/Montserrat-Regular.woff2) format("woff2"), url(../font/Montserrat-Regular.woff) format("woff"), url(../font/Montserrat-Regular.ttf) format("truetype"), url(../font/Montserrat-Regular.eot) format("embedded-opentype"); }

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: "Manrope", sans-serif; scrollbar-width: 0; }

body::-webkit-scrollbar { width: 0; }

input { outline: none; }

button { cursor: pointer; }

ul li { list-style: none; }

a { text-decoration: none !important; }

html { scroll-behavior: smooth; }

main { max-width: 100%; }

@media (max-width: 1023px) { main { overflow-x: hidden; } }

.page-wrapper { transition: all 0.25s ease-in-out; }

.page-wrapper.blur { filter: blur(4px); }

.start-appear, .appear-on-scroll { opacity: 0; transform: translateY(20px); transition: opacity 1.5s, transform 1.5s; }

.visible { opacity: 1; transform: translateY(0); }

.modal-dialog { max-width: 515px; }

.form-control, .form-select { height: 56px; padding: 16px 20px !important; border-radius: 12px !important; border: 1px solid #dedede !important; font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.10000000149011612px; color: #000 !important; }

.form-control::-moz-placeholder, .form-select::-moz-placeholder { color: #999999 !important; opacity: 1 !important; }

.form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder { color: #999999 !important; opacity: 1 !important; }

.form-control::placeholder, .form-select::placeholder { color: #999999 !important; opacity: 1 !important; }

.form-control:focus, .form-select:focus { border: 1px solid #27aae1 !important; box-shadow: none !important; }

.form-select option { padding: 12px 16px; border-radius: 12px; }

.form-control--textarea { height: auto; min-height: 130px !important; resize: none; }

.burger { width: 32px; height: 32px; border: none; border-radius: 8px; background-color: #fff; display: flex; justify-content: center; align-items: center; }

.burger--abs { position: absolute; top: 8px; left: -180px; z-index: 1; }

.button { width: 100%; height: 48px; border: none; border-radius: 10px; font-family: "Manrope Medium", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -0.4px; color: #fff; transition: all 0.5s; }

.button--base { background-color: #27aae1; color: #fff; letter-spacing: -0.3px; }

.button--base:hover { background-color: #1cbcff; }

.button--white { background-color: #fff; color: #27aae1; }

.button--white:hover { background-color: #f4f4f4; }

.button--white-orange { background-color: #fff; color: #ff732c; }

.button--white-orange:hover { background-color: #f4f4f4; }

.button--white-green { background-color: #fff; color: #22ac74; }

.button--white-green:hover { background-color: #f4f4f4; }

.button--gray { background-color: #d2f2ff; color: #27aae1; }

.button--gray:hover { background-color: rgba(210, 242, 255, 0.74); border: 1px solid #27aae1; }

.button--gray-green { background-color: #d2f2ff; color: #22ac74; }

.button--gray-green:hover { background-color: rgba(210, 242, 255, 0.74); border: 1px solid #149661; }

.button--orange { background-color: #ff732c; color: #fff; }

.button--orange:hover { background-color: #ff6212; }

.button--orange-light { background-color: rgba(251, 86, 7, 0.15); color: #ff732c; }

.button--orange-light:hover { background-color: rgba(251, 86, 7, 0.1); border: 1px solid #ff732c; }

.button--green { background-color: #22ac74; color: #fff; }

.button--green:hover { background-color: #149661; }

.button--green-light { background-color: rgba(210, 255, 235, 0.7); color: #22ac74; }

.button--green-light:hover { border: 1px solid #149661; background-color: rgba(210, 255, 235, 0.6); }

.link { padding: 6px 12px 7px; border-radius: 8px; font-family: "Manrope Medium", sans-serif; font-size: 15px; line-height: 20px; letter-spacing: -0.3px; color: #000; cursor: pointer; display: flex; align-items: center; gap: 10px; transition: all 0.5s; }

.link:hover { background-color: #eceff0; }

.input { border: 1px solid #dedede; padding: 16px 20px; border-radius: 12px; width: 100%; font-size: 18px; line-height: 24px; color: black; }

.input ::-moz-placeholder { color: #999999; font-size: 18px; line-height: 24px; }

.input :-ms-input-placeholder { color: #999999; font-size: 18px; line-height: 24px; }

.input ::placeholder { color: #999999; font-size: 18px; line-height: 24px; }

@media (max-width: 879px) { .input { font-size: 14px; line-height: 18px; } }

.ads-block { position: relative; width: 567px; height: 403px; background-color: transparent; }

@media (max-width: 879px) { .ads-block { width: 356px; height: 253px; } }

.ads-block__item { position: absolute; background-color: #fff; width: 324px; border-radius: 12px; box-shadow: 3px 25px 25px 0px rgba(0, 0, 0, 0.06); }

@media (max-width: 879px) { .ads-block__item { width: 203px; } }

.ads-block__item--1 { top: 0; left: 60px; z-index: 2; height: 163px; padding: 15px; display: flex; flex-direction: column; }

@media (max-width: 879px) { .ads-block__item--1 { height: 102px; padding: 9px; } }

.ads-block__item--2 { top: 73px; right: 0; z-index: 1; height: 225px; padding: 7px; }

@media (max-width: 879px) { .ads-block__item--2 { height: 160px; padding: 4px; } }

.ads-block__item--3 { left: 0; bottom: 0; width: 462px; height: 148px; padding: 24px; border-radius: 20px; display: flex; flex-direction: column; }

@media (max-width: 879px) { .ads-block__item--3 { width: 290px; height: 92px; padding: 15px; } }

.ads-block__item .item-1__top { margin-bottom: 14px; display: flex; flex-direction: column; gap: 7px; }

@media (max-width: 879px) { .ads-block__item .item-1__top { margin-bottom: 9px; gap: 4px; } }

.ads-block__item .item-1__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 10px; color: #888888; }

@media (max-width: 879px) { .ads-block__item .item-1__text-sm { font-size: 5px; line-height: 6px; } }

.ads-block__item .item-1__title, .ads-block__item .item-1__text-bg { font-family: "Manrope SemiBold", sans-serif; font-size: 10px; line-height: 14px; }

@media (max-width: 879px) { .ads-block__item .item-1__title, .ads-block__item .item-1__text-bg { font-size: 6px; line-height: 8px; } }

.ads-block__item .item-1__text-bg { font-family: "Manrope Medium", sans-serif; }

.ads-block__item .item-1__center { margin-bottom: 6px; display: flex; gap: 12px; }

@media (max-width: 879px) { .ads-block__item .item-1__center { gap: 7px; } }

.ads-block__item .item-1__sub-block { display: flex; flex-direction: column; gap: 6px; }

@media (max-width: 879px) { .ads-block__item .item-1__sub-block { gap: 3px; } }

.ads-block__item .item-1__rating { display: flex; align-items: center; gap: 6px; }

@media (max-width: 879px) { .ads-block__item .item-1__rating { gap: 3px; } }

.ads-block__item .item-1__rating svg { color: #27aae1; }

.ads-block__item .item-1__share { position: absolute; top: 10px; right: 10px; }

.ads-block__item .item-2__img-block { position: relative; width: 100%; height: 98px; margin-bottom: 7px; }

@media (max-width: 879px) { .ads-block__item .item-2__img-block { height: 61px; margin-bottom: 4px; } }

.ads-block__item .item-2__img-block img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.ads-block__item .item-2__like { position: absolute; top: 10px; right: 8px; }

.ads-block__item .item-2__content { margin-bottom: 15px; padding: 0 8px; display: flex; flex-direction: column; }

@media (max-width: 879px) { .ads-block__item .item-2__content { margin-bottom: 9px; } }

.ads-block__item .item-2__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 10px; color: #888888; }

@media (max-width: 879px) { .ads-block__item .item-2__text-sm { font-size: 5px; line-height: 6px; } }

.ads-block__item .item-2__text-bg { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: -1%; }

@media (max-width: 879px) { .ads-block__item .item-2__text-bg { font-size: 7px; line-height: 10px; } }

.ads-block__item .item-2__text-mid { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 14px; }

@media (max-width: 879px) { .ads-block__item .item-2__text-mid { font-size: 6px; line-height: 8px; } }

.ads-block__item .item-2__price { padding: 0 8px; font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -1%; color: #27aae1; }

@media (max-width: 879px) { .ads-block__item .item-2__price { font-size: 11px; line-height: 12px; } }

.ads-block__item .item-3__top { margin-bottom: 10px; display: flex; flex-direction: column; gap: 4px; }

@media (max-width: 879px) { .ads-block__item .item-3__top { margin-bottom: 5px; gap: 2px; } }

.ads-block__item .item-3__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; letter-spacing: -1%; color: #888888; }

@media (max-width: 879px) { .ads-block__item .item-3__text-sm { font-size: 7px; line-height: 8px; } }

.ads-block__item .item-3__title { font-family: "Manrope Medium", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -1%; }

@media (max-width: 879px) { .ads-block__item .item-3__title { font-size: 10px; line-height: 11px; } }

.ads-block__item .item-3__text { margin-bottom: 21px; font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; letter-spacing: -1%; }

@media (max-width: 879px) { .ads-block__item .item-3__text { margin-bottom: 12px; font-size: 7px; line-height: 8px; } }

.ads-block__item .item-3__price { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -1%; color: #27aae1; }

@media (max-width: 879px) { .ads-block__item .item-3__price { font-size: 11px; line-height: 12px; } }

.ads-board { position: relative; width: 567px; height: 403px; background-color: transparent; }

@media (max-width: 879px) { .ads-board { width: 356px; height: 255px; } }

.ads-board__item { position: absolute; background-color: #fff; width: 324px; border-radius: 12px; box-shadow: 3px 25px 25px 0px rgba(0, 0, 0, 0.06); }

@media (max-width: 879px) { .ads-board__item { width: 203px; } }

.ads-board__item--1 { top: 0; left: 60px; z-index: 2; height: 163px; padding: 15px; display: flex; flex-direction: column; }

@media (max-width: 879px) { .ads-board__item--1 { height: 102px; padding: 9px; } }

.ads-board__item--2 { top: 0; left: 60px; z-index: 2; height: 270px; padding: 7px; }

@media (max-width: 879px) { .ads-board__item--2 { left: 50px; height: 166px; padding: 4px; } }

.ads-board__item--3 { top: 140px; left: 131px; z-index: 2; height: 270px; padding: 7px; }

@media (max-width: 879px) { .ads-board__item--3 { height: 166px; padding: 4px; left: 98px; top: 84px; } }

.ads-board__item .item-2__img-block { position: relative; width: 100%; height: 98px; margin-bottom: 7px; }

@media (max-width: 879px) { .ads-board__item .item-2__img-block { height: 61px; margin-bottom: 4px; } }

.ads-board__item .item-2__img-block img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.ads-board__item .item-2__like { position: absolute; top: 10px; right: 8px; }

.ads-board__item .item-2__content { margin-bottom: 15px; padding: 0 8px; display: flex; flex-direction: column; }

@media (max-width: 879px) { .ads-board__item .item-2__content { margin-bottom: 9px; } }

.ads-board__item .item-2__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 10px; color: #888888; }

@media (max-width: 879px) { .ads-board__item .item-2__text-sm { font-size: 5px; line-height: 6px; } }

.ads-board__item .item-2__text-bg { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: -1%; margin-bottom: 20px; }

@media (max-width: 879px) { .ads-board__item .item-2__text-bg { font-size: 7px; line-height: 10px; margin-bottom: 11px; } }

.ads-board__item .item-2__text-mid { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 14px; margin-bottom: 25px; }

@media (max-width: 879px) { .ads-board__item .item-2__text-mid { font-size: 6px; line-height: 8px; margin-bottom: 10px; } }

.ads-board__item .item-2__price { padding: 0 8px; font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -1%; color: #27aae1; }

@media (max-width: 879px) { .ads-board__item .item-2__price { font-size: 11px; line-height: 12px; } }

.ads-TAggregator { position: relative; width: 567px; height: 403px; background-color: transparent; }

@media (max-width: 879px) { .ads-TAggregator { width: 356px; height: 255px; } }

.ads-TAggregator .gray { color: #aeaeae; }

.ads-TAggregator__item { position: absolute; background-color: #fff; width: 324px; border-radius: 12px; box-shadow: 3px 25px 25px 0px rgba(0, 0, 0, 0.06); }

@media (max-width: 879px) { .ads-TAggregator__item { width: 203px; } }

.ads-TAggregator__item--1 { position: absolute; top: 0; left: 40px; z-index: 2; }

@media (max-width: 879px) { .ads-TAggregator__item--1 { top: 0; left: 15px; } }

.ads-TAggregator__item--2 { position: absolute; top: 145px; left: 150px; z-index: 2; }

@media (max-width: 879px) { .ads-TAggregator__item--2 { top: 90px; left: 83px; } }

.ads-TAggregator__item--3 { top: 140px; left: 131px; z-index: 2; height: 270px; padding: 7px; }

@media (max-width: 879px) { .ads-TAggregator__item--3 { height: 166px; padding: 4px; left: 98px; top: 84px; } }

.ads-TAggregator .item-1 { width: 416px; height: 210px; padding: 20px; }

@media (max-width: 879px) { .ads-TAggregator .item-1 { width: 257px; height: 113px; padding: 12px; } }

.ads-TAggregator .item-1__header { display: grid; grid-template-columns: 1fr 24px; margin-bottom: 20px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__header { margin-bottom: 11px; grid-template-columns: 1fr 14px; margin-bottom: 11px; } }

.ads-TAggregator .item-1__headerContent { width: 100%; }

.ads-TAggregator .item-1__id { width: 100%; color: #aeaeae; font-size: 12px; line-height: 14px; margin-bottom: 10px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__id { font-size: 7px; line-height: 8px; margin-bottom: 5px; } }

.ads-TAggregator .item-1__title { width: 100%; max-width: 253px; font-size: 16px; font-weight: 500; line-height: 18px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__title { font-size: 9px; line-height: 11px; } }

.ads-TAggregator .item-1__grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 40px 40px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 10px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__grid { -moz-column-gap: 9px; column-gap: 9px; row-gap: 5px; grid-template-rows: 25px 25px; } }

.ads-TAggregator .item-1__text { font-size: 14px; line-height: 18px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__text { font-size: 8px; line-height: 11px; } }

.ads-TAggregator .item-1__label { color: #aeaeae; font-size: 12px; line-height: 14px; font-weight: 500; margin-bottom: 5px; }

@media (max-width: 879px) { .ads-TAggregator .item-1__label { font-size: 7px; line-height: 8px; margin-bottom: 3px; } }

.ads-TAggregator .item-2 { width: 416px; height: 236px; padding: 20px; }

@media (max-width: 879px) { .ads-TAggregator .item-2 { width: 257px; height: 124px; padding: 12px; } }

.ads-TAggregator .item-2__header { display: grid; grid-template-columns: 1fr 24px; margin-bottom: 20px; }

@media (max-width: 879px) { .ads-TAggregator .item-2__header { margin-bottom: 11px; grid-template-columns: 1fr 14px; margin-bottom: 11px; } }

.ads-TAggregator .item-2__headerContent { width: 100%; }

.ads-TAggregator .item-2__title { width: 100%; font-size: 16px; font-weight: 500; line-height: 18px; }

@media (max-width: 879px) { .ads-TAggregator .item-2__title { font-size: 9px; line-height: 11px; } }

.ads-TAggregator .item-2__cell { margin-bottom: 10px; }

@media (max-width: 879px) { .ads-TAggregator .item-2__cell { margin-bottom: 6px; } }

.ads-TAggregator .item-2__text { font-size: 14px; line-height: 18px; width: 292px; }

@media (max-width: 879px) { .ads-TAggregator .item-2__text { font-size: 8px; line-height: 11px; } }

.ads-TAggregator .item-2__label { color: #aeaeae; font-size: 12px; font-weight: 500; line-height: 14px; margin-bottom: 5px; }

@media (max-width: 879px) { .ads-TAggregator .item-2__label { font-size: 7px; line-height: 8px; margin-bottom: 3px; } }

.ads-TPlatform { position: relative; width: 567px; height: 403px; background-color: transparent; }

@media (max-width: 879px) { .ads-TPlatform { width: 356px; height: 255px; } }

.ads-TPlatform .gray { color: #aeaeae; }

.ads-TPlatform__item { position: absolute; }

.ads-TPlatform__item--1 { position: absolute; top: 50px; left: 70px; z-index: 2; }

.ads-TPlatform__item--1 img { width: 462px; }

@media (max-width: 879px) { .ads-TPlatform__item--1 { top: 0; left: 40px; }
  .ads-TPlatform__item--1 img { width: 262px; } }

.ads-TPlatform__item--2 { position: absolute; top: 170px; left: 176px; z-index: 1; }

.ads-TPlatform__item--2 img { width: 462px; }

@media (max-width: 879px) { .ads-TPlatform__item--2 { top: 72px; left: 101px; }
  .ads-TPlatform__item--2 img { width: 262px; } }

.ads-TPlatform__item--3 { top: 250px; left: -3px; z-index: 2; }

.ads-TPlatform__item--3 img { width: 462px; }

@media (max-width: 879px) { .ads-TPlatform__item--3 { left: 10px; top: 125px; }
  .ads-TPlatform__item--3 img { width: 262px; } }

.ads-TPlatform .item-1 { width: 416px; height: 210px; padding: 20px; }

@media (max-width: 879px) { .ads-TPlatform .item-1 { width: 257px; height: 113px; padding: 12px; } }

.ads-TPlatform .item-1__header { display: grid; grid-template-columns: 1fr 24px; margin-bottom: 20px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__header { margin-bottom: 11px; grid-template-columns: 1fr 14px; margin-bottom: 11px; } }

.ads-TPlatform .item-1__headerContent { width: 100%; }

.ads-TPlatform .item-1__id { width: 100%; color: #aeaeae; font-size: 12px; line-height: 14px; margin-bottom: 10px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__id { font-size: 7px; line-height: 8px; margin-bottom: 5px; } }

.ads-TPlatform .item-1__title { width: 100%; max-width: 253px; font-size: 16px; font-weight: 500; line-height: 18px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__title { font-size: 9px; line-height: 11px; } }

.ads-TPlatform .item-1__grid { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 40px 40px; -moz-column-gap: 16px; column-gap: 16px; row-gap: 10px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__grid { -moz-column-gap: 9px; column-gap: 9px; row-gap: 5px; grid-template-rows: 25px 25px; } }

.ads-TPlatform .item-1__text { font-size: 14px; line-height: 18px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__text { font-size: 8px; line-height: 11px; } }

.ads-TPlatform .item-1__label { color: #aeaeae; font-size: 12px; line-height: 14px; font-weight: 500; margin-bottom: 5px; }

@media (max-width: 879px) { .ads-TPlatform .item-1__label { font-size: 7px; line-height: 8px; margin-bottom: 3px; } }

.ads-TPlatform .item-2 { width: 416px; height: 236px; padding: 20px; }

@media (max-width: 879px) { .ads-TPlatform .item-2 { width: 257px; height: 124px; padding: 12px; } }

.ads-TPlatform .item-2__header { display: grid; grid-template-columns: 1fr 24px; margin-bottom: 20px; }

@media (max-width: 879px) { .ads-TPlatform .item-2__header { margin-bottom: 11px; grid-template-columns: 1fr 14px; margin-bottom: 11px; } }

.ads-TPlatform .item-2__headerContent { width: 100%; }

.ads-TPlatform .item-2__title { width: 100%; font-size: 16px; font-weight: 500; line-height: 18px; }

@media (max-width: 879px) { .ads-TPlatform .item-2__title { font-size: 9px; line-height: 11px; } }

.ads-TPlatform .item-2__cell { margin-bottom: 10px; }

@media (max-width: 879px) { .ads-TPlatform .item-2__cell { margin-bottom: 6px; } }

.ads-TPlatform .item-2__text { font-size: 14px; line-height: 18px; width: 292px; }

@media (max-width: 879px) { .ads-TPlatform .item-2__text { font-size: 8px; line-height: 11px; } }

.ads-TPlatform .item-2__label { color: #aeaeae; font-size: 12px; font-weight: 500; line-height: 14px; margin-bottom: 5px; }

@media (max-width: 879px) { .ads-TPlatform .item-2__label { font-size: 7px; line-height: 8px; margin-bottom: 3px; } }

.collapse-box { --heightOpen: 0; }

.collapse-content { height: 0; overflow: hidden; transition: all 0.3s ease-out; }

.collapse-content.open { height: var(--heightOpen); transition: all 0.3s ease-out; }

.collapse-icon { transition: transform 0.3s ease; position: relative; }

.collapse-icon::after { content: ""; position: absolute; width: 14px; height: 2px; border-radius: 2px; display: block; transform: none; background: #27aae1; top: 13px; left: 7px; transition: all 0.3s ease-out; }

.collapse-icon::before { content: ""; position: absolute; width: 2px; height: 14px; border-radius: 2px; transform: translateX(6px) scale(1) rotateZ(0deg) translateZ(0px); display: block; background: #27aae1; top: 7px; left: 7px; transition: all 0.3s ease-out; }

.collapse-icon.open::after { content: ""; position: absolute; width: 14px; height: 2px; border-radius: 2px; transform: rotateZ(180deg) translateZ(0px); display: block; background: #27aae1; top: 13px; left: 7px; transition: all 0.3s ease-out; }

.collapse-icon.open::before { content: ""; position: absolute; width: 2px; height: 14px; border-radius: 2px; transform: translateX(6px) scale(0) rotateZ(80deg) translateZ(0px); display: block; background: #27aae1; top: 7px; left: 7px; transition: all 0.3s ease-out; }

.collapse-title { cursor: pointer; }

.modal-header { position: relative; width: 100%; border-bottom: none !important; padding: 0 !important; }

.modal-header-close { position: absolute; border: none; background-color: #fff; width: 40px; height: 40px; padding: 8px; border-radius: 8px; display: flex; align-items: center; justify-content: center; right: -100px; top: -40px; }

.modal-content { padding: 40px; border-radius: 24px !important; box-shadow: 1px 7px 15px 0px #00000012, 3px 28px 28px 0px #0000000f,
 6px 62px 38px 0px #00000008, 11px 111px 45px 0px #00000003,
 17px 173px 49px 0px #00000000; border: none !important; }

.modal-body { padding: 0 !important; }

.header { position: fixed; top: 0; left: 0; right: 0; z-index: 3; padding: 20px calc(50% - 1064px / 2); background-color: #fff; }

@media (max-width: 1023px) { .header { padding: 20px 10px; } }

.header__container { position: relative; width: 100%; height: 48px; display: grid; grid-template-columns: 1fr 3.5fr 152px 189px; align-items: center; gap: 24px; }

@media (max-width: 1098px) { .header__container { grid-template-columns: 1fr 2.5fr 148px 189px; } }

@media (max-width: 1023px) { .header__container { grid-template-columns: 1fr 2fr 148px 189px; gap: 10px; } }

@media (max-width: 879px) { .header__container { grid-template-columns: 1fr 32px; } }

.header__nav { display: flex; gap: 12px; }

@media (max-width: 879px) { .header__nav { display: none; } }

.header__phone { padding: 5px 12px; border-radius: 8px; cursor: pointer; display: flex; flex-direction: column; gap: 4px; }

.header__phone:hover { background-color: #eceff0; }

@media (max-width: 879px) { .header__phone { display: none; } }

.header__hot-line { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; letter-spacing: -0.4px; color: #a4a4a4; }

.header__number { font-family: "Manrope Medium", sans-serif; font-size: 15px; line-height: 20px; letter-spacing: -0.4px; color: #000; }

@media (max-width: 879px) { .header__button { display: none; } }

.header__burger-button-desctop { display: none; position: absolute; top: 6px; left: -145px; }

@media (max-width: 879px) { .header__burger-button-desctop { display: none; } }

.header .visible-burger { display: block; }

.header__burger-button { display: none; }

@media (max-width: 879px) { .header__burger-button { display: block; } }

.header__gradient { position: fixed; top: 88px; left: 0; right: 0; z-index: 1; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

.header__link { position: relative; }

.header__link .link svg { transition: all 0.35s ease-in-out; }

.header__link.is-active .link svg { transform: rotate(180deg); }

.header__link-block { position: absolute; top: 100%; left: 0; padding-top: 10px; min-width: 300px; transition: all 0.35s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; transform: translateY(10px); opacity: 0; }

.header__link-block.is-active { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; pointer-events: initial; transform: translateY(0); opacity: 1; z-index: 100; }

.header__link-content { background-color: #fff; box-shadow: 1px 7px 15px 0px #00000012; border-radius: 16px; padding: 4px; }

.header__link-content a { text-decoration: none; }

.header__link-item { display: flex; padding: 12px; cursor: pointer; }

.header__link-item:not(:first-child) { margin-top: 4px; }

.header__link-item-icon { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-right: 10px; flex-shrink: 0; background-color: #27aae126; border-radius: 8px; }

.header__link-item-icon svg { display: flex; flex-shrink: 0; }

.header__link-item-content h4 { font-size: 15px; font-weight: 500; color: #0a0a0a; margin-bottom: 4px; }

.header__link-item-content p { font-size: 12px; font-weight: 500; color: #969595; margin-bottom: 0; }

.header__menu { position: absolute; z-index: 5; top: 30%; }

@media screen and (min-width: 879px) and (max-width: 1400px) { .header__menu { display: none; } }

@media screen and (min-width: 879px) { .header__menu { left: 8%; } }

@media screen and (max-width: 879px) { .header__menu { right: 3%; } }

.header__menu-burger { position: relative; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: #fff; border-radius: 8px; transition: all 0.35s ease-in-out; cursor: pointer; }

.header__menu-burger-inner { position: relative; width: 24px; height: 24px; }

.header__menu-burger-inner::before, .header__menu-burger-inner::after { content: ""; display: block; position: absolute; height: 2px; width: 16px; background-color: #0a0a0a; margin: 0 auto; transition: all 0.35s ease-in-out; }

.header__menu-burger-inner::before { top: 7px; left: 4px; }

.header__menu-burger-inner::after { bottom: 7px; left: 4px; }

.header__menu-burger.is-active { background-color: #27aae126; }

.header__menu-burger.is-active .header__menu-burger-inner::before, .header__menu-burger.is-active .header__menu-burger-inner::after { background-color: #27aae1; }

.header__menu-burger.is-active .header__menu-burger-inner::before { top: 11px; transform: rotate(45deg); }

.header__menu-burger.is-active .header__menu-burger-inner::after { bottom: 11px; transform: rotate(-45deg); }

.header__menu-wrapper { padding-top: 10px; position: absolute; top: 100%; width: 297px; transition: all 0.35s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; transform: translateY(10px); opacity: 0; }

.header__menu-wrapper.is-active { -webkit-user-select: initial; -moz-user-select: initial; -ms-user-select: initial; user-select: initial; pointer-events: initial; transform: translateY(0); opacity: 1; }

@media screen and (min-width: 879px) { .header__menu-wrapper { left: 0; } }

@media screen and (max-width: 879px) { .header__menu-wrapper { right: 0; } }

.header__menu-content { padding: 20px; border-radius: 16px; background-color: #fff; box-shadow: 1px 7px 15px 0px #00000012; }

.header__menu-content p { padding-top: 16px; padding-left: 16px; padding-right: 16px; color: #27aae1; font-weight: 500; margin-top: 4px; margin-left: 4px; }

@media screen and (max-width: 879px) { .header__menu-content { padding: 8px; } }

.header__menu-nav { display: flex; flex-direction: column; margin: 4px; }

.header__menu-nav a { display: flex; padding: 12px 16px; border-radius: 12px; text-decoration: none; color: #000000; cursor: pointer; transition: all 0.25s ease-in-out; }

.header__menu-nav a:hover { background-color: #f5f5f5; color: #000000; }

.main { max-width: 100%; position: relative; width: 100%; background: url(../img/bg-img-top.webp) top 32px right/585px 962px no-repeat, url(../img/bg-img-middle.webp) top 1335px left -100px/769px 960px no-repeat; color: #0a0a0a; padding: 88px calc(50% - 1064px / 2) 60px; }

@media (max-width: 1023px) { .main { overflow-x: hidden; overflow-y: visible; } }

@media (max-width: 879px) { .main { background: url(../img/bg-img-top.webp) top 54px right -43px/534px 667px no-repeat, url(../img/bg-img-middle.webp) top 1000px left 15px/769px 960px no-repeat; } }

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

@media (max-width: 1023px) { .main__container { align-items: center; } }

@media (max-width: 1023px) { .main { padding: 88px 10px 40px; } }

.ecosystem-wrapper { width: 100%; padding: 90px calc(50% - 1064px / 2); background-color: #eff4f6; }

@media (max-width: 1023px) { .ecosystem-wrapper { padding: 90px 10px; } }

@media (max-width: 879px) { .ecosystem-wrapper { padding: 60px 10px; } }

.ecosystem-wrapper__container { width: 100%; }

.bottom { width: 100%; position: relative; padding: 90px calc(50% - 1064px / 2); background: url(../img/bg-img-top.webp) top -168px right/585px 962px no-repeat, url(../img/bg-img-middle.webp) top 2184px left/769px 960px no-repeat, url(../img/bg-img-top.webp) bottom -280px right/585px 962px no-repeat; }

@media (max-width: 1023px) { .bottom { padding: 90px 10px; overflow: hidden; } }

@media (max-width: 879px) { .bottom { padding: 60px 10px; } }

.bottom__container { width: 100%; }

.bulletinBoardPage { margin-bottom: 80px; position: relative; }

.main-customers { max-width: 100%; position: relative; width: 100%; background: url(../img/bg-img-top.webp) top 32px right/585px 962px no-repeat, url(../img/bg-img-middle.webp) top 1335px left -100px/769px 960px no-repeat; color: #0a0a0a; min-height: 3140px; padding: 0 calc(50% - 1064px / 2); }

@media (max-width: 1023px) { .main-customers { overflow-x: hidden; overflow-y: visible; } }

@media (max-width: 879px) { .main-customers { background: url(../img/bg-img-top.webp) top 54px right -43px/534px 667px no-repeat, url(../img/bg-img-middle.webp) top 1000px left 15px/769px 960px no-repeat; } }

.main-customers__container { width: 100%; display: flex; flex-direction: column; }

@media (max-width: 1023px) { .main-customers__container { align-items: center; } }

@media (max-width: 1023px) { .main-customers { padding: 0 10px; } }

@media (max-width: 879px) { .main-customers { min-height: 2847px; } }

.consult { width: 100%; padding-top: 60px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .consult { padding-top: 40px; gap: 20px; } }

.consult__content { display: flex; flex-direction: column; gap: 16px; }

@media (max-width: 879px) { .consult__content { gap: 8px; } }

.consult__title { width: 686px; font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; }

@media (max-width: 879px) { .consult__title { width: 355px; font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

@media (max-width: 374px) { .consult__title { width: 100%; } }

.consult__description { width: 553px; font-family: "Manrope Medium", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; }

@media (max-width: 879px) { .consult__description { width: 297px; font-family: "Manrope", sans-serif; font-size: 14px; line-height: 20px; } }

@media (max-width: 374px) { .consult__description { width: 100%; } }

.consult__button { width: 249px; }

@media (max-width: 879px) { .consult__button { width: 100%; display: flex; flex-direction: column; gap: 10px; } }

.consult__button-mob { display: none; }

@media (max-width: 879px) { .consult__button-mob { display: block; } }

.top-section { width: 100%; padding: 148px 0 58px; display: flex; align-items: center; }

@media (max-width: 879px) { .top-section { flex-direction: column; gap: 40px; } }

.top-section__content { display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .top-section__content { gap: 20px; } }

.top-section__top { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .top-section__top { gap: 8px; } }

.top-section__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -2%; }

@media (max-width: 879px) { .top-section__title { font-size: 24px; line-height: 28px; } }

.top-section__text { width: 482px; font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; }

@media (max-width: 879px) { .top-section__text { width: 297px; font-size: 14px; line-height: 20px; } }

.top-section__buttons { display: flex; flex-direction: column; gap: 10px; }

.top-section__button-mob { display: none; }

@media (max-width: 879px) { .top-section__button-mob { display: block; width: 100%; } }

.top-section__button { width: 249px; }

@media (max-width: 879px) { .top-section__button { width: 100%; } }

.top-section__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .top-section__gradient-line { margin: 40px 0; } }

.top__gradient { width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

.top-board { width: 100%; padding: 148px 0 170px; display: flex; align-items: center; }

@media (max-width: 879px) { .top-board { padding: 114px 0 80px; flex-direction: column; gap: 40px; } }

.top-board__content { display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .top-board__content { gap: 20px; } }

.top-board__top { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .top-board__top { gap: 8px; } }

.top-board__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -2%; }

@media (max-width: 879px) { .top-board__title { font-size: 24px; line-height: 28px; } }

.top-board__text { width: 482px; font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; }

@media (max-width: 879px) { .top-board__text { width: 297px; font-size: 14px; line-height: 20px; } }

.top-board__buttons { display: flex; flex-direction: column; gap: 10px; }

.top-board__button-mob { display: none; }

@media (max-width: 879px) { .top-board__button-mob { display: block; width: 100%; } }

.top-board__button { width: 249px; }

@media (max-width: 879px) { .top-board__button { width: 100%; } }

.top-TAggregator { width: 100%; padding: 148px 0 170px; display: flex; align-items: center; }

@media (max-width: 879px) { .top-TAggregator { padding: 114px 0 80px; flex-direction: column; gap: 40px; } }

.top-TAggregator__content { display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .top-TAggregator__content { gap: 20px; } }

.top-TAggregator__top { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .top-TAggregator__top { gap: 8px; } }

.top-TAggregator__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -2%; }

@media (max-width: 879px) { .top-TAggregator__title { font-size: 24px; line-height: 28px; } }

.top-TAggregator__text { width: 403px; font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; }

@media (max-width: 879px) { .top-TAggregator__text { width: 297px; font-size: 14px; line-height: 20px; } }

.top-TAggregator__buttons { display: flex; flex-direction: column; gap: 10px; }

.top-TAggregator__button-mob { display: none; }

@media (max-width: 879px) { .top-TAggregator__button-mob { display: block; width: 100%; } }

.top-TAggregator__button { width: 249px; }

@media (max-width: 879px) { .top-TAggregator__button { width: 100%; } }

.mac { width: 100%; padding-top: 84px; background-color: transparent; }

@media (max-width: 879px) { .mac { padding-top: 59px; } }

.mac__container { position: relative; max-width: 1024px; margin: 0 auto; display: flex; justify-content: center; align-items: center; }

.mac__macbook { width: 100%; }

.mac__macbook img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.mac__phone { position: absolute; top: -165px; right: -305px; width: 587px; }

@media (max-width: 879px) { .mac__phone { top: -48px; right: -62px; width: 227px; } }

.mac__phone img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.partners-board .button--gray { background: #fb560726; color: #ff732c; }

.partners-board .button--gray:hover { border: 1px #ff732c solid; }

.partners-aggregator .button--gray { background: rgba(210, 255, 235, 0.7); color: #22ac74; }

.partners-aggregator .button--gray:hover { border: 1px #22ac74 solid; }

.partners { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 32px; }

@media (max-width: 879px) { .partners { gap: 20px; } }

.partners__content { width: 100%; height: 205px; padding: 32px 40px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }

@media (max-width: 879px) { .partners__content { padding: 20px; height: 170px; } }

.partners__title { font-family: "Manrope Medium", sans-serif; font-size: 20px; line-height: 24px; letter-spacing: -2.5%; }

.partners__logotips { width: 100%; height: 85px; display: grid; grid-template-columns: repeat(3, 301px); justify-content: space-between; justify-items: center; align-content: center; align-items: center; }

@media (max-width: 1023px) { .partners__logotips { grid-template-columns: 1fr 1fr 1fr; } }

.partners__block { display: flex; justify-content: center; align-items: center; filter: grayscale(1); opacity: 0.8; transition: all 0.25s ease-in-out; }

.partners__block:hover { opacity: 1; filter: grayscale(0); }

.partners__block-sro { width: 64px; height: 64px; }

@media (max-width: 879px) { .partners__block-sro { width: 42px; height: 42px; } }

.partners__block-guild { width: 149px; height: 50px; }

@media (max-width: 879px) { .partners__block-guild { width: 75px; height: 26px; } }

.partners__block-efes { width: 66px; height: 50px; }

@media (max-width: 879px) { .partners__block-efes { width: 46px; height: 35px; } }

.partners__button { width: 229px; }

@media (max-width: 879px) { .partners__button { width: 100%; } }

.partners__gradient { margin: 94px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .partners__gradient { margin: 20px 0; } }

.customer-block { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .customer-block { gap: 20px; } }

.customer-block__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; }

@media (max-width: 879px) { .customer-block__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.customer-block__customer-menu { width: 100%; height: 360px; display: flex; flex-direction: row; gap: 20px; }

@media (max-width: 879px) { .customer-block__customer-menu { height: 518px; flex-direction: column; gap: 10px; } }

.customer-block__customer { position: relative; width: 341px; height: 360px; padding: 32px; border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: 247px; grid-template-rows: 1fr 48px; gap: 10px; transition: all 1.5s; background-color: #27aae1; color: #fff; }

@media (max-width: 879px) { .customer-block__customer { width: 100%; height: 254px; padding: 20px; grid-template-columns: 1fr; grid-template-rows: 86px 48px; row-gap: 80px; transition: none; } }

.customer-block__contractor { position: relative; width: 341px; height: 360px; padding: 32px; border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: 247px; grid-template-rows: 1fr 48px; gap: 10px; transition: all 1.5s; background-color: #eceff0; color: #000; }

@media (max-width: 879px) { .customer-block__contractor { width: 100%; height: 254px; padding: 20px; grid-template-columns: 1fr; grid-template-rows: 86px 48px; row-gap: 80px; transition: none; } }

.customer-block .hovered { width: 703px; grid-template-columns: 247px 1fr; }

@media (max-width: 879px) { .customer-block .hovered { position: relative; width: 341px; height: 360px; padding: 32px; border-radius: 24px; overflow: hidden; display: grid; grid-template-columns: 247px; grid-template-rows: 1fr 48px; gap: 10px; transition: all 1.5s; } }

@media (max-width: 879px) and (max-width: 879px) { .customer-block .hovered { width: 100%; height: 254px; padding: 20px; grid-template-columns: 1fr; grid-template-rows: 86px 48px; row-gap: 80px; transition: none; } }

.customer-block__content { grid-column: 1 / 2; grid-row: 1 / 2; height: 228px; display: flex; flex-direction: column; justify-content: space-between; transition: all 1.5s; }

@media (max-width: 879px) { .customer-block__content { height: 86px; transition: none; } }

.customer-block__content h3 { font-family: "Manrope Medium", sans-serif; font-size: 26px; line-height: 31px; letter-spacing: -2%; }

@media (max-width: 879px) { .customer-block__content h3 { font-size: 20px; line-height: 24px; } }

.customer-block__content span { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; }

@media (max-width: 879px) { .customer-block__content span { width: 187px; font-size: 14px; line-height: 18px; } }

.customer-block .hovered-content { height: 120px; }

.customer-block .hovered-content h3 { font-size: 32px; line-height: 38px; }

.customer-block .hovered-content span { font-size: 18px; line-height: 24px; }

@media (max-width: 879px) { .customer-block .hovered-content { grid-column: 1 / 2; grid-row: 1 / 2; height: 228px; display: flex; flex-direction: column; justify-content: space-between; transition: all 1.5s; } }

@media (max-width: 879px) and (max-width: 879px) { .customer-block .hovered-content { height: 86px; transition: none; } }

@media (max-width: 879px) { .customer-block .hovered-content h3 { font-family: "Manrope Medium", sans-serif; font-size: 26px; line-height: 31px; letter-spacing: -2%; } }

@media (max-width: 879px) and (max-width: 879px) { .customer-block .hovered-content h3 { font-size: 20px; line-height: 24px; } }

@media (max-width: 879px) { .customer-block .hovered-content span { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 22px; letter-spacing: -0.3px; } }

@media (max-width: 879px) and (max-width: 879px) { .customer-block .hovered-content span { width: 187px; font-size: 14px; line-height: 18px; } }

.customer-block__img { grid-column: 2 / 3; grid-row: 1 / 3; }

.customer-block__img img { position: absolute; top: 35px; right: 32px; width: 273px; -o-object-fit: cover; object-fit: cover; opacity: 0; transition: all 2s; }

@media (max-width: 879px) { .customer-block__img img { top: 20px; right: -35px; width: 199px; opacity: 1; } }

.customer-block__img img.hovered-img { opacity: 1; }

@media (max-width: 879px) { .customer-block__img img.hovered-img { position: absolute; top: 35px; right: 32px; width: 273px; -o-object-fit: cover; object-fit: cover; opacity: 0; transition: all 2s; } }

@media (max-width: 879px) and (max-width: 879px) { .customer-block__img img.hovered-img { top: 20px; right: -35px; width: 199px; opacity: 1; } }

.customer-block__button { grid-column: 1 / 2; grid-row: 2 / 3; width: 137px; }

@media (max-width: 879px) { .customer-block__button { position: relative; z-index: 1; width: 100%; } }

.customer-block__gradient { margin: 94px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .customer-block__gradient { margin: 20px 0; } }

.tasks { width: 100%; margin-left: 0; padding-bottom: 6px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks { gap: 20px; } }

.tasks__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; }

@media (max-width: 879px) { .tasks__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.tasks__list { width: 100%; height: 540px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); justify-content: center; gap: 20px; padding: 0; }

@media (max-width: 879px) { .tasks__list { height: 1276px; grid-template-columns: 1fr; grid-template-rows: 462px 230px 224px 330px; gap: 10px; } }

.tasks__item { padding: 32px; background-color: #eceff0; border-radius: 24px; overflow: hidden; display: flex; flex-direction: column; gap: 22px; }

@media (max-width: 879px) { .tasks__item { padding: 20px; gap: 20px; } }

.tasks__item--base { grid-column: 1 / 2; grid-row: 1 / 3; padding-right: 0; }

@media (max-width: 879px) { .tasks__item--base { padding-right: 20px; grid-column: 1 / 2; grid-row: 1 / 2; } }

.tasks__item--grade { grid-column: 2 / 3; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks__item--grade { grid-column: 1 / 2; grid-row: 2 / 3; } }

.tasks__item--control { grid-column: 3 / 4; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks__item--control { grid-column: 1 / 2; grid-row: 3 / 4; } }

.tasks__item--registry { grid-column: 2 / 4; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks__item--registry { grid-column: 1 / 2; grid-row: 4 / 5; } }

.tasks__item .item__text-block { display: flex; flex-direction: column; gap: 8px; }

.tasks__item .item__text-block--base { gap: 10px; }

@media (max-width: 879px) { .tasks__item .item__text-block--base { gap: 8px; } }

.tasks__item .item__text-block--base h3 { width: 244px; }

.tasks__item .item__text-block--base span { width: 274px; }

@media (max-width: 879px) { .tasks__item .item__text-block--base span { width: 244px; } }

.tasks__item .item__text-block--grade { width: 274px; }

.tasks__item .item__text-block--control { width: 244px; }

@media (max-width: 879px) { .tasks__item .item__text-block--control { width: 189px; } }

.tasks__item .item__text-block--registry { width: 498px; }

@media (max-width: 879px) { .tasks__item .item__text-block--registry { width: 288px; } }

.tasks__item .item__text-block--registry span { width: 405px; }

@media (max-width: 879px) { .tasks__item .item__text-block--registry span { width: 288px; } }

.tasks__item .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2.5%; }

@media (max-width: 879px) { .tasks__item .item__title { font-size: 18px; line-height: 22px; } }

.tasks__item .item__text { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #6e6e6e; }

@media (max-width: 879px) { .tasks__item .item__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.tasks__item .item__services { width: 326px; display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .tasks__item .item__services { width: 100%; } }

.tasks__item .item__services .service__content { width: 237px; display: flex; flex-direction: column; gap: 2px; }

@media (max-width: 879px) { .tasks__item .item__services .service__content { width: 100%; } }

.tasks__item .item__services .service__number { font-family: "Manrope Medium", sans-serif; font-size: 10px; line-height: 14px; letter-spacing: -1%; color: #888888; }

.tasks__item .item__services .service__work { margin-bottom: 14px; font-family: "Manrope SemiBold", sans-serif; font-size: 16px; line-height: 22px; color: #222222; }

.tasks__item .item__services .service__company { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: -1%; color: #222222; text-decoration: underline; text-transform: uppercase; }

.tasks__item .item__service { width: 100%; height: 102px; padding: 16px 24px 16px 16px; background-color: #fff; border-radius: 16px; display: flex; justify-content: space-between; align-items: center; }

.tasks__item .item__rating { width: 100%; height: 102px; padding: 13px; background-color: #fff; border-radius: 16px; display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .tasks__item .item__rating { align-self: center; width: 278px; } }

.tasks__item .item__rating-title { display: flex; align-items: center; gap: 8px; }

.tasks__item .item__rating-title h4 { font-family: "Manrope SemiBold", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -2%; color: #27aae1; }

.tasks__item .item__rating-box { position: relative; width: 100%; height: 37px; background-color: rgba(39, 170, 225, 0.15); border-radius: 24px; display: flex; justify-content: center; align-items: center; }

.tasks__item .item__rating-balls { position: relative; z-index: 1; font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -1%; color: #fff; }

.tasks__item .item__rating-balls--blue { opacity: 0.5; }

.tasks__item .item__rating-filled { position: absolute; top: 0px; left: 0px; width: 218px; height: 37px; background-color: #27aae1; border-radius: 24px; }

.tasks__item .item__employee-box { position: relative; width: 100%; height: 100%; }

.tasks__item .item__employee { position: absolute; height: 40px; padding: 4px 12px 4px 4px; background-color: #fff; border-radius: 40px; display: flex; align-items: center; gap: 10px; }

.tasks__item .item__employee--1 { top: 0px; left: -43px; }

@media (max-width: 879px) { .tasks__item .item__employee--1 { left: -1px; } }

.tasks__item .item__employee--2 { top: 25px; right: -58px; }

@media (max-width: 879px) { .tasks__item .item__employee--2 { right: -15px; } }

.tasks__item .item__employee--3 { top: 75px; left: 35px; }

.tasks__item .item__employee-text { font-family: "Manrope Medium", sans-serif; font-size: 16px; line-height: 18px; letter-spacing: -2%; }

.tasks__item .item__employee-img { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; }

.tasks__item .item__employee-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.tasks__item .item__employee-guard { position: absolute; top: -5px; right: -5px; }

.tasks__item .item__registry-block { position: relative; align-self: center; width: 538px; display: flex; flex-direction: column; justify-content: end; }

.tasks__item .item__registry-block svg { position: absolute; }

@media (max-width: 879px) { .tasks__item .item__registry-block { width: 100%; height: 152px; flex-direction: row; } }

.tasks__item .item__company { position: absolute; height: 40px; padding: 4px 12px 4px 4px; background-color: #fff; border-radius: 40px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }

.tasks__item .item__company-img { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; }

.tasks__item .item__company-img img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.tasks__item .item__company--efes { bottom: -80px; left: 0px; }

@media (max-width: 879px) { .tasks__item .item__company--efes { top: 0px; left: 93px; } }

.tasks__item .item__company--metall { bottom: -80px; left: 150px; }

@media (max-width: 879px) { .tasks__item .item__company--metall { top: 56px; left: 93px; } }

.tasks__item .item__company--ssso { bottom: -80px; right: 0px; }

@media (max-width: 879px) { .tasks__item .item__company--ssso { width: 152px; top: 115px; left: 93px; } }

.tasks__item .item__company-text { font-family: "Manrope SemiBold", sans-serif; font-size: 12px; line-height: 31px; letter-spacing: -1%; color: #222222; }

@media (max-width: 879px) { .tasks__item .item__company-text { font-size: 10px; line-height: 28px; } }

.tasks__item .item__db { top: -15px; left: 240px; }

@media (max-width: 879px) { .tasks__item .item__db { top: 56px; left: 0px; } }

.tasks__item .item__left-branch { top: 3px; left: 60px; }

.tasks__item .item__right-branch { top: 3px; right: 74px; }

.tasks__item .item__center-branch { top: 30px; left: 258px; }

.tasks__item .item__paths { display: none; }

@media (max-width: 879px) { .tasks__item .item__paths { display: block; top: 20px; left: 40px; } }

@media (max-width: 879px) { .tasks__item .item__left-branch, .tasks__item .item__right-branch, .tasks__item .item__center-branch { display: none; } }

.ecosystem { width: 100%; color: #0a0a0a; display: flex; flex-direction: column; gap: 32px; }

.ecosystem__title-block { display: flex; flex-direction: column; gap: 8px; }

@media (max-width: 879px) { .ecosystem__title-block { gap: 4px; } }

.ecosystem__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; }

@media (max-width: 879px) { .ecosystem__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.ecosystem__text { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 28px; color: #6e6e6e; }

@media (max-width: 879px) { .ecosystem__text { font-size: 14px; line-height: 18px; } }

.ecosystem__products { display: flex; flex-direction: column; gap: 40px; }

@media (max-width: 879px) { .ecosystem__products { gap: 20px; } }

.ecosystem__product { height: 460px; display: flex; gap: 72px; }

@media (max-width: 879px) { .ecosystem__product { height: 620px; flex-direction: column; gap: 20px; } }

.ecosystem__block { width: 100%; display: flex; flex-direction: column; gap: 60px; }

@media (max-width: 879px) { .ecosystem__block { padding: 0; height: 308px; gap: 20px; } }

.ecosystem__block--white { background-color: #fff; border-radius: 24px; font-family: "Montserrat", sans-serif; gap: 20px; overflow: hidden; }

@media (max-width: 879px) { .ecosystem__block--white { height: 292px; } }

.ecosystem .block__top { display: flex; flex-direction: column; gap: 12px; }

@media (max-width: 879px) { .ecosystem .block__top { gap: 8px; } }

.ecosystem .block__title { font-family: "Manrope", sans-serif; font-size: 32px; line-height: 38px; letter-spacing: -2%; color: #000; }

@media (max-width: 879px) { .ecosystem .block__title { font-size: 20px; line-height: 24px; } }

.ecosystem .block__top-text { font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; color: #6e6e6e; }

@media (max-width: 879px) { .ecosystem .block__top-text { font-size: 14px; line-height: 18px; color: #000; } }

.ecosystem .block__list { display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 0; }

.ecosystem .block__item { display: flex; align-items: center; gap: 8px; }

.ecosystem .block__item-text { font-family: "Manrope", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -0.3px; color: #27aae1; }

@media (max-width: 879px) { .ecosystem .block__item-text { font-size: 14px; line-height: 18px; } }

.ecosystem .block__item-text--orange { color: #fb5607; }

.ecosystem .block__item-text--green { color: #22ac74; }

.ecosystem .block__button { width: 136px; }

@media (max-width: 879px) { .ecosystem .block__button { width: 100%; } }

.ecosystem .block-white { width: 480px; flex-shrink: 0; }

@media (max-width: 1023px) { .ecosystem .block-white { width: 100%; } }

.ecosystem .block-white ul { padding-left: 0; }

.ecosystem .block-white__title { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 20px; }

@media (max-width: 879px) { .ecosystem .block-white__title { display: none; } }

.ecosystem .block-white__tenders { display: flex; flex-direction: column; gap: 8px; }

.ecosystem .block-white .tenders__tender { height: 210px; padding: 20px; background-color: #f4f4f4; border-radius: 16px; display: flex; flex-direction: column; gap: 20px; }

.ecosystem .block-white .tenders__top-block { display: flex; flex-direction: column; gap: 15px; }

.ecosystem .block-white .tenders__top-text-sm { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; color: #888888; }

.ecosystem .block-white .tenders__top-title { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; font-family: "Manrope SemiBold", sans-serif; }

.ecosystem .block-white .tenders__center-block { display: flex; align-items: center; gap: 16px; }

.ecosystem .block-white .tenders__center-block-col { display: flex; flex-direction: column; gap: 8px; }

.ecosystem .block-white .tenders__center-section { display: flex; flex-direction: column; gap: 8px; }

.ecosystem .block-white .tenders__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; color: #888888; }

.ecosystem .block-white .tenders__top-text-bg { width: 303px; font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; }

.ecosystem .block-white .tenders__text-bg { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; }

.ecosystem .block-white .tenders__rating { display: flex; align-items: center; gap: 8px; }

.ecosystem .block-white .tenders__rating-text { font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 18px; }

.ecosystem .block-white .tenders__bottom-block { display: flex; flex-direction: column; gap: 8px; }

.ecosystem .block-white__ads { display: flex; flex-direction: column; gap: 20px; padding-left: 0; }

.ecosystem .block-white__ad { position: relative; padding: 10px 10px 20px 10px; background-color: #f4f4f4; border-radius: 16px; display: flex; flex-direction: column; gap: 16px; }

.ecosystem .block-white .ad__picture { position: relative; width: 100%; }

.ecosystem .block-white .ad__picture img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.ecosystem .block-white .ad__like { position: absolute; top: 6px; right: 10px; }

.ecosystem .block-white .ad__content { display: flex; flex-direction: column; gap: 20px; padding: 0 10px 10px; }

.ecosystem .block-white .ad__top { display: flex; flex-direction: column; gap: 4px; }

.ecosystem .block-white .ad__date { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; color: #888888; }

.ecosystem .block-white .ad__title { width: 317px; font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; font-family: "Manrope SemiBold", sans-serif; }

.ecosystem .block-white .ad__bottom { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; line-height: 18px; }

.ecosystem .block-white .ad__price { font-family: "Manrope SemiBold", sans-serif; font-size: 20px; line-height: 24px; color: #27aae1; padding-left: 10px; }

.ecosystem .block-white .ad__back-icon { position: absolute; bottom: 16px; right: 20px; }

.ecosystem .block-white__list { display: flex; flex-direction: column; gap: 10px; }

.ecosystem .block-white__item { position: relative; width: 100%; padding: 16px; background-color: #f4f4f4; border-radius: 16px; display: flex; flex-direction: column; gap: 16px; }

.ecosystem .block-white .item__top { display: flex; flex-direction: column; gap: 4px; margin-bottom: 4px; }

.ecosystem .block-white .item__text-sm { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; color: #888888; }

.ecosystem .block-white .item__text-bg { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 14px; }

.ecosystem .block-white .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 16px; line-height: 20px; margin-bottom: 0; }

.ecosystem .block-white .item__like { position: absolute; top: 10px; right: 16px; }

.ecosystem .block-white .item__center { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }

.ecosystem .block-white .item__center-text { font-family: "Manrope Medium", sans-serif; font-size: 12px; line-height: 18px; color: #222222; margin-bottom: 0; }

.ecosystem .block-white .item__line { width: 100%; height: 1px; background-color: #e9e9e9; }

.ecosystem .block-white .item__bottom { display: flex; align-items: center; gap: 19px; margin-bottom: 4px; }

.ecosystem .block-white .item__bottom-section { display: flex; flex-direction: column; gap: 4px; }

.ecosystem .block-white .item__price { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 18px; color: #27aae1; margin-bottom: 0; }

.ecosystem__gradient { width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); background-image: linear-gradient(90deg, #eceff0, #e9e9e9, #eceff0); }

.rating { width: 100%; display: flex; justify-content: space-between; color: #0a0a0a; }

@media (max-width: 879px) { .rating { flex-direction: column; justify-content: start; gap: 20px; } }

.rating__title-block { width: 441px; display: flex; flex-direction: column; gap: 10px; position: -webkit-sticky; position: sticky; top: 140px; align-self: flex-start; }

@media (max-width: 1023px) { .rating__title-block { top: unset; } }

@media (max-width: 879px) { .rating__title-block { width: 100%; gap: 4px; } }

.rating__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; }

@media (max-width: 879px) { .rating__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.rating__text-top { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -2.5%; color: #6e6e6e; }

@media (max-width: 879px) { .rating__text-top { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.rating__list { width: 502px; display: flex; flex-direction: column; gap: 90px; padding-left: 0; }

@media (max-width: 879px) { .rating__list { width: 100%; gap: 40px; } }

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

.rating .item__top { width: 100%; padding: 32px; background-color: #eceff0; border-radius: 24px; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.rating .item__top img { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 879px) { .rating .item__top { padding: 10px; } }

.rating .item__bottom { display: flex; flex-direction: column; gap: 10px; }

.rating .item__text-rating { font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -0.2px; color: #27aae1; }

.rating .item__text { font-family: "Manrope Medium", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -2.5%; color: #000; }

@media (max-width: 879px) { .rating .item__text { font-size: 16px; line-height: 22px; } }

.rating .item__graphics { position: relative; width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 4px; }

.rating .item__rating-block { width: 100%; height: 36px; padding: 10px 12px; border-radius: 24px; background-color: rgba(39, 170, 225, 0.15); display: flex; justify-content: space-between; align-items: center; }

.rating .item__block-text { position: relative; z-index: 1; font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -0.2px; color: #fff; }

.rating .item__rating-balls { font-family: "Manrope SemiBold", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -0.2px; color: #27aae1; }

.rating .item__filled-block { position: absolute; height: 36px; background-color: #27aae1; border-radius: 24px; }

.rating .item__filled-block--1 { width: 178px; top: 0px; left: 0px; }

@media (max-width: 879px) { .rating .item__filled-block--1 { width: 160px; } }

.rating .item__filled-block--2 { width: 269px; top: 40px; left: 0px; }

@media (max-width: 879px) { .rating .item__filled-block--2 { width: 223px; } }

.rating .item__filled-block--3 { width: 358px; top: 80px; left: 0; }

@media (max-width: 879px) { .rating .item__filled-block--3 { width: 272px; } }

.rating .item__filled-block--4 { width: 128px; top: 120px; left: 0; }

@media (max-width: 879px) { .rating .item__filled-block--4 { width: 98px; } }

.rating__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .rating__gradient-line { margin: 40px 0; } }

.cookie { position: fixed; display: flex; align-items: center; bottom: 10%; left: 5%; background-color: #fff; max-width: 485px; padding: 24px 20px; border-radius: 20px; box-shadow: 1px 7px 15px 0px #00000012; }

.cookie:not(.shown) { display: none; }

.cookie span { font-size: 14px; font-weight: 500; }

.cookie button { display: flex; padding: 14px 20px; border-radius: 10px; outline: none; border: none; background-color: #27aae1; }

.cookie button span { color: #fff; font-size: 18px; font-weight: 600; }

.sign { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .sign { gap: 20px; } }

.sign__img { color: #27aae1; }

@media (max-width: 879px) { .sign__img { transform: scale(0.8) translate(27px, -6px); } }

.sign__top-block { display: flex; flex-direction: column; gap: 8px; }

@media (max-width: 879px) { .sign__top-block { gap: 4px; } }

.sign__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; color: #0a0a0a; }

@media (max-width: 879px) { .sign__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.sign__top-text { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -2.5%; color: #6e6e6e; }

@media (max-width: 879px) { .sign__top-text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

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

.sign__blocks-section { display: flex; gap: 20px; }

@media (max-width: 879px) { .sign__blocks-section { flex-direction: column; gap: 10px; } }

.sign__block { width: 522px; height: 192px; padding: 32px; background-color: #27aae1; border-radius: 24px; display: flex; flex-direction: column; gap: 18px; }

@media (max-width: 879px) { .sign__block { width: 100%; justify-content: space-between; gap: 0; } }

.sign .block__top { width: 100%; display: flex; justify-content: space-between; }

.sign .block__top img { width: 205px; -o-object-fit: cover; object-fit: cover; }

.sign .block__top svg { color: #27aae1; }

.sign .block__balls { width: 187px; height: 32px; background-color: #fff; border-radius: 20px; display: flex; justify-content: center; align-items: center; gap: 4px; }

@media (max-width: 879px) { .sign .block__balls { width: 146px; height: 24px; } }

.sign .block__balls svg { color: #27aae1; }

.sign .block__balls-text { font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -2.5%; color: #27aae1; }

@media (max-width: 879px) { .sign .block__balls-text { font-size: 10px; line-height: 12px; } }

.sign .block__bottom { font-family: "Manrope Medium", sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -2%; color: #fff; display: flex; align-items: center; }

.sign .block__bottom--short { width: 285px; }

@media (max-width: 879px) { .sign .block__bottom { font-size: 16px; line-height: 20px; } }

.sign__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .sign__gradient-line { margin: 40px 0 0; } }

.sign-board .sign__img { color: #ff732c; }

.sign-board .sign__block { background-color: #ff732c; }

.sign-board .block__top svg { color: #ff732c; }

.sign-board .block__balls svg { color: #ff732c; }

.sign-board .block__balls-text { color: #ff732c; }

.bannerBoard { width: 100%; padding: 60px; background-color: #ff732c; background-image: url(../img/bg-img-banner-orange.webp); background-position: top right; background-repeat: no-repeat; border-radius: 32px; display: flex; flex-direction: column; gap: 126px; }

@media (max-width: 879px) { .bannerBoard { padding: 30px; gap: 80px; } }

.bannerBoard__content { max-width: 719px; display: flex; flex-direction: column; gap: 20px; }

.bannerBoard__top-content { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .bannerBoard__top-content { gap: 4px; } }

.bannerBoard__text, .bannerBoard__date { font-size: 18px; font-family: "Manrope Medium", sans-serif; line-height: 28px; letter-spacing: -0.4px; color: rgba(255, 255, 255, 0.41); }

@media (max-width: 879px) { .bannerBoard__text, .bannerBoard__date { font-size: 16px; line-height: 24px; } }

.bannerBoard__date { color: #fff; }

.bannerBoard__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; color: #fff; }

@media (max-width: 879px) { .bannerBoard__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.bannerBoard__button { width: 185px; }

@media (max-width: 879px) { .bannerBoard__button { width: 100%; } }

.bannerBoard__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

.reviews { width: 100%; display: flex; flex-direction: column; gap: 32px; }

.reviews .reviewsSwiper { height: 441px; }

@media (max-width: 879px) { .reviews .reviewsSwiper { height: 465px; } }

.reviews__container { max-width: 100%; position: relative; height: 441px; }

@media (max-width: 879px) { .reviews__container { height: 465px; } }

.reviews__box { max-width: 100vw; position: absolute; top: 0; overflow: hidden; }

@media (min-width: 1064px) { .reviews__box { left: calc(50% - 50vw); } }

.reviews__box .swiper-wrapper { height: 441px; }

@media (min-width: 1064px) { .reviews__box .swiper-wrapper { pointer-events: none; } }

.reviews__box .swiper-pagination { top: unset; bottom: -6px; }

.reviews__box .swiper-pagination-bullet { margin: 0 2px; opacity: 1; background: #eceff0; }

.reviews__box .swiper-pagination-bullet-active { background: #27aae1; }

.reviews__top-block { display: flex; flex-direction: column; gap: 8px; }

.reviews__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; color: #0a0a0a; }

@media (max-width: 879px) { .reviews__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.reviews__text { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -2.5%; color: #6e6e6e; }

@media (max-width: 879px) { .reviews__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.reviews__list { display: flex; justify-content: start; gap: 10px; }

.reviews__item { width: 341px; height: 441px; padding: 32px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; justify-content: space-between; gap: 20px; }

@media (max-width: 879px) { .reviews__item { width: calc(100% - 20px); } }

.reviews .review__top { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }

.reviews .review__company { font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 16px; letter-spacing: -0.2px; color: #797979; }

.reviews .review__text { font-family: "Manrope SemiBold", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: -1.5%; color: #000; }

.reviews .review__text--gray { color: #797979; margin: 0 4px; }

.reviews .review__bottom { display: flex; flex-direction: column; gap: 10px; }

.reviews .review__name { font-family: "Manrope Medium", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #000; }

.reviews .review__position { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #797979; }

.reviews__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .reviews__gradient-line { margin: 40px 0; } }

.reviewsSwiper .swiper-wrapper { transition-timing-function: linear !important; }

.banner { width: 100%; padding: 60px; background-color: #27aae1; background-image: url(../img/bg-img-banner.webp); background-position: top right; background-size: contain; background-repeat: no-repeat; border-radius: 32px; display: flex; flex-direction: column; gap: 126px; }

@media (max-width: 879px) { .banner { padding: 30px; gap: 80px; } }

.banner__content { max-width: 719px; display: flex; flex-direction: column; gap: 20px; }

.banner__top-content { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .banner__top-content { gap: 4px; } }

.banner__text, .banner__date { font-family: "Manrope Medium", sans-serif; font-size: 18px; line-height: 28px; letter-spacing: -0.4px; color: rgba(255, 255, 255, 0.41); }

@media (max-width: 879px) { .banner__text, .banner__date { font-size: 16px; line-height: 24px; } }

.banner__date { color: #fff; }

.banner__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; color: #fff; }

@media (max-width: 879px) { .banner__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.banner__button { width: 185px; }

@media (max-width: 879px) { .banner__button { width: 100%; } }

.banner__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .banner__gradient-line { margin: 40px 0; } }

.bannerTAggregator { width: 100%; padding: 60px; background-color: #22ac74; background-image: url(../img/bg-img-banner-green.webp); background-position: top right; background-repeat: no-repeat; border-radius: 32px; display: flex; flex-direction: column; gap: 126px; }

@media (max-width: 879px) { .bannerTAggregator { padding: 30px; gap: 80px; } }

.bannerTAggregator__content { max-width: 719px; display: flex; flex-direction: column; gap: 20px; }

.bannerTAggregator__top-content { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 879px) { .bannerTAggregator__top-content { gap: 4px; } }

.bannerTAggregator__text, .bannerTAggregator__date { font-size: 18px; font-family: "Manrope Medium", sans-serif; line-height: 28px; letter-spacing: -0.4px; color: rgba(255, 255, 255, 0.41); }

@media (max-width: 879px) { .bannerTAggregator__text, .bannerTAggregator__date { font-size: 16px; line-height: 24px; } }

.bannerTAggregator__date { color: #fff; }

.bannerTAggregator__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -4%; color: #fff; }

@media (max-width: 879px) { .bannerTAggregator__title { font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.bannerTAggregator__button { width: 185px; }

@media (max-width: 879px) { .bannerTAggregator__button { width: 100%; } }

.bannerTAggregator__gradient-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

.infoTAggregator { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-bottom: 160px; }

@media (max-width: 879px) { .infoTAggregator { grid-template-columns: 1fr; } }

.cardTAggregator { width: 100%; height: 228px; padding: 32px 20px 32px 32px; background: #22ac74; display: flex; flex-direction: column; justify-content: space-between; border-radius: 24px; }

.cardTAggregator__text { font-family: "Manrope Medium", sans-serif; font-size: 16px; line-height: 20px; color: white; }

.cardTAggregator__title { font-family: "Manrope SemiBold", sans-serif; font-size: 64px; line-height: 64px; color: white; }

.faq { width: 100%; display: grid; grid-template-columns: 1fr minmax(460px, 476px); margin-bottom: 92px; }

@media (max-width: 879px) { .faq { grid-template-columns: 1fr; gap: 40px; margin-bottom: 40px; } }

.faq__box { display: flex; flex-direction: column; gap: 40px; padding-right: 39px; }

@media (max-width: 1023px) { .faq__box { padding-right: 0; } }

@media (max-width: 879px) { .faq__box { gap: 20px; } }

.faq__title { font-size: 40px; line-height: 48px; max-width: 414px; font-family: "Manrope SemiBold", sans-serif; }

@media (max-width: 879px) { .faq__title { font-size: 24px; line-height: 28px; max-width: 100%; } }

.collapseWrapper { padding-bottom: 20px; }

.collapseWrapper__header { display: flex; gap: 20px; height: 76px; cursor: pointer; }

.collapseWrapper:first-child .collapseWrapper__header { height: 48px; }

.collapseWrapper__contant { padding-left: 48px; font-size: 16px; }

@media (max-width: 879px) { .collapseWrapper__header { height: 48px; }
  .collapseWrapper:first-child .collapseWrapper__header { height: 28px; } }

.collapseWrapper__iconBox { background: rgba(39, 170, 225, 0.15); height: 28px; width: 28px; min-width: 28px; border-radius: 8px; display: block; }

.collapseWrapper__title { font-size: 20px; line-height: 28px; font-family: "Manrope SemiBold", sans-serif; }

@media (max-width: 879px) { .collapseWrapper__title { font-size: 16px; line-height: 24px; } }

.form-section-aggregator .button--base { background-color: #22ac74; }

.form-section-board .button--base { background-color: #fb5607; }

.formSection { width: 100%; display: grid; grid-template-columns: 1fr minmax(460px, 515px); }

@media (max-width: 879px) { .formSection { grid-template-columns: 1fr; gap: 20px; } }

.formSection__formBox { max-width: 515px; }

@media (max-width: 879px) { .formSection__formBox { margin: 0 auto; } }

.formSection__title { font-size: 40px; line-height: 48px; margin-bottom: 10px; font-family: "Manrope SemiBold", sans-serif; }

@media (max-width: 879px) { .formSection__title { font-size: 24px; line-height: 28px; margin-bottom: 4px; } }

.formSection__subtitle { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 28px; color: #494949; max-width: 300px; }

@media (max-width: 879px) { .formSection__subtitle { max-width: 100%; font-size: 14px; line-height: 18px; } }

.mainForm { width: 100%; background: white; border: 1px solid #e7e7e7; padding: 40px; border-radius: 24px; box-shadow: 1px 7px 15px 0px rgba(0, 0, 0, 0.07), 3px 28px 28px 0px rgba(0, 0, 0, 0.06), 6px 62px 38px 0px rgba(0, 0, 0, 0.03), 11px 111px 45px 0px rgba(0, 0, 0, 0.01), 17px 173px 49px 0px rgba(0, 0, 0, 0); }

@media (max-width: 879px) { .mainForm { padding: 20px; } }

@media (max-width: 879px) { .mainForm__button { font-size: 16px; } }

.mainForm__link { color: black; }

.mainForm__text { color: rgba(0, 0, 0, 0.5); }

.mainForm__fieldBox { display: flex; flex-direction: column; gap: 32px; margin-bottom: 40px; }

@media (max-width: 879px) { .mainForm__fieldBox { gap: 10px; margin-bottom: 20px; } }

.mainForm__textBox { text-align: center; font-size: 14px; margin-top: 20px; }

@media (max-width: 879px) { .mainForm__textBox { margin-top: 12px; font-size: 12px; line-height: 14px; } }

.mainForm__select { border: 1px solid #dedede; padding: 16px 20px; border-radius: 12px; width: 100%; font-size: 18px; line-height: 24px; color: black; }

.mainForm__select option:first-child { display: none; }

.cycle { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .cycle { display: none; } }

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

.cycle__item { width: 100%; padding: 32px; background-color: #eceff0; border-radius: 24px; cursor: pointer; display: flex; flex-direction: column; gap: 20px; }

.cycle .item { height: 152px; overflow: hidden; transition: all 0.5s; }

.cycle .item__text-block { overflow: hidden; display: flex; flex-direction: column; gap: 8px; }

.cycle .item__title { font-family: "Manrope Medium", sans-serif; font-size: 24px; line-height: 31px; letter-spacing: -3%; }

.cycle .item__text { font-family: "Manrope", sans-serif; font-size: 20px; line-height: 24px; letter-spacing: -2%; color: rgba(15, 15, 17, 0.54); }

.cycle .item:hover { height: 184px; background-color: #fff; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1); }

.cycle-mob { display: none; }

@media (max-width: 879px) { .cycle-mob { width: 100%; display: flex; flex-direction: column; gap: 20px; } }

.cycle-mob__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2%; }

.cycle-mob .cycle-swiper { display: flex; flex-direction: column; gap: 36px; }

.cycle-mob__item { width: 100%; min-height: 215px; padding: 24px; background-color: #fff; border-radius: 24px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; justify-content: space-between; }

.cycle-mob .item__text-block { display: flex; flex-direction: column; gap: 8px; }

.cycle-mob .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 18px; line-height: 20px; letter-spacing: -2.5%; }

.cycle-mob .item__text { font-family: "Manrope", sans-serif; font-size: 14px; line-height: 18px; letter-spacing: -0.3px; color: rgba(15, 15, 17, 0.54); }

.cycle-line { margin: 90px 0; width: 100%; height: 1px; background-image: linear-gradient(90deg, #fff, #e9e9e9, #fff); }

@media (max-width: 879px) { .cycle-line { margin: 40px 0; } }

.tasks-page { width: 100%; padding-bottom: 90px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-page { padding-bottom: 40px; gap: 20px; } }

.tasks-page--aggregator { padding-bottom: 0; }

.tasks-page__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -1.5px; }

@media (max-width: 879px) { .tasks-page__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.tasks-page__list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 390px); gap: 20px; padding-left: 0; margin-bottom: 0; }

@media (max-width: 879px) { .tasks-page__list { grid-template-columns: 100%; grid-template-rows: repeat(5, 330px); gap: 10px; } }

.tasks-page__item { padding: 32px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-page__item { padding: 20px; gap: 20px; } }

.tasks-page__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-page__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; } }

.tasks-page__item--2 { grid-column: 2 / 3; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-page__item--2 { grid-column: 1 / 2; grid-row: 2 / 3; } }

.tasks-page__item--3 { grid-column: 1 / 2; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-page__item--3 { grid-column: 1 / 2; grid-row: 3 / 4; } }

.tasks-page__item--4 { grid-column: 2 / 3; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-page__item--4 { grid-column: 1 / 2; grid-row: 4 / 5; } }

.tasks-page__item--5 { grid-column: 1 / 3; grid-row: 3 / 4; display: flex; flex-direction: row; gap: 65px; overflow: hidden; }

@media (max-width: 879px) { .tasks-page__item--5 { grid-column: 1 / 2; grid-row: 5 / 6; flex-direction: column; gap: 10px; } }

.tasks-page .item__top-block { display: flex; flex-direction: column; gap: 8px; }

.tasks-page .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2.5%; }

@media (max-width: 879px) { .tasks-page .item__title { font-size: 18px; line-height: 20px; } }

.tasks-page .item__text { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #6e6e6e; }

@media (max-width: 879px) { .tasks-page .item__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.tasks-page .item__img { width: 100%; overflow: hidden; }

.tasks-page .item__img img { width: 100%; -o-object-fit: cover; object-fit: cover; }

.tasks-page .item__img--contain img { -o-object-fit: contain; object-fit: contain; height: 100%; }

@media (max-width: 879px) { .tasks-page .item__img--left { display: none; } }

.tasks-page .item__right { display: flex; flex-direction: column; gap: 94px; }

@media (max-width: 879px) { .tasks-page .item__right { gap: 30px; } }

.tasks-page .item__left { align-self: center; }

.tasks-tPlatform { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-tPlatform { gap: 20px; } }

.tasks-tPlatform__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -1.5px; }

@media (max-width: 879px) { .tasks-tPlatform__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.tasks-tPlatform__list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 390px); gap: 20px; }

@media (max-width: 879px) { .tasks-tPlatform__list { grid-template-columns: 100%; grid-template-rows: repeat(5, 330px); gap: 10px; } }

.tasks-tPlatform__item { padding: 32px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-tPlatform__item { padding: 20px; gap: 20px; } }

.tasks-tPlatform__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-tPlatform__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; } }

.tasks-tPlatform__item--2 { grid-column: 2 / 3; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-tPlatform__item--2 { grid-column: 1 / 2; grid-row: 2 / 3; } }

.tasks-tPlatform__item--3 { grid-column: 1 / 2; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-tPlatform__item--3 { grid-column: 1 / 2; grid-row: 3 / 4; } }

.tasks-tPlatform__item--4 { grid-column: 2 / 3; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-tPlatform__item--4 { grid-column: 1 / 2; grid-row: 4 / 5; } }

.tasks-tPlatform__item--5 { grid-column: 1 / 3; grid-row: 3 / 4; display: flex; flex-direction: row; gap: 65px; overflow: hidden; }

@media (max-width: 879px) { .tasks-tPlatform__item--5 { grid-column: 1 / 2; grid-row: 5 / 6; flex-direction: column; gap: 10px; } }

.tasks-tPlatform .item__top-block { display: flex; flex-direction: column; gap: 8px; }

.tasks-tPlatform .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2.5%; }

@media (max-width: 879px) { .tasks-tPlatform .item__title { font-size: 18px; line-height: 20px; } }

.tasks-tPlatform .item__text { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #6e6e6e; }

@media (max-width: 879px) { .tasks-tPlatform .item__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.tasks-tPlatform .item__img { width: 100%; overflow: hidden; }

.tasks-tPlatform .item__img img { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 879px) { .tasks-tPlatform .item__img--left { display: none; } }

.tasks-tPlatform .item__right { display: flex; flex-direction: column; gap: 94px; }

@media (max-width: 879px) { .tasks-tPlatform .item__right { gap: 30px; } }

.tasks-tPlatform .item__left { align-self: center; }

.tasks-tAggregator { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-tAggregator { gap: 20px; } }

.tasks-tAggregator__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -1.5px; }

@media (max-width: 879px) { .tasks-tAggregator__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.tasks-tAggregator__list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 390px); gap: 20px; }

@media (max-width: 879px) { .tasks-tAggregator__list { grid-template-columns: 100%; grid-template-rows: repeat(5, 330px); gap: 10px; } }

.tasks-tAggregator__item { padding: 32px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-tAggregator__item { padding: 20px; gap: 20px; } }

.tasks-tAggregator__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-tAggregator__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; } }

.tasks-tAggregator__item--2 { grid-column: 2 / 3; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-tAggregator__item--2 { grid-column: 1 / 2; grid-row: 2 / 3; } }

.tasks-tAggregator__item--3 { grid-column: 1 / 2; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-tAggregator__item--3 { grid-column: 1 / 2; grid-row: 3 / 4; } }

.tasks-tAggregator__item--4 { grid-column: 2 / 3; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-tAggregator__item--4 { grid-column: 1 / 2; grid-row: 4 / 5; } }

.tasks-tAggregator__item--5 { grid-column: 1 / 3; grid-row: 3 / 4; display: flex; flex-direction: row; gap: 65px; overflow: hidden; }

@media (max-width: 879px) { .tasks-tAggregator__item--5 { grid-column: 1 / 2; grid-row: 5 / 6; flex-direction: column; gap: 10px; } }

.tasks-tAggregator .item__top-block { display: flex; flex-direction: column; gap: 8px; }

.tasks-tAggregator .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2.5%; }

@media (max-width: 879px) { .tasks-tAggregator .item__title { font-size: 18px; line-height: 20px; } }

.tasks-tAggregator .item__text { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #6e6e6e; }

@media (max-width: 879px) { .tasks-tAggregator .item__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.tasks-tAggregator .item__img { width: 100%; overflow: hidden; }

.tasks-tAggregator .item__img img { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 879px) { .tasks-tAggregator .item__img--left { display: none; } }

.tasks-tAggregator .item__right { display: flex; flex-direction: column; gap: 94px; }

@media (max-width: 879px) { .tasks-tAggregator .item__right { gap: 30px; } }

.tasks-tAggregator .item__left { align-self: center; }

.tasks-board { width: 100%; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-board { gap: 20px; } }

.tasks-board__title { font-family: "Manrope SemiBold", sans-serif; font-size: 40px; line-height: 48px; letter-spacing: -1.5px; }

@media (max-width: 879px) { .tasks-board__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2%; } }

.tasks-board__list { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 390px); gap: 20px; }

@media (max-width: 879px) { .tasks-board__list { grid-template-columns: 100%; grid-template-rows: repeat(5, 330px); gap: 10px; } }

.tasks-board__item { padding: 32px; background-color: #eceff0; border-radius: 24px; display: flex; flex-direction: column; gap: 32px; }

@media (max-width: 879px) { .tasks-board__item { padding: 20px; gap: 20px; } }

.tasks-board__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-board__item--1 { grid-column: 1 / 2; grid-row: 1 / 2; } }

.tasks-board__item--2 { grid-column: 2 / 3; grid-row: 1 / 2; }

@media (max-width: 879px) { .tasks-board__item--2 { grid-column: 1 / 2; grid-row: 2 / 3; } }

.tasks-board__item--3 { grid-column: 1 / 2; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-board__item--3 { grid-column: 1 / 2; grid-row: 3 / 4; } }

.tasks-board__item--4 { grid-column: 2 / 3; grid-row: 2 / 3; }

@media (max-width: 879px) { .tasks-board__item--4 { grid-column: 1 / 2; grid-row: 4 / 5; } }

.tasks-board__item--5 { grid-column: 1 / 3; grid-row: 3 / 4; display: flex; flex-direction: row; gap: 65px; overflow: hidden; }

@media (max-width: 879px) { .tasks-board__item--5 { grid-column: 1 / 2; grid-row: 5 / 6; flex-direction: column; gap: 10px; } }

.tasks-board .item__top-block { display: flex; flex-direction: column; gap: 8px; }

.tasks-board .item__title { font-family: "Manrope SemiBold", sans-serif; font-size: 24px; line-height: 28px; letter-spacing: -2.5%; }

@media (max-width: 879px) { .tasks-board .item__title { font-size: 18px; line-height: 20px; } }

.tasks-board .item__text { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.4px; color: #6e6e6e; }

@media (max-width: 879px) { .tasks-board .item__text { font-size: 14px; line-height: 18px; letter-spacing: -0.3px; } }

.tasks-board .item__img { width: 100%; overflow: hidden; }

.tasks-board .item__img img { width: 100%; -o-object-fit: cover; object-fit: cover; }

@media (max-width: 879px) { .tasks-board .item__img--left { display: none; } }

.tasks-board .item__right { display: flex; flex-direction: column; gap: 94px; }

@media (max-width: 879px) { .tasks-board .item__right { gap: 30px; } }

.tasks-board .item__left { align-self: center; }

.footer-aggregator .footer__button { background: #22ac7426; }

.footer-aggregator .footer__button svg { color: #22ac74; }

.footer-aggregator .footer__colTitle { color: #22ac74; }

.footer-board .footer__button { background: #fb560726; }

.footer-board .footer__button svg { color: #fb5607; }

.footer-board .footer__colTitle { color: #fb5607; }

.footer { display: flex; justify-content: center; padding: 0 10px 48px; }

@media (max-width: 1023px) { .footer { padding: 0 10px 25px; } }

.footer__button { background: #27aae126; border-radius: 8px; width: 40px; height: 40px; padding: 18px 16px; border: none; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }

.footer__button svg { z-index: 100; position: absolute; color: #27aae1; }

.footer__container { width: 100%; max-width: 1064px; background: #eceff0; border-radius: 24px; padding: 32px; }

@media (max-width: 879px) { .footer__container { padding: 24px 20px; } }

.footer__headrow { display: flex; justify-content: space-between; margin-bottom: 40px; }

.footer__contant { display: flex; justify-content: space-between; padding-right: 78px; }

@media (max-width: 1023px) { .footer__contant { padding-right: 0; } }

@media (max-width: 879px) { .footer__contant { flex-direction: column; gap: 40px; } }

.footer__list { display: flex; flex-direction: column; gap: 16px; padding-left: 0; }

.footer__colTitle { font-family: "Manrope Medium", sans-serif; font-size: 14px; line-height: 17px; color: #27aae1; height: 17px; margin-bottom: 16px; }

.footer__colTitle_void { display: block; height: 17px; margin-bottom: 16px; }

@media (max-width: 879px) { .footer__colTitle_void { display: none; } }

.footer__colItem { display: flex; justify-content: space-between; }

.footer__colLink { font-family: "Manrope Medium", sans-serif; font-size: 16px; line-height: 20px; color: black; height: 20px; transition: 0.1s; letter-spacing: -0.2px; }

.footer__colLink:hover { transition: 0.1s; color: #505050; }

@media (max-width: 879px) { .footer__colLink { font-size: 15px; } }

.modal-consult-header { display: flex; flex-direction: column; gap: 10px; }

.modal-consult-title, .modal-success-title { font-family: "Manrope Medium", sans-serif; font-size: 26px; line-height: 31.2px; letter-spacing: -0.02em; }

.modal-consult-desc, .modal-success-desc { font-family: "Manrope", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: -0.01em; color: #494949; width: 90%; }

.modal-consult-form { display: flex; flex-direction: column; gap: 20px; }

.modal-consult-form-fields { display: flex; flex-direction: column; gap: 20px; margin: 20px 0; }

.modal-consult-form-description { font-family: "Manrope", sans-serif; font-size: 14px; line-height: 20px; letter-spacing: -0.20000000298023224px; text-align: center; color: #00000080; }

.modal-consult-form-description a { color: #000; }

.modal-success { display: flex; flex-direction: column; align-items: center; gap: 20px; }

.modal-success-content { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 12px; }

.modal-success-title, .modal-success-desc { text-align: center; }

.modal-success-desc { width: 60%; }

/*# sourceMappingURL=styles.css.map */