﻿/* classes */
p:not(:last-child) {
    margin-bottom: 1em;
}

h2,
.h2 {
    border-bottom-width: 3px;
    margin-bottom: -3px;
}

.sectionHero p {
    margin-bottom: 3em !important;
    margin-top: 3em !important;
}

.better-alert {
    top: 7em;
}

.dflt ul>li:not(:last-child) {
    margin-bottom: .75em;
}

.collapsible-btn,
select {
    cursor: pointer;
}

.status-form .row {
    justify-content: space-between;
    gap: 1em;
}

.status-form input[type="file"] {
    background-size: 2%;
}

h1,
.h1 {
    font-size: 3.5em;
}

h2,
.h2 {
    font-size: 1.25em;
}

h3,
.h3 {
    font-size: 2em;
}


form#conditionForm.consent-container .h2 {
    font-size: 1.75em;
}

.flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.fixed .red a {
    padding: .55em 1.2em;
}

.fixed .box_logo {
    width: 10.5em;
}

.container.acc.flex {
    align-items: start;
    justify-content: space-between;
    gap: 2%;
    margin-top: 4em;
}

.form-check {
    display: flex;
    align-items: center;
    gap: 1em;
}

input[type="checkbox"] {
    margin: 0;
}

.form-check.mb-4+.red {
    margin-top: 1em;
}

.form-section input,
.form-section select,
#account input,
#account select {
    padding: .5em 1em;
}

/* sectionIconsCircle */


.sectionIconsCircle h2 strong,
.sectionIcons h2 strong {
    font-weight: 900;
}

.sectionIconsCircle .h3:not(:first-child) {
    margin-top: .5em;
}

.sectionIconsCircle .decorCircle {
    width: 48.58vw;
    height: 48.58vw;
    top: 16vw;
    left: 74%;
}

.boxListIcons {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

/* header */

/* sectionCTA1 */
.boxCTA1 .desc::before,
.boxCTA1 .desc::after {
    content: '';
    position: absolute;
}

.boxCTA1 .desc::before {
    background: linear-gradient(107.66deg, #CBF0FF 16.8%, #F95C5A 125.11%);
    border-radius: 1.5em;
    position: absolute;
}

.boxCTA1 .desc::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #D6F2FFB2;
    box-shadow: 4px 4px 24px 0px #0072F929;
    backdrop-filter: blur(2.5em);
    border-radius: 1em;
}

.boxCTA1 .desc .pr {
    z-index: 1;
}

/* sectionCards */
.boxListCards .boxCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.boxListCards .boxCard:nth-child(2n+1) {
    flex-direction: row-reverse;
}

.boxListCards .boxCard:nth-child(2n) {
    flex-direction: row;
}


/* sectionIconColums */
.sectionIconColums .boxFlex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.boxListColums {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/* sectionPricings */
.boxPricings {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}

.headPrice {
    padding-bottom: 1em;
}


/* sectionContact */
.boxContact {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
}

form.styleForm {
    flex-direction: row;
    justify-content: flex-end;
}

.boxField.textarea,
.boxField.checkbox {
    width: 100%;
}

.boxField.checkbox {
    font-size: .75em;
}

.boxField.checkbox>label>span {
    padding-left: 3em;
}

.boxField.checkbox>label>span::before,
.boxField.checkbox>label>span::after {
    width: 1.5em;
    height: 1.5em;
}

form#conditionForm {
    padding: 4em;
    border-radius: 24px;
    margin-top: 6.5em;
    margin-bottom: 7.5em;
    min-height: 720px;
    max-width: 50em;
}

form#conditionForm h3 {
    font-size: 1.75em;
}

form#conditionForm #emoji {
    border-radius: 6px;
}

form#conditionForm h4 {
    margin-bottom: .6em;
    font-size: 1.25em;
}

form#conditionForm.consent-container .consent-head {
    margin-bottom: 4.05em;
}

form#conditionForm .consent-checkbox+.consent-checkbox {
    margin-bottom: 4.05em !important;
}

form#conditionForm .consent-checkbox input:checked:before {
    width: 65%;
    height: 65%;
}

form#conditionForm .consent-checkbox input {
    width: 1em;
    height: 1em;
    min-width: 1em;
    max-width: 1em;
    max-height: 1em;
    min-height: 1em;
    margin-top: .2em;
}


.hero-img.mob {
    display: none;
}

.hero-img {
    position: absolute;
    right: 0;
    height: auto
}

.sectionIconsCircle h2,
.sectionIcons h2 {
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 1em;
}

.boxTitle {
    font-size: 1.75em;
    padding: 0.857em 1.143em;
}

.box .desc {
    font-size: 1.25em;
    padding: 1.6em 1.3em 1.6em 1.6em;
}

.noicons .boxIcon {
    padding: 1.2em;
    padding-top: 2.25em;
}

.noicons .desc p {
    margin-bottom: 0;
}

.noicons .desc {
    margin-top: 4.6em !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 8.2em;
    padding: .8em;
}

.noicons .desc .price {
    font-size: 2.05em;
    font-weight: 500;
    line-height: 1.2;
}

.noicons .boxIcon .desc {
    border-radius: 24px;
}

.noicons .desc .price strong {
    font-weight: 900;
}

.boxWrapper {
    border-radius: 24px;
}

.boxListIcons .boxIcon {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.boxNumb {
    font-size: 1.25em;
    margin-bottom: 1.4em;
}

.romb {
    width: .888em;
    height: .888em;
    margin-right: 1.2em;
}

.sectionCards .right .desc a.red {
    width: fit-content;
    margin-top: 1.45em;
    font-size: 1.25em;
}

.priceInfo {
    margin-top: 1.2em;
    padding-top: 2em;
}

@media(min-width: 1800px) {

    /* 1920/1935 */
    html {
        font-size: 16px;
    }
}



@media(max-width: 1600px) {

    /* 1920/1935 */
    .box .title {
        font-size: .85em !important;
    }
}


@media(min-width: 1400px) and (max-width: 1599px) {

    /* 1440/1455 */
    html {
        font-size: .96vw;
        /* 14px */
    }
}

@media(min-width: 1200px) and (max-width: 1399px) {

    /* 1280/1295 */
    html {
        font-size: 1vw;
        /* 13px */
    }
}


@media(min-width: 1221px) {
    .boxPricings {
        padding: 0 10.521vw;
    }
}

@media(min-width: 1200px) {
    .boxListCards .boxCard {
        padding: 0 8.27vw;
    }

    .boxImageDesc {
        padding: 0 5.168vw;
    }

    .boxCTA2 .title {
        max-width: 35.35vw;
        margin: 0 auto;
    }

    .boxCTA2 .desc {
        max-width: 49.61vw;
        margin-left: auto;
        margin-right: auto;
    }

    .boxCTA1 .title {
        margin-left: 8.625%;
        max-width: 50%;
    }

    .boxCTA1 .desc {
        max-width: 57.5%;
        margin-left: 26.75%;
    }
}

@media(min-width: 1800px) {
    .boxImageInfo {
        font-size: .868vw;
    }
}

@media(min-width: 1600px) and (max-width: 1799px) {

    html {
        font-size: .86vw;
        /* 14px */
    }

    .boxImageInfo {
        font-size: .917vw;
    }
}

@media(min-width: 1200px) and (max-width: 1599px) {
    .boxImageInfo {
        font-size: .926vw;
    }
}

@media(min-width: 993px) and (max-width: 1199px) {
    .boxCTA1 .title {
        max-width: 68%;
    }

    .boxCTA1 .desc {
        max-width: 69%;
        margin-left: 18.125%;
    }

    .boxImageInfo {
        font-size: .966vw;
    }

    .boxCTA2 {
        padding-left: 2.5em;
        padding-right: 2.5em;
    }

    /* 1024/1039 */
    html {
        font-size: 1vw;
        /* 12px */
    }
}

@media(min-width: 993px) and (max-width: 1599px) {
    .boxListIcons .boxIconTitle {
        min-height: 8em;
    }
}


@media(min-width: 993px) {

    .sectionIconsCircle.checked p {
        font-size: 1.75em;
        padding: 0 11.43em;
    }

    .boxListIcons .item span {
        font-size: 1.25em;
        padding: .8em .6em;
    }

    .priceBlock .boxListIcons.icons .priceNumb {
        padding: .5em .57em;
        font-size: 1.4em;
    }


    .sectionIconsCircle.horizontal .boxWrapper {
        padding: 2em;
    }

    .sectionIconsCircle.horizontal .desc {
        font-size: 1.25em;
    }

    .sectionIconsCircle.horizontal .boxTitle {
        font-size: 1.75em;
        margin-bottom: 2.7em;
    }

    .sectionIconsCircle.horizontal .boxNumb {
        font-size: 3.5em;
        padding: 0.285em .57em;
    }

    .sectionIcons.icons.full.emojis .boxListIcons {
        gap: .25em;
    }

    .sectionIcons.icons.full.emojis .box {
        flex-basis: calc(33.3333% - 0.167em);
    }

    .sectionIconsCircle.horizontal .boxListIcons.pr {
        gap: .25em;
    }

    .sectionIconsCircle.horizontal .box:nth-child(1) .boxNumb {
        border-top-left-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(1) .boxWrapper {
        border-bottom-left-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(3) .boxNumb {

        border-top-right-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(3) .boxWrapper {
        border-bottom-right-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box {
        flex-basis: calc(33.333% - 0.167em);
    }

    .sectionIconsCircle.vertical {
        padding: 2.5em 0;
    }

    .sectionIconsCircle.checked p {
        font-size: 1.75em;
        padding: 0 11.43em;
    }

    .boxListIcons .item span {
        font-size: 1.25em;
        padding: .8em .6em;
    }

    .priceBlock .boxListIcons.icons .priceNumb {
        padding: .5em .57em;
        font-size: 1.4em;
    }


    .sectionIconsCircle.horizontal .boxWrapper {
        padding: 2em;
    }

    .sectionIconsCircle.horizontal .desc {
        font-size: 1.25em;
    }

    .sectionIconsCircle.horizontal .boxTitle {
        font-size: 1.75em;
        margin-bottom: 2.7em;
    }

    .sectionIconsCircle.horizontal .boxNumb {
        font-size: 3.5em;
        padding: 0.285em .57em;
    }

    .sectionIcons.icons.full.emojis .boxListIcons {
        gap: .25em;
    }

    .sectionIcons.icons.full.emojis .box {
        flex-basis: calc(33.3333% - 0.167em);
    }

    .sectionIconsCircle.horizontal .boxListIcons.pr {
        gap: .25em;
    }

    .sectionIconsCircle.horizontal .box:nth-child(1) .boxNumb {
        border-top-left-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(1) .boxWrapper {
        border-bottom-left-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(3) .boxNumb {

        border-top-right-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box:nth-child(3) .boxWrapper {
        border-bottom-right-radius: 16px;
    }

    .sectionIconsCircle.horizontal .box {
        flex-basis: calc(33.333% - 0.167em);
    }

    .sectionIconsCircle.vertical {
        padding: 2.5em 0;
    }

    .hero-img {
        top: 6.875em;
        max-width: calc(100% - 67.0625em);
    }

    .priceBlock .container>p {
        padding: 0 11.42em;
    }

    .sectionHero>.container>.wrap {
        width: 65em;
    }

    .sectionIconsCircle h2,
    .sectionIcons h2 {
        font-size: 3.5em;
    }

    .sectionHero {
        padding-bottom: 9em;
        z-index: 0;
        padding-top: 15em;
        margin-top: -6.9em;
    }

    .forTabMob {
        display: none;
    }

    .boxWrapper {
        height: calc(100% - 2.5em);
    }

    .box .desc {
        height: calc(100% - 2.5em);
    }

    .container.max {
        width: 83.33%;
        max-width: 1308px;
    }

    .boxListIcons.noicons {
        justify-content: center;
    }

    .container {
        width: 89%;
        max-width: 1600px;

    }

    .container.head {
        width: 91.4% 1760px;
        max-width: 1760px;
    }

    .container.acc {
        width: 66.73%;
        max-width: 1280px;
    }

    .dflt>.container>h1 {
        margin-top: 1em;
    }


    .container.acc.form {
        padding: 6em 0;
    }

    button.red {
        font-size: 1.25em;
    }

    .row.account>* {
        width: calc(50% - 1em);
    }

    .row.account .col-md-3 ul {
        margin-top: 0;
    }

    .row.account>*>* {
        width: 100%;
    }

    .account form label {
        font-size: 1m;
        margin: .5em 0;
        display: block;
    }

    .account form h4 {
        font-size: 1.5em;
        margin: 1em 0;
    }

    .account form h3 {
        margin: 0;
        margin-bottom: 1em;
    }

    .account form hr {
        display: none;
    }

    .account button.red {
        font-size: 1.25em;
        border: none !important;
        margin-top: 1em;
    }

    header:not(.fixed) {
        padding: 1.5em 0;
    }

    header.fixed {
        padding: .75em 0;
    }

    header:not(.fixed) .box_logo img,
    header:not(.fixed) .box_logo svg {
        max-height: 3.9375em;
    }

    header.fixed .box_logo img,
    header.fixed .box_logo svg {
        max-height: 3.25em;
    }

    header .main-menu {
        line-height: 1.75;
    }

    header .main-menu li {
        display: inline-block;
    }

    header .main-menu li:not(:last-child) {
        margin-right: 2em;
    }

    header .main-menu li.red:not(:last-child) {
        margin-right: .4em;
    }

    header .main-menu li a {
        line-height: 1;
        font-size: 1.25em;
        font-weight: 700;
    }

    body {
        min-height: 100vh;
        display: grid;
    }

    main {
        padding-top: 6.9em;
    }

    .form-section input,
    .form-section select {
        font-size: 1em;
        margin-bottom: 1em;
    }




    .col-md-4:first-child {
        width: 34%;
    }

    .form-control,
    .form-select,
    .col-md-4,
    .col-9,
    .col-md-6 {
        width: -webkit-fill-available;
    }


    section {
        margin-bottom: 10em;
    }

    .boxListIcons .boxIconTitle {
        gap: 1.25em;
        min-height: 7.2em;
    }

    .boxImageDesc:not(:first-child) {
        margin-top: 2.5em;
    }

    .boxImageDesc:not(.forTabMob) {
        display: flex;
    }

    .boxImageDesc {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .boxImageDesc .image {
        flex-basis: 62.86%;
        max-width: 62.86%;
    }

    .boxImageDesc .image img {
        width: 100%;
    }

    .boxImageDesc img,
    .boxImageDesc svg {
        z-index: 1;
    }

    .boxImageDesc .desc {
        flex-basis: 37.14%;
        max-width: 37.14%;
        padding: 1.5em 2.875em;
    }

    .boxImageDesc .desc {
        position: relative;
        border-right: 2px solid #0067CC;
        border-radius: 0 1em 1em 0;
    }

    .boxImageDesc .desc::before {
        content: '';
        background-color: var(--white);
        position: absolute;
        top: 0;
        left: -1em;
        bottom: 0;
        border-radius: 1em 0 0 1em;
        width: 1em;
    }

    .boxImageInfo {
        /*
        font-size: 1.0051em;
        font-size: .868vw; */
        padding-top: 2.92em;
    }

    .boxImageInfo:not(:first-child) {
        margin-top: 2.5rem;
    }

    .boxImageInfo>.pr {
        width: 76.5625%;
        margin-left: 12.205%;
    }

    .boxImageInfo .bakgroundImage {
        width: 100%;
    }

    .boxImageInfo .partLeft,
    .boxImageInfo .partRight {
        position: absolute;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }

    .boxImageInfo .partLeft {
        width: 21.636%;
        left: -12.205%;
        /*
        top: 8.685em;
        bottom: 9.547em; */
        min-height: 54%;
        top: 50%;
        transform: translateY(-50%);
    }

    .boxImageInfo .partRight {
        top: 3.866em;
        bottom: 1.852em;
        width: 21.883%;
        right: -18.266%;
    }

    .sectionIcons.icons.full>.container {
        padding: 5em 0em;
    }


    .sectionIcons h2 {
        text-align: center;
    }

    .sectionIcons.icons>.container {
        background-color: var(--blue);
        padding: 3.375em;
        border-radius: 24px;
    }

    .boxIcon {
        padding: 1.5em;
        padding-top: 1.125em;
    }


    .boxListIcons:not(:first-child) {
        margin-top: 3.5em;
    }

    .boxListIcons {
        gap: 2.5em;
    }

    .boxListIcons.icons {
        gap: 3.375em;
    }

    .boxListIcons .boxIcon {
        flex-basis: calc(33.3333% - 3.635em);
    }

    .boxListIcons.icons .box {
        flex-basis: calc(33.3333% - 2.25em);
        display: flex;
    }

    .box {
        flex-basis: calc(33.3333% - 1.667em);
    }

    .boxListIcons {
        gap: 1.875em;
    }

    .boxListIcons .boxIconTitle {
        gap: 1.375em;
    }

    .boxListIcons .desc {
        font-size: 1.25em;
    }

    .boxListIcons .boxIcon .desc {
        margin-top: 1.2em;
    }


    .boxListIcons .link {
        margin-top: 3.625em;
    }

    .boxListIcons .link p {
        font-size: 1.25em;
        margin: 0;
        display: block;
        margin-right: .8em;
    }

    .boxListIcons .boxIconTitle img,
    .boxListIcons .boxIconTitle svg {
        width: 5.5em;
    }

    .boxListIcons .titleIcon {
        font-size: 1.25em;
    }

    .sectionCards>.container {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }

    .sectionCards img {
        width: 54%;
        border-radius: 24px;
    }

    .sectionCards .right {
        margin-left: 2.5em;
        display: flex;
        flex-direction: column;
    }

    .sectionCards .right .title {
        padding: 4em 5em;
        border-radius: 24px;
        margin-bottom: 2.5em;
    }

    .sectionCards .right .title h2 {
        font-size: 3.75em;
    }

    .sectionCards .right .desc {
        border-radius: 24px;
        padding: 5.625em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: -webkit-fill-available;
    }

    .sectionCards .right .desc a.red {
        margin-top: 1.45em;
        font-size: 1.25em;
    }

    .sectionCards .right .desc p {
        font-size: 1.75em;
    }

    .contactsLinks li {
        font-size: 1.25em;
        padding: .2em .8em;
    }

    .sectionCTA1 {
        padding-top: 5em;
        padding-bottom: 5em;
    }

    .boxCTA1 .title {
        font-size: 2em;
        padding: 1em 1.75em;
    }

    .boxCTA1 .desc {
        font-size: 1.25em;
        padding: 6em 6em 1.6em 6em;
        margin-top: -4.8em;
    }

    .boxCTA1 .desc::before {
        top: 3em;
        bottom: 2.7em;
        left: -17.6%;
        right: -12.39%;
    }

    .sectionCTA2 {
        padding-top: 7.5em;
        padding-bottom: 7.5em;
    }

    .sectionCards+.sectionCTA2 {
        margin-top: -5.875em;
    }

    .sectionContact+.sectionCTA2 {
        margin-top: -4em;
    }

    .boxCTA2 {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    .boxCTA2 .title {
        font-size: 2em;
    }

    .boxCTA2 .desc:not(:first-child) {
        margin-top: 1.5em;
    }

    .boxCTA2 a.red:not(:first-child) {
        margin-top: .5em;
    }


    .boxListCards .boxCard:not(:last-child) {
        margin-bottom: 6em;
    }

    .boxListCards .image {
        flex-basis: 50%;
        max-width: 50%;
    }

    .boxListCards .desc {
        flex-basis: 50%;
        max-width: 50%;
        font-size: 1.25em;
    }

    .boxListCards .boxCard:nth-child(2n+1) .desc {
        padding-right: 4em;
    }

    .boxListCards .boxCard:nth-child(2n) .desc {
        padding-left: 4em;
    }

    .sectionImageLeft {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .sectionImageLeft .boxFlex {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .sectionImageLeft .boxImage {
        flex-basis: 56%;
        min-width: 56%;
    }

    .sectionImageLeft .boxDesc {
        flex-basis: 44%;
        min-width: 44%;
        padding-left: 4em;
    }

    .sectionImageLeft .boxDesc .desc {
        font-size: 1.25em;
    }

    .sectionImageLeft .boxDesc a.red:not(:first-child) {
        margin-top: 2em;
    }

    .sectionIconColums {
        padding-top: 5.875em;
        padding-bottom: 5.875em;
    }

    .sectionIconColums .boxFlex {
        gap: 4.625em;
    }

    .sectionIconColums .boxFlex .boxShort {
        flex-basis: 58.25%;
        max-width: 58.25%;
    }

    .sectionIconColums .boxFlex>img,
    .sectionIconColums .boxFlex>svg {
        flex-basis: calc(41.75% - 4.625em);
        max-width: calc(41.75% - 4.625em);
    }

    .sectionIconColums .h3:not(:first-child) {
        margin-top: .5em;
    }

    .boxListColums:not(:first-child) {
        margin-top: 4em;
    }

    .boxListColums {
        gap: 2.5em;
    }

    .boxColumn {
        flex-basis: calc(33.3333% - 1.667em);
        padding-right: 2.5em;
    }

    .boxColumn:not(:nth-child(3n+3)) {
        border-right: 1px solid #2F406C;
    }

    .boxColumn>img,
    .boxColumn>svg {
        width: 7.5em;
    }

    .boxColumn .desc {
        font-size: 1.25em;
    }

    .boxColumn .desc:not(:first-child) {
        margin-top: .8em;
    }

    .sectionPricings {
        padding-top: 5.875em;
        padding-bottom: 5.875em;
    }

    .sectionPricings .boxShort {
        max-width: 62.5%;
    }

    .sectionPricings .h3:not(:first-child) {
        margin-top: .5em;
    }

    .boxPricings:not(:first-child) {
        margin-top: 4em;
    }

    .boxPricings {
        gap: 3.125em 0;
    }

    .boxPricings .boxPrice {
        flex-basis: calc(50% - 1.5625em);
        padding: 4em 3em;
    }

    .headPrice data {
        font-size: 3em;
    }

    .headPrice .textPrice {
        font-size: 2em;
    }

    .infoPrice {
        font-size: 1.25em;
    }

    .infoPrice:not(:first-child) {
        margin-top: 2.4em;
    }



    footer>.container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    footer .boxLogo .desc {
        font-size: 1.125em;
        line-height: 1.6;
    }

    footer .boxLogo .desc:not(:first-child) {
        margin-top: 1.33em;
    }

    footer .boxInfo ul {
        text-align: right;
    }

    footer .boxInfo ul li {
        display: inline-block;
    }

    .sectionContact {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .sectionCTA2+.sectionContact {
        margin-top: -7.5em;
    }

    .boxContact {
        margin: 0 9.3vw;
    }

    .boxContact .boxInfo,
    .boxContact .boxForm {
        padding: 2.5em;
    }

    .boxContact .boxInfo {
        flex-basis: 35.48%;
        max-width: 35.48%;
    }

    .boxContact .boxForm {
        flex-basis: 64.52%;
        max-width: 64.52%;
    }

    .sectionContact .h3:not(:last-child) {
        margin-bottom: 1.25em;
    }

    .boxForm form.styleForm {
        margin-top: -1.25em;
    }

    form.styleForm {
        gap: 2em 2.5em;
    }

    .boxField.input {
        width: calc(50% - 1.25em);
    }

    .boxField.submit {
        width: calc(50% - 1.25em);
    }


    .sectionContact {
        padding-top: 3.25em;
        padding-bottom: 3.25em;
    }

    .sectionCTA2+.sectionContact {
        margin-top: -6em;
    }

    .boxContact .boxInfo {
        flex-basis: 34%;
        max-width: 34%;
    }

    .boxContact .boxForm {
        flex-basis: 66%;
        max-width: 66%;
    }

    .boxContact .boxInfo,
    .boxContact .boxForm {
        padding: 2em;
    }

    .sectionContact .h3:not(:last-child) {
        margin-bottom: 1.23em;
    }

    form.styleForm {
        gap: 1.625em 2em;
    }

    .boxField.input {
        width: calc(50% - 1em);
    }

    .boxField.submit {
        width: calc(50% - 1em);
    }

    footer {
        padding-top: 2.5em;
        padding-bottom: 2.5em;
    }

    footer>.container {
        gap: 2em;
        align-items: start
    }

    footer .boxLogo {
        flex-basis: 16.25em;
        max-width: 16.25em;
    }

    footer .boxInfo ul li:not(:first-child) {
        margin-left: 2.5em;
    }

    footer .boxInfo ul+ul {
        margin-top: 5em;
    }




    .login-box .h1 {
        font-size: 1.75em;
        margin-bottom: .57em;
    }

    .login-box .subtitle {
        font-size: 1.25em;
    }

    .login-box form {
        margin: 4.5625em 0 2em 0;
    }

    .login-box>form input:not(.form-check-input) {
        margin-bottom: 1.714em;
    }

    .login-box>form input:not(.form-check-input) {
        padding: .75em 1em;
        margin-bottom: 1.25em;
    }

    .login-box .form-check {
        margin-top: 1.5em;
    }

    #login-submit {
        margin-top: 3.65em;
    }

    .register>.info-section {
        padding: 8.0625em 4em;
        width: 47.51%;
    }

    .register>.info-section .h1:not(:last-child) {
        margin-bottom: .667em;
    }

    .register>.info-section .h1 {
        font-size: 3.75em;
    }

    .register>.info-section p:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section p {
        font-size: 1.25em;
    }

    .register>.info-section ul:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section p:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section p {
        font-size: 1.25em;
    }

    .register>.info-section ul:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section ul {
        font-size: 1.25em;
    }

    .register>.info-section ul>li:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section ul>li {
        padding-left: 1.75em;
    }

    .register>.info-section ul>li:not(:last-child) {
        margin-bottom: .8em;
    }

    .register>.info-section ul>li {
        padding-left: 1.75em;
    }

    .container.register {
        margin-top: 6.5em;
        margin-bottom: 7.5em;
        min-height: 720px;
        border-radius: 24px;
        align-items: stretch;
        background-color: var(--blue);
        justify-content: space-between;
        width: fit-content;
    }

    .register>.form-section {
        width: 50%;
        border-radius: 24px;
        padding: 4em;
        justify-content: space-between;
    }

    .register>.form-section .col {
        position: relative;
    }


    .register>.form-section .mb-3 .col.col-md-4 {
        width: 15.1875em;
    }

    .register>.form-section .mb-3 .col.col-md-4.select {
        width: 9.5625em;
    }

    .register>.form-section .mb-3 .col.col-3 {
        width: 7em;
    }

    .register>.form-section .mb-3 .col.col-9 {
        width: calc(100% - 8em);
    }

    .register>.form-section .privacy-text {
        margin-top: 1.143em;
    }

    .register>.form-section .h2 {
        font-size: 1.75em;
        margin-bottom: .29em;
    }

    .register>.form-section .form-note {
        font-size: 0.875em;
        margin-bottom: 1.71em;
    }

    .register>.form-section .form-check-input {
        width: 1em;
        height: 1em;
    }

    .questionnaire {
        margin-top: 6.5em;
        margin-bottom: 7.5em;
    }

    .questionnaire .form-flex {
        border-radius: 24px;
    }

    .questionnaire .form-left,
    .questionnaire .form-right-wrap {
        width: 50%;
    }

    .questionnaire .form-left {
        padding: 4em;
        padding-bottom: 10.625em;
        min-height: 45em;
    }

    .questionnaire #painExitMessage {
        padding: 4em;
    }

    .questionnaire .form-left .h2 {
        font-size: 1.75em;
        margin-bottom: 2.3em;
    }

    .questionnaire h3,
    .questionnaire h4 {
        font-size: 1.25em;
        margin-bottom: 1.2em;
    }

    .questionnaire #primaryCondition {
        margin-bottom: 2.5em;
    }

    .questionnaire .painStatus {
        margin-bottom: 4em;
    }

    .subcategory {
        opacity: 0;
        visibility: hidden;
    }

    .questionnaire .form-right-wrap {
        position: relative;
        padding: 4em;
        border-radius: 24px;
        background-color: var(--grey)
    }

    .questionnaire .collapsible-content {
        margin-bottom: .75em;
    }

    .questionnaire #painExitMessage {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .form-select.nav-pills {
        display: none;
    }

    .cabinet {
        margin-top: 6.5em;
        margin-bottom: 7.5em;
    }

    .cabinet .row.account {
        border-radius: 24px;
        height: fit-content;
        justify-content: space-between;
        align-items: stretch;
        gap: 2.5em;
    }

    .cabinet .row.account .col-md-3 {
        padding: 4em 6em 6em 4em;
        width: 30%;
    }

    .cabinet .row.account .col-md-3 .h1 {
        font-size: 1.75em;
        margin-bottom: .86em;
    }


    .cabinet .row.account ul>li::before {
        display: none;
    }

    .cabinet .row.account ul>li a {
        padding: .75em 1em;
        color: var(--font);
        display: block;
        transition: background-color .2s ease-in-out;
    }

    .cabinet .row.account ul>li {
        padding-left: 0;
        border-bottom: 1px solid #7C827B;
        margin: 0;
    }

    .cabinet .row.account ul>li a:hover {
        background-color: var(--grey);
    }

    .cabinet .row.account ul>li a.active {
        background-color: var(--beige);
        border-bottom: 1px solid #7C827B;
    }

    .cabinet .row.account .col-md-9 {
        border-radius: 24px;
        width: calc(100% - 30% - 2.5em);
        padding: 4em;
    }

    .cabinet .account-h2 {
        font-size: 1.75em;
        margin-bottom: 1.43em;
    }

    .cabinet #change-password-form,
    .cabinet #email-form {
        width: 30em;
    }

    .cabinet #change-password-form .text-danger,
    .cabinet #email-form .text-danger {
        bottom: -.5em;
    }

    .form-section.termin {
        width: 14.5em !important;
    }

    .cabinet .alert.alert-success {
        border-radius: 24px;
        padding-left: 4em;
    }

    .flex.pd {
        width: 29.5em !important;
    }

    .flex.pd .btn {
        margin-top: 1.5em;
    }

    .sectionAccordions .h2 {
        font-size: 3.375em;
        margin-bottom: 1.19em;
    }

    .sectionAccordions {
        padding-top: 4.75em;
        padding-bottom: 4.75em;
    }

    .boxAccordion .question>div {
        font-size: 1.4em;
        padding: 0.85em 1.43em;
        padding-right: 6em;
    }

    .boxAccordion {
        font-size: 1.25em;
        border-radius: 24px;
    }

    .sectionAccordions .container>.red.green {
        width: fit-content;
    }

    .boxAccordion .plus {
        right: 2.5em;
    }

    .boxAccordion .answers>div {
        padding: 1.2em 2em;
    }


    .boxAccordions {
        margin-bottom: 4em;
    }


    .boxAccordion:not(:last-child) {
        margin-bottom: 1.5em;
    }
}

@media(max-width: 992px) {
    .boxListIcons {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .box:not(:last-child) {
        margin-bottom: 2.5em;
    }

    .sectionCards img {
        height: 20.875em;
    }

    .sectionIcons.icons.full .box {
        display: flex;
        align-items: stretch;
        background: white;
        border-radius: 24px;
    }


    .sectionIconsCircle h2,
    .sectionIcons h2 {
        font-size: 2em;
    }

    .hero-img {
        max-width: 50%;
    }

    .sectionHero {
        padding-bottom: 4em;
        z-index: 0;
        padding-top: 4em;
    }

    .sectionHero+section {
        position: relative;
        z-index: 1;
    }

    .sectionHero>.container>.wrap {
        width: 55%;
        position: relative;
    }

    .sectionHero>.container>.wrap .h1 {
        font-size: 1.75em;
    }

    .sectionHero>.container>.wrap p {
        font-size: 1em;
    }

    .sectionHero .boxDesc:not(:first-child) {
        margin-top: .8em;
    }

    .sectionHero h1 {
        margin-bottom: .53em;
    }

    .sectionHero p {
        margin-bottom: 1.6em;
    }

    .boxImageDesc:not(:first-child) {
        margin-top: 2em;
    }

    .boxImageDesc .desc {
        margin: 0 1.5em;
        border-bottom: 2px solid #0067CC;
        border-radius: 0 0 1em 1em;
        padding: 2em 1.5em;
    }

    .sectionIconsCircle {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .sectionIconsCircle .boxShort {
        max-width: 100%;
        width: 89%;
    }

    .sectionIconsCircle .h3:not(:first-child) {
        margin-top: .5em;
    }

    .sectionIconsCircle .decorCircle {
        width: 72vw;
        height: 72vw;
        top: 26vw;
        left: 68%;
    }

    .boxListIcons:not(:first-child) {
        margin-top: 2.875em;
    }

    .sectionIcons.price .h2 {
        text-align: center;
    }

    .boxListIcons .boxIcon {
        padding: 1.25em;
        flex-basis: calc(33.333% - 1.49em);
    }


    .boxListIcons .boxIconTitle img,
    .boxListIcons .boxIconTitle svg {
        width: 5em;
    }

    .boxListIcons .titleIcon {
        font-size: 1.125em;
    }

    .sectionCTA1 {
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .boxCTA1 .title {
        font-size: 1.6em;
        padding: 1em 1.75em;
        max-width: 90%;
    }

    .boxCTA1 .desc {
        font-size: 1.125em;
        padding: 4em 4em 1.6em 4em;
        margin-top: -2.8em;
        width: 88%;
        margin-left: 10%;
    }

    .boxCTA1 .desc::before {
        top: 1.5em;
        bottom: 3em;
        left: -6%;
        right: -5%;
    }

    .sectionCTA2 {
        padding-top: 6em;
        padding-bottom: 6em;
    }

    .sectionCards+.sectionCTA2 {
        margin-top: -4.75em;
    }

    .sectionContact+.sectionCTA2 {
        margin-top: -3.25em;
    }

    .boxCTA2 {
        padding: 2em 3em;
    }

    .boxCTA2 .title {
        font-size: 1.625em;
    }

    .boxCTA2 .desc:not(:first-child) {
        margin-top: 1.25em;
    }

    .boxCTA2 a.red:not(:first-child) {
        margin-top: .25em;
    }

    .sectionCards {
        padding-top: 4.75em;
        padding-bottom: 4.75em;
    }

    .sectionCTA2+.sectionCards {
        margin-top: -6em;
    }

    .sectionCards .boxShort {
        max-width: 100%;
        width: 89%;
    }

    .sectionCards .h3:not(:first-child) {
        margin-top: .8em;
    }

    .boxListCards {
        padding: 0 1.875em;
    }

    .boxListCards:not(:first-child) {
        margin-top: 3.2em;
    }

    .boxListCards .boxCard:not(:last-child) {
        margin-bottom: 4.8em;
    }

    .boxListCards .image {
        flex-basis: 50%;
        max-width: 50%;
    }

    .boxListCards .desc {
        flex-basis: 50%;
        max-width: 50%;
    }

    .boxListCards .boxCard:nth-child(2n+1) .desc {
        padding-right: 1.875em;
    }

    .boxListCards .boxCard:nth-child(2n) .desc {
        padding-left: 1.875em;
    }

    .sectionImageLeft {
        padding-top: 4.75em;
        padding-bottom: 4.75em;
    }

    .sectionImageLeft .boxDesc {
        margin-top: 3.125em;
    }

    .sectionImageLeft .boxDesc .desc {
        font-size: 1.125em;
    }

    .sectionImageLeft .boxDesc a.red:not(:first-child) {
        margin-top: 1.625em;
    }

    .sectionIconColums {
        padding-top: 4.75em;
        padding-bottom: 4.75em;
    }

    .sectionIconColums .boxFlex {
        gap: 2.5em;
    }

    .sectionIconColums .boxFlex .boxShort {
        flex-basis: 54%;
        max-width: 54%;
    }

    .sectionIconColums .boxFlex>img,
    .sectionIconColums .boxFlex>svg {
        flex-basis: calc(46% - 2.5em);
        max-width: calc(46% - 2.5em);
    }

    .sectionIconColums .h3:not(:first-child) {
        margin-top: .5em;
    }

    .boxListColums:not(:first-child) {
        margin-top: 3.2em;
    }

    .boxListColums {
        gap: 2em;
    }

    .boxColumn {
        flex-basis: calc(50% - 1em);
        padding-right: 2em;
    }

    .boxColumn:not(:nth-child(2n+2)) {
        border-right: 1px solid #2F406C;
    }

    .boxColumn>img,
    .boxColumn>svg {
        width: 6em;
    }

    .boxColumn .desc {
        font-size: 1.125em;
    }

    .boxColumn .desc:not(:first-child) {
        margin-top: .8em;
    }

    .sectionPricings {
        padding-top: 4.75em;
        padding-bottom: 4.75em;
    }

    .sectionPricings .boxShort {
        max-width: 89%;
    }

    .sectionPricings .h3:not(:first-child) {
        margin-top: .5em;
    }

    .boxPricings {
        gap: 2.5em 0;
    }

    .boxPricings:not(:first-child) {
        margin-top: 3.25em;
    }

    .boxPricings .boxPrice {
        flex-basis: calc(50% - 1.25em);
        padding: 3.25em 2.375em;
    }

    .headPrice data {
        display: inline-block;
        width: 100%;
        font-size: 2.375em;
    }

    .headPrice .textPrice {
        font-size: 1.625em;
    }

    .infoPrice {
        font-size: 1.125em;
    }

    .infoPrice:not(:first-child) {
        margin-top: 2em;
    }

    footer {
        padding-top: 3.25em;
        padding-bottom: 3.25em;
    }

    footer>.container {
        gap: 1.625em;
    }

    footer .boxLogo {
        flex-basis: 30em;
        max-width: 30em;
    }

    footer .boxInfo ul li:not(:first-child) {
        margin-left: 2em;
    }

    footer .boxInfo ul+ul {
        margin-top: 1.2em;
    }

    header:not(.fixed) {
        padding: 1.25em 0;
    }

    header.fixed {
        padding: .55em 0;
    }

    header:not(.fixed) .box_logo img,
    header:not(.fixed) .box_logo svg {
        height: 3.125em;
    }

    header.fixed .box_logo img,
    header.fixed .box_logo svg {
        height: 2.625em;
    }

    header .main-menu {
        font-size: 1.875em;
        line-height: 1.13em;
        gap: 1em 0;
        padding-top: 6rem;
        padding-bottom: 10.875rem;
    }

    header .controlMenu {
        width: 1.875em;
        height: 1.375em;
    }

    header .main-menu .red:last-child {
        bottom: 5rem;
    }

    header .box_menu::before {
        height: 10.875rem;
    }

    main {
        padding-top: 5.5625em;
    }

    .main {
        margin-top: -5.5625em;
    }

    html {
        font-size: 2.083vw;
    }

    .container {
        width: 91.14%;
    }

    h1,
    .h1 {
        font-size: 2.875em;
    }

    h2,
    .h2 {
        font-size: 1.25em;
    }

    h3,
    .h3 {
        font-size: 1.625em;
    }

    .sectionHero>.container>.wrap p {
        font-size: .7em;
    }

    .box .desc {
        font-size: 1em;
    }

    .sectionIconsCircle.vertical .desc {
        font-size: .85em;
    }

    .boxTitle {
        font-size: 1.25em;
    }
}

@media (max-width: 767px) and (min-width: 651px) {

    .box,
    .item,
    .boxWrapper {
        flex-basis: 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 993px) and (min-width: 768px) {
    .sectionIcons.icons.full.emojis .box {
        flex-basis: calc(50% - .125em);
        width: 49%;
        margin-bottom: 0 !important;
    }

    .sectionIcons.icons.full .box,
    .priceBlock .box,
    .item {
        margin-bottom: 0 !important;
    }

    .sectionIcons.icons.full .boxListIcons {
        gap: 2.5em
    }

    .sectionIcons.icons.full.emojis .boxListIcons {
        gap: .25em
    }

    .sectionIconsCircle.horizontal .box {
        flex-basis: 100%;
    }

    .box {
        flex-basis: calc(50% - 1.25em);
        width: 49%;
    }

    .item {
        flex-basis: 47% !important;
    }

    .boxListIcons,
    .boxListCards {
        display: flex;
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .sectionIcons.icons.emojis .box {
        border-radius: 0;
    }
}