body {
    --purple-text: #4A00E0;
    --font-family: Circe, san-serif;
    --font-family-bold: CirceBold, san-serif;
    background-color: white;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
}

body .wrapper_1010 {
    max-width: 1070px;
}

body .wrapper_1140 {
    max-width: 1200px;
}

img {
    max-width: 100%;
    /*width: 100%;*/
}

.btn {
    display: inline-block;
    border-radius: 11px;
    padding: 14px 28px;
    box-shadow: 0 4px 6px -4px rgba(139, 92, 246, 0.3), 0 10px 15px -3px rgba(139, 92, 246, 0.3);
    background: linear-gradient(90deg, #7c3aed 0%, #8b5cf6 100%);
    color: white;
    text-decoration: none;
}

.section__header {
    margin-bottom: 40px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #475569;
}

.section__header__intro {
    font-weight: 700;
    font-size: 12px;
    line-height: 142%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-align: center;
    color: #7c3aed;
}

.section__header .title_inner {
    margin-bottom: 14px;
}

.section__header__text {
    margin: 0 auto;
    max-width: 670px;
}

.s_techpark__partners {
    margin-bottom: 0;
    padding-bottom: 90px;
    background-color: #F8FAFC;
}

.techpark__partners__card {
    border-radius: 21px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: var(--white);
    flex: 1;
    max-width: 476px;
}

.techpark__partners__card__image-wrapper {
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    height: 224px;
}

.techpark__partners__card__image-wrapper img {
    height: 100%;
}

.techpark__partners__card__sticker {
    position: absolute;
    top: 14px;
    left: 14px;
    border-radius: 7px;
    padding: 7px 14px 7px 40px;
    backdrop-filter: blur(4px);
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    color: #6d28d9;
    background: rgba(255, 255, 255, 0.9) no-repeat 14px 8px;
}

.techpark__partners__card__content {
    padding: 28px;
}

.techpark__partners__card__title {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 21px;
    line-height: 133%;
    color: #0f172a;
}

.techpark__partners__card__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    color: #475569;
}

.techpark__partners__card__text ul {
    padding-left: 6px;
    padding-top: 8px;
}

.techpark__partners__card__text li {
    align-items: baseline;
    display: flex;
    gap: 10px;
    list-style: inside none;
    padding-left: 0;
    padding-bottom: 8px;
}

/*.techpark__partners__card__text li::marker {*/
/*  content: url("../../images/marker_mt.svg");*/
/*}*/
.techpark__partners__card__text li::before {
    content: "";
    display: block;
    background: #8b5cf6;
    border-radius: 50px;
    min-width: 5px;
    height: 5px;
    width: 5px;
}

.techpark__partners__content {
    display: flex;
    gap: 30px;
}

.techpark__production__item {
    margin-top: 100px;
}

.techpark__production__item:first-child{
    margin-top: 60px;
}

.techpark__production__item__header {
    margin-bottom: 20px;
    font-family: var(--font-family);
}

.techpark__production__item__header__intro {
    align-items: center;
    background: #f5f3ff;
    border-radius: 9999px;
    color: #9810fa;
    display: inline-flex;
    font-weight: 700;
    font-size: 16px;
    height: 35px;
    line-height: 150%;
    margin-bottom: 10px;
    padding: 0 12px;
}

.techpark__production__item__header__text {
    font-weight: 700;
    font-size: 18px;
    line-height: 163%;
    color: #45556c;
}

.techpark__production__item__title {
    color: #0f172b;
    font-weight: 700;
    font-size: 32px;
    line-height: 125%;
    margin-bottom: 10px;
}

.techpark__production__item__benefits {
    background: #f5f3ff;
    border: 1px solid #f3e8ff;
    border-radius: 16px;
    margin-top: 40px;
    padding: 18px 16px;
}

.techpark__production__item__benefits__list {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #45556c;
    list-style: none;
    padding: 0;
}

.techpark__production__item__benefits__list li {
    padding: 2px 0 2px 32px;
    position: relative;
}

.techpark__production__item__benefits__list li::before {
    padding: 0 8px 16px 0;
    content: url("../images/icon_check_mark.svg");
    position: absolute;
    left: 0;
}

.techpark__production__item__main {
    display: flex;
    gap: 30px;
}

.techpark__production__item__main > div {
    flex: 1;
}

.techpark__production__item__image-wrapper img{
    border-radius: 16px;
    width: 100%;
}

.techpark__production__item__mini-title {
    color: #4A00E0;
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.techpark__production__item__about {
    font-family: var(--font-family);
}

.techpark__production__item__about > p {
    color: #45556c;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 20px;
}

.techpark__production__item__specs__about__list__item {
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}

.techpark__production__item__specs__about__list__item .name {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #314158;
}

.techpark__production__item__specs__about__list__item .divider {
    margin: 0 8px;
    position: relative;
    flex: 2;
    overflow: hidden;
}

.techpark__production__item__specs__about__list__item .divider::before {
    content: "................................................................................................................";
    position: absolute;
    overflow: hidden;
}

.techpark__production__item__specs__about__list__item .value {
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--purple-text);
}

.techpark__production__item__specs__about__options .opt-name {
    margin-bottom: 12px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #314158;
}

.techpark__production__item__specs__about__options .opt-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.techpark__production__item__specs__about__options span {
    border-radius: 24px;
    background-color: #f5f3ff;
    color: #9389ea;
    font-size: 16px;
    font-family: var(--font-family-bold);
    font-weight: 700;
    line-height: 1;
    padding: 10px 16px;
}

.techpark__production__item__equipment {
    display: flex;
    gap: 32px;
    margin-bottom: 20px;
}

.techpark__production__item__image-wrapper.mobile {
    display: none;
}

.techpark__linkDescktope{
    display: block;
}

.techpark__linkMob{
    display: none;
}

.techpark__production__item__button-wrapper {
    margin-top: 40px;
}

.equipment__card {
    border: 1px solid #f3e8ff;
    border-radius: 16px;
    padding: 12px 16px;
    background: linear-gradient(174deg, #fff 0%, #faf5ff 100%);
    font-family: var(--font-family);
}

.equipment__card__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 145%;
    color: #0f172b;
}

.equipment__card__specs {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: var(--purple-text);
}

.equipment__card__desc{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #45556c;
}

.equipment__card__header {
    margin-bottom: 4px;
    display: flex;
    gap: 4px;
}

.equipment__card__sticker {
    padding: 0 12px;
    display: flex;
    align-items: center;
    height: 28px;
    min-width: 28px;
    border-radius: 100px;
    background-color: #f5f3ff;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--purple-text);
}

.equipment__card__sticker_flash {
    padding: 0;
    background: #f5f3ff url("../images/icon_flash.svg") center center no-repeat;
}

.equipment__card p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #45556c;
}

.online {
    font-family: var(--font-family);
}

.online_top {
    display: flex;
}

.online_top__main {
    flex: 7;
}

.online_top__main p {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #45556c;
}

.online_top__header__intro {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 12px;
    line-height: 142%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #7c3aed;
}

.online_top__header {
    margin-bottom: 16px;
}

.online_top__header__title {
    margin-bottom: 16px;
}

.online_top__header__bottom {
    font-weight: 400;
    font-size: 15px;
    line-height: 155%;
    color: #475569;
}

.online_top__mini-title {
    font-weight: 700;
    font-size: 22px;
    line-height: 182%;
    color: var(--purple-text);
}

.online_top__divider {
    flex: 1;
}

.online_top__benefits {
    flex: 5;
}

.online_top__benefits__item {
    margin-top: 26px;
    display: flex;
}

.online_top__benefits__item__icon-wrapper {
    margin-right: 16px;
    border-radius: 8px;
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: #f5f3ff center center no-repeat;
    background-size: 36px 36px;
}

/*.online_top__benefits__item__icon-wrapper.icon_1 {*/
/*    background-image: url("../../images/icon_speed.svg");*/
/*}*/

/*.online_top__benefits__item__icon-wrapper.icon_2 {*/
/*    background-image: url("../../images/icon_autonomy.svg");*/
/*}*/

/*.online_top__benefits__item__icon-wrapper.icon_3 {*/
/*    background-image: url("../../images/icon_flexability.svg");*/
/*}*/

/*.online_top__benefits__item__icon-wrapper.icon_4 {*/
/*    background-image: url("../../images/icon_avaliability.svg");*/
/*}*/

.online_top__benefits__item__title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: var(--purple-text);
}

.online_top__benefits__item p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #314158;
}

.online_bottom {
    margin-bottom: 60px;
    display: flex;
    align-items: flex-end;
}

.online_bottom__how {
    border: 1px solid #f1f5f9;
    border-radius: 21px;
    padding: 20px;
    width: 350px;
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    background: var(--white);
}

.online_bottom__how__title {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 21px;
    line-height: 133%;
    color: #0f172a;
}

.online_bottom__how__list {
    padding: 0;
    list-style-type: none;
    counter-reset: num;
}

.online_bottom__how__list li {
    margin-bottom: 10px;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #334155;
}

.online_bottom__how__list li:before {
    margin-right: 8px;
    content: counter(num);
    counter-increment: num;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #8b5cf6;
}

.online_bottom__text-wrapper {
    flex: 4;
}

.online_bottom__resume {
    margin: 32px 0 64px;
    font-family: var(--font-family-bold);
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: var(--purple-text);
}

.online_bottom__image-wrapper {
    flex: 8;
}

.online_bottom__image-wrapper img {
    transform: translateX(50px);
}

.s_calculator {
    overflow: hidden;
}

.s_calculator img {
    max-width: 100%;
}

.why {
    color: white;
    background-color: #0F172A;
    margin-bottom: 0;
    padding-bottom: 80px;
}

.why .section__header, .why .title_inner {
    color: white;
}

.why__list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}

.why__item {
    padding: 28px;
    border: 1px solid #334155;
    border-radius: 21px;
    backdrop-filter: blur(4px);
    background: rgba(30, 41, 59, 0.5);
}

.why__item_wide {
    grid-column: span 2;
}

.why__item__icon {
    margin-bottom: 20px;
    border-radius: 14px;
    width: 48px;
    height: 48px;
    background: rgba(139, 92, 246, 0.1) no-repeat center center;
}

.why__item__icon_1 {
    background-image: url("../images/why_icon_1.svg");
}

.why__item__icon_2 {
    background-image: url("../images/why_icon_2.svg");
}

.why__item__icon_3 {
    background-image: url("../images/why_icon_3.svg");
}

.why__item__icon_4 {
    background-image: url("../images/why_icon_4.svg");
}

.why__item__icon_5 {
    background-image: url("../images/why_icon_5.svg");
}

.why__item p {
    font-weight: 400;
    font-size: 14px;
    line-height: 163%;
    color: #94a3b8;
}

.why .button-wrapper {
    margin-top: 40px;
    text-align: center;
}

.mailing {
    background: #f8fafc;
    margin-bottom: 0;
    padding-bottom: 80px;
}

.mailing__banner {
    margin: 0 auto;
    border: 1px solid #f1f5f9;
    background-color: white;
    border-radius: 21px;
    padding: 41px;
    max-width: 868px;
    box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    display: flex;
    gap: 42px;
    justify-content: space-between;
    font-family: var(--font-family);
}

.mailing__text-wrapper > div {
    margin-bottom: 16px;
}

.mailing__sticker {
    border-radius: 9999px;
    padding: 3px 10px;
    width: 62px;
    height: 21px;
    background: #f5f3ff;
    font-weight: 700;
    font-size: 10px;
    line-height: 133%;
    color: #7c3aed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mailing__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 120%;
    color: #0f172a;
}

.mailing__policy {
    font-weight: 400;
    font-size: 10px;
    line-height: 133%;
    color: #94a3b8;
}

.mailing p {
    max-width: 500px;
    font-weight: 400;
    font-size: 15px;
    line-height: 155%;
    color: #475569;
}

@media only screen and (max-width: 1280px) {
    .online_bottom__image-wrapper {
        max-width: 60%;
    }

    .online_bottom__image-wrapper img {
        transform: unset;
    }
}

@media only screen and (max-width: 1024px) {
    .online_bottom {
        margin-top: 24px;
        flex-direction: column-reverse;
    }

    .online_bottom__image-wrapper {
        margin: 0 auto;
        max-width: unset;
    }

    .online_bottom__text-wrapper {
        display: flex;
        gap: 20px;
    }

    .online_bottom__text-wrapper > div {
        flex: 1;
    }
}

@media only screen and (max-width: 767px) {
    .techpark__partners__content {
        flex-direction: column;
        align-items: center;
    }

    .techpark__production {
        margin-bottom: 60px;
    }

    .techpark__production__item{
        margin-top: 60px;
    }

    .techpark__production__item__main {
        flex-direction: column;
    }

    .techpark__production__item__image-wrapper {
        display: none;
    }

    .techpark__production__item__image-wrapper.mobile {
        display: block;
        margin: 0 auto 20px;
        max-width: 60%;
    }

    .techpark__production__item__benefits{
        margin-top: 0;
    }

    .techpark__linkDescktope{
        display: none;
    }

    .techpark__linkMob{
        display: block;
    }

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

    .online_top__header__title {
        text-align: left;
    }

    .why, .mailing{
        padding-bottom: 40px;
    }

    .why__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .online_top {
        flex-direction: column;
    }

    .online_top__benefits__item {
        margin-top: 16px;
    }

    .online_top__main p {
        margin-top: 0.25em;
    }
}

@media only screen and (max-width: 640px) {
    .techpark__production__item__equipment {
        gap: 16px;
    }

    /*.techpark__production .section__header {*/
    /*    display: none;*/
    /*}*/

    .why__item {
        padding: 12px;
    }

    .online_bottom__text-wrapper {
        flex-direction: column;
    }

    .online_bottom__how {
        width: unset;
    }

    .online_bottom__resume {
        margin: 0;
    }
}

@media only screen and (max-width: 480px) {
    .techpark__production__item__image-wrapper.mobile{
        max-width: none;
    }
    .techpark__partners__card__content {
        padding: 16px;
    }

    .techpark__partners__card__image-wrapper {
        height: unset;
    }

    .techpark__production__item__about > p {
        font-size: 16px;
    }

    .techpark__production__item__header__text {
        font-size: 16px;
    }

    .techpark__production__item__equipment {
        margin: 22px 0;
        flex-direction: column;
        gap: 32px;
    }

    .online_top__main p {
        font-size: 16px;
    }

    .online_top__benefits__item p {
        font-size: 14px;
    }

    .why__item {
        padding: 22px;
        grid-column: span 2;
    }

    .why__item:not(:last-child) {
        padding-right: 80px;
    }

    .mailing__banner {
        padding: 16px;
        flex-direction: column-reverse;
    }
}

/*# sourceMappingURL=technopark.css.map */