:root {
    --mobile-margin-bottom-header: 25px;
}

.proxima-boldlt {font-family:'proxima-boldlt';}
.proxima-semibold {font-family:'proxima-semibold';}
.proxima-extrabold {font-family:'proxima-extrabold';}
.proxima-black {font-family:'proxima-black';}
.italic {font-style:italic;}
html,body { margin: 0; padding: 0; border: 0; background-color: #e6ecef;font-family: quasimoda, sans-serif;color:#fff;}
html { font-size: 100%; -webkit-touch-callout:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:100%;}

.section-container {
    max-width: 1400px;
    margin: 0 auto;
}

.flex {
    display: flex;
}

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

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

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

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

.justify-center {
    justify-content: center;
}

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

.position-relative {
    position: relative;
}

.img-responsive {
    width: 100%;
    height: auto;
}

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

.text-black {
    color: #000;
}

@media screen and (max-width: 1400px) {
    .section-container {
        max-width: 980px;
    }
}

@media screen and (min-width: 1400px) {
    .hide-desktop {
        display: none;
    }
}

@media screen and (min-width: 981px) and (max-width: 1399px) {
    .hide-tablet {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    .flex-mobile {
        display: flex;
    }

    .section-container {
        max-width: 320px;
    }

    .position-mobile-relative {
        position: relative;
    }

    .hide-mobile {
        display: none;
    }

    .flex-mobile-column {
        flex-direction: column;
    }

    .align-mobile-center {
        align-items: center;
    }

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

    .order-mobile-1 {
        order: 1;
    }

    .order-mobile-2 {
        order: 2;
    }
}

.section {
    padding-top: 80px;
}

.section h2,
.section h3,
.section p {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.section h2 {
    font-weight: 600;
    font-size: 44px;
    line-height:46px;
    margin: 0 0 35px 0;
}

.section p {
    font-size: 20px;
    line-height: 26px;
    margin: 0 auto 80px;
}

.section .cta-btn {
    border-radius: 25px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 1rem;
    font-weight: 800;
    margin-top: 35px;
    padding: 3px 16px;
    text-transform: uppercase;
}

@media screen and (max-width: 1400px) {
    .section h2 {
        line-height: 1.9rem;
        font-size: 1.8rem;
    }

    .section p {
        font-size: 0.9rem;
        line-height: 20px;
    }
}

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

    .section h2 {
        line-height: 1.9rem;
        font-size: 1.8rem;
        margin: 0 0 25px 0;
    }

    .section p {
        font-size: 0.82rem;
        font-weight: normal;
        line-height: 1rem;
        margin: 0 auto 30px;
    }

    .section .cta-btn {
        font-size: .7rem;
    }
}

.section-1 {
    background: url(../images/section-1-background.webp) center / cover no-repeat;
    height: 837px;
}

.section-1 .logo {
    width: 280px;
    margin-top: 60px;
}

.section-1 .phones {
    width: 700px;
    transform: rotate(-45deg);
}

@media screen and (max-width: 980px) {
    .section-1 {
        height: 457px;
    }

    .section-1 .logo {
        width: 160px;
        margin-top: 40px;
    }

    .section-1 .cta-btn {
        margin-top: 25px;
    }

    .section-1 .phones {
        width: 320px;
        transform: unset;
        margin-top: 20px;
    }
}

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

.section-2 p {
    width: 828px;
}

.section-2 .phones {
    width: 700px;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 1400px) {
    .section-2 p {
        width: 596px;
    }
}

@media screen and (max-width: 980px) {
    .section-2 {
        padding-bottom: 30px;
    }

    .section-2 h2 {
        width: 280px;
        margin: 0 auto var(--mobile-margin-bottom-header) ;
    }

    .section-2 p {
        width: 243px;
    }

    .section-2 .phones {
        width: 320px;
    }
}

.section-3 {
    background: url(../images/section-3-background.webp) center / cover no-repeat;
    height: 426px;
    margin-bottom: 300px;
}

.section-3 p {
    width: 819px;
}

.section-3 p:nth-of-type(3) {
    position: relative;
    top: -232px;
}

.section-3 .phone {
    width: 1051px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -30px;
}

.section-3 .screen {
    margin: 0 auto;
    display: block;
    position: relative;
    top: -260px;
    width: 370px;
}

.section-3 p:nth-of-type(2) {
    position: relative;
    top: -190px;
}

@media screen and (max-width: 1400px) {
    .section-3 {
        height: 380px;
    }

    .section-3 p {
        width: 590px;
    }

    .section-3 .phone {
        width: 980px;
    }
}

@media screen and (max-width: 980px) {
    .section-3 {
        background: url(../images/section-3-background-mobile.webp) center / cover no-repeat;
        height: 570px;
        margin-bottom: 0;
    }

    .section-3 h2 {
        width: 240px;
        margin: 0 auto var(--mobile-margin-bottom-header) ;
    }

    .section-3 p:nth-of-type(2) {
        position: unset;
        width: 253px;
    }

    .section-3 .phone,
    .section-3 .screen {
        display: none;
    }
}

.section-4 {
    background: url(../images/section-4-background.webp) center / cover no-repeat;
    z-index: 1;
    position: relative;
    height: 679px;
    margin-bottom: 320px;
}

.section-4 p:nth-of-type(1) {
    width: 841px;
}

.section-4 .phones {
    width: 850px;
    margin: 0 auto;
    display: block;
}

.section-4 p:nth-of-type(2),
.section-4 p:nth-of-type(3) {
    margin-bottom: 0;
}

.section-4 p:nth-of-type(2) {
    margin: 15px 0 10px;
}

@media screen and (max-width: 1400px) {
    .section-4 {
        height: 645px;
        margin-bottom: 310px;
    }

    .section-4 p:nth-of-type(1) {
        width: 605px;
    }
}

@media screen and (max-width: 980px) {
    .section-4 {
        height: 701px;
        margin-bottom: 140px;
    }

    .section-4 h2 {
        width: 230px;
        margin: 0 auto var(--mobile-margin-bottom-header);
    }

    .section-4 p:nth-of-type(2) {
        width: 248px;
        margin: 0 auto 40px;
    }

    .section-4 .phones {
        width: 300px;
        position: relative;
        bottom: 20px;
    }

    .section-4 p:nth-of-type(3),
    .section-4 p:nth-of-type(4) {
        line-height: 18px;
        position: relative;
        bottom: 28px;
    }
}

.section-5 {
    background: url(../images/section-5-background.webp) center / cover no-repeat;
}

.section-5 p {
    width: 764px;
}

.section-5 .phones {
    width: 611px;
    display: block;
    margin: 0 auto;
}

@media screen and (max-width: 1400px) {
    .section-5 p {
        width: 550px;
    }
}

@media screen and (max-width: 980px) {
    .section-5 p {
        width: 246px;
    }

    .section-5 .phones {
        width: 270px;
    }
}

.section-6 .phone {
    width: 560px;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 40px;
}

@media screen and (max-width: 980px) {
    .section-6 h2 {
        width: 235px;
        margin: 0 auto var(--mobile-margin-bottom-header);
    }

    .section-6 p {
        width: 224px;
    }

    .section-6 .phone {
        width: 220px;
        left: 15px;
    }
}

.section-7 {
    background: url(../images/section-7-background.webp) center / cover no-repeat;
    padding-bottom: 80px;
    padding-top: 0px;
}

.section-7 .number {
    width: 457px;
    margin: 0 auto;
    display: block;
}

.section-7 p {
    width: 885px;
    margin-bottom: 0;
}

@media screen and (max-width: 1400px) {
    .section-7 p {
        width: 637px;
    }
}

@media screen and (max-width: 980px) {
    .section-7 {
        padding-bottom: 40px;
    }

    .section-7 .number {
        width: 220px;
        left: 35px;
    }

    .section-7 p {
        width: 237px;
    }
}

.section-8 {
    padding-top: 120px;
}

.section-8 .content {
    background: rgb(82,116,103);
    background: linear-gradient(41deg, rgba(82,116,103,1) 10%, rgba(127,180,160,1) 100%);
    border-radius: 58px;
    padding: 80px 0;
}

.section-8 .number-14 {
    width: 320px;
    margin: 0 auto;
    display: block;
}

.section-8 p {
    width: 940px;
    text-align: center;
    margin: 50px auto 0;
}

@media screen and (max-width: 1400px) {
    .section-8 {
        padding-top: 80px;
    }

    .section-8 .number-14 {
        width: 260px;
        margin-bottom: 40px;
    }

    .section-8 .content {
        padding: 30px 0 50px;
    }

    .section-8 p {
        width: 594px;
    }
}

@media screen and (max-width: 980px) {
    .section-8 {
        padding-top: 50px;
    }

    .section-8 .content {
        max-height: unset;
        padding: 30px 0 25px;
    }

    .section-8 p {
        width: 223px;
        margin: 0 auto 35px;
    }

    .section-8 .number-14 {
        margin-bottom: 0;
    }
}

.section-9 #image-carousel {
    width: 1000px;
}

@media screen and (max-width: 1400px) {
    .section-9 #image-carousel {
        width: 800px;
    }
}

@media screen and (max-width: 980px) {
    .section-9 #image-carousel {
        width: 300px;
        height: 300px;
    }

    .section-9 .splide .variant {
        width: 25px;
        height: 25px;
        border-radius: 100%;
    }

    .section-9 .splide .splide__arrows.splide__arrows--ltr {
        display: none;
    }
}

.section-10 {
    padding: 75px 0;
}

.section-10 .content {
    padding: 0 150px;
}

.section-10 .content .logo {
    width: 250px;
}

.section-10 .content .buy-now-btn {
    font-weight: bold;
    color: #fff;
    border: unset;
    font-size: .8rem;
    padding: 5px 20px;
    border-radius: 35px;
    margin-right: 22px;
    background-color: #6a3d75;
}

.section-10 .content .sales-guide-btn {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    border-bottom: 1px solid #000;
    line-height: 1.2rem;
}

.section-10 .spec_subttl,
.section-10 .column li {
    font-family: 'Poppins', sans-serif;
    color: #000;
}

.section-10 .spec_subttl {
    font-weight: 600;
    font-size: 1.4rem;
}

.section-10 .column {
    width: 350px;
}

.section-10 .column li {
    font-size: 1.2rem;
    font-weight: normal;
}

.section-10 .spec-header {
    margin-bottom: 60px;
}

.section-10 .row {
    display: inline-flex;
    padding: 40px 0px;
    flex-wrap: nowrap;
    clear: both;
    width: 100%;
    border-bottom: solid 1px #c2c2c2
}

.section-10 .row:last-child {
    border-bottom: none
}

@media screen and (max-width: 1400px) {
    .section-10 {
        padding: 70px 0;
    }
}

@media screen and (max-width: 980px) {
    .section-10 {
        margin-top: 0;
        padding: 40px 0;
    }

    .section-10 .spec-header {
        margin-bottom: 0;
    }

    .section-10 .content .buy-now-btn {
        font-size: .5rem;
        padding: 3px 10px;
    }

    .section-10 .section-container {
        max-width: 100%;
        padding: 0 5%;
    }

    .section-10 .content {
        height: auto;
        max-height: unset;
        padding: 0;
    }

    .section-10 .content .logo {
        width: 150px;
        margin-bottom: 25px;
    }

    .section-10 .content ul {
        padding: 0;
    }

    .section-10 .content .sales-guide-btn {
        font-size: 0.74rem;
    }
}

@media screen and (max-width: 600px) {
    .section-10 .content {
        width: 240px;
        margin: 0 auto;
    }

    .section-10 .spec-header {
        margin-bottom: 0;
    }

    .section-10 .content .logo {
        width: 80px;
        margin-bottom: 0;
    }

    .section-10 .actions {
        flex-direction: column;
        margin-top: 20px;
        width: 100%;
        row-gap: 20px;
    }

    .section-10 .content .buy-now-btn {
        margin-right: 0;
    }

    .section-10 .content .sales-guide-btn {
        align-self: flex-start;
    }

    .section-10 .row {
        padding: 10px 0px;
        flex-direction: column;
    }

    .section-10 .column li {
        font-size: .78rem;
    }

    .section-10 .spec_subttl {
        font-size: 1rem;
        margin-bottom: 8px;
    }
}