@font-face {
   font-family: 'Roboto_black';
   src: url('../fonts/Roboto/Roboto-Black.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Black.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_black_italic';
   src: url('../fonts/Roboto/Roboto-BlackItalic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-BlackItalic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_bold';
   src: url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Bold.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_bold_italic';
   src: url('../fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_italic';
   src: url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Italic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_light';
   src: url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Light.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_light_italic';
   src: url('../fonts/Roboto/Roboto-LightItalic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_medium';
   src: url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Medium.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_medium_italic';
   src: url('../fonts/Roboto/Roboto-MediumItalic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_reg';
   src: url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_thin';
   src: url('../fonts/Roboto/Roboto-Thin.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-Thin.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

@font-face {
   font-family: 'Roboto_thin_italic';
   src: url('../fonts/Roboto/Roboto-ThinItalic.woff2') format('woff2'),
      url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff');
   font-weight: normal;
   font-style: normal
}

body {
   font-size: 10px
}

.hero-shell {
   position: relative
}

.mainmobile {
   display: none
}

.main {
   position: relative;
   padding-top: 2rem;
   height: calc(100vh - 310px);
   overflow: hidden
}

.main::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(35, 39, 47, 0.48);
   backdrop-filter: saturate(70%) contrast(85%);
   -webkit-backdrop-filter: saturate(70%) contrast(85%);
   z-index: 0
}

.main>.container {
   position: relative;
   z-index: 1
}

.main-logo img {
   width: 72px;
   height: 72px;
   object-fit: contain
}

.main-contacts {
   font-family: Roboto_reg;
   font-size: 1.9rem;
   color: #fff
}

.main-contacts span {
   font-family: Roboto_thin
}

.header-call-label {
   font-size: calc(1em - 2px)
}

.call-us-label {
   font-family: Roboto_bold;
   font-weight: 700
}

.main-login button {
   vertical-align: middle;
   border-radius: 3rem;
   border: 2px solid #fff;
   background: none;
   font-family: Roboto_reg;
   font-size: 1.4rem;
   color: #fff;
   padding: 1rem 3rem;
   margin-left: 1rem;
   min-height: 5rem
}

.main h1 {
   overflow-y: hidden;
   margin-top: 10%;
   font-family: Roboto_bold;
   font-size: 5.8rem;
   color: #f9d21a
}

.main h3,
.main h4 {
   overflow-y: hidden;
   margin-top: 5%;
   font-family: Roboto_reg;
   font-size: 3.2rem;
   color: #fff
}

.main h4 {
   margin-top: 5%
}

.main-try {
   display: block;
   margin: 0 auto;
   font-family: Roboto_medium;
   font-size: 1.8rem;
   background-color: #f9d21a;
   border-radius: 3rem;
   border: none;
   padding: 2rem 4rem;
   margin-top: 3%
}

.main-try:hover {
   background-color: #f9b21a
}

.main-arrow {
   display: block;
   margin: 7% auto 0;
   padding-bottom: 2rem
}

.main-support {
   position: absolute;
   top: auto;
   right: auto;
   bottom: 3rem;
   left: 0;
   display: inline-flex;
   align-items: center;
   gap: 1rem;
   background-color: #111827;
   /* #03c9a9; support color change*/
   padding: 2rem 3rem 2rem 3rem;
   border: none;
   border-radius: 3rem 0 0 3rem;
   color: #fff;
   font-family: Roboto_medium;
   font-size: 1.4rem;
   text-align: left;
   z-index: 999
}

.main-support-icon {
   display: inline-block;
   flex: 0 0 35px;
   width: 35px;
   height: 33px;
   overflow: hidden
}

.main-support-icon img {
   display: block;
   width: 158px;
   max-width: none;
   height: 33px
}

.main-support-label {
   display: inline-block;
   white-space: nowrap
}

.twothree {
   background-color: #f0f0f0;
   height: auto;
   padding-bottom: 2rem
}

.two {
   background-color: #142025;
   padding: 1rem 0
}

.two-menu {
   font-family: Roboto_light;
   font-size: 1.8rem;
   color: #fff;
   margin-top: 1rem;
   margin-bottom: 1rem
}

.two-menu span {
   margin-left: 2rem;
   line-height: auto
}

.two-menu span a {
   text-decoration: none;
   color: #fff
}

.two-login button {
   vertical-align: middle;
   border-radius: 3rem;
   border: 2px solid #fff;
   background: none;
   font-family: Roboto_reg;
   font-size: 1.4rem;
   color: #fff;
   padding: 1rem 3rem;
   margin-left: 1rem;
   min-height: 5rem
}

.three h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #31353b;
   margin: 3% 0
}

.three-img {
   display: block;
   margin: 0 auto
}

.three-img img {
   width: 100%
}

.three-list ul {
   list-style-image: url(../img/Block2-3/ul.png)
}

.three-list li {
   color: #464646;
   font-size: 1.8rem;
   font-family: Roboto_light;
   margin-top: 4%
}

.three-arrow {
   display: block;
   margin: 2% auto 0
}

.four {
   position: relative;
   height: 100vh;
   overflow: hidden
}

.four::before {
   content: '';
   position: absolute;
   inset: 0;
   background: rgba(35, 39, 47, 0.48);
   backdrop-filter: saturate(70%) contrast(85%);
   -webkit-backdrop-filter: saturate(70%) contrast(85%);
   z-index: 0
}

.four > .container {
   position: relative;
   z-index: 1
}

.four h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #fefbf4;
   margin: 3% 0
}

.four h2 span {
   color: #f9d21a;
   font-family: Roboto_medium
}

.four-text {
   color: #fff;
   font-family: Roboto_light
}

.four-text h5 {
   font-size: 2.8rem;
   margin-bottom: 2rem
}

.four-text span {
   font-size: 1.6rem
}

.seven-arrow {
   display: none
}

.sevensmall {
   display: none
}

.seven {
   height: 100vh
}

.seven h2 {
   margin: 3% 0;
   font-size: 3.8rem;
   color: #31353b;
   font-family: Roboto_light
}

.seven h4 {
   font-size: 2.4rem;
   color: #31353b;
   font-family: Roboto_light;
   margin-bottom: 3%
}

.seven-seven-container {
   width: 100%
}

.seven-text {
   min-height: 28rem;
   border: 1px solid #eaeaea;
   display: inline-block;
   margin-left: 3rem;
   padding: 2rem;
   width: 45%
}

.seven-text h4 {
   font-family: Roboto_reg;
   font-size: 2.6rem;
   color: #3a3a3a
}

.seven-text p {
   font-family: Roboto_light;
   font-size: 1.5rem;
   color: #464646;
   line-height: 2
}

.seven-text-bottom {
   font-size: 1.7rem;
   color: #464646;
   line-height: 2
}

.seven-text-bottom p {
   font-family: Roboto_light
}

.seven-text-bottom strong {
   font-family: Roboto_medium;
   line-height: 2
}

.seven h3 {
   font-family: Roboto_reg;
   font-size: 3rem;
   color: #31353b;
   margin: 3% 0
}

.seven-annotation {
   margin-top: 2rem
}

.seven-annotation span {
   font-size: 1rem !important;
   font-family: Roboto_light !important
}

.seven-prices {
   color: #464646;
   font-family: Roboto_bold;
   font-size: 1.7rem;
   font-weight: 900;
   line-height: 2
}

.seven-all {
   border-top: 1px solid #c2c2c2
}

.seven-padding {
   padding-left: 3rem
}

.seven-summ {
   padding-top: 1rem
}

.s14parent {
   position: relative;
   margin-top: 2rem;
   padding-left: 3rem
}

.sl4 {
   position: absolute !important;
   top: 4rem
}

.sl4 span {
   color: #464646 !important;
   font-family: Roboto_black;
   font-size: 1.8rem;
   display: block;
   padding-right: 0
}

.eightsmall {
   display: none
}

.eight {
   background-color: #f3f3f3;
   height: 100vh;
   margin-top: 3%
}

.eight h2 {
   margin: 3% auto
}

.eight-excel {
   border: 1px solid #000;
   display: inline-block;
   width: 30%;
   margin-left: 2rem;
   background-color: #fff;
   border: 1px solid #eaeaea;
   padding: 2rem;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   min-height: 50rem
}

.eight-excel:hover {
   border: 1px solid #03c9a9;
   -webkit-box-shadow: 3px 3px #dcdcdc;
   box-shadow: 3px 3px #dcdcdc
}

.eight-excel-left {
   width: 100%;
   margin-bottom: -0.6rem
}

.eight-excel-left p {
   display: inline-block;
   width: 45%;
   font-family: Roboto_black;
   font-size: 1.8rem;
   color: #3a3a3a;
   text-transform: uppercase
}

.eight-excel-left span {
   color: #31d3b9
}

.eight-excel-left strong {
   color: #464646
}

.eight-excel-left-line {
   color: #31d3b9;
   font-size: 1.5rem
}

.eight-excel-left-line2 {
   margin-top: 0
}

.eight-excel-left-price {
   font-family: Roboto_medium;
   font-size: 1.6rem;
   color: #464646;
   margin-left: 1rem;
   margin-top: 4rem
}

.eight-excel-left-input {
   position: relative
}

.eight-excel-left-input label {
   position: absolute;
   color: #464646;
   font-family: Roboto_light;
   font-size: 1.4rem;
   z-index: 2
}

.eight-excel-left-input input {
   position: relative;
   margin: 7%;
   z-index: 2;
   outline: none
}

.eight-excel-left-input input:active,
.eight-excel-left-input input:focus {
   outline: none
}

.eight-excel-left-input img {
   position: absolute;
   z-index: 1;
   width: 55%;
   bottom: 2.5rem;
   right: 7rem
}

.eight-excel-left-offer {
   font-family: Roboto_medium;
   font-size: 1.6rem;
   color: #464646;
   border: 1px solid #f9d21a;
   width: 75%;
   margin: 0 auto;
   padding: 2rem
}

.eight-excel-left-offer strong {
   font-family: Roboto_bold
}

.eight-excel-left-offer span {
   color: #ef1111
}

.eight-excel h5 {
   color: #3a3a3a;
   font-family: Roboto_black;
   font-size: 2.6rem;
   text-align: center
}

.eight-excel h6 {
   font-family: Roboto_reg;
   font-size: 3.2rem;
   text-transform: uppercase;
   color: #3a3a3a;
   text-align: center
}

.eight-excel-middle {
   margin-top: 2rem;
   font-family: Roboto_medium;
   font-size: 1.6rem;
   color: #464646;
   line-height: 2
}

.eight-button {
   font-family: Roboto_reg;
   font-size: 1.4rem;
   padding-top: 1rem;
   padding-bottom: 1rem
}

.eight-button span {
   font-family: Roboto_bold
}

.eight-button:hover {
   background-color: #f9b21a
}

.eight-annotation {
   font-size: 1.6rem;
   font-family: Roboto_reg;
   color: #464646
}

.eight-arrow {
   margin-top: 2rem
}

.eight-row {
   margin-left: 1rem
}

.nine {
   height: auto;
   margin-top: 5rem;
   margin-bottom: 2rem
}

.nine-pic2 {
   display: none
}

.nine-pic img {
   width: 100%;
   display: block;
   margin: 0 auto
}

.nine-text {
   vertical-align: middle;
   text-align: justify
}

.nine-text h3 {
   color: #31353b;
   font-family: Roboto_light;
   font-size: 3.8rem;
   padding-top: 3rem
}

.nine-text p {
   color: #464646;
   font-family: Roboto_light;
   font-size: 1.6rem;
   line-height: 2
}

@media screen and (min-width:1200px) {
   .nine>.container>.row {
      display: flex;
      align-items: center
   }
}

.nine h4 {
   font-family: Roboto_medium;
   font-size: 1.8rem;
   color: #464646;
   margin-top: 3rem
}

.sl {
   margin: 0 auto;
   width: 85%
}

.sl-slide img {
   display: block;
   margin: 0 auto
}

.slick-slide img {
   max-width: 100%
}

.slider-button {
   background: none;
   border: none;
   position: absolute;
   top: 1rem;
   cursor: pointer;
   z-index: 999
}

.slider-button-right {
   background: none;
   border: none;
   position: absolute;
   right: -0.5rem;
   top: 1rem;
   z-index: 9999
}

.slider-button2 {
   background: none;
   border: none;
   position: absolute;
   top: 1rem;
   left: 2rem;
   cursor: pointer;
   z-index: 999
}

.slider-button2-right {
   background: none;
   border: none;
   position: absolute;
   right: 2rem;
   top: 1rem
}

.slider-button3 {
   background: none;
   border: none;
   position: absolute;
   top: 50%;
   left: -12rem;
   cursor: pointer;
   z-index: 999
}

.slider-button3-right {
   background: none;
   border: none;
   position: absolute;
   right: -12rem;
   top: 50%
}

.slider-button4 {
   background: none;
   border: none;
   position: absolute;
   top: -0.3rem;
   left: 5.2rem;
   cursor: pointer;
   z-index: 999
}

.slider-button4-right {
   background: none;
   border: none;
   position: absolute;
   right: 5rem;
   top: -0.3rem
}

.slider-button5 {
   background: none;
   border: none;
   position: absolute;
   top: -0.3rem;
   left: 8.2rem;
   cursor: pointer;
   z-index: 999
}

.slider-button5-right {
   background: none;
   border: none;
   position: absolute;
   right: 8rem;
   top: -0.3rem
}

.sacrifice {
   display: none
}

.sl2 {
   width: 85%;
   margin: 0 auto;
   font-family: Roboto_reg;
   color: #3a3a3a
}

.sl2 img {
   display: block;
   margin: 0 auto
}

.sl2 strong {
   font-size: 2.4rem;
   margin-bottom: 2rem;
   padding-top: 2rem;
   display: block
}

.sl2 span {
   display: block;
   font-size: 1.8rem;
   margin-bottom: 2rem
}

.sl2 p {
   font-family: Roboto_light;
   font-size: 1.6rem
}

.ten {
   min-height: 0;
   height: auto;
   padding-bottom: 2rem
}

.ten-partners {
   background-color: #f3f3f3;
   padding: 3rem
}

.ten h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #31353b;
   margin-bottom: 3rem
}

.ten-headertwo {
   margin-top: 3rem
}

.ten-button {
   padding-top: 2rem;
   padding-bottom: 2rem;
   margin-top: 1rem
}

.ten-arrow {
   margin-top: 2rem
}

.built-around-intro {
   max-width: 86rem;
   margin: 0 auto 3rem;
   color: #555;
   font-family: Roboto_light;
   font-size: 1.8rem;
   line-height: 1.6
}

.built-around-content {
   display: flex;
   align-items: center
}

.built-around-photo img {
   display: block;
   width: 100%;
   border-radius: .4rem;
   box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, .14)
}

.built-around-steps {
   padding-left: 4rem
}

.built-around-step {
   display: flex;
   align-items: flex-start;
   margin-bottom: 2.5rem
}

.built-around-step:last-child {
   margin-bottom: 0
}

.built-around-step>span {
   flex: 0 0 4.6rem;
   height: 4.6rem;
   margin-right: 1.8rem;
   border: .2rem solid #f8b133;
   border-radius: 50%;
   color: #31353b;
   font-family: Roboto_bold;
   font-size: 1.6rem;
   line-height: 4.2rem;
   text-align: center
}

.built-around-step h3 {
   margin: 0 0 .7rem;
   color: #31353b;
   font-family: Roboto_reg;
   font-size: 2rem
}

.built-around-step p {
   margin: 0;
   color: #555;
   font-family: Roboto_light;
   font-size: 1.6rem;
   line-height: 1.5
}

.eleven {
   height: 100vh;
   background-image:
      linear-gradient(rgba(255, 255, 255, .72), rgba(255, 255, 255, .72)),
      url(../img/Block4/5_2.png);
   background-attachment: fixed;
   background-position: center;
   background-size: cover
}

.eleven h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #000;
   margin: 3% 0 1rem
}

.eleven-caption {
   max-width: 72rem;
   margin: 0 auto 2.5rem;
   color: #000;
   font-family: Roboto_light;
   font-size: 1.7rem;
   line-height: 1.5
}

.eleven a {
   text-decoration: none;
   border-bottom: 1px dotted #fff;
   font-family: Roboto_light;
   font-size: 2.1rem;
   color: #000;
   display: block
}

.eleven a:active {
   border: none !important
}

.eleven a:link {
   border: none !important
}

.eleven-answer {
   background: none;
   background-image: url(../img/Block11/field.png);
   background-size: cover;
   margin: 1rem 5rem;
   padding: 3rem 3rem 3rem 8rem;
   font-family: Roboto_light;
   font-size: 1.6rem;
   color: #464646;
   text-align: justify
}

.eleven-button {
   margin-top: 2rem
}

.eleven-arrow {
   margin-top: 2rem
}

.eleven-arrow-a {
   text-decoration: none;
   border: none !important
}

#ui-id-1,
#ui-id-2,
#ui-id-3,
#ui-id-4,
#ui-id-5,
#ui-id-6,
#ui-id-7,
#ui-id-8,
#ui-id-9 {
   outline: none
}

.twelve {
   height: 100vh
}

.twelve h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #31353b;
   margin-top: 3%;
   margin-bottom: 3%
}

.twelve-news-left,
.twelve-news-right {
   display: table-cell;
   vertical-align: top;
   width: 45%;
   text-align: justify
}

.twelve-news-left img,
.twelve-news-right img {
   width: 99%
}

.twelve-news-left h4,
.twelve-news-right h4 {
   font-family: Roboto_medium;
   font-size: 1.8rem;
   color: #464646
}

.twelve-news-left p,
.twelve-news-right p {
   font-family: Roboto_light;
   font-size: 1.6rem;
   color: #464646;
   line-height: 1.8
}

.twelve-news-text {
   line-height: 1.8em;
   min-height: calc(1.8em * 5.5);
   max-height: calc(1.8em * 5.5);
   overflow: hidden
}

.twelve-read-more {
   margin-top: .9rem;
   min-height: 3rem
}

.twelve-news-left p a,
.twelve-news-right p a {
   text-decoration: underline;
   font-family: Roboto_reg;
   font-size: 1.7rem;
   color: #03c9a9
}

.twelve-news-left {
   padding-right: 2%
}

.twelve-news-right {
   padding-left: 2%
}

.map-map2 {
   display: none
}

.map-map {
   display: initial
}

.mapmini {
   display: none
}

.map {
   height: auto;
   padding-bottom: 4rem;
   background-color: #f3f3f3
}

.map h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #3a3a3a;
   margin-top: 3%
}

.map h4 {
   font-family: Roboto_light;
   font-size: 2.4rem;
   color: #3a3a3a;
   margin-top: 1%;
   margin-bottom: 1.5%
}

.map-contacts {
   padding-top: 2.5%
}

.map-contacts h5,
.map-payment h5 {
   font-family: Roboto_medium;
   font-size: 2.1rem;
   color: #3a3a3a
}

.map-payment {
   padding-top: 2.5%
}

.map-contacts p {
   font-family: Roboto_reg;
   font-size: 1.8rem;
   color: #3a3a3a
}

.map-contacts p a {
   text-decoration: underline
}

.map-contacts-pay {
   margin-top: 4rem
}

.map-contacts-pay-img {
   margin-left: 1rem
}

.footer {
   height: 20vh;
   background-color: #142025
}

.footer-top {
   margin-top: 2rem;
   margin-bottom: 2rem;
   border-bottom: 1px solid #434d51;
   font-family: Roboto_light;
   font-size: 1.6rem;
   color: #fff
}

.footer-top strong {
   font-family: Roboto_light;
   font-weight: 400;
   font-size: 2rem
}

.footer-support,
.footer-support strong {
   white-space: nowrap
}

.footer-top a {
   display: block;
   text-decoration: none;
   color: #fff
}

.footer-top-left a {
   display: inline-block
}

.footer-social-icon {
   width: 3rem;
   height: 3rem;
   margin-right: .6rem;
   overflow: hidden;
   vertical-align: middle
}

.footer-social-icon img {
   display: block;
   width: 3rem;
   height: 3.43rem;
   margin-top: -.21rem;
   padding: 0;
   filter: invert(1)
}

.footer-bottom {
   display: table-cell;
   vertical-align: top
}

.footer-bottom p {
   font-family: Roboto_light;
   font-size: 1.6rem;
   color: #fff
}

.footer-bottom img {
   padding-bottom: 1rem;
   display: inline-block
}

.footer-mini {
   display: none
}

.footmin {
   display: none
}

.js-ui-accordion {
   height: auto
}

.modal {
   text-align: center
}

.modal:before {
   display: inline-block;
   vertical-align: middle;
   content: " ";
   height: 100%
}

.modal-dialog {
   display: inline-block;
   text-align: left;
   vertical-align: middle
}

.support-header {
   text-transform: uppercase;
   font-family: Roboto_bold;
   font-size: 1.9rem;
   color: #fff;
   text-align: center;
   background-color: #111827;
   /* #03c9a9; support color change*/
   position: relative
}

.support-header img {
   position: absolute;
   right: -4rem;
   top: -4rem;
   cursor: pointer
}

.support form {
   background-color: #f3f3f3
}

.support-top {
   display: inline-block;
   width: auto;
   border-radius: 3rem;
   width: 45%;
   height: 5rem
}

.support-bottom {
   display: block;
   height: 12rem;
   width: 90%;
   margin: 0 auto;
   margin-top: 1rem;
   border-radius: 1rem;
   padding: 1rem 1rem 10rem;
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

.support-call {
   margin-top: 1rem;
   color: #363636;
   font-family: Roboto_light;
   font-size: 1.4rem
}

.support-call span {
   font-family: Roboto_medium;
   font-size: 1.8rem
}

input::-webkit-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

input:-ms-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

input::-ms-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

input::placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

textarea::-webkit-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

textarea:-ms-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

textarea::-ms-input-placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

textarea::placeholder {
   color: #606060 !important;
   font-size: 1.4rem;
   font-family: Roboto_light
}

.menumodal-text {
   background-color: #1b2631;
   width: 30rem;
   text-align: right;
   color: #fff;
   padding-top: 1rem;
   padding-bottom: 5rem
}

.menumodal-text p {
   font-size: 1.5rem;
   font-family: Roboto_reg;
   border-bottom: 1px solid #27313c;
   padding-bottom: 1rem;
   padding-top: 1rem
}

.menumodal-text p a {
   color: #fff;
   text-decoration: none
}

.menumodal-text img {
   position: absolute;
   left: -2rem;
   top: -2rem
}

.menumodal-text span {
   display: block;
   font-size: 1.4rem;
   font-family: Roboto_light;
   padding-bottom: 1rem
}

.menumodal-text strong {
   font-family: Roboto_reg;
   font-size: 1.7rem
}

#cross {
   position: absolute;
   right: -4rem;
   top: -4rem;
   cursor: pointer
}

.agreement {
   background-color: #142025
}

.approve {
   background-color: #fff
}

.approve h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #31353b
}

.approve p {
   font-family: Roboto_light;
   font-size: 1.6rem;
   text-align: justify;
   color: #464646
}

.faq {
   background-color: #fff;
   height: auto;
   padding-bottom: 2rem
}

.faq h2 {
   font-family: Roboto_light;
   font-size: 3.8rem;
   color: #31353b;
   text-align: left;
   padding-left: 2rem
}

.faq a {
   color: #3a3a3a;
   border-bottom: 1px dotted #464646
}

.faq p {
   background: none;
   background-image: url(../img/FAQ/bgfaq.png);
   background-size: cover
}

.faqtop {
   height: auto
}

@media screen and (max-height:768px) {

   .main,
   .twothree,
   .four,
   .five,
   .six,
   .seven,
   .eight,
   .nine,
   .ten,
   .eleven,
   .twelve,
   .map,
   .footer {
      height: auto
   }
}

@media screen and (max-width:1199px) {
   .main {
      padding-top: 2rem
   }

   .main-contacts {
      font-size: 1.9rem
   }

   .main-login button {
      font-size: 1.2rem;
      padding: .6rem 2rem;
      margin-left: .5rem;
      min-height: 5rem
   }

   .main h1 {
      font-size: 4rem
   }

   .main h3,
   .main h4 {
      margin-top: 5%;
      font-size: 2.5rem
   }

   .main h4 {
      margin-top: 5%
   }

   .main-try {
      font-size: 1.5rem;
      padding: 2rem 3rem
   }

   .main-arrow {
      margin: 3% auto 0
   }

   .main-support {
      padding: 1rem 2rem 1rem 2rem;
      margin-right: 0
   }

   .main-support:hover {
      margin-right: 0;
      -webkit-transition: all 1s ease-in-out 0s;
      transition: all 1s ease-in-out 0s
   }

   .two-menu {
      font-size: 1.6rem
   }

   .two-menu span {
      margin-left: 1rem
   }

   .two-login button {
      font-size: 1.2rem;
      padding: .6rem 2rem;
      margin-left: .5rem;
      min-height: 5rem
   }

   .three h2 {
      font-size: 3rem
   }

   .three-list ul li {
      font-size: 1.5rem;
      margin-top: 2%
   }

   .three-arrow {
      margin: 3% auto 0
   }

   .four {
      height: auto
   }

   .four h2 {
      font-size: 3rem
   }

   .four-text h5 {
      font-size: 2rem;
      margin-bottom: 2rem
   }

   .four-text span {
      font-size: 1.6rem
   }

   .sevensmall {
      display: none
   }

   .seven h2 {
      font-size: 3rem
   }

   .seven h4 {
      font-size: 2rem
   }

   .seven-text {
      min-height: 28rem;
      margin-left: 2rem;
      padding: 1rem
   }

   .seven-text h4 {
      font-size: 2rem
   }

   .seven-text p {
      font-size: 1.2rem
   }

   .seven-text-bottom {
      font-size: 1.4rem
   }

   .seven h3 {
      font-size: 2rem
   }

   .seven-annotation {
      margin-top: 2rem
   }

   .seven-prices {
      font-size: 1.4rem
   }

   .eightsmall {
      display: none
   }

   .slider-button4 {
      background: none;
      border: none;
      position: absolute;
      top: -0.3rem;
      left: 6.2rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button4-right {
      background: none;
      border: none;
      position: absolute;
      right: -2rem;
      top: -0.3rem
   }

   .trololo {
      background-color: #f3f3f3;
      height: 100vh
   }

   .s14parent {
      position: relative;
      margin-top: .6rem;
      padding-left: 2rem;
      text-align: left !important
   }

   .sl4 {
      position: absolute !important;
      top: 2.6rem;
      text-align: right
   }

   .sl4 span {
      color: #464646 !important;
      font-family: Roboto_black;
      font-size: 1.8rem;
      display: block;
      padding-right: 6rem;
      text-align: right
   }

   .slider-button4 {
      background: none;
      border: none;
      position: absolute;
      top: -0.3rem;
      left: 19rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button4-right {
      background: none;
      border: none;
      position: absolute;
      right: 3.7rem;
      top: -0.3rem
   }

   .eight {
      display: initial;
      height: 100vh
   }

   .eight-excel {
      margin-bottom: 2rem;
      border: 1px solid #000;
      display: block;
      width: 30%;
      margin-left: 2rem;
      background-color: #fff;
      border: 1px solid #eaeaea;
      padding: 2rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      min-height: 45rem
   }

   .eight-excel:hover {
      border: 1px solid #03c9a9;
      -webkit-box-shadow: 3px 3px #dcdcdc;
      box-shadow: 3px 3px #dcdcdc
   }

   .eight-excel-left {
      width: auto;
      margin-bottom: -0.6rem
   }

   .eight-excel-left p {
      display: inline-block;
      width: 100%;
      font-family: Roboto_black;
      font-size: 1.8rem;
      color: #3a3a3a;
      text-transform: uppercase;
      text-align: left
   }

   .eight-excel-left span {
      color: #31d3b9
   }

   .eight-excel-left strong {
      color: #464646
   }

   .eight-excel-left-line {
      color: #31d3b9;
      font-size: 1.5rem
   }

   .eight-excel-left-line2 {
      margin-top: -1rem
   }

   .eight-excel-left-price {
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      margin-left: 1rem;
      margin-top: 2rem
   }

   .eight-excel-left-input {
      position: relative
   }

   .eight-excel-left-input label {
      position: absolute;
      color: #464646;
      font-family: Roboto_light;
      font-size: 1.4rem;
      z-index: 2
   }

   .eight-excel-left-input input {
      position: relative;
      margin: 7%;
      z-index: 2;
      outline: none
   }

   .eight-excel-left-input input:active,
   .eight-excel-left-input input:focus {
      outline: none
   }

   .eight-excel-left-input img {
      position: absolute;
      z-index: 1;
      width: 60%;
      bottom: 2.3rem;
      right: 5rem
   }

   .eight-excel-left-offer {
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      border: 1px solid #f9d21a;
      width: 100%;
      margin: 0 auto;
      padding: 2rem
   }

   .eight-excel-left-offer strong {
      font-family: Roboto_bold
   }

   .eight-excel-left-offer span {
      color: #ef1111
   }

   .eight-excel h5 {
      color: #3a3a3a;
      font-family: Roboto_black;
      font-size: 2.3rem;
      text-align: center
   }

   .eight-excel h6 {
      font-family: Roboto_reg;
      font-size: 2.5rem;
      text-transform: uppercase;
      color: #3a3a3a;
      text-align: center
   }

   .eight-excel-middle {
      margin-top: 2rem;
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      line-height: 1.2
   }

   .eight-excel-middle2 {
      line-height: 1.4
   }

   .eight-button {
      font-family: Roboto_reg;
      font-size: 1.4rem;
      padding-top: 1rem;
      padding-bottom: 1rem;
      margin-top: 2rem
   }

   .eight-button span {
      font-family: Roboto_bold
   }

   .eight-button:hover {
      background-color: #f9b21a
   }

   .eight-annotation {
      font-size: 1.6rem;
      font-family: Roboto_reg;
      color: #464646
   }

   .eight-arrow {
      margin-top: 2rem
   }

   .eight-row {
      margin-left: 1rem
   }

   .nine {
      margin-top: 5rem
   }

   .nine-text h3 {
      font-size: 3rem
   }

   .nine-text p {
      line-height: 1.6
   }

   .sl {
      margin: 0 auto;
      width: 90%
   }

   .sl2 {
      width: 90%
   }

   .slick-slide img {
      max-width: 100%
   }

   .slider-button {
      background: none;
      border: none;
      position: absolute;
      top: 1rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button-right {
      background: none;
      border: none;
      position: absolute;
      right: -0.5rem;
      top: 1rem;
      z-index: 9999
   }

   .slider-button2 {
      background: none;
      border: none;
      position: absolute;
      top: 1rem;
      left: 2rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button2-right {
      background: none;
      border: none;
      position: absolute;
      right: 2rem;
      top: 1rem
   }

   .slider-button3 {
      background: none;
      border: none;
      position: absolute;
      top: 50%;
      left: -12rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button3-right {
      background: none;
      border: none;
      position: absolute;
      right: -12rem;
      top: 50%
   }

   .sacrifice {
      display: none
   }

   .sl2 strong {
      font-size: 2rem
   }

   .sl2 span {
      font-size: 1.6rem
   }

   .sl2 p {
      font-size: 1.4rem
   }

   .ten h2 {
      font-size: 3rem
   }

   .eleven {
      height: auto
   }

   .eleven h2 {
      font-size: 3rem
   }

   .eleven a {
      font-size: 1.8rem
   }

   .eleven-answer {
      font-size: 1.4rem
   }

   .twelve {
      height: auto
   }

   .twelve h2 {
      font-size: 3rem
   }

   .twelve-text-a {
      margin-top: 3rem
   }

   .twelve-news-left h4,
   .twelve-news-right h4 {
      font-size: 1.6rem
   }

   .twelve-news-left p,
   .twelve-news-right p {
      font-size: 1.4rem
   }

   .map-map2 {
      display: none
   }

   .map-map {
      display: initial
   }

   .map {
      padding-bottom: 3rem
   }

   .map h2 {
      font-size: 3rem
   }

   .map h4 {
      font-size: 2rem
   }

   .map-contacts h5 {
      font-size: 1.8rem
   }

   .map-contacts p {
      font-size: 1.6rem
   }

   .map-img img {
      width: 20%
   }

   .footer-top {
      font-size: 1.4rem
   }

   .footer-top strong {
      font-size: 1.6rem
   }

   .footer-bottom p {
      font-size: 1.4rem
   }

   .footer-bottom img {
      padding-bottom: 1rem
   }
}

@media screen and (max-width:991px) {
   .main {
      height: auto;
      padding-bottom: 3rem
   }

   .main-contacts {
      padding-top: .5rem;
      text-align: center;
      font-size: 1.4rem
   }

   .main-contacts span {
      font-size: 1.4rem;
      line-height: 1.5
   }

   .main-login button {
      text-align: right;
      margin-left: 0;
      min-height: 5rem
   }

   .main-arrow {
      display: none
   }

   .main-support {
      top: auto
   }

   .twothree {
      height: auto;
      padding-bottom: 0
   }

   .two {
      height: auto;
      padding-top: 2rem
   }

   .two-menu {
      text-align: center;
      font-size: 1.4rem;
      margin-top: .3rem
   }

   .two-menu span {
      margin-left: 1rem
   }

   .two-login button {
      font-size: 1.2rem;
      padding: .6rem 2rem;
      margin-left: 0;
      min-height: 5rem
   }

   .three {
      padding-bottom: 3rem
   }

   .three h2 {
      font-size: 3rem
   }

   .three-list ul li {
      font-size: 1.5rem;
      margin-top: 2%
   }

   .three-arrow {
      display: none
   }

   .four {
      height: auto;
      padding-bottom: 3rem
   }

   .four h2 {
      font-size: 3rem
   }

   .four-text h5 {
      font-size: 2rem;
      margin-bottom: 2rem
   }

   .four-text span {
      font-size: 1.6rem
   }

   .sevensmall {
      display: initial;
      height: auto
   }

   .sevensmall h2 {
      margin-top: 4rem
   }

   .sevensmall-block {
      text-align: left;
      border: .3px solid #464646;
      margin-bottom: 2rem;
      padding: 1rem 1rem 1rem 5rem
   }

   .sevensmall-block h4 {
      margin-bottom: 3rem;
      font-size: 2rem
   }

   .sevensmall-summ p {
      font-family: Roboto_bold;
      font-size: 1.5rem;
      color: #464646;
      line-height: 2;
      padding-top: 1rem
   }

   .sevensmall-prices p {
      font-family: Roboto_bold;
      font-size: 1.5rem;
      color: #464646;
      line-height: 2
   }

   .sevensmall-padding p {
      font-family: Roboto_light;
      font-size: 1.5rem;
      color: #464646;
      line-height: 2
   }

   .sevensmall-annotation {
      font-size: 1.2rem;
      padding-top: 2rem
   }

   .sevensmall-button {
      margin-bottom: 5rem
   }

   .sevensmall-all {
      margin-bottom: 2rem
   }

   .seven {
      display: none
   }

   .s15parent {
      position: relative;
      margin-top: 2rem
   }

   .sl5 {
      position: absolute !important;
      top: 4rem
   }

   .sl5 span {
      color: #464646 !important;
      font-family: Roboto_black;
      font-size: 1.8rem;
      display: block
   }

   .slick-dots {
      display: none !important
   }

   .eight {
      display: none
   }

   .trololo {
      background-color: #f3f3f3;
      height: auto
   }

   .eightsmall {
      display: initial;
      height: auto
   }

   .eightsmall h2 {
      margin-bottom: 2rem
   }

   .eightsmall-excel {
      margin-bottom: 2rem;
      border: 1px solid #000;
      display: block;
      width: 99%;
      margin-left: 0;
      background-color: #fff;
      border: 1px solid #eaeaea;
      padding: 2rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      min-height: auto
   }

   .eightsmall-excel:hover {
      border: 1px solid #03c9a9;
      -webkit-box-shadow: 3px 3px #dcdcdc;
      box-shadow: 3px 3px #dcdcdc
   }

   .eightsmall-excel-left {
      width: auto;
      margin-bottom: -0.6rem
   }

   .eightsmall-excel-left p {
      display: inline-block;
      width: 33%;
      font-family: Roboto_black;
      font-size: 1.8rem;
      color: #3a3a3a;
      text-transform: uppercase
   }

   .eightsmall-excel-left span {
      color: #31d3b9
   }

   .eightsmall-excel-left strong {
      color: #464646
   }

   .eightsmall-excel-left-line {
      color: #31d3b9;
      font-size: 1.5rem
   }

   .eightsmall-excel-left-line2 {
      margin-top: 0
   }

   .eightsmall-excel-left-price {
      font-family: Roboto_medium;
      font-size: 2rem;
      color: #464646;
      margin-left: 1rem;
      margin-top: 3rem
   }

   .eightsmall-excel-left-input {
      position: relative;
      margin-top: 2rem
   }

   .eightsmall-excel-left-input label {
      position: absolute;
      color: #464646;
      font-family: Roboto_light;
      font-size: 1.5rem;
      z-index: 2;
      padding-left: 3rem
   }

   .eightsmall-excel-left-input input {
      position: relative;
      margin: 7%;
      z-index: 2;
      outline: none
   }

   .eightsmall-excel-left-input input:active,
   .eightsmall-excel-left-input input:focus {
      outline: none
   }

   .eightsmall-excel-left-input img {
      position: absolute;
      z-index: 1;
      width: 50%;
      bottom: 5rem;
      right: 17rem
   }

   .eightsmall-excel-left-offer {
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      border: 1px solid #f9d21a;
      width: 90%;
      margin: 0 auto;
      padding: 2rem
   }

   .eightsmall-excel-left-offer strong {
      font-family: Roboto_bold
   }

   .eightsmall-excel-left-offer span {
      color: #ef1111
   }

   .eightsmall-excel h5 {
      color: #3a3a3a;
      font-family: Roboto_black;
      font-size: 2.6rem;
      text-align: center
   }

   .eightsmall-excel h6 {
      font-family: Roboto_reg;
      font-size: 3.2rem;
      text-transform: uppercase;
      color: #3a3a3a;
      text-align: center
   }

   .eightsmall-excel-middle {
      margin-top: 2rem;
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      line-height: 1.5
   }

   .eightsmall-button {
      font-family: Roboto_reg;
      font-size: 1.4rem;
      padding-top: 1rem;
      padding-bottom: 1rem
   }

   .eightsmall-button span {
      font-family: Roboto_bold
   }

   .eightsmall-button:hover {
      background-color: #f9b21a
   }

   .eightsmall-annotation {
      font-size: 1.6rem;
      font-family: Roboto_reg;
      color: #464646
   }

   .eightsmall-arrow {
      margin-top: 2rem
   }

   .eightsmall-row {
      margin-left: 1rem
   }

   .nine {
      height: auto;
      margin-top: 0;
      margin-bottom: 2rem
   }

   .nine-pic img {
      padding-top: 4rem
   }

   .nine-text h3 {
      font-size: 3rem
   }

   .nine-text p {
      line-height: 1.3
   }

   .sl {
      margin: 0 auto;
      width: 70%
   }

   .slick-slide img {
      max-width: 100%
   }

   .sacrifice {
      display: none
   }

   .sl2 {
      width: 70%
   }

   .sl2 strong {
      font-size: 2rem
   }

   .sl2 span {
      font-size: 1.6rem
   }

   .sl2 p {
      font-size: 1.4rem
   }

   .ten {
      height: auto;
      margin-bottom: 2rem
   }

   .ten h2 {
      font-size: 3rem
   }

   .eleven {
      height: auto
   }

   .eleven h2 {
      font-size: 3rem
   }

   .eleven a {
      font-size: 1.8rem;
      margin-bottom: 1rem
   }

   .eleven-answer {
      font-size: 1.4rem
   }

   .twelve {
      margin-top: 2rem;
      height: auto
   }

   .twelve h2 {
      font-size: 3rem
   }

   .twelve-text-a {
      margin-top: 2rem
   }

   .twelve-news-right {
      display: none
   }

   .twelve-news-left h4,
   .twelve-news-right h4 {
      font-size: 1.6rem
   }

   .twelve-news-left p,
   .twelve-news-right p {
      font-size: 1.4rem
   }

   .map-map {
      display: none
   }

   .map-map2 {
      display: initial
   }

   .map {
      height: auto;
      padding-bottom: 4rem
   }

   .map h2 {
      font-size: 3rem
   }

   .map h4 {
      font-size: 2rem
   }

   .map-contacts h5 {
      font-size: 1.6rem
   }

   .map-contacts p {
      font-size: 1.4rem
   }

   .map-img img {
      width: 15%
   }

   .footer {
      height: auto
   }

   .footer-top {
      font-size: 1.4rem
   }

   .footer-top strong {
      font-size: 1.3rem
   }

   .footer-bottom p {
      font-size: 1.3rem
   }

   .footer-bottom img {
      padding-bottom: 1rem
   }
}

@media screen and (max-width:767px) {
   .approve {
      overflow-x: hidden
   }

   .approve h2 {
      font-size: 2rem
   }

   .approve p {
      font-size: 1.4rem
   }

   .main {
      display: none
   }

   .two {
      display: none
   }

   .divider {
      background-color: #27313c !important
   }

   .mainmobile {
      display: initial
   }

   .mainmobile-burger {
      cursor: pointer
   }

   .mainmobile-dropdown {
      background: rgba(53, 70, 90, 0.5);
      backdrop-filter: saturate(70%) contrast(85%);
      -webkit-backdrop-filter: saturate(70%) contrast(85%);
      color: #fff;
      min-width: 26rem;
      right: 0;
      text-align: left;
      padding-bottom: 5rem
   }

   .mainmobile-dropdown li {
      font-family: Roboto_reg;
      font-size: 1.5rem;
      color: #fff
   }

   .mainmobile-dropdown li a {
      text-decoration: none;
      color: #fff
   }

   .mainmobile-dropdown li span {
      padding: 1rem 2rem
   }

   .mainmobile-dropdown li img {
      display: block;
      margin-left: 2rem
   }

   .mainmobile-dropdown-top {
      background: rgba(43, 62, 72, 0.42);
      backdrop-filter: saturate(70%) contrast(85%);
      -webkit-backdrop-filter: saturate(70%) contrast(85%);
      margin-top: -1rem;
      padding-bottom: 2rem;
      padding-top: 1rem
   }

   .mainmobile-dropdown-top a {
      text-decoration: none;
      outline: none;
      color: #142025
   }

   .mainmobile-menu {
      position: relative;
      z-index: 1001;
      background: rgba(43, 62, 72, 0.42);
      backdrop-filter: saturate(70%) contrast(85%);
      -webkit-backdrop-filter: saturate(70%) contrast(85%);
      display: flex;
      align-items: center
   }

   .mainmobile-menu-logo {
      padding-top: 1rem;
      padding-bottom: 1rem;
      float: none;
      width: auto
   }

   .mainmobile-menu-logo img {
      width: auto;
      display: inline-block
   }

   .mainmobile-menu-buttons {
      padding-top: 1rem;
      padding-bottom: 1rem;
      float: none;
      width: auto;
      margin-left: auto;
      padding-left: 0;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: .6rem;
      white-space: nowrap
   }

   .mainmobile-menu-buttons-button {
      display: inline-block;
      text-align: left;
      border-radius: 3rem;
      border: 2px solid #fff;
      background: none;
      font-family: Roboto_light;
      font-size: 1.1rem;
      color: #fff;
      padding: .8rem 1rem;
      margin-left: 0
   }

   .mainmobile-menu-buttons-button img {
      text-align: right
   }

   .mainmobile-menu-buttons-button span {
      text-decoration: none;
      color: #fff !important;
      font-family: Roboto_light;
      font-size: 1.1rem
   }

   .mainmobile-menu-buttons-button a {
      text-decoration: none
   }

   .mainmobile-menu-buttons button {
      text-align: left;
      border-radius: 3rem;
      border: 2px solid #fff;
      background: none;
      font-family: Roboto_light;
      font-size: 1.1rem;
      color: #fff;
      padding: .8rem 1rem;
      margin-left: 0
   }

   .mainmobile-menu-buttons button img {
      text-align: right
   }

   .mainmobile-menu-buttons button span {
      text-decoration: none;
      color: #fff !important;
      font-family: Roboto_light;
      font-size: 1.1rem
   }

   .mainmobile-menu-buttons button a {
      text-decoration: none
   }

   .mainmobile-header {
      position: relative;
      background-image: linear-gradient(rgba(20, 25, 33, 0.28), rgba(20, 25, 33, 0.28)), url(../img/Mobile/bgmain1.png);
      background-size: cover;
      background-position: center;
      padding-bottom: 3rem;
      overflow: hidden
   }

   .mainmobile-header::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(35, 39, 47, 0.22);
      backdrop-filter: saturate(72%) contrast(90%);
      -webkit-backdrop-filter: saturate(72%) contrast(90%);
      z-index: 0
   }

   .mainmobile-header > * {
      position: relative;
      z-index: 1
   }

   .mainmobile-header h2 {
      margin-top: 5rem;
      font-family: Roboto_bold;
      font-size: 3.2rem;
      color: #f9d21a
   }

   .mainmobile-header h3 {
      font-family: Roboto_reg;
      font-size: 1.6rem;
      color: #fff
   }

   .mainmobile-header h4 {
      font-family: Roboto_reg;
      font-size: 1.5rem;
      color: #fff;
      margin-top: 5rem
   }

   .mainmobile-header button {
      font-family: Roboto_medium;
      font-size: 1.4rem
   }

   .mainmobile-header-arrow {
      display: initial;
      margin-top: 3rem
   }

   .three {
      padding-bottom: 3rem;
      padding-top: 3rem
   }

   .three h2 {
      font-size: 2.1rem;
      font-family: Roboto_light;
      color: #31353b;
      margin-bottom: 2rem
   }

   .three-list {
      margin-top: 1rem
   }

   .three-list ul {
      margin-left: 0;
      list-style-image: url(../img/Block2-3/ul.png)
   }

   .three-list ul li {
      font-size: 1.4rem;
      font-family: Roboto_light;
      margin-top: 2%
   }

   .three-arrow {
      display: none
   }

   .five,
   .six {
      height: auto
   }

   .four {
      height: auto;
      padding-bottom: 3rem
   }

   .four h2 {
      font-size: 3rem
   }

   .four-text h5 {
      font-size: 2rem;
      margin-bottom: 2rem
   }

   .four-text span {
      font-size: 1.6rem
   }

   .four-arrow {
      display: initial;
      margin: 0 auto;
      display: block;
      margin-top: 2rem
   }

   .sevensmall {
      display: initial;
      height: auto
   }

   .sevensmall h2 {
      margin-top: 4rem;
      font-size: 2.1rem;
      font-family: Roboto_light;
      color: #31353b
   }

   .sevensmall h4 {
      font-size: 1.6rem;
      font-family: Roboto_light;
      color: #31353b;
      margin-bottom: 2rem
   }

   .sevensmall-new {
      font-size: 1.4rem !important;
      font-family: Roboto_light;
      color: #464646;
      line-height: 2
   }

   .sevensmall-new2 {
      font-family: Roboto_bold;
      color: #464646;
      line-height: 2;
      font-size: 1.4rem !important
   }

   .sevensmall-block {
      margin-bottom: 2rem !important;
      text-align: left;
      border: .3px solid #eaeaea;
      margin: .2rem;
      margin-bottom: 1rem;
      padding: 0
   }

   .sevensmall-block h4 {
      margin-bottom: 3rem;
      font-size: 1.8rem;
      font-family: Roboto_medium
   }

   .sevensmall-summ p {
      font-family: Roboto_bold;
      font-size: 1.3rem;
      color: #464646;
      line-height: 2;
      padding-top: 1rem
   }

   .sevensmall-prices p {
      font-family: Roboto_bold;
      font-size: 1.1rem;
      color: #464646;
      line-height: 2
   }

   .sevensmall-padding p {
      font-family: Roboto_light;
      font-size: 1.1rem;
      color: #464646;
      line-height: 2
   }

   .sevensmall-annotation {
      font-size: 1.3rem;
      padding-top: 2rem;
      color: #464646;
      padding-bottom: 1rem
   }

   .sevensmall-button {
      margin-bottom: 5rem
   }

   .sevensmall-all {
      margin-bottom: 2rem
   }

   .sevensmall h3 {
      font-size: 1.7rem;
      font-family: Roboto_bold;
      color: #31353b
   }

   .seven {
      display: none
   }

   .s15parent {
      display: none !important
   }

   .sl5 {
      display: none !important
   }

   .eight {
      display: none
   }

   .trololo {
      background-color: #f3f3f3
   }

   .eightsmall {
      display: initial;
      height: auto
   }

   .eightsmall h2 {
      margin-bottom: 0;
      font-size: 2.1rem;
      font-family: Roboto_light;
      color: #31353b
   }

   .eightsmall-excel {
      margin-bottom: 2rem;
      border: 1px solid #000;
      display: block;
      width: 99%;
      margin-left: 0;
      background-color: #fff;
      border: 1px solid #eaeaea;
      padding: 2rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      min-height: auto
   }

   .eightsmall-excel2 {
      background: none;
      border: none;
      padding: 0;
      margin: 0 auto;
      margin-bottom: 2rem
   }

   .eightsmall-excel:hover {
      border: 1px solid #03c9a9;
      -webkit-box-shadow: 3px 3px #dcdcdc;
      box-shadow: 3px 3px #dcdcdc
   }

   .eightsmall-excel-left {
      width: auto;
      margin-bottom: -0.6rem
   }

   .eightsmall-excel-left p {
      display: inline-block;
      width: 33%;
      font-family: Roboto_black;
      font-size: 1.8rem;
      color: #3a3a3a;
      text-transform: uppercase
   }

   .eightsmall-excel-left span {
      color: #31d3b9
   }

   .eightsmall-excel-left strong {
      color: #464646
   }

   .eightsmall-excel-left-line {
      color: #31d3b9;
      font-size: 1.5rem
   }

   .eightsmall-excel-left-line2 {
      display: none
   }

   .eightsmall-excel-left-price {
      display: none
   }

   .eightsmall-excel-left-price2 {
      font-family: Roboto_medium;
      font-size: 1.8rem;
      color: #31353b
   }

   .eightsmall-excel-left-input {
      position: relative;
      margin-top: 2rem
   }

   .eightsmall-excel-left-input label {
      position: absolute;
      color: #464646;
      font-family: Roboto_light;
      font-size: 1.4rem;
      z-index: 2;
      padding-left: 3rem;
      margin-bottom: 1rem
   }

   .eightsmall-excel-left-input input {
      position: relative;
      margin: 7%;
      z-index: 2;
      outline: none;
      margin-bottom: 2rem
   }

   .eightsmall-excel-left-input input:active,
   .eightsmall-excel-left-input input:focus {
      outline: none
   }

   .eightsmall-excel-left-input img {
      position: absolute;
      z-index: 1;
      width: 50%;
      bottom: 28%;
      right: 25%
   }

   .eightsmall-excel-left-offer {
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      border: 1px solid #f9d21a;
      width: 99%;
      margin: 0 auto;
      padding: 2rem;
      text-align: center
   }

   .eightsmall-excel-left-offer strong {
      font-family: Roboto_bold
   }

   .eightsmall-excel-left-offer span {
      color: #ef1111
   }

   .eightsmall-excel h5 {
      color: #3a3a3a;
      font-family: Roboto_black;
      font-size: 2.6rem;
      text-align: center
   }

   .eightsmall-excel h6 {
      font-family: Roboto_reg;
      font-size: 3.2rem;
      text-transform: uppercase;
      color: #3a3a3a;
      text-align: center
   }

   .eightsmall-excel-middle {
      margin-top: 2rem;
      font-family: Roboto_medium;
      font-size: 1.6rem;
      color: #464646;
      line-height: 1.5
   }

   .eightsmall-button {
      font-family: Roboto_reg;
      font-size: 1.4rem;
      padding-top: 1rem;
      padding-bottom: 1rem
   }

   .eightsmall-button span {
      font-family: Roboto_bold
   }

   .eightsmall-button:hover {
      background-color: #f9b21a
   }

   .eightsmall-annotation {
      font-size: 1.6rem;
      font-family: Roboto_reg;
      color: #464646
   }

   .eightsmall-arrow {
      margin-top: 2rem
   }

   .eightsmall-row {
      margin: 0 auto
   }

   .nine {
      height: auto;
      margin-top: 0;
      margin-bottom: 2rem
   }

   .nine-pic {
      display: none
   }

   .nine-pic2 {
      display: initial
   }

   .nine-pic2 img {
      width: 100%
   }

   .nine-text {
      text-align: center
   }

   .nine-text h3 {
      font-size: 2.1rem
   }

   .nine-text p {
      line-height: 1.3;
      font-size: 1.4rem
   }

   .nine h4 {
      font-size: 1.4rem;
      font-family: Roboto_medium;
      color: #464646;
      margin-bottom: 2rem
   }

   .slider-button {
      background: none;
      border: none;
      position: absolute;
      top: -0.5rem;
      left: -0.5rem;
      cursor: pointer;
      z-index: 999
   }

   .slider-button-right {
      background: none;
      border: none;
      position: absolute;
      right: -0.5rem;
      top: -0.5rem;
      z-index: 9999
   }

   .slider-button-right img {
      overflow: visible !important;
      z-index: 9999
   }

   .slider-button2 {
      background: none;
      border: none;
      position: absolute;
      top: 5rem;
      left: 10%;
      cursor: pointer;
      z-index: 999
   }

   .slider-button2-right {
      background: none;
      border: none;
      position: absolute;
      right: 10%;
      top: 5rem;
      z-index: 999
   }

   .sl {
      margin: 0 auto;
      width: 99%
   }

   .slick-dots {
      display: none !important
   }

   .slick-slide img {
      max-width: 70%
   }

   .sacrifice {
      display: none
   }

   .sl2 {
      width: 99%
   }

   .sl2 strong {
      font-size: 2rem;
      width: 70%;
      display: block;
      margin: 0 auto;
      margin-bottom: 1rem
   }

   .sl2 span {
      font-size: 1.6rem;
      font-family: Roboto_bold
   }

   .sl2 p {
      font-size: 1.4rem;
      width: 80%;
      text-align: justify;
      margin: 0 auto
   }

   .ten {
      height: auto;
      margin-bottom: 2rem
   }

   .ten-partners {
      padding: 1rem;
      z-index: 1
   }

   .ten h2 {
      font-size: 2.1rem;
      font-family: Roboto_light
   }

   .ten-button {
      display: none
   }

   .eleven {
      height: auto
   }

   .eleven h2 {
      font-size: 3rem
   }

   .eleven a {
      font-size: 1.8rem;
      margin-bottom: 1rem
   }

   .eleven-answer {
      background: none;
      background-color: #fff;
      margin: 1rem 5rem;
      padding: 2rem;
      font-family: Roboto_light;
      font-size: 1.6rem;
      color: #464646;
      text-align: justify
   }

   .eleven-button {
      display: initial;
      margin: 0 auto;
      display: block
   }

   .twelve {
      margin-top: 2rem;
      height: auto
   }

   .twelve h2 {
      font-size: 3rem
   }

   .twelve-text-a {
      margin-top: 2rem
   }

   .twelve-news-right {
      display: none
   }

   .twelve-news-left h4,
   .twelve-news-right h4 {
      font-size: 1.6rem
   }

   .twelve-news-left p,
   .twelve-news-right p {
      font-size: 1.4rem
   }

   .map {
      display: none
   }

   .trololo2 {
      background-color: #f0f0f0;
      height: auto
   }

   .mapmini {
      height: auto;
      display: initial;
      background-color: #f0f0f0
   }

   .mapmini h2 {
      font-family: Roboto_light;
      font-size: 3rem;
      color: #3a3a3a;
      margin-top: 3%
   }

   .mapmini h4 {
      font-family: Roboto_light;
      font-size: 2.2rem;
      color: #3a3a3a;
      margin-top: 1%;
      margin-bottom: 3%
   }

   .mapmini-contacts {
      padding-top: 5%
   }

   .mapmini-contacts h5 {
      font-family: Roboto_medium;
      font-size: 2.1rem;
      color: #3a3a3a
   }

   .mapmini-contacts p {
      font-family: Roboto_reg;
      font-size: 1.8rem;
      color: #3a3a3a
   }

   .mapmini-contacts p a {
      text-decoration: underline
   }

   .mapmini-contacts-pay {
      margin-top: 4rem
   }

   .mapmini-contacts-pay-img {
      margin-left: 1rem
   }

   .mapmini-map2 {
      margin-bottom: 2rem
   }

   .footer-mini {
      height: auto;
      display: initial;
      background-color: #142025;
      z-index: 99999
   }

   .footer-mini-top {
      margin-top: 2rem;
      margin-bottom: 2rem;
      border-bottom: 1px solid #434d51;
      font-family: Roboto_light;
      font-size: 1.6rem;
      color: #fff
   }

   .footer-mini-top strong {
      font-family: Roboto_light;
      font-weight: 400;
      font-size: 2rem
   }

   .footer-mini-top a {
      display: block;
      text-decoration: none;
      color: #fff
   }

   .footer-mini-top-left {
      padding-top: 1rem;
      padding-bottom: 1rem
   }

   .footer-mini-top-left a {
      display: inline-block
   }

   .footer-mini-bottom {
      display: table-cell;
      vertical-align: top
   }

   .footer-mini-bottom p {
      font-family: Roboto_light;
      font-size: 1.6rem;
      color: #fff
   }

   .footer-mini-bottom img {
      padding-bottom: 1rem;
      display: inline-block
   }

   .footer {
      display: none
   }

   .footmin {
      background-color: #142025;
      text-align: center;
      display: initial
   }

   .footmin-header {
      border-bottom: 1px solid #434d51
   }

   .footmin-menu {
      padding-top: 1rem
   }

   .footmin-main {
      border-bottom: 1px solid #434d51
   }

   .ff {
      background-color: #142025
   }

   .faq p {
      background: none;
      background-color: #f0f0f0
   }
}

@media screen and (max-width:657px) {
   .eightsmall-excel-left-input img {
      position: absolute;
      z-index: 1;
      width: 50%;
      bottom: 34%;
      right: 25%
   }

   .eleven {
      height: auto
   }

   .eleven h2 {
      font-size: 3rem
   }

   .eleven a {
      font-size: 1.8rem;
      margin-bottom: 1rem
   }

   .eleven-answer {
      background: none;
      background-color: #fff;
      margin: 0;
      padding: 1rem;
      font-family: Roboto_light;
      font-size: 1.2rem;
      color: #464646;
      text-align: justify
   }

   .eleven-button {
      display: initial;
      margin: 0 auto;
      display: block
   }
}

@media screen and (max-width:479px) {
   .eightsmall-excel-left-input img {
      position: absolute;
      z-index: 1;
      width: 55%;
      bottom: 42%;
      right: 22.5%
   }

   .eightsmall-excel-left-input label {
      position: absolute;
      color: #464646;
      font-family: Roboto_light;
      font-size: 1rem;
      z-index: 2;
      padding-left: 1rem;
      margin-bottom: 1rem
   }
}

/* Five-card pricing layout override */
@media screen and (min-width:992px) {
   .eight {
      height: auto;
      padding-bottom: 1.5rem
   }

   .eight .eight-arrow {
      padding-bottom: 1rem
   }

   .eight .eight-row {
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: space-between;
      align-items: stretch;
      gap: 1.2rem;
      margin-left: 0;
      margin-right: 0
   }

   .eight .eight-row>.eight-excel {
      float: none !important;
      width: calc((100% - 4.8rem)/5) !important;
      max-width: calc((100% - 4.8rem)/5) !important;
      margin-left: 0 !important;
      min-height: 56rem;
      padding: 1.4rem;
      display: flex;
      flex-direction: column
   }

   .eight .eight-excel h5 {
      font-size: 1.75rem;
      line-height: 1.15;
      min-height: 4.8rem;
      display: flex;
      align-items: center;
      justify-content: center
   }

   .eight .eight-excel h6 {
      font-size: 2.05rem;
      line-height: 1.2
   }

   .eight .eight-annotation {
      font-size: 1.2rem;
      line-height: 1.35;
      min-height: 5.6rem
   }

   .eight .eight-excel-middle {
      font-size: 1.2rem;
      line-height: 1.55
   }

   .eight .eight-excel-left p {
      font-size: 1.5rem
   }

   .eight .eight-row>.eight-excel:first-child .eight-excel-left {
      min-height: 6.2rem
   }

   .eight .eight-excel-left-line {
      width: 100%;
      height: 1px;
      margin: 0 auto 1rem;
      overflow: hidden;
      border-top: 1px solid #31d3b9;
      color: transparent;
      font-size: 0;
      line-height: 0
   }

   .eight .eight-row>.eight-excel:first-child .slider-button4,
   .eight .eight-row>.eight-excel:first-child .slider-button4-right {
      display: none !important
   }

   .eight .eight-excel-left-offer {
      width: 100%;
      font-size: 1.35rem;
      padding: 1.2rem
   }

   .eight .eight-button {
      margin-top: auto;
      font-size: 1.2rem;
      padding: 1rem 1.2rem
   }
}
/* Auth modals: stack fields vertically (support modal keeps original layout) */
#login-modal .support-top,
#registration-modal .support-top {
  display: block;
  width: 78%;
  margin: 0 auto 1.2rem;
}
#login-modal .main-try,
#registration-modal .main-try {
  margin-top: 1.5rem;
}

/* Better auth modal layout */
#login-modal .modal-dialog,
#registration-modal .modal-dialog {
  width: 42rem;
  max-width: calc(100% - 3rem);
  margin: 6rem auto;
}
#login-modal .modal-content,
#registration-modal .modal-content {
  border-radius: 1.6rem;
  overflow: hidden;
  box-shadow: 0 1.2rem 3rem rgba(0,0,0,.22);
}
#login-modal .support-header,
#registration-modal .support-header {
  background-color: #142025;
  text-transform: none;
  font-size: 2.4rem;
  padding: 1.8rem 2.2rem;
}
#login-modal .support-header img,
#registration-modal .support-header img {
  right: 1.6rem;
  top: 1.6rem;
  width: 1.8rem;
}
#login-modal .modal-body,
#registration-modal .modal-body {
  background: #f7f7f7;
  padding: 2.4rem 2.4rem 2.8rem;
}
#login-modal form,
#registration-modal form {
  max-width: 100%;
  margin: 0 auto;
}
#login-modal .support-top,
#registration-modal .support-top {
  display: block;
  width: 100%;
  height: 5.2rem;
  margin: 0 0 1.2rem;
  border-radius: 1.6rem;
  border: 1px solid #d6d6d6;
  box-shadow: none;
  font-size: 1.8rem;
  color: #333;
  padding: 1rem 1.6rem;
}
#login-modal .support-top:focus,
#registration-modal .support-top:focus {
  border-color: #03c9a9;
  box-shadow: 0 0 0 .25rem rgba(3,201,169,.12);
}
#login-modal .main-try,
#registration-modal .main-try {
  width: 100%;
  margin-top: 1rem;
  border-radius: 1.8rem;
  padding: 1.5rem 2rem;
  font-size: 1.7rem;
}
@media screen and (max-width: 480px) {
  #login-modal .modal-dialog,
  #registration-modal .modal-dialog {
    width: auto;
    margin: 2rem 1rem;
  }
  #login-modal .support-header,
  #registration-modal .support-header {
    font-size: 2rem;
    padding-right: 4rem;
  }
  #login-modal .support-top,
  #registration-modal .support-top {
    font-size: 1.6rem;
    height: 4.8rem;
  }
}

@media screen and (max-width: 767px) {
  .built-around-intro {
    width: 90%;
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
    text-align: left;
  }
  .built-around-content {
    display: block;
  }
  .built-around-photo {
    margin-bottom: 3rem;
  }
  .built-around-steps {
    padding-left: 15px;
  }
  .built-around-step {
    margin-bottom: 2.2rem;
  }
  .built-around-step h3 {
    font-size: 1.8rem;
  }
  .built-around-step p {
    font-size: 1.4rem;
  }
  .built-around-step>span {
    flex-basis: 4rem;
    height: 4rem;
    margin-right: 1.4rem;
    line-height: 3.6rem;
  }
  .ten-button {
    display: block;
    width: 80%;
  }
}

/* Keep the call-to-action-to-arrow rhythm consistent with section four. */
.main-arrow,
.four-arrow,
.eight-arrow,
.ten-arrow,
.eleven-arrow {
  margin-top: 3.5%;
}

/* Product-card sections need a tighter card-to-arrow gap. */
.eight-arrow {
  margin-top: 1.75%;
}

@media screen and (max-width: 767px) {
  .main-arrow,
  .four-arrow,
  .eight-arrow,
  .ten-arrow,
  .eleven-arrow {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 992px) {
  #eight.eight {
    display: block !important;
    height: auto !important;
    min-height: 0;
    padding-bottom: 1.5rem;
  }

  #eight.eight .trololo {
    height: auto !important;
    min-height: 0;
  }
}

@media screen and (max-width: 991px) {
  #sevensmall.sevensmall {
    display: none !important;
  }

  #eightsmall.eightsmall {
    display: block !important;
    height: auto;
  }

  #eightsmall .eightsmall-excel:hover {
    display: block;
  }
}

.erp-consultation-modal .modal-dialog {
  width: min(760px, calc(100% - 30px));
  margin: 30px auto;
}

.erp-consultation-modal .modal-content {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
}

.erp-consultation-modal .support-header {
  padding: 24px 30px 18px 64px;
  text-align: left;
}

.erp-consultation-modal .support-header img {
  top: 18px;
  right: auto;
  left: 20px;
  width: 20px;
  height: 20px;
}

.erp-consultation-modal .support-header h4 {
  margin-bottom: 6px;
}

.erp-consultation-modal .support-header p {
  margin: 0;
  color: #606b7b;
  font-family: Roboto_reg;
  font-size: 1.4rem;
}

.erp-consultation-modal .modal-body {
  padding: 22px 30px 30px;
}

.erp-contact-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 20px;
}

.erp-contact-choice {
  display: flex;
  gap: 10px;
  min-height: 90px;
  margin: 0;
  padding: 15px;
  border: 2px solid #dce4eb;
  border-radius: 12px;
  cursor: pointer;
  transition: border-color .2s, background-color .2s;
}

.erp-contact-choice:has(input:checked) {
  border-color: #12a7a0;
  background: #effbf9;
}

.erp-contact-choice input {
  margin-top: 4px;
}

.erp-contact-choice strong,
.erp-contact-choice small {
  display: block;
}

.erp-contact-choice strong {
  color: #26313c;
  font-family: Roboto_bold;
  font-size: 1.5rem;
}

.erp-contact-choice small {
  margin-top: 5px;
  color: #657180;
  font-family: Roboto_reg;
  font-size: 1.25rem;
  line-height: 1.4;
}

.erp-consultation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.erp-consultation-grid label {
  margin: 0;
  color: #344054;
  font-family: Roboto_medium;
  font-size: 1.3rem;
  text-align: left;
}

.erp-consultation-grid .form-control {
  height: 44px;
  margin-top: 6px;
  border-color: #d8e0e8;
  border-radius: 9px;
  box-shadow: none;
}

.erp-consultation-grid textarea.form-control {
  height: auto;
  resize: vertical;
}

.erp-grid-full {
  grid-column: 1 / -1;
}

.erp-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.erp-consultation-status {
  min-height: 22px;
  margin-top: 12px;
  color: #b42318;
  font-family: Roboto_medium;
  font-size: 1.3rem;
  text-align: center;
}

.erp-consultation-submit {
  display: block;
  width: auto;
  min-width: 230px;
  margin: 5px auto 0;
  padding: 0 24px;
}

.erp-consultation-submit[disabled] {
  cursor: wait;
  opacity: .65;
}

.erp-consultation-success[hidden] {
  display: none !important;
}

.erp-consultation-success {
  padding: 25px 10px 10px;
}

.erp-consultation-success h4 {
  color: #15966f;
  font-family: Roboto_bold;
  font-size: 2.4rem;
}

.erp-consultation-success p {
  max-width: 520px;
  margin: 10px auto 24px;
  color: #4f5d6d;
  font-family: Roboto_reg;
  font-size: 1.5rem;
  line-height: 1.55;
}

.registration-login-switch {
  margin: 16px 0 0;
  color: #5f6975;
  font-family: Roboto_reg;
  font-size: 1.4rem;
}

.registration-login-switch button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #0aa89f;
  font-family: Roboto_bold;
  text-decoration: underline;
  cursor: pointer;
}

.registration-login-switch button:hover,
.registration-login-switch button:focus {
  color: #087f79;
  outline: none;
}

@media screen and (max-width: 600px) {
  .erp-consultation-modal .modal-dialog {
    width: calc(100% - 20px);
    margin: 10px auto;
  }

  .erp-consultation-modal .support-header,
  .erp-consultation-modal .modal-body {
    padding-left: 18px;
    padding-right: 18px;
  }

  .erp-contact-choices,
  .erp-consultation-grid {
    grid-template-columns: 1fr;
  }

  .erp-grid-full {
    grid-column: auto;
  }
}