/* Общая часть дизайна, перенесённого с https://quantunix-ai-fr.com/assets/css/anti-scam-desk.css: переменные темы,
   сброс, теги, анимации и всё, чей класс встречается больше
   чем у одного блока. Подключается всегда. */
@font-face{ font-family: 'RobotoCondensed'; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/RobotoCondensed-Regular.woff2") format('woff2'), url("../fonts/RobotoCondensed-Regular.woff") format('woff') }
@font-face{ font-family: 'RobotoCondensed'; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/RobotoCondensed-Bold.woff2") format('woff2'), url("../fonts/RobotoCondensed-Bold.woff") format('woff') }
@font-face{ font-family: 'RobotoCondensed'; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/RobotoCondensed-ExtraBold.woff2") format('woff2'), url("../fonts/RobotoCondensed-ExtraBold.woff") format('woff') }
html{box-sizing: border-box; overflow-x: hidden}
*, *::before, *::after{box-sizing: inherit; padding: 0; margin: 0}
body{padding: 0; margin: 0}
body{font-family: "RobotoCondensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #2C2C2C}
main{background-color: #EEE; position: relative; overflow-x: hidden}
button{all: unset; cursor: pointer}
.container{padding: 0 15px; width: 100%; max-width: 1320px; margin: 0 auto}
br[data-mce-bogus="1"]{display:none;}
section{margin-bottom: -1px;}
h1{color: #111; font-weight: 800}
h2, h3, h4, h5{color: #111; font-weight: 700}
.logo-text{font-size: 24px; font-weight: 700; line-height: 110%; color: #111; text-transform: uppercase; text-decoration: unset; transition: all 0.5s ease}
header .logo-text{display: flex; align-items: center; justify-content: center; gap: 5px}
.logo-text img{width: 32px; height: 32px}
.error-msg{font-size: 16px; font-weight: 700; color: red; margin: 3px auto auto 0}
.header-wrap, .header-wrap .hamburger, .header-wrap .hamburger .line, .mobile-menu__wrap .menu{display: flex; align-items: center}
header{background-color: #FFF; box-shadow: 0 5px 15px 0 #2D3F8F1A; position: fixed; z-index: 999; width: 100%}
header a{text-decoration: unset}
.header-wrap{justify-content: space-between}
.header-wrap.mob{padding: 12px 0; position: relative; z-index: 9;}
.mobile-menu__wrap{display: flex; flex-direction: column; position: fixed; align-items: center; width: 100%; height: calc(100vh - 50px); top: 50px; right: 0; transform: translateX(110%); padding: 0 15px; transition: all 0.5s ease; background: #FFF; padding-bottom: 20px}
@supports (padding:env(safe-area-inset-bottom)){ .mobile-menu__wrap { padding-bottom: max(120px, calc(20px + env(safe-area-inset-bottom) + 44px)) } }
.mobile-menu__wrap.active{transform: translateX(0)}
.mobile-menu__wrap .menu, .mobile-menu__wrap .header-btn__wrap{margin-top: auto}
.mobile-menu__wrap .menu{flex-direction: column; width: 100%}
.mobile-menu__wrap .menu a{font-size: 18px; font-weight: 400; line-height: 140%; padding: 4px 8px; color: #2C2C2C; text-align: center; width: 100%; transition: all 0.5s ease}
.mobile-menu__wrap .menu a:not(:last-child){margin-bottom: 16px}
header .menu a.active, header .menu a:hover{color: #EE6129}
img{width: 100%; height: auto}
h2, h3{font-size: 26px; line-height: 110%}
.content-wrap{padding: 30px 0 64px 0}
.half.left{margin-bottom: 32px}
.leadform{position: relative}
.leadform .consent-text a{color: inherit; font-size: inherit; line-height: inherit; transition: all 0.5s ease}
.leadform .consent-text a:hover{color: #EE6129}
.orange-btn{text-transform: uppercase}
.orange-btn{display: block; text-decoration: unset; font-size: 24px; font-weight: 400; line-height: 28px; color: #FFF; padding: 16px 0; text-align: center; width: 100%; background-color: #EE6129; border: 1px solid #EE6129; border-radius: 8px; transition: all 0.5s ease}
.orange-btn:hover{background: #D6593124; color: #EE6129}
.header-wrap .hamburger{flex-direction: column; width: 16px; height: 18px; gap: 6px; cursor: pointer}
.header-wrap .hamburger .line{background-color: #111; width: 100%; height: 2px; border-radius: 2px}
.header-btn__wrap{display: block; width: 100%}
.header-wrap.mob .logo{display: flex; align-items: center; justify-content: flex-start}
.header-wrap.mob .hamburger .line{transform: translateY(0) rotate(0); opacity: 1; transition: all 0.5s ease}
.header-wrap.mob.opened .hamburger .line:first-child{transform: translateY(10px) rotate(45deg)}
.header-wrap.mob.opened .hamburger .line:nth-child(2){transform: translateY(2px) rotate(-45deg)}
.header-wrap.mob.opened .hamburger .line:last-child{opacity: 0}
footer{padding: 64px 0; background-color: #FFF; border-top: 1px solid #EE6129}
footer a{text-decoration: unset}
footer .two-col, footer .two-col .main, footer .two-col .legal{display: flex; align-items: flex-start; justify-content: flex-start;}
footer .two-col .logo, footer .two-col > p, footer .two-col .main, footer .two-col .legal{width: 50%}
footer .logo.two-col{align-items: flex-end; justify-content: space-between; margin-bottom: 32px}
footer .logo.two-col .logo-text{font-size: 21px; padding-right: 50px; color: #111}
footer .logo.two-col p, footer .logo.two-col .logo-text{line-height: 120%; font-weight: 700}
footer .logo.two-col p{font-size: 18px; margin: 0; color: #2C2C2C}
footer .footer-menu{margin-bottom: 16px}
footer .two-col .main{padding: 30px 0; border-right: 1px solid #D6593124}
footer .two-col .main, footer .two-col .legal{flex-direction: column}
footer .two-col .legal{padding: 30px 30px 30px 10px}
footer .footer-menu a{font-size: 18px; line-height: 120%; color: #2C2C2C; transition: all 0.5s ease; overflow-wrap: anywhere; display: block;}
footer .footer-menu a.active, footer .footer-menu a:hover{color: #EE6129}
footer .footer-menu a:not(:last-child){margin-bottom: 20px}
footer .copyright{font-size: 18px; line-height: 120%; text-align: center; margin-bottom: 24px}
footer .soc-links, footer .soc-links a{display: flex; align-items: center; justify-content: center}
footer .soc-links{gap: 32px}
footer .soc-links a{background-color: #EE6129; width: 44px; height: 44px; padding: 11px; border-radius: 50%; transition: all 0.5s ease}
footer .soc-links a:hover{background: #D6593124}
footer .soc-links a:hover img{filter: invert(50%) sepia(100%) saturate(1000%) hue-rotate(-10deg) brightness(90%) contrast(90%)}
footer .footer-menu a{hyphens: auto; word-break: normal; overflow-wrap: break-word}
#content{overflow: hidden; padding-top: 70px;}
@media (min-width: 1023px){
  #content{padding-top: 150px;}
}
.bg-elem:before{content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px}
.tns-outer{padding: 0 !important}
.tns-outer [hidden]{display: none !important}
.tns-outer [aria-controls], .tns-outer [data-action]{cursor: pointer}
.tns-slider{-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s}
.tns-slider > .tns-item{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.tns-horizontal.tns-subpixel{white-space: nowrap}
.tns-horizontal.tns-subpixel > .tns-item{display: inline-block; vertical-align: top; white-space: normal}
.tns-horizontal.tns-no-subpixel:after{content: ''; display: table; clear: both}
.tns-horizontal.tns-no-subpixel > .tns-item{float: left}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item{margin-right: -100%}
.tns-no-calc{position: relative; left: 0}
.tns-gallery{position: relative; left: 0; min-height: 1px}
.tns-gallery > .tns-item{position: absolute; left: -100%; -webkit-transition: transform 0s, opacity 0s; -moz-transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s}
.tns-gallery > .tns-slide-active{position: relative; left: auto !important}
.tns-gallery > .tns-moving{-webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s}
.tns-autowidth{display: inline-block}
.tns-lazy-img{-webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; opacity: 0.6}
.tns-lazy-img.tns-complete{opacity: 1}
.tns-ah{-webkit-transition: height 0s; -moz-transition: height 0s; transition: height 0s}
.tns-ovh{overflow: hidden}
.tns-visually-hidden{position: absolute; left: -10000em}
.tns-transparent{opacity: 0; visibility: hidden}
.tns-fadeIn{opacity: 1; filter: alpha(opacity=100); z-index: 0}
.tns-normal, .tns-fadeOut{opacity: 0; filter: alpha(opacity=0); z-index: -1}
.tns-vpfix{white-space: nowrap}
.tns-vpfix > div, .tns-vpfix > li{display: inline-block}
.tns-t-subp2{margin: 0 auto; width: 310px; position: relative; height: 10px; overflow: hidden}
.tns-t-ct{width: 2333.3333333%; width: -webkit-calc(100% * 70 / 3); width: -moz-calc(100% * 70 / 3); width: calc(100% * 70 / 3); position: absolute; right: 0}
.tns-t-ct:after{content: ''; display: table; clear: both}
.tns-t-ct > div{width: 1.4285714%; width: -webkit-calc(100% / 70); width: -moz-calc(100% / 70); width: calc(100% / 70); height: 10px; float: left}
.error{position: relative; z-index: 1; padding: 130px 0 150px 0}
.error:before, .error:after{position: absolute}
.error .content-wrap{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 24px; padding: 0}
.error .content-wrap h1, .error .content-wrap p{margin: 0}
.error .content-wrap h1{font-size: 150px; line-height: 100%; color: #2C2C2C}
.error .content-wrap p{font-size: 18px; line-height: 140%}
.error .content-wrap a.orange-btn{padding: 16px 32px; width: auto}
.thanks{margin: 0 auto 0 auto; padding: 80px 0}
.thanks .content-wrap, .thanks .content-wrap .text-wrap{display: flex; align-items: center; justify-content: center; flex-direction: column}
.thanks .content-wrap{gap: 60px; max-width: 650px; margin: auto}
.thanks .content-wrap *{text-align: center}
.thanks .content-wrap img{width: 98px; height: 78px; margin: auto}
.thanks .content-wrap h1{font-size: 50px; line-height: 110%}
.thanks .content-wrap .text-wrap{gap: 16px; max-width: 600px}
.thanks .content-wrap .text-wrap p{font-size: 18px; line-height: 140%}
.thanks .content-wrap .text-wrap b{font-weight: 800}
.thanks .content-wrap .orange-btn{padding: 26px 28px; max-width: 380px}
footer a{font-size: 18px; line-height: 120%; color: #2C2C2C; transition: all 0.5s ease;}
footer a:hover{color: #EE6129;}
.iti{width: 100%;}
@media only screen and (min-width: 1023px){
  .thanks{margin: 0 auto 0 auto;}
}
@media only screen and (min-width: 1279px){
  .error .content-wrap{gap: 50px}
  .error .content-wrap h1{font-size: 250px}
  .error .content-wrap a.orange-btn{padding: 26px 122px}
}
@media only screen and (max-width: 1023px){
  .desk{display: none}
}
@media only screen and (min-width: 767px){
  .content-wrap .half{margin: 0}
  .container{padding: 0 30px}
  h2, h3{font-size: 50px}
  header .header-wrap.desk{padding: 20px 0}
  header .header-wrap.desk .menu{display: flex; align-items: center; justify-content: center; gap: 8px}
  header .header-wrap.desk .menu a{font-size: 18px; line-height: 120%; color: #2C2C2C; padding: 4px 8px; transition: all 0.5s ease}
  header .header-wrap.desk .menu a.active, header .header-wrap .lang-selector a.current, header .header-wrap.desk .menu a:hover{color: #EE6129}
  header .header-wrap.desk .orange-btn{min-width: 212px}
  header .header-wrap .lang-selector .list-toggle{left: 5px; top: 35px}
}
@media only screen and (min-width: 1023px){
  html body main .mob, .mobile-menu__wrap{display: none}
  .header-wrap .lang-selector{margin: 0}
  .header-wrap .lang-selector:hover .list-toggle{opacity: 1; visibility: visible}
  .header-wrap .lang-selector:hover a.current:after{transform: rotate(180deg)}
  footer .footer-wrap{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap}
  footer .footer-wrap .copyright{order: 4; width: 100%; margin: 60px 0 0 0}
  footer .logo.two-col{flex-direction: column; align-items: flex-start; margin-bottom: 0}
  footer .logo.two-col .logo-text{padding: 0}
  footer .logo.two-col p{width: 100%; font-weight: 400}
  footer .footer-menu{flex-direction: column; margin-bottom: 0; max-width: 500px; width: 100%}
  footer .two-col .main, footer .two-col .legal{flex-direction: row; justify-content: center; width: 100%; flex-wrap: wrap; gap: 10px;}
  footer .two-col .legal{padding: 20px 0 0 0; gap: 20px}
  footer .two-col .main{border-right: unset; border-bottom: 1px solid #EE6129; padding: 0 0 20px 0}
  footer .footer-menu a:not(:last-child){margin-bottom: 0}
  footer{border: unset}
}
.p-index h1{font-size: 34px; font-weight: 800; line-height: 110%; text-align: left; margin-bottom: 24px}
.p-index p{font-size: 16px; line-height: 130%; font-weight: 400; margin-bottom: 24px}
.p-index .rating{display: flex; flex-direction: row; align-items: center; justify-content: flex-start}
.p-index .rating-img{width: 108px; height: 44px; margin: auto 20px auto 0}
.p-index .rating p{margin-bottom: 8px; line-height: 100%}
.p-index .rating .stars{width: 120px; height: 20px}
.p-index .calc-wrap, .p-index .calc-wrap .heading, .p-index .calc-wrap .response{display: flex; align-items: center; justify-content: center; flex-direction: column}
.p-index .calc-wrap{gap: 17px; padding: 13px; background-color: #EAD8D4; border-radius: 16px}
.p-index .calc-wrap .heading, .p-index .calc-wrap .response{border-radius: 16px; background-color: #EE6129; padding: 16px 24px; box-shadow: 0 5.43px 10.86px 0 #ACBBFF40; width: 100%}
.p-index .calc-wrap .heading p{font-size: 21px; line-height: 95%; margin-bottom: 12px}
.p-index .calc-wrap .heading p.range-title{font-size: 16px; line-height: 120%; margin-bottom: 3px}
.p-index .calc-wrap .response p{font-size: 20px; line-height: 120%; font-weight: 700; margin-bottom: 16px; color: #111}
.p-index .calc-wrap .response #prof{font-size: 50px; line-height: 110%; color: #FFF; font-weight: 700}
.p-index section.hero .mob.orange-btn{margin-top: 32px}
.p-index .sum{display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: #FFF; padding: 10px 17px; gap: 5px; border: 1px solid #5B796F; border-radius: 8px; margin-bottom: 24px}
.p-index .sum *{color: #010E12; font-size: 20px; line-height: 100%; font-weight: 700}
.p-index .sum input{width: 100%; border: unset}
.p-index input[type=range]{width: 100%}
.p-index .calc-wrap .heading p.days{font-size: 20px; line-height: 105%; font-weight: 700}
.p-index .calc-wrap .range-wrap{display: flex; align-items: center; width: 100%; height: 25px}
.p-index input[type="range"]{-webkit-appearance: none; width: 100%; height: 3px; background: #F1F1F1; border-radius: 3px; outline: none}
.p-index input[type="range"]::-webkit-slider-runnable-track{height: 3px; background: #F1F1F1; border-radius: 3px}
.p-index input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none; width: 20px; height: 20px; background: #FFF; box-shadow: 0 0 2px 0 #FFF; border-radius: 50%; cursor: pointer; border: none; margin-top: -9px; transition: background 0.3s}
.p-index input[type="range"]::-webkit-slider-thumb:hover{background: #45a049}
.p-index input[type="range"]::-moz-range-track{height: 3px; background: #F1F1F1; border-radius: 3px}
.p-index input[type="range"]::-moz-range-thumb{width: 20px; height: 20px; background: #FFF; border-radius: 50%; border: none; cursor: pointer; transition: background 0.3s}
.p-index input[type="range"]::-moz-range-thumb:hover{background: #45a049}
.p-index input[type="range"]::-ms-track{height: 3px; background: #fff0; border-color: #fff0; color: #fff0}
.p-index input[type="range"]::-ms-fill-lower{background: #ddd; border-radius: 3px}
.p-index input[type="range"]::-ms-fill-upper{background: #ddd; border-radius: 3px}
.p-index input[type="range"]::-ms-thumb{width: 20px; height: 20px; background: #FFF; border-radius: 50%; border: none; cursor: pointer; transition: background 0.3s}
.p-index input[type="range"]::-ms-thumb:hover{background: #45a049}
.p-index .cta *{color: #FFF}
.p-index .cta .left{padding: 45px 65px}
.p-index .cta .left.bg-elem, .p-index .leadform.bg-elem{position: relative; z-index: 1}
.p-index .cta .left.bg-elem:before{transform: rotate(5deg)}
.p-index .cta .left h2{margin-bottom: 24px}
.p-index .cta.sec .left h2{text-align: center;}
.p-index .cta .left p{font-size: 14px; line-height: 135%; margin-bottom: 0; color: #EEE}
.p-index .cta .half.right{margin-top: -70px; position: relative; z-index: 2}
.p-index section.partners{padding: 52px 15px}
.p-index section.partners h3{padding: 0 45px; text-align: center; margin-bottom: 24px}
.p-index section.partners .partners-slider{display: flex; align-items: stretch}
.p-index section.partners .partners-slider .p-slide{display: flex; align-items: center; justify-content: center; padding: 34px 22px; margin-right: 16px; background-color: #FFF; border-radius: 16px; min-height: 100%}
.p-index section.partners .partners-slider .p-slide.s-bg{background-color: #313131}
.p-index section.partners.bg-bl{background-color: #393E46; padding: 32px 15px; margin-bottom: 70px; width: 100%; max-width: 100%;}
.p-index section.partners.bg-bl h3{color: #FFF;}
.p-index .register .content-wrap{padding: 80px 0}
.p-index .register h3{text-align: center; margin-bottom: 10px}
.p-index .register .leadform{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px 22px}
.p-index .register:not(.no-bg, .p-index .last) .form-preloader-orange{top: 40px; left: 22px; width: calc(100% - 44px); height: calc(100% - 80px)}
.p-index .register .leadform input{padding: 15px 17px 14px 17px; border: 1px solid gray; width: 100%; margin-bottom: 5px; border-radius: 8px; color: #010E12}
.p-index .register .leadform input::placeholder{color: #757575}
.p-index .register .leadform.bg-elem:before{transform: rotate(-3deg)}
.p-index .register .leadform .orange-btn{line-height: 16px; margin: 5px 0 20px 0}
.p-index .register .leadform.bg-elem .consent-text{color: #FFF; margin-bottom: 0; font-size: 12px; line-height: 18px}
.p-index .register.no-bg .content-wrap{padding: 0 0 64px 0}
.p-index .register.no-bg .heading{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin-bottom: 32px;}
.p-index .register.no-bg .heading h3, .p-index .register.no-bg .heading p{width: 80%; text-align: center; margin: 0}
.p-index .register.no-bg .heading h3.no-sub{width: 100%;}
.p-index .register.no-bg .leadform{padding: 0}
.p-index .register.no-bg .leadform input{border: 1px solid gray}
.p-index .register.no-bg .leadform .consent-text{margin: 0}
.p-index .register.no-bg .leadform .consent-text a{font-size: inherit; font-weight: inherit; color: inherit}
.p-index .register.no-bg .leadform .consent-text a:hover{color: #EE6129}
.p-index .register.last{margin-bottom: -20px}
.p-index .register.last .content-wrap{border-radius: 16px; padding: 24px 24px 0 24px}
.p-index .register.last .content-wrap h3{font-size: 21px; line-height: 120%; color: #FFF; margin-bottom: 16px}
.p-index .register.last .leadform{padding: 16px 0 20px 0}
.p-index .register.last .leadform .orange-btn{margin: 5px 0 25px 0}
.p-index .register.last .half.left{margin: 0}
.p-index .cards-img .content-wrap{padding: 60px 0 20px 0}
.p-index .cards-img .top{margin-bottom: 15px}
.p-index .cards-img .top h3{text-align: center; margin-bottom: 15px}
.p-index .cards-img .top p{text-align: center; margin-bottom: 0}
.p-index .cards-img .cards-row{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; gap: 16px}
.p-index .card-img{display: flex; align-items: stretch; justify-content: flex-start; border-radius: 16px; box-shadow: 0 5px 15px 0 #5B796F26}
.p-index .card-img .wrap-img, .p-index .card-img .text{display: flex; align-items: center; justify-content: center}
.p-index .card-img .wrap-img{width: 35%; border-top-left-radius: 16px; border-bottom-left-radius: 16px}
.p-index .orange-bg{background-color: #EAD8D4}
.p-index .card-img .text{width: 65%; border-top-right-radius: 16px; border-bottom-right-radius: 16px; padding: 20px 50px 20px 24px; background-color: #F1F1F1}
.p-index .card-img .text p{margin: 0; font-size: 14px; line-height: 140%}
.p-index .cards-img.no-img{gap: 8px}
.p-index .cards-img.no-img .content-wrap{padding: 40px 0}
.p-index .cards-img.no-img .card-img .text{width: 100%; padding: 26px 24px; border-top-left-radius: 16px; border-bottom-left-radius: 16px}
.p-index .cards-img.no-img .card-img .text p{text-align: center}
.p-index .cards-img.no-img.sec .content-wrap{padding: 40px 0 80px 0}
.p-index .cards-img.no-img.sec .top{margin-bottom: 24px}
.p-index .cards-img.no-img.sec h3{width: 85%; margin: auto}
.p-index .cards-img.no-img.sec .cards-row{gap: 24px}
.p-index .cards-img.no-img.sec .cards-row .card-img{width: 100%}
.p-index .cards-img.no-img.sec .cards-row .card-img .text{flex-direction: column; align-items: center; justify-content: center; padding: 16px 24px; gap: 7px}
.p-index .cards-img.no-img.third .content-wrap{padding: 0 0 64px 0}
.p-index .cards-img.no-img.third .cards-row.slider4{display: flex; align-items: stretch; justify-content: unset; flex-direction: unset; gap: unset; padding: 10px 0}
.p-index .cards-img.no-img.third .cards-row.slider4 .card-img{display: flex; align-items: flex-start; justify-content: center; box-shadow: 0 5px 15px 0 #2D3F8F1A}
.p-index .cards-img.no-img.third .cards-row.slider4 .card-img{margin-right: 16px}
.p-index .cards-img.no-img.third .cards-row.slider4 .card-img .text{text-align: center; justify-content: flex-start; width: 100%; height: 100%}
.p-index .cards-img.no-img.third .cards-row.slider4 .card-img .text h4{font-size: 20px; line-height: 120%; margin-bottom: 7px; padding: 0 20px}
.p-index .preferences{padding-bottom: 64px}
.p-index .preferences .card-img .text{flex-direction: column; align-items: flex-start; padding: 24px 32px;}
.p-index .preferences .card-img .text h4{font-size: 20px; line-height: 120%; margin-bottom: 8px; text-align: left;}
.p-index .cards-img .orange-btn{width: fit-content; margin: 60px auto 0 auto; padding: 16px 46px;}
.p-index .with-btn .cards-subtitle{font-size: 24px; font-weight: 700;}
.p-index .with-btn h3{font-size: 50px; line-height: 55px; font-weight: 700;}
.p-index .bottom-text-cards{font-size: 20px; line-height: 26px; margin-top: 40px; text-align: center;}
.p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img:has(.no-text){min-height: 122px; text-align: center;}
.p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img:has(.no-text) h4{font-size: 24px; line-height: 29px;}
.p-index section.opportunities{padding-bottom: 62px;}
.p-index .opportunities .top h3, .p-index .opportunities .opportunities-slider, .p-index .opportunities .bottom h4{margin-bottom: 16px}
.p-index .opportunities-slider{display: flex; align-items: stretch; gap: 16px;}
.p-index .opportunities .opportunities-slider .p-slide{display: flex; align-items: center; justify-content: center; min-height: 100%;}
.p-index .opportunities .opportunities-slider .p-slide .bg-elem{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: 100%; z-index: 1; padding: 0 20px 30px 20px}
.p-index .opportunities .opportunities-slider .p-slide .bg-elem:before{background: #D6593124; top: unset; height: 65%; bottom: 0}
.p-index .opportunities .p-slide .bg-elem img{width: 100px; height: 100px}
.p-index .opportunities .p-slide .bg-elem p{font-weight: 700; font-size: 14px; line-height: 120%; width: 70%; margin-bottom: 0}
.p-index .opportunities .bottom h4{font-weight: 700; font-size: 21px; line-height: 120%; margin-top: 27px; text-align: center}
.p-index .opportunities .opportunities-slider .p-slide h3{font-size: 20px; line-height: 120%; margin-bottom: 7px}
.p-index .dark .opportunities-slider h3, .p-index .dark .opportunities-slider p{color: #FFFFFF;}
.p-index section.opportunities.dark .opportunities-slider .p-slide .bg-elem:before{content: ""; position: absolute; display: block; bottom: 0; left: 0; transform: rotate(5deg); z-index: -1; width: 100%; height: calc(100% - 50px); background-color: #393E46; border-radius: 16px;}
.p-index .dark .opportunities-slider{flex-direction: column;}
.p-index .list{padding: 32px 0; margin-bottom: 44px}
.p-index .list.bg *{color: #FFF}
.p-index .list h3, .p-index .list .list-wrap li:not(:last-child){margin-bottom: 16px}
.p-index .list .list-wrap, .p-index .list .list-wrap li{display: flex; justify-content: flex-start; list-style: none}
.p-index .list .list-wrap{align-items: flex-start; flex-direction: column}
.p-index .list .list-wrap li{align-items: center; gap: 16px}
.p-index .list .list-wrap li img{width: 26px; height: 26px}
.p-index .list .list-wrap li p{margin: 0}
.p-index .list h4{font-size: 20px; line-height: 26px; font-weight: 700; margin-bottom: 8px;}
.p-index .reviews .reviews-wrap, .p-index .reviews .reviews-wrap .review{display: flex; align-items: center; justify-content: center; flex-direction: column}
.p-index .reviews .reviews-wrap{padding: 40px 0; gap: 32px}
.p-index .reviews .reviews-wrap .review{width: 100%; padding: 10px 20px; border-radius: 15px; background-color: #FFF}
.p-index .reviews .reviews-wrap .review h4{font-size: 24px; line-height: 120%; margin: 12px 0 24px 0}
.p-index .reviews .reviews-wrap .review .rating{justify-content: center; width: 100%; margin-bottom: 36px}
.p-index .reviews .reviews-wrap .review .rating img{width: 120px; height: 20px}
.p-index .reviews .reviews-wrap .review .review-text{font-size: 18px; line-height: 140%; text-align: center; margin: 0}
.p-index .benefits{padding: 32px 0}
.p-index .benefits h2{margin-bottom: 40px}
.p-index .benefits h2, .p-index .benefits .benefits-slider .content h4, .p-index .benefits .benefits-slider .content p{color: #FFF; text-align: center}
.p-index .benefits .benefits-slider .content{display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 0 20px 12px 20px; height: 100%}
.p-index .benefits .benefits-slider{display: flex; align-items: stretch; justify-content: center;}
.p-index .benefits .benefits-slider .p-slide{display: flex; align-items: flex-start; justify-content: center; margin-right: 32px}
.p-index .benefits .benefits-slider .content img{width: 50px; height: 50px; margin-bottom: 24px}
.p-index .benefits .benefits-slider .content h4{font-weight: 700; font-size: 20px; line-height: 120%; margin-bottom: 15px;}
.p-index .benefits .benefits-slider .content p{font-size: 14px; line-height: 140%; margin: 0}
.p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content img{width: 150px; height: 150px;}
.p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content h4{font-size: 24px; line-height: 28px;}
.p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .content p{font-size: 18px; line-height: 28px;}
.p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider{flex-direction: column; margin: 0 auto; justify-content: center; gap: 36px;}
.p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider .p-slide{margin-right: 0;}
.p-index .benefits:not(:has(.benefits-slider-ident)) h2{font-size: 50px; line-height: 55px;}
.p-index .benefits h3{font-size: 20px; line-height: 26px; color: #FFFFFF; text-align: center; margin-bottom: 40px;}
.p-index .advantages{padding: 40px 0}
.p-index .advantages h3{padding: 0 20px; text-align: center; margin-bottom: 40px}
.p-index .advantages .cards-row{gap: 32px}
.p-index .advantages .cards-row .card-img{flex-direction: column}
.p-index .advantages .cards-row .card-img .wrap-img, .p-index .advantages .cards-row .card-img .text{border-radius: unset; width: 100%; padding: 0 24px}
.p-index .advantages .cards-row .card-img .wrap-img{border-top-left-radius: 24px; border-top-right-radius: 24px; justify-content: flex-start}
.p-index .advantages .cards-row .card-img .wrap-img img{position: relative; width: 120px; height: 120px; margin-bottom: -16px}
.p-index .advantages .cards-row .card-img .text{flex-direction: column; align-items: flex-start; gap: 16px; border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; padding-top: 16px; padding-bottom: 24px}
.p-index .advantages .cards-row .card-img .text h4{font-size: 20px; line-height: 120%}
.p-index .advantages .cards-row .card-img .text p{line-height: 140%}
.p-index .readmore-wrapper{max-height: 380px; overflow-y: scroll; border-radius: 4px; padding-right: 20px;}
.p-index .readmore .container{padding-top: 30px; padding-bottom: 30px;}
.p-index .readmore-wrapper h1{font-size: 32px; line-height: 120%; margin: 0 0 8px 0;}
.p-index .readmore-wrapper h2{font-size: 24px; line-height: 120%; margin: 0 0 8px 0;}
.p-index .readmore-wrapper h3{font-size: 19px; line-height: 120%; margin: 0 0 8px 0;}
.p-index .readmore-wrapper h5{font-size: 14px; line-height: 120%; margin: 0 0 8px 0;}
.p-index .readmore-wrapper h6{font-size: 11px; line-height: 120%; margin: 0 0 8px 0;}
.p-index .readmore-wrapper h4{font-size: 16px; font-weight: 700; line-height: 21px; margin: 0 0 8px 0;}
.p-index .readmore-wrapper li{font-size: 16px; line-height: 21px;}
.p-index .readmore-wrapper ul, .p-index .readmore-wrapper ol{padding-left: 35px; margin: 0 0 8px 0;}
.p-index .readmore-wrapper ul{list-style: disc;}
.p-index .readmore-wrapper ol{list-style: decimal;}
.p-index .readmore-wrapper p{font-size: 16px; line-height: 21px; margin: 0 0 8px 0;}
.p-index .readmore-wrapper::-webkit-scrollbar{width: 10px; opacity: 1; background: #EF74431A;}
.p-index .readmore-wrapper::-webkit-scrollbar-track{border-radius: 10px;}
.p-index .readmore-wrapper::-webkit-scrollbar-thumb{background: #EF7443; border-radius: 10px;}
.cta2 .content-wrap .half .orange-btn:after{content: '';
            display: inline-flex;
            width: 16px;
            height: 16px;
            margin-left: 10px;
            transform: rotate(-90deg);
            background-color: #FFF;
            mask: url(/images/lang-arrow.svg) no-repeat center / contain;
            -webkit-mask: url(/images/lang-arrow.svg) no-repeat center / contain;
            transition: all 0.5s ease;}
.cta2 .content-wrap .half .orange-btn:hover::after{background-color: rgb(238, 97, 41);
            transform: translateX(5px) rotate(-90deg);}
.p-angebot .hero .content-wrap{padding: 0 0 32px 0}
.p-angebot .hero .content-wrap, .p-angebot .hero .content-wrap .btns-wrap{display: flex; align-items: center; justify-content: center; flex-direction: column}
.p-angebot .hero .content-wrap{gap: 25px}
.p-angebot .hero .content-wrap h1, .p-angebot .hero .content-wrap p{text-align: center}
.p-angebot .hero .content-wrap h1{font-size: 34px; line-height: 110%}
.p-angebot .hero .content-wrap p{margin-bottom: 32px}
.p-angebot .hero .content-wrap .btns-wrap{width: 100%; gap: 16px}
.p-angebot section.opportunities{padding-bottom: 62px;}
.p-angebot .opportunities .top h3, .p-angebot .opportunities .opportunities-slider, .p-angebot .opportunities .bottom h4{margin-bottom: 16px}
.p-angebot .opportunities-slider{display: flex; align-items: stretch; gap: 16px;}
.p-angebot .opportunities .opportunities-slider .p-slide{display: flex; align-items: center; justify-content: center; min-height: 100%;}
.p-angebot .opportunities .opportunities-slider .p-slide .bg-elem{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: 100%; z-index: 1; padding: 0 20px 30px 20px}
.p-angebot .opportunities .opportunities-slider .p-slide .bg-elem:before{background: #D6593124; top: unset; height: 65%; bottom: 0}
.p-angebot .opportunities .p-slide .bg-elem img{width: 100px; height: 100px}
.p-angebot .opportunities .p-slide .bg-elem p{font-weight: 700; font-size: 14px; line-height: 120%; width: 70%; margin-bottom: 0}
.p-angebot .opportunities .bottom h4{font-weight: 700; font-size: 21px; line-height: 120%; margin-top: 27px; text-align: center}
.p-angebot .opportunities .opportunities-slider .p-slide h3{font-size: 20px; line-height: 120%; margin-bottom: 7px}
.p-angebot .dark .opportunities-slider h3, .p-angebot .dark .opportunities-slider p{color: #FFFFFF;}
.p-angebot section.opportunities.dark .opportunities-slider .p-slide .bg-elem:before{content: ""; position: absolute; display: block; bottom: 0; left: 0; transform: rotate(5deg); z-index: -1; width: 100%; height: calc(100% - 50px); background-color: #393E46; border-radius: 16px;}
.p-angebot .dark .opportunities-slider{flex-direction: column;}
.p-angebot .cta2 .row h3{text-align: center}
.p-angebot .cta2 .row{padding: 40px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap}
.p-angebot .cta2 .row h3{margin-bottom: 16px}
.p-angebot .cta2 .content-wrap{padding: 0 0 32px 0}
.p-angebot .cta2 .half{position: relative;}
.p-angebot .cta2 .content-wrap .half, .p-angebot .cta2 .content-wrap .half p{margin-bottom: 16px}
.p-angebot .cta2 .content-wrap .half h3, .p-angebot .cta2 .content-wrap .half p{text-align: center}
.p-angebot .cta2 .content-wrap .no-btn-text .cta-text p:last-of-type{margin: 0;}
.p-angebot .cta2 .content-wrap .orange-btn{display: flex; align-items: center; justify-content: center;}
.p-team .team h1{text-align: center; margin-bottom: 32px}
.p-team .team #tns1-ow{width: 100%}
.p-team .team .content-wrap{padding: 0 0 50px 0}
.p-team .team .content-wrap .employees{display: flex; align-items: stretch}
.p-team .team .content-wrap .employees .employee{display: flex; flex-direction: column}
.p-team .team .content-wrap .employees .employee img{border-top-left-radius: 16px; border-top-right-radius: 16px}
.p-team .team .content-wrap .employees .employee .text-wrap{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex: 1; padding: 10px 16px; gap: 8px; background-color: #F1F1F1; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px}
.p-team .team .content-wrap .employees .employee .text-wrap h2{font-size: 20px; line-height: 120%}
.p-team .team .content-wrap .employees .employee .text-wrap p{margin-bottom: 0; text-align: left}
.p-team .info{margin: 0; padding-bottom: 32px}
.p-team .info h3{margin-bottom: 24px}
.p-team .info .content-wrap.bg-or{background-color: #EAD8D4; padding: 32px 24px; border-radius: 16px}
.p-team .info .content-wrap .half.left{margin-bottom: 15px}
.p-team .info .content-wrap .half h3{font-size: 21px; line-height: 120%; margin-bottom: 7px}
.p-team .info .content-wrap .half p{font-size: 16px; line-height: 130%; margin: 0}
.p-team section.partners{padding: 52px 15px}
.p-team section.partners h3{padding: 0 45px; text-align: center; margin-bottom: 24px}
.p-team section.partners .partners-slider{display: flex; align-items: stretch}
.p-team section.partners .partners-slider .p-slide{display: flex; align-items: center; justify-content: center; padding: 34px 22px; margin-right: 16px; background-color: #FFF; border-radius: 16px; min-height: 100%}
.p-team section.partners .partners-slider .p-slide.s-bg{background-color: #313131}
.p-team section.partners.bg-bl{background-color: #393E46; padding: 32px 15px; margin-bottom: 70px; width: 100%; max-width: 100%;}
.p-team section.partners.bg-bl h3{color: #FFF;}
.p-faq .qa{padding: 32px 0 64px 0}
.p-faq .qa .title-qa{font-size: 34px; line-height: 110%; margin-right: auto; margin-bottom: 32px}
.p-faq .qa .faqs-wrap, .p-faq .qa .faqs-wrap .faq .question, .p-faq .qa .faqs-wrap .faq .question .arrow{display: flex; align-items: center; justify-content: center}
.p-faq .qa .faqs-wrap{flex-direction: column; gap: 16px}
.p-faq .qa .faqs-wrap .faq{width: 100%; padding: 20px 32px; background-color: #FFF; border-radius: 16px; box-shadow: 0 5px 15px 0 #2D3F8F1A; cursor: pointer}
.p-faq .qa .faqs-wrap.anim .faq *{transition: all 0.5s ease}
.p-faq .qa .faqs-wrap .faq .answer{display: none}
.p-faq .qa .faqs-wrap .faq .question{gap: 30px}
.p-faq .qa .faqs-wrap .faq .question h2{flex: 1; font-size: 24px; line-height: 120%}
.p-faq .qa .faqs-wrap .faq .question .arrow{border-radius: 8px; border: 1px solid #EE6129; width: 44px; height: 44px}
.p-faq .qa .faqs-wrap .faq .question .arrow img{width: 12px; height: 7px; transform: rotate(180deg)}
.p-faq .qa .faqs-wrap .faq.opened .question .arrow img{transform: rotate(0)}
.p-faq .qa .faqs-wrap .faq.opened .question{margin-bottom: 16px}
.p-faq .register .content-wrap{padding: 80px 0}
.p-faq .register h3{text-align: center; margin-bottom: 10px}
.p-faq .register .leadform{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px 22px}
.p-faq .register:not(.no-bg, .p-faq .last) .form-preloader-orange{top: 40px; left: 22px; width: calc(100% - 44px); height: calc(100% - 80px)}
.p-faq .register .leadform input{padding: 15px 17px 14px 17px; border: 1px solid gray; width: 100%; margin-bottom: 5px; border-radius: 8px; color: #010E12}
.p-faq .register .leadform input::placeholder{color: #757575}
.p-faq .register .leadform.bg-elem:before{transform: rotate(-3deg)}
.p-faq .register .leadform .orange-btn{line-height: 16px; margin: 5px 0 20px 0}
.p-faq .register .leadform.bg-elem .consent-text{color: #FFF; margin-bottom: 0; font-size: 12px; line-height: 18px}
.p-faq .register.no-bg .content-wrap{padding: 0 0 64px 0}
.p-faq .register.no-bg .heading{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin-bottom: 32px;}
.p-faq .register.no-bg .heading h3, .p-faq .register.no-bg .heading p{width: 80%; text-align: center; margin: 0}
.p-faq .register.no-bg .heading h3.no-sub{width: 100%;}
.p-faq .register.no-bg .leadform{padding: 0}
.p-faq .register.no-bg .leadform input{border: 1px solid gray}
.p-faq .register.no-bg .leadform .consent-text{margin: 0}
.p-faq .register.no-bg .leadform .consent-text a{font-size: inherit; font-weight: inherit; color: inherit}
.p-faq .register.no-bg .leadform .consent-text a:hover{color: #EE6129}
.p-faq .register.last{margin-bottom: -20px}
.p-faq .register.last .content-wrap{border-radius: 16px; padding: 24px 24px 0 24px}
.p-faq .register.last .content-wrap h3{font-size: 21px; line-height: 120%; color: #FFF; margin-bottom: 16px}
.p-faq .register.last .leadform{padding: 16px 0 20px 0}
.p-faq .register.last .leadform .orange-btn{margin: 5px 0 25px 0}
.p-faq .register.last .half.left{margin: 0}
.p-kontakt .contact, .p-kontakt .register.no-bg .content-wrap{padding: 32px 0}
.p-kontakt .contact .content-wrap{padding: 24px; border-radius: 16px}
.p-kontakt .contact .content-wrap.bg-or, .p-kontakt .contact .content-wrap.bg-or p{display: flex; align-items: center; justify-content: center}
.p-kontakt .contact .content-wrap.bg-or{background-color: #EAD8D4; flex-direction: column; gap: 24px}
.p-kontakt .contact .content-wrap .title-cont, .p-kontakt .contact .content-wrap.bg-or p a{font-weight: 700}
.p-kontakt .contact .content-wrap .title-cont{font-size: 21px; line-height: 120%; text-align: center}
.p-kontakt .contact .content-wrap.bg-or p{gap: 16px}
.p-kontakt .contact .content-wrap.bg-or p img{width: 65px; height: 65px}
.p-kontakt .contact .content-wrap.bg-or p a{text-decoration: unset; font-size: 24px; line-height: 160%; color: #2C2C2C; transition: all 0.5s ease; display: flex; align-items: center;}
.p-kontakt .contact .content-wrap.bg-or p a:hover{color: #EE6129}
.p-kontakt .register .content-wrap{padding: 80px 0}
.p-kontakt .register h3{text-align: center; margin-bottom: 10px}
.p-kontakt .register .leadform{display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px 22px}
.p-kontakt .register:not(.no-bg, .p-kontakt .last) .form-preloader-orange{top: 40px; left: 22px; width: calc(100% - 44px); height: calc(100% - 80px)}
.p-kontakt .register .leadform input{padding: 15px 17px 14px 17px; border: 1px solid gray; width: 100%; margin-bottom: 5px; border-radius: 8px; color: #010E12}
.p-kontakt .register .leadform input::placeholder{color: #757575}
.p-kontakt .register .leadform.bg-elem:before{transform: rotate(-3deg)}
.p-kontakt .register .leadform .orange-btn{line-height: 16px; margin: 5px 0 20px 0}
.p-kontakt .register .leadform.bg-elem .consent-text{color: #FFF; margin-bottom: 0; font-size: 12px; line-height: 18px}
.p-kontakt .register.no-bg .content-wrap{padding: 0 0 64px 0}
.p-kontakt .register.no-bg .heading{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; margin-bottom: 32px;}
.p-kontakt .register.no-bg .heading h3, .p-kontakt .register.no-bg .heading p{width: 80%; text-align: center; margin: 0}
.p-kontakt .register.no-bg .heading h3.no-sub{width: 100%;}
.p-kontakt .register.no-bg .leadform{padding: 0}
.p-kontakt .register.no-bg .leadform input{border: 1px solid gray}
.p-kontakt .register.no-bg .leadform .consent-text{margin: 0}
.p-kontakt .register.no-bg .leadform .consent-text a{font-size: inherit; font-weight: inherit; color: inherit}
.p-kontakt .register.no-bg .leadform .consent-text a:hover{color: #EE6129}
.p-kontakt .register.last{margin-bottom: -20px}
.p-kontakt .register.last .content-wrap{border-radius: 16px; padding: 24px 24px 0 24px}
.p-kontakt .register.last .content-wrap h3{font-size: 21px; line-height: 120%; color: #FFF; margin-bottom: 16px}
.p-kontakt .register.last .leadform{padding: 16px 0 20px 0}
.p-kontakt .register.last .leadform .orange-btn{margin: 5px 0 25px 0}
.p-kontakt .register.last .half.left{margin: 0}
.p-anti-scam .hero .content-wrap{padding: 0 0 32px 0}
.p-anti-scam .hero .content-wrap, .p-anti-scam .hero .content-wrap .btns-wrap{display: flex; align-items: center; justify-content: center; flex-direction: column}
.p-anti-scam .hero .content-wrap{gap: 25px}
.p-anti-scam .hero .content-wrap h1, .p-anti-scam .hero .content-wrap p{text-align: center}
.p-anti-scam .hero .content-wrap h1{font-size: 34px; line-height: 110%}
.p-anti-scam .hero .content-wrap p{margin-bottom: 32px}
.p-anti-scam .hero .content-wrap .btns-wrap{width: 100%; gap: 16px}
.p-anti-scam .contact, .p-anti-scam .register.no-bg .content-wrap{padding: 32px 0}
.p-anti-scam .contact .content-wrap{padding: 24px; border-radius: 16px}
.p-anti-scam .contact .content-wrap.bg-or, .p-anti-scam .contact .content-wrap.bg-or p{display: flex; align-items: center; justify-content: center}
.p-anti-scam .contact .content-wrap.bg-or{background-color: #EAD8D4; flex-direction: column; gap: 24px}
.p-anti-scam .contact .content-wrap .title-cont, .p-anti-scam .contact .content-wrap.bg-or p a{font-weight: 700}
.p-anti-scam .contact .content-wrap .title-cont{font-size: 21px; line-height: 120%; text-align: center}
.p-anti-scam .contact .content-wrap.bg-or p{gap: 16px}
.p-anti-scam .contact .content-wrap.bg-or p img{width: 65px; height: 65px}
.p-anti-scam .contact .content-wrap.bg-or p a{text-decoration: unset; font-size: 24px; line-height: 160%; color: #2C2C2C; transition: all 0.5s ease; display: flex; align-items: center;}
.p-anti-scam .contact .content-wrap.bg-or p a:hover{color: #EE6129}
.p-anti-scam .readmore-wrapper{max-height: 380px; overflow-y: scroll; border-radius: 4px; padding-right: 20px;}
.p-anti-scam .readmore .container{padding-top: 30px; padding-bottom: 30px;}
.p-anti-scam .readmore-wrapper h1{font-size: 32px; line-height: 120%; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper h2{font-size: 24px; line-height: 120%; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper h3{font-size: 19px; line-height: 120%; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper h5{font-size: 14px; line-height: 120%; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper h6{font-size: 11px; line-height: 120%; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper h4{font-size: 16px; font-weight: 700; line-height: 21px; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper li{font-size: 16px; line-height: 21px;}
.p-anti-scam .readmore-wrapper ul, .p-anti-scam .readmore-wrapper ol{padding-left: 35px; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper ul{list-style: disc;}
.p-anti-scam .readmore-wrapper ol{list-style: decimal;}
.p-anti-scam .readmore-wrapper p{font-size: 16px; line-height: 21px; margin: 0 0 8px 0;}
.p-anti-scam .readmore-wrapper::-webkit-scrollbar{width: 10px; opacity: 1; background: #EF74431A;}
.p-anti-scam .readmore-wrapper::-webkit-scrollbar-track{border-radius: 10px;}
.p-anti-scam .readmore-wrapper::-webkit-scrollbar-thumb{background: #EF7443; border-radius: 10px;}
.p-anti-scam .qa{padding: 32px 0 64px 0}
.p-anti-scam .qa .title-qa{font-size: 34px; line-height: 110%; margin-right: auto; margin-bottom: 32px}
.p-anti-scam .qa .faqs-wrap, .p-anti-scam .qa .faqs-wrap .faq .question, .p-anti-scam .qa .faqs-wrap .faq .question .arrow{display: flex; align-items: center; justify-content: center}
.p-anti-scam .qa .faqs-wrap{flex-direction: column; gap: 16px}
.p-anti-scam .qa .faqs-wrap .faq{width: 100%; padding: 20px 32px; background-color: #FFF; border-radius: 16px; box-shadow: 0 5px 15px 0 #2D3F8F1A; cursor: pointer}
.p-anti-scam .qa .faqs-wrap.anim .faq *{transition: all 0.5s ease}
.p-anti-scam .qa .faqs-wrap .faq .answer{display: none}
.p-anti-scam .qa .faqs-wrap .faq .question{gap: 30px}
.p-anti-scam .qa .faqs-wrap .faq .question h2{flex: 1; font-size: 24px; line-height: 120%}
.p-anti-scam .qa .faqs-wrap .faq .question .arrow{border-radius: 8px; border: 1px solid #EE6129; width: 44px; height: 44px}
.p-anti-scam .qa .faqs-wrap .faq .question .arrow img{width: 12px; height: 7px; transform: rotate(180deg)}
.p-anti-scam .qa .faqs-wrap .faq.opened .question .arrow img{transform: rotate(0)}
.p-anti-scam .qa .faqs-wrap .faq.opened .question{margin-bottom: 16px}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 767px){
    .p-index section.hero .content-wrap .half{margin-bottom: 32px}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.hero .content-wrap{display: flex; padding: 30px 0 20px 0}
    .p-index section.hero .content-wrap .half{position: relative; z-index: 1; flex: 0 0 50%; margin: 0}
    .p-index section.hero .content-wrap .half h1{font-size: 65px; margin-bottom: 16px}
    .p-index section.hero .content-wrap .half.left p{font-size: 20px; margin-bottom: 40px}
    .p-index section.hero .content-wrap .half .rating p{max-width: 260px; margin-bottom: 8px}
    .p-index section.hero .content-wrap .half .bg-img{position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 550px}
    .p-index section.hero .content-wrap .half .calc-wrap{background-color: unset; padding: 0; margin: 140px auto 0 auto; max-width: 430px; width: 80%}
    .p-index section.hero .content-wrap .half .hero-btn{display: flex; min-width: 212px; width: fit-content; margin-bottom: 40px; font-size: 24px; line-height: 16px; text-transform: uppercase; padding: 16px 46px; text-decoration: unset; color: #EE6129; border: 1px solid #EE6129; background-color: #FFF; border-radius: 8px; transition: all 0.5s ease}
    .p-index section.hero .content-wrap .half .hero-btn:hover{background-color: #EE6129; color: #FFF}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.hero .content-wrap{padding: 0 0 69px 0}
    .p-index section.hero .content-wrap .half h1{font-size: 80px}
    .p-index section.hero .content-wrap .half.left{padding-right: 100px}
    .p-index section.hero .content-wrap .half .calc-wrap{gap: 30px}
    .p-index section.hero .content-wrap .calc-wrap .heading{padding: 38px 24px 24px 24px}
    .p-index section.hero .content-wrap .calc-wrap .heading p{margin-bottom: 20px}
    .p-index section.hero .content-wrap .calc-wrap .sum{margin-bottom: 15px}
    .p-index section.hero .content-wrap .calc-wrap .heading .range-title, .p-index section.hero .content-wrap .calc-wrap .heading p.days{margin-bottom: 0}
    .p-index .calc-wrap .response p{width: 215px; text-align: center}
  }
  @media only screen and (min-width: 767px){
    .p-index section.cta .content-wrap:before, .p-index section.register:not(.no-bg, .p-index .last) .content-wrap:before{content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px}
    .p-index section.cta .content-wrap, .p-index section.register:not(.no-bg) .content-wrap{display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 1}
    .p-index section.cta .content-wrap{padding: 30px 0 0 0}
    .p-index section.cta .content-wrap:before{height: 100%; transform: rotate(4deg)}
    .p-index section.cta .content-wrap .half.left.bg-elem:before{content: unset}
    .p-index section.cta .content-wrap .half.right{margin-top: unset; width: 40%; order: 1}
    .p-index section.cta .content-wrap .half.left.bg-elem{width: 60%; order: 2}
    .p-index section.cta.sec .content-wrap{padding: 0}
    .p-index section.cta.sec .content-wrap:before{transform: rotate(-4.44deg)}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.cta .content-wrap .half h2{margin-bottom: 45px}
    .p-index section.cta .content-wrap .half p{font-size: 18px}
    .p-index section.cta.sec{padding: 30px 0}
    .p-index .cta.sec .left.bg-elem h3, .p-index .cta.sec .left.bg-elem p{text-align: left}
    .p-index section.cta.sec .content-wrap{padding: 15px 0}
    .p-index section.cta .content-wrap .half.left.bg-elem{padding: 30px 120px 60px 30px}
    .p-index section.cta .content-wrap:before{border-radius: 32px}
    .p-index section.cta .content-wrap:before{height: calc(100% - 70px)}
    .p-index section.cta.sec .content-wrap:before{height: calc(100% - 20px)}
    .p-index section.cta .content-wrap{padding: 30px 60px; align-items: flex-start; gap: 45px}
    .p-index section.cta .content-wrap .half.left.bg-elem{padding: 70px 160px 0 30px}
    .p-index .cta.sec .left h2{text-align: left;}
  }
  @media only screen and (min-width: 767px){
    .p-index section.partners h3{padding: 0}
    .p-index section.partners .partners-slider{flex-wrap: wrap; gap: 12px}
    .p-index section.partners .partners-slider .p-slide{width: calc(25% - 12px); margin: 0;}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.partners, .p-index .content-wrap{padding: 30px}
    .p-index section.partners{padding: 80px 0 60px 0; max-width: 1320px; margin: auto}
    .p-index section.partners h3{margin-bottom: 40px}
    .p-index section.partners .partners-slider{gap: 24px}
    .p-index section.partners .partners-slider .p-slide{width: calc(25% - 24px)}
    .p-index section.partners.bg-bl h3, .p-index section.partners.bg-bl .partners-slider{max-width: 1320px; margin-left: auto; margin-right: auto;}
  }
  @media only screen and (min-width: 767px){
    .p-index section.register:not(.no-bg, .p-index .last) .content-wrap:before{content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px}
    .p-index section.register:not(.no-bg) .content-wrap{display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 1}
    .p-index section.register:not(.no-bg) .content-wrap .half{width: 50%}
    .p-index section.register:not(.no-bg) .content-wrap .half.left h3{text-align: left; font-size: 35px}
    .p-index section.register:not(.no-bg) .content-wrap:before{height: calc(100% - 200px); top: 115px; transform: rotate(-6deg)}
    .p-index section.register:not(.no-bg) .leadform:before{content: unset}
    .p-index section.register .leadform{flex-wrap: wrap; flex-direction: unset}
    .p-index section.register .leadform input[name=full_name]{margin-right: 8px}
    .p-index section.register .leadform input[name=full_name], .p-index section.register .leadform input[name=last_name]{width: calc(50% - 4px)}
    .p-index section.register:not(.no-bg) .content-wrap .half.right.desk{display: flex}
    .p-index section.register.no-bg .leadform{max-width: 610px; margin: auto}
    .p-index section.register.last{margin-bottom: 40px}
    .p-index section.register.last .content-wrap{align-items: flex-start; padding: 32px 24px}
    .p-index section.register.last .content-wrap .half.left{order: 2}
    .p-index section.register.last .content-wrap .half.left h3{display: none}
    .p-index section.register.last .content-wrap .half.right{flex-direction: column; align-items: flex-start; justify-content: flex-start; order: 1}
    .p-index section.register.last .content-wrap .half.right h3, .p-index section.register.last .leadform .consent-text.desk{display: block; text-align: left}
    .p-index section.register.last .leadform .consent-text.desk{color: #FFF; margin-bottom: 0}
    .p-index section.register.last .leadform{padding: 0}
    .p-index section.register.last .content-wrap .half.right img{max-width: 270px}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.register h3{margin: 0 0 0 30px; font-size: 45px}
    .p-index section.register .leadform{padding: 100px 0 0 30px}
    .p-index .register:not(.no-bg, .p-index .last) .form-preloader-orange{top: 100px; left: 30px; width: calc(100% - 30px); height: calc(100% - 100px)}
    .p-index section.register:not(.no-bg) .content-wrap:before{top: 145px}
    .p-index .register .leadform.bg-elem .consent-text{font-size: 16px; line-height: 140%}
    .p-index section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px; margin: 0}
    .p-index .register.no-bg .content-wrap{padding: 60px 0 35px 0}
    .p-index .register.no-bg .heading h3:not(.no-sub), .p-index .register.no-bg .heading, .p-index .register.no-bg .leadform .orange-btn{margin-bottom: 40px}
    .p-index .register.no-bg .heading h3{max-width: 750px; width: 100%}
    .p-index .register.no-bg .heading p{max-width: 780px; font-size: 20px}
    .p-index section.register.last .content-wrap .half.right h3{margin: 0 auto 0 0; width: 65%}
  }
  @media only screen and (min-width: 1279px){
    .p-index section.register:not(.no-bg) .content-wrap .half.left h3{margin: 0 0 0 30px}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px}
    .p-index section.register:not(.no-bg) .content-wrap:before{top: 100px; height: calc(100% - 100px)}
    .p-index section.register:not(.no-bg, .p-index .last){margin-bottom: 50px}
    .p-index section.register:not(.no-bg) .content-wrap{padding: 32px}
    .p-index section.register.last .content-wrap .half.right h3{font-size: 32px; width: 75%}
  }
  @media only screen and (min-width: 767px){
    .p-index section.cards-img .content-wrap{padding: 0;}
    .p-index section.cards-img .content-wrap .top{margin-bottom: 30px}
    .p-index section.cards-img .content-wrap .bottom.cards-row{flex-direction: row; align-items: stretch}
    .p-index section.cards-img:not(.preferences) .content-wrap .bottom.cards-row .card-img{flex: 1}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row{align-items: stretch; flex-wrap: wrap; flex-direction: unset}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row{gap: 32px}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img{flex: 0 0 calc((100% - 2 * 32px) / 3)}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text{justify-content: flex-start}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text.no-text{justify-content: center;}
    .p-index section.cards-img.no-img.sec.third .content-wrap{padding: 40px 0}
    .p-index section.cards-img.no-img.third .cards-row.slider4 .card-img{margin: 0}
    .p-index section.cards-img.no-img.third .cards-row.slider4 .card-img:first-child, .p-index section.cards-img.no-img.third .cards-row.slider4 .card-img:nth-child(2){flex: 0 0 calc((100% - 32px) / 2)}
    .p-index section.preferences.cards-img .cards-row{align-items: stretch; flex-wrap: wrap; flex-direction: unset}
    .p-index section.preferences.cards-img .cards-row .card-img{width: calc(50% - 8px)}
  }
  @media only screen and (min-width: 1023px){
    .p-index .preferences .card-img .text h4{font-size: 24px; margin-bottom: 15px;}
    .p-index .preferences .card-img .text p{font-size: 18px;}
    .p-index section.cards-img .content-wrap .top{margin-bottom: 60px}
    .p-index section.cards-img .content-wrap h3{margin-bottom: 30px}
    .p-index section.cards-img .content-wrap .bottom.cards-row{padding: 0 36px}
    .p-index section.cards-img.no-img .content-wrap h3{padding: 0 75px}
    .p-index .cards-img.no-img.sec .content-wrap h3{padding: 0}
    .p-index .cards-img.no-img.sec h3{width: 75%}
    .p-index .cards-img.no-img.sec .top{margin-bottom: 40px}
    .p-index section.preferences, .p-index .cards-img.no-img.sec .content-wrap{padding: 60px 0}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.cards-img.no-img .content-wrap .bottom.cards-row .card-img .text{padding: 40px 32px}
    .p-index section.cards-img .content-wrap h3{padding: 0 120px}
    .p-index section.cards-img.no-img.sec .cards-row .card-img .text{gap: 16px}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img .text{padding: 19px 32px}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img h4{font-size: 24px; line-height: 120%}
    .p-index section.cards-img.no-img.sec .content-wrap .bottom.cards-row .card-img p{font-size: 18px}
  }
  @media only screen and (min-width: 767px){
    .p-index section.opportunities .top, .p-index section.opportunities .bottom{display: flex; align-items: center; justify-content: flex-start}
    .p-index section.opportunities .top h3, .p-index section.opportunities .top p{width: 50%}
    .p-index section.opportunities .top h3{padding-right: 100px}
    .p-index section.opportunities .top p{padding-right: 50px}
    .p-index section.opportunities .container{height: 100%}
    .p-index section.opportunities .opportunities-slider{display: flex; align-items: flex-start; gap: 25px; height: 100%; flex-direction: unset;}
    .p-index section.opportunities .opportunities-slider .p-slide{display: flex; flex-direction: column; flex: 1; min-height: 205px; height: 100%}
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 25px}
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 50px}
    .p-index section.opportunities .opportunities-slider .p-slide .bg-elem{flex: 1; height: 100%}
    .p-index section.opportunities .opportunities-slider .p-slide .bg-elem:before{transform: rotate(5deg)}
    .p-index section.opportunities .bottom h4{width: 75%; text-align: left; margin: 0}
    .p-index section.opportunities .bottom .orange-btn{width: 25%; max-width: 212px; margin-left: auto}
    .p-index section.opportunities.dark .opportunities-slider .p-slide:last-child{transform: translateY(-120px);}
    .p-index .opportunities.dark .opportunities-slider .p-slide:nth-child(2){transform: translateY(-60px);}
    .p-index section.opportunities .bottom .no-btn{width: 50%; margin-left: auto;}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 30px}
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 60px}
    .p-index section.opportunities .top, .p-index section.opportunities .opportunities-slider{margin-bottom: 60px}
    .p-index section.opportunities .top h3{margin-bottom: 0}
    .p-index section.opportunities .bottom h4{font-size: 32px}
  }
  @media only screen and (min-width: 1279px){
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 40px}
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 80px}
    .p-index section.opportunities.dark .opportunities-slider .p-slide:last-child{transform: translateY(-120px);}
    .p-index .opportunities.dark .opportunities-slider .p-slide:nth-child(2){transform: translateY(-60px);}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.opportunities .top p{font-size: 20px; padding-right: 130px}
    .p-index section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 40px}
    .p-index .opportunities:not(.dark) .p-slide .bg-elem img{width: 100px; height: 100px}
  }
  @media only screen and (min-width: 1023px){
    .p-index section.list{padding: 60px 0;}
    .p-index section.list{margin-bottom: 0}
    .p-index section.list .container{display: flex; align-items: flex-start}
    .p-index section.list .container h3, .p-index section.list .container .list-wrap{flex: 0 0 50%; padding-right: 70px}
    .p-index .list .list-wrap li:not(:last-child){margin-bottom: 32px}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.list .container .list-wrap{padding: 0 70px}
    .p-index section.list .container h3{padding-right: 250px}
  }
  @media only screen and (min-width: 767px){
    .p-index section.reviews .reviews-wrap{align-items: stretch; flex-wrap: wrap; flex-direction: unset}
    .p-index section.reviews .reviews-wrap{gap: 32px 20px;}
    .p-index section.reviews .reviews-wrap .review{width: calc(50% - 10px);}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.reviews .reviews-wrap .review{padding: 22px}
    .p-index section.reviews .reviews-wrap .review .review-text{max-width: 350px}
  }
  @media only screen and (min-width: 767px){
    .p-index section.benefits .benefits-slider{align-items: stretch; flex-wrap: wrap; flex-direction: unset}
    .p-index section.benefits:not(.three-inline) .benefits-slider{gap: 32px 20px}
    .p-index section.benefits:not(.three-inline) .benefits-slider .p-slide{width: calc(50% - 10px); margin: 0;}
    .p-index .benefits.three-inline .benefits-slider .p-slide{flex: 0 0 33.333%; margin: 0;}
    .p-index .benefits:not(:has(.benefits-slider-ident)) .benefits-slider{flex-direction: unset;}
  }
  @media only screen and (min-width: 1023px){
    .p-index .benefits .benefits-slider .content p{font-size: 18px; padding: 0 50px}
    .p-index .benefits .benefits-slider .content img{width: 100px; height: 100px;}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.benefits{padding: 60px 0}
  }
  @media only screen and (min-width: 767px){
    .p-index .advantages.cards-img .cards-row{align-items: stretch; flex-wrap: wrap; flex-direction: unset; gap: 32px 20px;}
    .p-index .advantages.cards-img .cards-row .card-img{width: calc(50% - 10px)}
  }
  @media only screen and (min-width: 1439px){
    .p-index section.advantages .cards-row .card-img .wrap-img img{width: 150px; height: 150px}
    .p-index section.advantages .cards-row .card-img .text h4{font-size: 24px}
    .p-index section.advantages .cards-row .card-img .text p{font-size: 18px}
  }
}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 767px){
    .p-angebot .hero .content-wrap{gap: 50px; padding: 0 0 40px 0}
    .p-angebot .hero .content-wrap h1{font-size: 55px}
    .p-angebot .hero .content-wrap p{margin-bottom: 10px}
    .p-angebot .hero .content-wrap .btns-wrap{flex-direction: row; gap: 32px}
    .p-angebot .hero .content-wrap .btns-wrap .orange-btn{max-width: 180px}
  }
  @media only screen and (min-width: 1023px){
    .p-angebot .hero .content-wrap{padding: 0 0 80px 0}
    .p-angebot .hero .content-wrap h1{padding: 0 110px}
    .p-angebot .hero .content-wrap p{padding: 0 146px}
  }
  @media only screen and (min-width: 1440px){
    .p-angebot .hero .content-wrap h1{font-size: 80px}
    .p-angebot .hero .content-wrap p{font-size: 20px}
  }
  @media only screen and (min-width: 767px){
    .p-angebot section.opportunities .top, .p-angebot section.opportunities .bottom{display: flex; align-items: center; justify-content: flex-start}
    .p-angebot section.opportunities .top h3, .p-angebot section.opportunities .top p{width: 50%}
    .p-angebot section.opportunities .top h3{padding-right: 100px}
    .p-angebot section.opportunities .top p{padding-right: 50px}
    .p-angebot section.opportunities .container{height: 100%}
    .p-angebot section.opportunities .opportunities-slider{display: flex; align-items: flex-start; gap: 25px; height: 100%; flex-direction: unset;}
    .p-angebot section.opportunities .opportunities-slider .p-slide{display: flex; flex-direction: column; flex: 1; min-height: 205px; height: 100%}
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 25px}
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 50px}
    .p-angebot section.opportunities .opportunities-slider .p-slide .bg-elem{flex: 1; height: 100%}
    .p-angebot section.opportunities .opportunities-slider .p-slide .bg-elem:before{transform: rotate(5deg)}
    .p-angebot section.opportunities .bottom h4{width: 75%; text-align: left; margin: 0}
    .p-angebot section.opportunities .bottom .orange-btn{width: 25%; max-width: 212px; margin-left: auto}
    .p-angebot section.opportunities.dark .opportunities-slider .p-slide:last-child{transform: translateY(-120px);}
    .p-angebot .opportunities.dark .opportunities-slider .p-slide:nth-child(2){transform: translateY(-60px);}
    .p-angebot section.opportunities .bottom .no-btn{width: 50%; margin-left: auto;}
  }
  @media only screen and (min-width: 1023px){
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 30px}
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 60px}
    .p-angebot section.opportunities .top, .p-angebot section.opportunities .opportunities-slider{margin-bottom: 60px}
    .p-angebot section.opportunities .top h3{margin-bottom: 0}
    .p-angebot section.opportunities .bottom h4{font-size: 32px}
  }
  @media only screen and (min-width: 1279px){
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 40px}
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:last-child{margin-top: 80px}
    .p-angebot section.opportunities.dark .opportunities-slider .p-slide:last-child{transform: translateY(-120px);}
    .p-angebot .opportunities.dark .opportunities-slider .p-slide:nth-child(2){transform: translateY(-60px);}
  }
  @media only screen and (min-width: 1439px){
    .p-angebot section.opportunities .top p{font-size: 20px; padding-right: 130px}
    .p-angebot section.opportunities:not(.dark) .opportunities-slider .p-slide:nth-child(2){margin-top: 40px}
    .p-angebot .opportunities:not(.dark) .p-slide .bg-elem img{width: 100px; height: 100px}
  }
  @media only screen and (min-width: 767px){
    .p-angebot .cta2 .row{gap: 15px}
    .p-angebot .cta2 .row h3{font-size: 32px; line-height: 120%; text-align: left; flex: 1}
    .p-angebot .cta2 .row .orange-btn{flex: 0 0 212px}
    .p-angebot .cta2 .content-wrap:has(.no-btn-text){align-items: center;}
  }
  @media only screen and (min-width: 1023px){
    .p-angebot .cta2 .row{justify-content: space-between}
    .p-angebot .cta2 .row h3{max-width: 645px}
    .p-angebot .cta2 .content-wrap{display: flex; align-items: flex-start; justify-content: flex-start; gap: 32px; padding: 0 0 80px 0}
    .p-angebot .cta2 .content-wrap .half{flex: 0 1 50%; margin: 0}
    .p-angebot .cta2 .content-wrap .orange-btn{font-size: 16px; padding: 16px 20px; max-width: 204px}
    .p-angebot .cta2 .content-wrap .half h3, .p-angebot .cta2 .content-wrap .half p{text-align: left}
    .p-angebot .cta2 .content-wrap .half p{font-size: 18px; margin-bottom: 32px}
  }
}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 767px){
    .p-team .team h1{font-size: 50px}
    .p-team .team .employees{flex-wrap: wrap; gap: 16px}
    .p-team .team .employees .employee{display: flex; flex-direction: column; flex: 0 1 calc(50% - 8px)}
  }
  @media only screen and (min-width: 1024px){
    .p-team .team .content-wrap{padding: 0 0 80px 0}
  }
  @media only screen and (min-width: 1280px){
    .p-team .team .content-wrap .employees{gap: 32px}
    .p-team .team .content-wrap .employees .employee{flex: 0 1 calc(33.3333% - 22px)}
    .p-team .team .content-wrap .employees .employee .text-wrap{padding: 18px 20px; gap: 16px}
  }
  @media only screen and (min-width: 1439px){
    .p-team .team h1{font-size: 80px; line-height: 110%; margin-bottom: 60px}
  }
  @media only screen and (min-width: 1024px){
    .p-team .info{padding-bottom: 64px}
    .p-team .info h3, .p-team section.partners h3{margin-bottom: 48px}
    .p-team .info .content-wrap.bg-or{display: flex; align-items: stretch; justify-content: space-between; gap: 50px; padding: 75px 32px}
    .p-team .info .content-wrap .half{max-width: 510px}
    .p-team .info .content-wrap .half h3{font-size: 32px; line-height: 120%; margin-bottom: 16px}
  }
  @media only screen and (min-width: 767px){
    .p-team section.partners h3{padding: 0}
    .p-team section.partners .partners-slider{flex-wrap: wrap; gap: 12px}
    .p-team section.partners .partners-slider .p-slide{width: calc(25% - 12px); margin: 0;}
  }
  @media only screen and (min-width: 1023px){
    .p-team section.partners, .p-team .content-wrap{padding: 30px}
    .p-team section.partners{padding: 80px 0 60px 0; max-width: 1320px; margin: auto}
    .p-team section.partners h3{margin-bottom: 40px}
    .p-team section.partners .partners-slider{gap: 24px}
    .p-team section.partners .partners-slider .p-slide{width: calc(25% - 24px)}
    .p-team section.partners.bg-bl h3, .p-team section.partners.bg-bl .partners-slider{max-width: 1320px; margin-left: auto; margin-right: auto;}
  }
}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 1023px){
    .p-faq .qa{padding: 0 0 160px 0}
    .p-faq .qa .title-qa{width: 100%; font-size: 60px; margin-bottom: 64px}
    .p-faq .qa .faqs-wrap{gap: 32px}
  }
  @media only screen and (min-width: 1280px){
    .p-faq .qa .title-qa{font-size: 80px}
  }
  @media only screen and (min-width: 767px){
    .p-faq section.register:not(.no-bg, .p-faq .last) .content-wrap:before{content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px}
    .p-faq section.register:not(.no-bg) .content-wrap{display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 1}
    .p-faq section.register:not(.no-bg) .content-wrap .half{width: 50%}
    .p-faq section.register:not(.no-bg) .content-wrap .half.left h3{text-align: left; font-size: 35px}
    .p-faq section.register:not(.no-bg) .content-wrap:before{height: calc(100% - 200px); top: 115px; transform: rotate(-6deg)}
    .p-faq section.register:not(.no-bg) .leadform:before{content: unset}
    .p-faq section.register .leadform{flex-wrap: wrap; flex-direction: unset}
    .p-faq section.register .leadform input[name=full_name]{margin-right: 8px}
    .p-faq section.register .leadform input[name=full_name], .p-faq section.register .leadform input[name=last_name]{width: calc(50% - 4px)}
    .p-faq section.register:not(.no-bg) .content-wrap .half.right.desk{display: flex}
    .p-faq section.register.no-bg .leadform{max-width: 610px; margin: auto}
    .p-faq section.register.last{margin-bottom: 40px}
    .p-faq section.register.last .content-wrap{align-items: flex-start; padding: 32px 24px}
    .p-faq section.register.last .content-wrap .half.left{order: 2}
    .p-faq section.register.last .content-wrap .half.left h3{display: none}
    .p-faq section.register.last .content-wrap .half.right{flex-direction: column; align-items: flex-start; justify-content: flex-start; order: 1}
    .p-faq section.register.last .content-wrap .half.right h3, .p-faq section.register.last .leadform .consent-text.desk{display: block; text-align: left}
    .p-faq section.register.last .leadform .consent-text.desk{color: #FFF; margin-bottom: 0}
    .p-faq section.register.last .leadform{padding: 0}
    .p-faq section.register.last .content-wrap .half.right img{max-width: 270px}
  }
  @media only screen and (min-width: 1023px){
    .p-faq section.register h3{margin: 0 0 0 30px; font-size: 45px}
    .p-faq section.register .leadform{padding: 100px 0 0 30px}
    .p-faq .register:not(.no-bg, .p-faq .last) .form-preloader-orange{top: 100px; left: 30px; width: calc(100% - 30px); height: calc(100% - 100px)}
    .p-faq section.register:not(.no-bg) .content-wrap:before{top: 145px}
    .p-faq .register .leadform.bg-elem .consent-text{font-size: 16px; line-height: 140%}
    .p-faq section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px; margin: 0}
    .p-faq .register.no-bg .content-wrap{padding: 60px 0 35px 0}
    .p-faq .register.no-bg .heading h3:not(.no-sub), .p-faq .register.no-bg .heading, .p-faq .register.no-bg .leadform .orange-btn{margin-bottom: 40px}
    .p-faq .register.no-bg .heading h3{max-width: 750px; width: 100%}
    .p-faq .register.no-bg .heading p{max-width: 780px; font-size: 20px}
    .p-faq section.register.last .content-wrap .half.right h3{margin: 0 auto 0 0; width: 65%}
  }
  @media only screen and (min-width: 1279px){
    .p-faq section.register:not(.no-bg) .content-wrap .half.left h3{margin: 0 0 0 30px}
  }
  @media only screen and (min-width: 1439px){
    .p-faq section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px}
    .p-faq section.register:not(.no-bg) .content-wrap:before{top: 100px; height: calc(100% - 100px)}
    .p-faq section.register:not(.no-bg, .p-faq .last){margin-bottom: 50px}
    .p-faq section.register:not(.no-bg) .content-wrap{padding: 32px}
    .p-faq section.register.last .content-wrap .half.right h3{font-size: 32px; width: 75%}
  }
}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 767px){
    .p-kontakt .contact .content-wrap .title-cont{padding: 0 60px}
  }
  @media only screen and (min-width: 1023px){
    .p-kontakt .contact{padding: 0 0 20px 0}
    .p-kontakt .contact .content-wrap .title-cont, .p-kontakt .contact .content-wrap.bg-or p a{font-size: 32px; line-height: 120%}
    .p-kontakt .contact .content-wrap .title-cont{padding: 0}
    .p-kontakt .contact .content-wrap.bg-or{padding: 32px 60px}
  }
  @media only screen and (min-width: 1360px){
    .p-kontakt .contact .content-wrap .title-cont{width: 100%; max-width: 850px}
  }
  @media only screen and (min-width: 767px){
    .p-kontakt section.register:not(.no-bg, .p-kontakt .last) .content-wrap:before{content: ""; position: absolute; display: block; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #393E46; border-radius: 16px}
    .p-kontakt section.register:not(.no-bg) .content-wrap{display: flex; align-items: center; justify-content: flex-start; position: relative; z-index: 1}
    .p-kontakt section.register:not(.no-bg) .content-wrap .half{width: 50%}
    .p-kontakt section.register:not(.no-bg) .content-wrap .half.left h3{text-align: left; font-size: 35px}
    .p-kontakt section.register:not(.no-bg) .content-wrap:before{height: calc(100% - 200px); top: 115px; transform: rotate(-6deg)}
    .p-kontakt section.register:not(.no-bg) .leadform:before{content: unset}
    .p-kontakt section.register .leadform{flex-wrap: wrap; flex-direction: unset}
    .p-kontakt section.register .leadform input[name=full_name]{margin-right: 8px}
    .p-kontakt section.register .leadform input[name=full_name], .p-kontakt section.register .leadform input[name=last_name]{width: calc(50% - 4px)}
    .p-kontakt section.register:not(.no-bg) .content-wrap .half.right.desk{display: flex}
    .p-kontakt section.register.no-bg .leadform{max-width: 610px; margin: auto}
    .p-kontakt section.register.last{margin-bottom: 40px}
    .p-kontakt section.register.last .content-wrap{align-items: flex-start; padding: 32px 24px}
    .p-kontakt section.register.last .content-wrap .half.left{order: 2}
    .p-kontakt section.register.last .content-wrap .half.left h3{display: none}
    .p-kontakt section.register.last .content-wrap .half.right{flex-direction: column; align-items: flex-start; justify-content: flex-start; order: 1}
    .p-kontakt section.register.last .content-wrap .half.right h3, .p-kontakt section.register.last .leadform .consent-text.desk{display: block; text-align: left}
    .p-kontakt section.register.last .leadform .consent-text.desk{color: #FFF; margin-bottom: 0}
    .p-kontakt section.register.last .leadform{padding: 0}
    .p-kontakt section.register.last .content-wrap .half.right img{max-width: 270px}
  }
  @media only screen and (min-width: 1023px){
    .p-kontakt section.register h3{margin: 0 0 0 30px; font-size: 45px}
    .p-kontakt section.register .leadform{padding: 100px 0 0 30px}
    .p-kontakt .register:not(.no-bg, .p-kontakt .last) .form-preloader-orange{top: 100px; left: 30px; width: calc(100% - 30px); height: calc(100% - 100px)}
    .p-kontakt section.register:not(.no-bg) .content-wrap:before{top: 145px}
    .p-kontakt .register .leadform.bg-elem .consent-text{font-size: 16px; line-height: 140%}
    .p-kontakt section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px; margin: 0}
    .p-kontakt .register.no-bg .content-wrap{padding: 60px 0 35px 0}
    .p-kontakt .register.no-bg .heading h3:not(.no-sub), .p-kontakt .register.no-bg .heading, .p-kontakt .register.no-bg .leadform .orange-btn{margin-bottom: 40px}
    .p-kontakt .register.no-bg .heading h3{max-width: 750px; width: 100%}
    .p-kontakt .register.no-bg .heading p{max-width: 780px; font-size: 20px}
    .p-kontakt section.register.last .content-wrap .half.right h3{margin: 0 auto 0 0; width: 65%}
  }
  @media only screen and (min-width: 1279px){
    .p-kontakt section.register:not(.no-bg) .content-wrap .half.left h3{margin: 0 0 0 30px}
  }
  @media only screen and (min-width: 1439px){
    .p-kontakt section.register:not(.no-bg) .content-wrap .half.left h3{font-size: 50px}
    .p-kontakt section.register:not(.no-bg) .content-wrap:before{top: 100px; height: calc(100% - 100px)}
    .p-kontakt section.register:not(.no-bg, .p-kontakt .last){margin-bottom: 50px}
    .p-kontakt section.register:not(.no-bg) .content-wrap{padding: 32px}
    .p-kontakt section.register.last .content-wrap .half.right h3{font-size: 32px; width: 75%}
  }
}
@media only screen and (min-width: 768px){
  @media only screen and (min-width: 767px){
    .p-anti-scam .hero .content-wrap{gap: 50px; padding: 0 0 40px 0}
    .p-anti-scam .hero .content-wrap h1{font-size: 55px}
    .p-anti-scam .hero .content-wrap p{margin-bottom: 10px}
    .p-anti-scam .hero .content-wrap .btns-wrap{flex-direction: row; gap: 32px}
    .p-anti-scam .hero .content-wrap .btns-wrap .orange-btn{max-width: 180px}
  }
  @media only screen and (min-width: 1023px){
    .p-anti-scam .hero .content-wrap{padding: 0 0 80px 0}
    .p-anti-scam .hero .content-wrap h1{padding: 0 110px}
    .p-anti-scam .hero .content-wrap p{padding: 0 146px}
  }
  @media only screen and (min-width: 1440px){
    .p-anti-scam .hero .content-wrap h1{font-size: 80px}
    .p-anti-scam .hero .content-wrap p{font-size: 20px}
  }
  @media only screen and (min-width: 767px){
    .p-anti-scam .contact .content-wrap .title-cont{padding: 0 60px}
  }
  @media only screen and (min-width: 1023px){
    .p-anti-scam .contact{padding: 0 0 20px 0}
    .p-anti-scam .contact .content-wrap .title-cont, .p-anti-scam .contact .content-wrap.bg-or p a{font-size: 32px; line-height: 120%}
    .p-anti-scam .contact .content-wrap .title-cont{padding: 0}
    .p-anti-scam .contact .content-wrap.bg-or{padding: 32px 60px}
  }
  @media only screen and (min-width: 1360px){
    .p-anti-scam .contact .content-wrap .title-cont{width: 100%; max-width: 850px}
  }
  @media only screen and (min-width: 1023px){
    .p-anti-scam .qa{padding: 0 0 160px 0}
    .p-anti-scam .qa .title-qa{width: 100%; font-size: 60px; margin-bottom: 64px}
    .p-anti-scam .qa .faqs-wrap{gap: 32px}
  }
  @media only screen and (min-width: 1280px){
    .p-anti-scam .qa .title-qa{font-size: 80px}
  }
}

.midpage {
  max-width: 46rem; margin: 0 auto; padding: 64px 20px 80px;
  text-align: center; font-family: inherit;
}
.midpage h1 { font-size: clamp(1.6rem, 4vw, 2.4rem); margin: 0 0 12px; }
.midpage .lede { font-size: 1.05rem; line-height: 1.6; opacity: .8; margin: 0 0 28px; }
.midpage__note { font-size: .875rem; opacity: .6; margin-top: 28px; }
.signup-ok__mark {
  width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 24px;
  display: grid; place-items: center; font-size: 34px; line-height: 1;
  background: rgba(25, 195, 125, .14); color: #19c37d;
}
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.midpage .btn, .btn--secondary {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 24px; border-radius: 10px; text-decoration: none;
  border: 1px solid currentColor; font-weight: 600;
}
.site-header .nav { display: flex; align-items: center; gap: 12px; padding: 18px 20px; }
.site-header .brand { display: inline-flex; align-items: center; gap: 10px;
  text-decoration: none; font-weight: 700; }
.brand__mark--text {
  width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center;
  border: 1px solid currentColor; font-size: .8rem; letter-spacing: .04em;
}


/* Стили блока s1-01-la-plateforme-quantunix.php. Уезжают со страницы вместе с ним. */
.bg{background-color: #393E46}

/* Стили блока s5-05-vous-avez-des.php. Уезжают со страницы вместе с ним. */
.email-link:before{content: "";
            background-image: url(/images/mail-icon.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 65px;
            height: 65px;
            display: flex;}
.email-link:before{content: "";
            background-image: url(/images/mail-icon.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            width: 65px;
            height: 65px;
            display: flex;}