@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300&display=swap');

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  /*text-rendering: optimizeSpeed;*/
  line-height: 1.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article>*+* {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

:root {
  --font-family: Rubik;
  --green: #00AA81;
  --pink: #CF69A2;
  --borderRadius: 130px;
}

html * {
  font-family: var(--font-family);
}

html {
  scroll-behavior: smooth; 
}
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #dfdfdf;
}

::-webkit-scrollbar-thumb {
  background-color: var(--green);
  border-radius: 5px;
}

.container {
  max-width: 1670px;
  width: 1670px;
  margin-left: auto;
  margin-right: auto;
}

.innerPaddings {
  padding-left: 125px;
  padding-right: 125px;
}

.whiteText {
  color: #fff
}

.pageTitle {
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
}

.greenBg {
  background-color: var(--green);
}

.pinkBg {
  background-color: var(--pink);
}

.button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 30px;
}
.topBar .flex{
  display: flex;
  gap: 20px;
  align-items: center;
}
.topBar .flex p{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
}
.topBar .flex a{
  color: #fff;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}
.topBar img{
  min-width: 360px;
}
.mobileBottomBar{
  display: none;
}
.shadowRightOnly {
  box-shadow: 20px 0 var(--pink);
}
.paginationWrap{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 38px;
}
.paginationEl{
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  color: var(--green);
  border-radius: 50%;
  border: 1px solid var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px 15px 20px;
  width: 52px;
  height: 52px;
  margin-right: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.paginationEl.active{
  color: #fff;
  background-color: var(--green);
}
.paginationEl:last-child{
  margin-right: 0;
}
.paginationPrev{
  display: flex;
  align-items: center;
  justify-content: center;
}

.topBar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 45px;
  padding-bottom: 25px;
}

.twoColumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.alignCenter {
  align-items: center;
}

.contactHeader {
  color: #fff;
  padding: 14px 0;
  text-align: center;
  min-width: 330px;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  cursor: pointer;
  transition:all 0.5s ease
}
.contactHeader:hover{
  color:var(--pink);
  border-color:var(--pink)
}
.phoneIcon {
  display: block;
  background-image: url('/wp-content/themes/Avistrade/assets/images/phoneIcon.svg');
  width: 25px;
  height: 34px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mainNavigation {
  display: flex;
  justify-content: center;
  gap: 11px;
}

.mainNavigation li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: 202px;
}

.mainNavigation li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}
.mainNavigation li a:hover{
  color: #8a2e61;
}
.firstScreen {
  padding-top: 77px;
  padding-bottom: 130px;
  border-radius: 0 0 var(--borderRadius) var(--borderRadius);
}

.firstScreen>.twoColumns {
  gap: 20px;
}

.firstScreen .firstScreenList {
  margin-top: 77px;
}

.firstScreenList li {
  font-size: 31px;
  font-weight: 300;
  list-style: '•';
  padding-left: 10px;
}

.firstScreen>.twoColumns>.right {
  border-radius: 30px;
  border: 3px solid #FFF;
  background: #00AA81;
  box-shadow: 20px 20px 0px 0px #FFF;
  padding: 38px 0 32px 32px;
  min-height: 618px;
}

.firstScreen .right input[type="text"],
.firstScreen .right input[type="tel"],
.menuForm input[type="text"],
.menuForm input[type="tel"],
.consultationForm input[type="text"],
.consultationForm input[type="tel"],
.questionsForm input[type="text"],
.questionsForm input[type="tel"],
.orderFormWrap input[type="text"],
.orderFormWrap input[type="tel"],
dialog input[type="text"],
dialog input[type="tel"],
.firstScreen .right input[type="string"],
.firstScreen .right input[type="tel"],
.orderFormWrap input[type="string"],
.orderFormWrap input[type="tel"],
.menuFormWrap input[type="string"],
.menuFormWrap input[type="tel"],
.formAndguarantees input[type="string"],
.formAndguarantees input[type="tel"],
#leave_question input[type="string"],
#leave_question input[type="tel"],
dialog.callBack input[type="string"],
dialog.callBack input[type="tel"]{
  font-size: 20px;
  color: #5F5F5F;
  border: unset;
  border-radius: 30px;
  text-align: center;
  width: calc(100% - 30px);
  height: 64px;
  display: block;
  background-color: #fff;
  font-family: var(--font-family);
  padding-right: 0;
}
main .b24-form .b24-form-sign-abuse-help,dialog .b24-form .b24-form-sign-abuse-help{
  display: none;
}
main .b24-form-padding-side{
  padding: 0;
}
main .b24-form-control-label, dialog.callBack .b24-form-control-label{
  font-size: 20px;
  color: #000;
  text-align: center;
  display: block;
  padding-right: 11px!important;
}
dialog.callBack .b24-form-control-label{
  width: calc(100% - 30px);
}
.menuFormWrap .b24-form-control-alert.b24-form-control-string .b24-form-control, .formAndguarantees .b24-form-control-alert.b24-form-control-string .b24-form-control{
  background-color: #fff;
}
main .b24-form-wrapper, dialog.callBack .b24-form-wrapper{
  background-color: transparent;
}
main .orderFormWrap .b24-form-btn{
  width: 100%;
}
.firstScreen .right input[type="submit"],
.productOrderButton,
.menuForm input[type="submit"],
.consultationForm input[type="submit"],
.questionsForm input[type="submit"],
.orderFormWrap input[type="submit"],
dialog input[type="submit"],
main .b24-form-btn,dialog.callBack .b24-form-btn{
  background-color: var(--pink);
  border: unset;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  height: 64px;
  width: calc(100% - 30px);
  cursor: pointer;
  transition: all 0.5s ease;
  font-family: var(--font-family);
}
.firstScreen .right input[type="submit"]:hover,
.productOrderButton:hover,
.menuForm input[type="submit"]:hover,
.consultationForm input[type="submit"]:hover,
.questionsForm input[type="submit"]:hover,
.orderFormWrap input[type="submit"]:hover,
dialog input[type="submit"]:hover,
main .b24-form-btn:hover{
  background-color: #8a2e61;
}
.priceListFormHeading {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}

.priceListFormWrap {
  margin-bottom: 30px;
}

.priceListFormWrap .right img {
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}

#advantages {
  padding-top: 203px;
  padding-bottom: 203px;
  margin-top: -120px;
  margin-bottom: -150px;
  border-radius: var(--borderRadius);
  position: relative;
  z-index: -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#advantages picture{
  flex-shrink: 0;
}
.advantagesWrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  column-gap: 188px;
  row-gap: 70px;
  width: 100%;
}

.advantageText {
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.advantageImage {
  margin: auto;
  margin-bottom: 10px;
}

#catalog {
  background-color: #fff;
  border: 3px solid var(--green);
  border-radius: var(--borderRadius);
  position: relative;
  z-index: 50;
  padding-bottom: 38px;
}
.catalogHeadingWrap{
  display: flex;
  align-items: center;
}
.catalogHeadingWrap>a{
  margin-left: auto;
  display: block;
  text-decoration: none;
  color: #8a2e61;
}
.catalogHeading,
.sectionHeading {
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  text-align: center;
  margin-top: 56px;
  margin-bottom: 50px;
}

.tabsSwitchWrap {
  display: flex;
  margin-bottom: 50px;
  border: 3px solid var(--green);
  border-radius: 30px;
  overflow: hidden;
}

.tabSwitch {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--green);
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  min-width: 202px;
  height: 64px;
  border-right: 1px solid var(--green);
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.tabSwitch.active {
  background-color: var(--pink);
  color: #fff;
}

.tabSwitch:last-child {
  border-right: unset;
}
.tabsContentWrap{
  position: relative;
}
.tabContent{
  display: none;
}
.tabContent.active{
  display: block;
}
.mobileSelectIcon{
  display: none;
}
.productsWrap {
  display: none;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  gap: 20px;
  margin-bottom: 20px;
  /*position: absolute;
  left: -300vw;*/
  transition: all 0.3s ease;
  width: 100%;  
}
.productsWrap.active{
 /* position: relative;
  left: 0;*/
  display: grid;
}
.productsWrap:last-child{
  margin-bottom: 0;
}
.productWrap {
  display: flex;
  flex-direction: column;
  padding: 32px 0px 64px 32px;
  border-radius: 30px;
  border: 3px solid #00AA81;
  position: relative;
  overflow: hidden;
}
.productWrap .flexWrap{
  display: flex;
  flex-direction: column;
}
.productImage {
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}

.productTitle {
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 20px;
  min-height: 94px;
  margin-bottom: 9px;
  padding-right: 32px;
}
.productChar{
  margin-top: auto;
}
.productChar ul{
  list-style: none;
}
.productChar li {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 20px;
}

.productChar li:last-child {
  margin-bottom: 0;
}

.productOrderButton {
  max-width: 340px;
  margin: auto;
  margin-top: 50px;
  transition: all 0.5s ease;
}
.productOrderButton:hover{
  background-color: #8a2e61; 
}
.productsNotFound{
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.orderFormWrap{
  background-color: #fff;
  border-radius: 30px;
  height: max-content;
  padding: 32px;
}
.orderFormWrap.orderFormWrap .hiddenInput{
  display: none;  
}
.orderFormWrap input[type="text"],
.orderFormWrap input[type="tel"],
.orderFormWrap input[type="string"],
#leave_question input[type="string"],
#leave_question input[type="tel"]
{
  border: 1px solid #BFBFBF;
  width: 100%;
}
main .b24-form-control-string .b24-form-control:focus,main #leave_question .b24-form-control-string .b24-form-control:focus{
  border-color: var(--pink);
}
.orderFormWrap input[type="submit"]{
  width: 100%;
}
.underlayerWrap{
  position: absolute;
  flex-direction: column;
  display: none;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(360deg, #00AA81 25.58%, rgba(0, 170, 129, 0.00) 100%);
  background-color: var(--green);
  padding: 49px 32px 35px 32px;    
}
.underlayerWrap.active{
  display: flex;
}
.image{ /*filter: blur(50px) brightness(0);*/}
.underlayerWrap .productChar{
  margin-top: 20px;
  margin-bottom: auto;
}
.underlayerWrap .productTitle,.underlayerWrap .productChar li{
  color: #fff;
  min-height: unset;
}
.underlayerWrap .wpcf7 form.invalid .wpcf7-response-output{
  margin-top: 0;
}
.pinkGradient {
  background: linear-gradient(360deg, #FFD0EA -17.99%, #CF69A2 40.69%);

}

.formAndAdvWrap {
  border-radius: var(--borderRadius);
  margin-top: -127px;
  padding-top: 207px;
  padding-bottom: 109px;
  position: relative;
  z-index: 10;
}

.menuWrapHeading {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}

.menuWrapSubtext {
  max-width: 1074px;
  margin: auto;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align: center;
  color: #fff;
}

.menuFormWrap {
  border-radius: 30px;
  border: 3px solid #FFF;
  background-color: var(--green);
  padding: 72px 0 30px 30px;
  box-shadow: 20px 20px 0px 0px #FFF;
  max-width: 1420px;
  margin: 80px auto;
}

.menuFormWrap .topPart {
  display: flex;
  gap: 25px;
  align-items: center;
  margin-bottom: 32px;
}

.menuFormHeading {
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
}

.picturesWrap {
  flex-shrink: 0;
}

.picturesWrap img {
  margin-bottom: 28px;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
  background-color: #fff;
}

.picturesWrap img:last-child {
  margin-bottom: 0;
}

.menuForm p,.consultationForm p,.questionsForm p{
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding-right: 32px;
}
.menuFormWrap form>div:first-child,.menuFormWrap .b24-form-wrapper form,.formAndguarantees form,.formAndguarantees form>div:first-child,#leave_question form,#leave_question form>div:first-child{
  display: flex;
  align-items: flex-start;
}
#leave_question form{
  justify-content: center;
}
.menuFormWrap form>div:first-child,.formAndguarantees form>div:first-child,#leave_question form>div:first-child{
  gap: 20px;
}
.menuFormWrap .b24-form-btn-block,.formAndguarantees .b24-form-btn-block,#leave_question .b24-form-btn-block{
  padding: 0;
  margin-left: 20px;
}
.menuForm input[type="submit"],.consultationForm input[type="submit"],.questionsForm input[type="submit"],.menuFormWrap.menuFormWrap button,.formAndguarantees button {
  border: 3px solid #FFF;
}

.menuForm.menuForm input,.consultationForm.consultationForm input,.questionsForm.questionsForm input,.menuFormWrap.menuFormWrap input,.menuFormWrap.menuFormWrap button,.formAndguarantees.formAndguarantees button,.formAndguarantees.formAndguarantees input,#leave_question button,#leave_question#leave_question input{
  width: 438px;
}
.menuFormWrap .b24-form-wrapper,.formAndguarantees .b24-form-wrapper,#leave_question .b24-form-wrapper{
  min-height: unset;
  max-width: unset;
}
.menuForm .wpcf7-spinner,.consultationForm.consultationForm .wpcf7-spinner,.questionsForm .wpcf7-spinner{
  display: none;
}

#your_advantages {
  color: #FFF;
  text-align: center;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
  max-width: 990px;
  margin: 80px auto 65px auto;
}

.yourAdvantagesList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

.yourAdvantage {
  display: flex;
  gap: 32px;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  position: relative;
}

.yourAdvantage:last-child {
  margin-bottom: 0;
}

.advantageNumber {
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 128px;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pink);
  height: 97px;
  width: 145px;
  flex-shrink: 0;
  position: relative;
}

.advantageNumber.greenBg {
  background-color: var(--green);
  color: #fff;
}

.advantageNumber::after {
  content: '';
  display: block;
  border-left: 2px dashed #fff;
  width: 2px;
  height: 50px;
  z-index: -1;
  position: absolute;
  bottom: -41px;
}

.yourAdvantage:last-child .advantageNumber:after {
  content: unset;
}

.yourAdvantage .advantageText {
  font-weight: 400;
  line-height: normal;
  text-align: left;
}

.leftFish,
.rightFish {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  z-index: -1;
}

.rightFish {
  right: 0;
}

.clientsTwoColumns {
  display: grid;
  grid-template-columns: 465px 1fr;
  gap: 15px;
}

.clientSmall {
  padding: 32px 0 0 32px;
  background-color: #fff;
  border-radius: 30px;
  border: 3px solid #00AA81;
  box-shadow: 20px 20px var(--pink);
  margin-bottom: 26px;
  max-height: 339px;
}

.clientSmall:last-child {
  margin-bottom: 0;
}

.clientImage {
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}

.clientTitle {
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  align-items: center;
  height: 102px;
}

.clientBig {
  padding: 32px 0 0 62px;
  background-color: #fff;
  border-radius: 30px;
  border: 3px solid #00AA81;
  box-shadow: 20px 20px var(--pink);
}

.clientBig .clientImage {
  min-height: 929px;
}

.clientsSlider {
  margin-top: 76px;
  margin-bottom: 52px;
}

.formAndguarantees {
  margin-top: 250px;
  border-radius: var(--borderRadius);
  box-shadow: 20px 20px 0px 0px #CF69A2;
  padding-bottom: 106px;
}

.consultationFormWrap {
  position: relative;
  top: -195px;
  border: 3px solid #FFF;
  border-radius: 30px;
  box-shadow: 20px 20px #fff;
  padding: 34px 0 32px 29px;
}

.twoColumnsConsultation {
  display: flex;
  align-items: center;
  gap: 58px;  
  margin-bottom: 32px;
}

.consultationFormTitle {
  color: #FFF;
  font-size: 64px;
  font-weight: 700;
  line-height: 100%;
}

.guaranteesWrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: -119px;
  row-gap: 75px;
  column-gap: 20px;
  scroll-margin-top: 195px;
}

.guarantee {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 21px;
  row-gap: 15px;
}

.guarantee>img {
  grid-row: 1/span 2;
  align-self: center;
}

.guaranteeTitle {
  color: #FFF;
  font-size: 48px;
  font-weight: 700;
  line-height: normal;
}

.guaranteeText {
  color: #FFF;
  font-size: 36px;
  font-weight: 300;
  line-height: normal;
}

.wrapForArrows {
  position: relative;
}

.sertificatesSlider .swiper-slide {
  border-radius: 30px;
  border: 3px solid #00AA81;
  overflow: hidden;
}
.sertificatesSlider .swiper-slide img{
  width: 100%;
}
#sertificates .sertificatesSliderNext::after,
#sertificates .sertificatesSliderPrev::after,
#reviews .reviewsSliderNext::after,
#reviews .reviewsSliderPrev::after,
dialog .reviewsSliderPoupNext::after,
dialog .reviewsSliderPoupPrev::after {
  content: unset;
}

#sertificates .sertificatesSliderNext,
#reviews .reviewsSliderNext,
dialog .reviewsSliderPoupNext {
  display: block;
  width: 64px;
  height: 64px;
  background-image: url('/wp-content/themes/Avistrade/assets/images/nextButton.svg');
  background-repeat: no-repeat;
  right: -92px;

}
dialog .reviewsSliderPoupNext {
  right: -61px;
}
#sertificates .sertificatesSliderPrev,
#reviews .reviewsSliderPrev,
dialog .reviewsSliderPoupPrev {
  display: block;
  width: 64px;
  height: 64px;
  background-image: url('/wp-content/themes/Avistrade/assets/images/prevButton.svg');
  background-repeat: no-repeat;
  left: -92px;
}
dialog .reviewsSliderPoupPrev {  
  left: -61px;
}
#reviews {
  border-radius: var(--borderRadius);
  padding: 120px 158px 125px 158px;
  /*margin-top: -125px;*/
}

.reviewsHeading {
  color: #FFF;
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  max-width: 955px;
  margin: 50px auto;
}

.reviewsSlider .swiper-slide,.reviewsSliderPoup .swiper-slide {
  background-color: #fff;
  padding: 21px 0 0 32px;
  border-radius: 30px;
  border: 3px solid #00AA81;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  position: relative;
  max-height: 640px;
  overflow: hidden;
}
.reviewsSliderPoup .swiper-slide {
  max-height: unset;
  padding: 21px 0 21px 32px;
}
.reviewTitle {
  font-size: 40px;
  font-weight: 500;
  line-height: 64px;
}

.reviewsSlider .swiper-slide img,.reviewsSliderPoup .swiper-slide img {
  margin: 15px 0 15px auto;
  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
}

.rewievText {
  padding-right: 32px;
}

.overlay {
  height: 131px;
  background: linear-gradient(360deg, #FFF 67%, rgba(255, 255, 255, 0.00) 99.81%);
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  left: 0;
}
.overlay::after{
  content: '>';
  display: flex;
  rotate: 90deg;
  width: max-content;
  position: relative;
  left: 50%;
  translate: -50% 0;
  font-size: 30px;
  cursor: pointer;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.faqWrap{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 32px 20px ;
}
.faqAnswer>p,
.faqAnswer>div {
  overflow: hidden;
}

.faqQuestionSwitch {
  display: none;
}



.faqQuestion {
  padding: 20px 36px 20px 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: var(--green);  
  border-radius: 30px;
  justify-content: space-between;
  box-shadow: 20px 20px var(--pink);
  transition: all 0.3s ease;
}
.faqOpenSign{
  color: var(--green);
  background-color: #fff;
  border-radius: 50%;
  display: block;
  width: 32px;
  text-align: center;
  font-size: 27px;
  line-height: normal;  
}
.faqQuestion label {
  cursor: pointer;
  font-size: 20px;
  color: #fff;  
}
.textContent{
  width: 100%;
}
.faqAnswer {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
}
.questionWrap{
  transition: all 0.3s ease-in-out;
  border-radius: 30px;
}
.faqQuestionSwitch:checked+.questionWrap{
  border: 3px solid #00AA81;
  overflow: hidden;
  box-shadow:20px 20px var(--pink)
}
.faqQuestionSwitch:checked+.questionWrap .faqQuestion+.faqAnswer {
  grid-template-rows: 1fr;
  padding: 32px 28px 32px 32px;
}
.faqQuestionSwitch:checked+.questionWrap .faqQuestion{
  background-color: var(--pink);
  border-radius: 25px 25px 0 0;
} 

#leave_question{
  margin-top: 195px; 
  position: relative; 
}
.questionsFormWrap{
  border-radius: var(--borderRadius);
  border: 3px solid #00AA81;  
  background: #FFF;  
  padding: 34px 0 62px 123px;
  box-shadow: 20px 20px var(--pink);
  overflow: hidden; 
}
.twoColumnsLeaveQuestion{
  display: flex;
  align-items: center;  
  gap: 48px;
  margin-bottom: 32px;    
}
#leave_question .twoColumnsLeaveQuestion .questionsFormHeading{
  font-size: 48px;
  font-weight: 700;
  line-height: 64px;
  margin-bottom: 38px;
}

#leave_question .twoColumnsLeaveQuestion .questionsFormText{
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
}
.picturesWrap{
  position: relative;
}
#leave_question .twoColumnsLeaveQuestion .withBg{
  background-color: var(--green);
}
#leave_question .positionedImage{
  position: absolute;
  top: -92px;
  background-color: unset;
  border-radius: unset;
  left: 48.8%;
}
.questionsForm input[type="text"],
.questionsForm input[type="tel"]{
  border: 1px solid #BFBFBF;
}
.footerInnerWrap{
  display: flex;
  justify-content: space-between;
  margin-top: 67px;  
  padding-bottom: 33px;  
}
.footerInnerWrap .leftColumn{
  display: grid;
}
.footerLinks{
  text-decoration: none;
  color:#000;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  text-align: center;
}
.footerLinks:nth-child(2){
  margin-bottom: 16px;
}
.footerCallback{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 340px;  
  border-radius: 30px;
  border: 1px solid var(--green);
  color: var(--green);
  padding: 15px 0;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
  cursor: pointer;
  max-height: 66px;
}
.footerCallback:hover{
  filter: brightness(0.7);
}
.footerCallback .phoneIcon{
  background-image: url('/wp-content/themes/Avistrade/assets/images/phoneIconFooter.svg');
}
.footerInnerWrap .rightColumn{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footerInnerWrap .rightColumn .flex{
  display: flex;
  align-items: center;
  gap: 15px;
}
.footerInnerWrap .rightColumn .flex img{
  width: 45px;
}
.footerSocialText{
  color: var(--green);
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}
.footerInnerWrap .rightColumn>img{
  margin-top: auto;
  margin-bottom: 15px;
  min-width: 280px;
}
.urAdres{
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
}
.urAdres .copyRight{
  font-size: 24px;
  margin-top: 30px;
}
#upButton{
  position: fixed;
  bottom: 40px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: var(--green);
  border-radius: 50%;
  box-shadow: 5px 5px var(--pink);
  display: none;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-lr;
  color: #fff;
  font-size: 30px;
  z-index: 100;
  cursor:pointer;
  text-decoration: none;
}
#upButton.active{
  display: flex;
}
dialog {
  z-index: 10;
  background: var(--green);
  border: 3px solid #fff;
  box-shadow: 20px 20px #fff;
  border-radius: 30px;
  width: 41vw;
  padding: 32px 0 32px 32px;
}
dialog.reviewsPoup{
  width: 95vw;
  overflow: hidden;  
  padding: 64px;
}
dialog::backdrop {
  background-color: #cf68a279;
}
.menuIcon{
  display: none;
}
.close{
  font-size: 30px;
  line-height: 24px;
  color: var(--pink);
  position: absolute;
  right: 2%;
  top: 2%;
  cursor: pointer;
  z-index: 70;
  padding: 4px;
  background-color: var(--green);
  text-shadow: 0 0 1px black;
  border-radius: 8px;    
}


.errorWrap{
  box-shadow: 20px 20px var(--pink);
  border-radius: 0  0 130px 130px;
  margin-top: -20px;
  display: grid;
  padding-top: 95px;
}
.errorWrap img{
  width: 70%;
  margin: 0 auto; 
}
.errorTitle,.errorTitle a{
  text-align: center;
  margin: 60px 0;
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  text-decoration: none;
}
.policyLink{
  text-decoration: none;
  color: #8a2e61;
}
.cookie-notice-container a{
  color:var(--pink);
}

.productWrap .b24-form-wrapper.b24-form-border-bottom{
  border-bottom:unset;
}