@charset "utf-8";
/* CSS Document */

@media (min-width: 576px){
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container {
        max-width: 690px;
    }
}
@media (min-width: 992px){
    .container {
        max-width: 930px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1110px;
    }
}
@media (min-width: 1300px){
    .container {
        max-width: 1296px;
    }
}


/* desktop */

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

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

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

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

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

@media screen and (max-width: 1300px) {
    .resolve:nth-of-type(2) {
        min-height: 269px;
    }
    .resolve:nth-of-type(4) {
        min-height: 251px;
    }
}

@media screen and (max-width: 1280px) {
    main > section > .container > h2 {
        font-size: 58px;
    }

    section.start h1 {
        font-size: 59px;
        margin-bottom: 95px;
    }
    section.start p {
        font-size: 42px;
    }

    .why__text > p {
        font-size: 30px;
    }

    .resolve__header {
        font-size: 22px;
    }

    .app__nav > li {
        font-size: 17px
    }

    .collab__glows {
        width: 300px;
        height: 300px;
    }
    .collab__glows::before {
        width: 200px;
        height: 200px;
    }
    #codeFree,
    #knowledge,
    #ai {
        width: 303px;
        height: 303px;
    }
    .collab__side-txt > h4 {
        font-size: 28px;
    }
    .collab__side-txt > ul {
        font-size: 16px;
    }
    .collab__side-txt > ul > li + li {
        margin-top: 17px;
    }

    section.knowledge h3 {
        font-size: 42px;
    }

    .reqCall > h2,
    .calculate__wrapp > h2 {
        font-size: 56px;
    }
    .reqCall > h4,
    .form__error > p,
    .form__success > p,
    .calculate__wrapp > h4 {
        font-size: 28px;
    }

    footer p {
        max-width: 430px;
        font-size: 18px;
    }
}

@media screen and (max-width: 1200px) {
    .resolve:nth-of-type(2) {
        min-height: 287px;
    }
    .resolve:nth-of-type(4) {
        min-height: 235px;
    }
}

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

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

/* tablet */

@media screen and (max-width: 992px) {
    section.start h1 {
        font-size: 38px;
        margin-bottom: 58px;
    }
    .main__btn {
        height: 62px;
        font-size: 26px;
    }
    section.start p {
        font-size: 32px;
        margin-top: 75px;
    }

    main > section > .container > h2 {
        font-size: 48px;
        margin-bottom: 40px;
    }

    .why__wrapp {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .why__title {
        font-size: 38px;
    }
    .why__text > p {
        font-size: 26px;
    }

    section.solutions {
        padding-bottom: 60px;
    }
    .solutions__wrapp {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 18px;
        column-gap: 18px;
        -moz-row-gap: 18px;
        row-gap: 18px;
    }
    .resolve {
        margin-bottom: 18px;
    }
    .resolve:nth-of-type(2) {
        min-height: fit-content;
    }
    .resolve:nth-of-type(3) {
        min-height: 233px;
    }
    .resolve:nth-of-type(4) {
        min-height: fit-content;
    }

    .app__nav {
        -webkit-justify-content: start;
        justify-content: start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
    .app__nav > li {
        font-size: 24px;
        margin-right: 30px;
    }

    section.collaborate {
        padding-bottom: 150px;
    }
    .collab__side-txt > h4 {
        font-size: 24px;
        padding-left: 25px;
    }
    .collab__glows {
        width: 220px;
        height: 220px;
    }
    .collab__glows::before {
        width: 120px;
        height: 120px;
    }
    #codeFree,
    #knowledge,
    #ai {
        width: 223px;
        height: 223px;
    }

    section.knowledge {
        padding-bottom: 80px;
    }
    section.knowledge h3 {
        font-size: 38px;
    }

    .reqCall > h2,
    .calculate__wrapp > h2 {
        font-size: 48px;
        margin-bottom: 20px;
    }
    .reqCall > h4,
    .form__error > p,
    .form__success > p,
    .calculate__wrapp > h4 {
        font-size: 24px;
    }
}

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

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

    .app__nav {
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .app__nav > li {
        margin-right: 0;
    }

    section.collaborate {
        padding-bottom: 100px;
    }
    .collab {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .collab__side {
        max-width: 100%;
    }
    .collab__side-txt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 55px;
    }
    .collab + .collab {
        margin-top: 90px;
    }

    main > section > .container > h2 {
        width: 100%;
        font-size: 32px;
        text-align: center;
    }

    section.knowledge h3 {
        font-size: 28px;
    }

    section.knowledge {
        padding-bottom: 60px;
    }

    section.calculate {
        padding-bottom: 80px;
    }
    .calculate__wrapp {
        max-width: 100%;
        padding-left: 40px;
        padding-top: 30px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .reqCall > h2,
    .calculate__wrapp > h2 {
        font-size: 38px;
    }
    .form__error > h5,
    .form__success > h5 {
        font-size: 28px;
    }
    .reqCall > h4,
    .form__error > p,
    .form__success > p,
    .calculate__wrapp > h4 {
        font-size: 18px;
    }
    .calculate__sides {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .calculate__sides_left,
    .calculate__sides_right {
        max-width: 100%;
    }
    .calculate__sides_right {
        margin-top: 20px;
    }
    .calculate__sides_right > .form__textarea {
        height: 150px;
    }

    .reqCall {
        top: 0;
        z-index: 100;
        padding-left: 40px;
        padding-top: 15px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .reqCall > h2 {
        margin-top: 25px;
    }

    .solutions__wrapp {
        -moz-column-count: 1;
        column-count: 1;
    }
    .resolve {
        max-width: 100%;
        margin-bottom: 0;
    }
    .resolve + .resolve {
        margin-top: 24px;
    }
}

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

/* mobile */
@media screen and (max-width: 600px) {}

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

@media screen and (max-width: 575px) {
    header,
    section.start,
    .why__wrapp,
    section.solutions,
    section.applications,
    section.collaborate,
    section.knowledge,
    .calculate__wrapp,
    footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header__logo {
        width: 120px;
        height: fit-content;
    }

    section.start {
        padding-top: 115px;
    }
    section.start h1 {
        font-size: 26px;
        margin-bottom: 42px;
    }
    section.start p {
        font-size: 25px;
        line-height: 1.3;
        margin-top: 42px;
    }

    section.why {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .why__wrapp {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 30px;
    }
    .why__title {
        font-size: 28px;
    }
    .why__text > p {
        font-size: 20px;
        line-height: 1.3;
    }

    main > section > .container > h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    /* .solutions__wrapp {
        grid-template-columns: repeat(1, 1fr);
    }
    .resolve {
        max-width: 100%;
    } */

    section.applications {
        padding-bottom: 60px;
    }
    .app__nav {
        display: none;
    }
    .app__tab,
    .app__tab.active {
        display: none!important;
    }
    .app__mob {
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .app__scheme {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .app__scheme-label {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        box-shadow: none;
    }
    .app__scheme-label + .app__scheme-label {
        margin-top: 20px;
        margin-left: auto;
    }

    section.collaborate {
        padding-bottom: 80px;
    }

    section.calculate {
        padding-bottom: 25px;
    }
    .calculate__wrapp {
        box-shadow: none;
    }

    .reqCall > h2,
    .form__error > h5,
    .form__success > h5,
    .calculate__wrapp > h2 {
        font-size: 28px;
    }
    .reqCall > h4,
    .form__error > p,
    .form__success > p,
    .calculate__wrapp > h4 {
        font-size: 17px;
    }

    footer p {
        max-width: 60%;
        font-size: 16px;
    }

    .reqCall {
        box-shadow: none;
        max-width: 90%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 25px;
    }

    .reqCall > h4 {
        margin-bottom: 22px;
    }

    .form__input > .label,
    .form__textarea > .label {
        font-size: 13px;
        margin-bottom: 4px;
    }
    .form__btn {
        height: 55px;
        font-size: 22px;
    }
}

@media screen and (max-width: 500px) {
    section.start p {
        font-size: 20px;
    }

    .why__title {
        font-size: 22px;
    }
    .why__text > p {
        font-size: 18px;
        padding-top: 15px;
    }

    .reqCall {
        max-width: 95%;
    }
}

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

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

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

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

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

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

@media screen and (max-width: 350px) {}
@media screen and (max-width: 320px) {}

@media screen and (max-height: 1000px) {
    .reqCall {
        bottom: 0;
    }
}