/*mobile vesion*/
@media screen and (max-width:1080px) {
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

a{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
label{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
li{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.body-container{background-color:white;}
/*выпадающий список языков start*/
.header-top-line-therd{width:40%;display:flex;align-items:center;}
.language-selector{display: flex;justify-content: end;align-items: center;gap:4vw;}
1.current-language-button{background-color:transparent;color:#8442A4;padding:10px 15px;border:none;border-radius:5px;font-size:20px;cursor:pointer;min-width: 80px;text-align: center;display: flex;justify-content: center;align-items: center;}
!.current-language-button::after {font-family:"Plus Jakarta Sans", sans-serif;font-weight:600;content: '\2228';margin-left: 8px;font-size:20px;line-height: 1;}
!.language-options{list-style: none;padding: 0;margin: 0;position: absolute;!top: 100%;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 105%;z-index:100;display: none;}
!.language-options{list-style: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 100%;z-index: 10;display: none;}
!.language-options li{padding: 15px 0;cursor: pointer;text-align: center;transition: background-color 0.2s ease;width: 100%;}
!.language-options li:hover {background-color: #f0f0f0;}
!.language-selector.active .language-options {display: block;}

.images-container{width:94%;margin:auto;}
.images-container-block-one{margin-top:3vw;}
.images-container-block-one img{display:block;width:100%;}
.images-container-block-two{margin-top:3vw;}
.images-container-block-two img{display:block;width:100%;}
.images-container-block-three{margin-top:3vw;}
.images-container-block-three img{display:block;width:100%;}


/*lang selector start*/
.land-pc {display: flex;gap: .65vw;align-items: center;}
.flag-icon {width:2.1vw;height: auto;transition: transform 0.3s ease-in-out;cursor: pointer;opacity: 0.7;display: block;}
.flag-icon:hover {filter: grayscale(0%);opacity: 1;}
.flag-icon.active {transform: scale(1.2);filter: grayscale(0%);opacity: 1;border: 2px solid #752EE5;}
.no-active{box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);}

.language-options{list-style: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 100%;z-index: 10;display: none;}

.language-selector a{display:block;width:20%;}
.language-selector a img{display:block;width:100%;}

.current-language-button{background-color:transparent;color:#8442A4;padding:10px 15px;border:none;border-radius:5px;font-size:20px;cursor:pointer;min-width: 80px;text-align: center;display: flex;justify-content: center;align-items: center;}
.current-language-button::after {font-family:"Plus Jakarta Sans", sans-serif;font-weight:600;content: '\2228';margin-left: 8px;font-size:20px;line-height: 1;}
!.language-options{list-style: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 100%;z-index: 10;display: none;}
.language-options li{padding: 10px 15px;cursor: pointer;text-align: center;transition: background-color 0.2s ease;}
!.language-options li:hover {background-color: #f0f0f0;}
!.language-selector.active .language-options {display: block;}

/*выпадающий список языков end*/
/*slider start*/
.slider-container {position: relative;margin:10vw auto;overflow: hidden;}
.slider-wrapper{display:flex;transition: transform 0.5s ease-in-out;flex-wrap: wrap;justify-content: center;gap:10vw;}
!.slider-item {min-width:20%; box-sizing: border-box;padding: 30px;text-align: center;}


!.slider-prev,
.slider-next{position: absolute;top: 50%;transform: translateY(-50%);color: #8442A4;border: none;cursor: pointer;font-size: 24px;z-index: 10;border-radius: 5px;background: none;}
!.slider-prev{left:0;}
!.slider-next{right:0;}
/* Для max-width: 1024px, 2 картинки */
.slider-item {width:35%;}
.slider-item img{display:block;width:100%;}
.slider-item:nth-child(5n){display:none;}
/*slider end*/
/*violet container*/
.question-container-alt{margin-top:10vw;}
.violet-container{border:2px solid #8442A4;background-color:#F5F1FF;border-radius:16px;padding-bottom: 5vw;}
.violet-container-title{color:#784996;font-family: "Open Sans", serif;font-weight:600;font-size:5vw;text-align: center;margin-top: 3vw;padding: 3vw 3vw 0 3vw;}
/*yellow-container*/
.yellow-container{border:2px solid #FEB917;background-color:#FFF8E8;border-radius:16px;margin-top:5vw;padding-bottom: 5vw;}
/*blue-container*/
.blue-container{border:2px solid #02B7C7;background-color:#E6F8F9;border-radius:16px;margin-top:5vw;padding-bottom: 5vw;}
/*green-container*/
.green-container{border:2px solid #14AE5C;background-color:#E8F6ED;border-radius:16px;margin-top:5vw;padding-bottom: 5vw;}

.header-top-line-fix{width:96%;margin:auto;height:15vw;margin-top:1vw;}
.header-top-line-fix{display:flex;}
.header-top-line-fix li{display:inline-block;vertical-align:top;!margin-top:36px;}
.header-top-line-first{width:30%;}
.header-top-line-first li{margin-left:40px;}
.header-top-line-first li:first-child{margin-left:0px;}
.header-top-line-first a{text-decoration:none;font-family:Neucha-Regular;font-size:24px;color:black;}
.header-top-line-first a:hover{color:#9DC588;transition:0.4s;}
.header-top-line-second{width:60%;height:15vw;display:flex;margin:auto;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:100%;margin-top:6%;}
.question-container{width:100%;margin-top:10vw;padding-bottom: 5vw;}
.header-top-line-third{width:30%;display:flex;}
.header-top-line-third a{text-decoration:none;font-family: 'Roboto', sans-serif;font-size:1.2vw;color:black;font-weight:300;}
.header-top-line-third a:hover{color:#007FA8;transition:0.4s;}
.header-top-line-third li{margin-left:4vw;}
.header-top-line-third img{display:block;width:5vw;margin-top:5.5vw;}
.header-top-line-third-one{margin-left:5vw;}
.header-top-line-third-one:first-child{margin-left:1vw;}
.header-top-line-four{display:none;}
.header-top-line-four-text{display:none;}
.hamburger-menu{position:absolute;right:0;}
.title-question-text{!font-family: "Open Sans", serif;font-family: "Plus Jakarta Sans", sans-serif;font-weight: 500;padding-left:1vw;padding-right:2vw;}
.title-question-text span{color:#7251A1;font-weight:600;padding-left:3vw;}
.question-container-title{display:flex;padding-left: 3vw;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;}
/*body*/
.quiz-form-p-one{margin:auto;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.2vw;width:90%;margin-bottom:5vw;margin-top:3vw;}
.body-container{width:98%;margin:auto;padding-bottom:10vw;}
.body-title{color:#784996;font-weight:700;font-size:8vw;text-align:center;font-family:"Open Sans", serif;}
.body-title:first-child{margin-top:15vw;}
!.body-title-sub{color:#ABA9B0;font-family: "Open Sans", serif;font-weight:500;font-size:6vw;text-align:center;margin-top:3vw;}
.body-title-sub{display:none;}
.body-form{width:96%;margin:auto;margin-top:15vw;}
.quiz-form-blocks-input{font-family:'Overpass',sans-serif;font-weight:400;font-size:4.5vw;outline-color:#7251A1; border:1px solid transparent;border-color:rgba(99, 99, 99, 0.23);!opacity:0.6 !important;box-sizing:border-box;padding:4vw 4vw;width:94%;margin:auto;margin-top:3vw;background-color:white;display:block;border-radius:16px;}
.quiz-form-blocks-input-alt{display:block;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.5vw;margin-bottom:6vw;outline:none;padding-bottom:0.2vw;}
.quiz-form-blocks-input-alt{display:block;margin:auto;opacity: 0.6;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;margin-bottom:6vw;outline:none;}
.quiz-form-blocks-input:first-child{margin-top:5vw;}
.quiz-form-question-title{margin:auto;padding-top:8vw;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.quiz-form-question-notation{margin:auto;font-family:'Overpass',sans-serif;font-weight:200;font-size:3.5vw;margin-bottom:4vw;margin-top:2vw;width: 93%;color: #969696;}
.quiz-form-chepter-title{margin:auto;padding-top:8vw;color:black;font-family:'Overpass',sans-serif;font-weight:300;font-size:5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.quiz-form-block{margin:auto;width:90%;display:flex;justify-content:flex-start;margin-bottom:6vw;gap:20vw;}
.quiz-form-block-alt{padding-bottom:3vw;}
.standart{width:25%;}
.standart input{padding:4vw 4vw;width:5%;}
.qzbalt input{width:5%;}
.quiz-form-question-text-alt{color:#7E7A85;font-weight:400;font-family:"Open Sans", serif;font-size:4.5vw;padding:0 0 0 4vw;opacity:0.6;width:85%;}
.quiz-form-blocks{display:flex;border:1px solid rgba(99, 99, 99, 0.23);width:94%;box-sizing:border-box;padding:4vw;margin:auto;margin-top:2vw;background-color: white;border-radius: 16px;}
.quiz-form-round:checked{border: 6px solid black;}
#baseimg-upload{margin:auto;width:90%;}
.file-up-button{width:17vw;height:7vw;}
.quiz-information-block{margin:auto;width:90%;margin-bottom:20vw;margin-top:20vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:4vw;text-align:justify;margin-bottom:5vw;}
.button-send{font-weight:600;font-family: "Open Sans", serif;font-size:5vw;display:block;width:50%;margin:auto;padding:3vw;border:none;margin-bottom:6vw;background-color:#5C2F80;color:white;cursor:pointer;}
.quiz-alt-002{width:94%;border-bottom:1px solid gray;}
.quiz-alt-001{width:94%;border:none;border-radius:2vw;padding:4vw;margin-top:5vw;font-size:4.5vw;box-sizing:border-box;}
.phone-notes{margin: auto;font-family: 'Overpass',sans-serif;font-weight: 200;font-size: 3.5vw;margin-bottom: 4vw;margin-top: 2vw;}
/*footer*/
#full-div-footer{width:96%;margin:auto;margin-top:5vw;}
.container-footer-block-one-title{font-family:'Poppins', sans-serif;font-size:5vw;padding-top:1vw;color:#5C2F80;text-align:center;}
.container-footer-block-one{height:40vw;}
.container-footer-block-one-img-block img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social{display:flex;justify-content:space-between;width:60%;margin:auto;margin-top:5vw;}
.container-footer-block-one-social-instagram{width:50%;}
.container-footer-block-one-social-instagram img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social-facebook{width:50%;}
.container-footer-block-one-social-facebook img{display:block;width:20%;margin:auto;}
.container-footer-block-three ul{margin-top:9vw;}
.container-footer-block-three li{margin-top:5vw;}
.container-footer-block-three li a{font-family:'Roboto',sans-serif;font-weight:300;font-size:20px;text-decoration:none;color:#7E7A85;text-align:center;display:block;}
.container-footer-block-three li a:hover{color:#E01269;transition:0.4s;}
.development{width:200px;margin:auto;margin-top:5vw;}
.development a{text-align:center;font-family:sans-serif;font-size:15px;color:#f4f6f6;text-decoration:none;display:block;}
.development a:hover{color:#007FA8;transition:0.2s;}
.development p{text-align:center;font-family: 'Roboto',sans-serif;font-size:20px;color:black;margin-top:20px;padding-bottom:2vw;}
/*radio button smie*/
.radio-group{display:flex;gap:3vw;margin-top:4vw;justify-content:space-around;flex-wrap:wrap;}
.radio-input{display:none;}
.radio-label{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;!opacity:0.5;background-color:white;border-radius:16px;}
!.radio-input:checked + .radio-label{opacity:1;}
.radio-input:checked + .radio-label img{opacity:1;}
.radio-label img{width:9vw;height:9vw;object-fit:cover;display:block;padding: 4vw 15vw;opacity: .6;}
.water-title{text-align:center;padding-bottom:1vw;font-family: "Open Sans", serif;font-size:3vw;}
.radio-input-castom{display:none;}
.radio-label-castom{cursor:pointer;overflow:hidden;transition:border 0.3s;background-color:white;border-radius:16px;}
.radio-input-castom:checked + .radio-label-castom img{opacity:1;}
.radio-label-castom img{width:18vw;height:14vw;object-fit:cover;display:block;margin: auto;padding: 4vw 10vw;opacity: .6;}
.radio-input-castom-alt{display:none;}
.radio-label-castom-alt{cursor:pointer;overflow:hidden;transition:border 0.3s;background-color: white;border-radius: 16px;}
.radio-input-castom-alt:checked + .radio-label-castom-alt img{opacity:1;}
.radio-label-castom-alt img{width:14vw;height:14vw;object-fit:cover;display:block;margin:auto;opacity: .6;padding: 3vw 5vw;}
.circle-rating{display:flex;justify-content:space-between;flex-wrap:wrap;width:94%;margin:auto;margin-top:5vw;direction:rtl;}
.circle-rating input[type="radio"] {display:none;}
.circle-rating input[type="radio"]:checked ~ label {background-color: #7e57c2;border-color: #7e57c2;color:white;}
.circle-rating label{border-radius: 16px;background-color: white;cursor: pointer;transition: background-color 0.3s;!width: 23vw;}
.cercle-title{font-family: "Open Sans", serif;font-size: 5vw;padding: 3vw 2vw;text-align: center;}
.rating-wrapper{display:flex;justify-content:center;align-items:center;width:98%;margin:auto;}
.star-rating{display:flex;flex-direction:row-reverse;gap: 3vw;margin-top: 7vw;}
.star-rating input{display:none;}
.star-rating label{font-size:17vw;color:#ccc;cursor:pointer;transition:color 0.2s;}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label{color:#8e44ad;}
/*Hamburger menu*/
#menu__toggle{opacity:0;}
#menu__toggle:checked ~ .menu__btn > span {transform:rotate(45deg);}
#menu__toggle:checked ~ .menu__btn > span::before {top:0;transform:rotate(0);}
#menu__toggle:checked ~ .menu__btn > span::after {top:0;transform:rotate(90deg);}
#menu__toggle:checked ~ .menu__box {visibility:visible;left:0;}
.menu__btn{display:flex;align-items:center;position:fixed;top:5.2vw;left:88%;width:26px;height:26px;cursor:pointer;z-index:170;}
.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after{display:block;position:absolute;width:100%;height:2px;background-color:#5C2F80;transition-duration: .25s;}
.menu__btn > span::before {content: '';top: -8px;}
.menu__btn > span::after {content: '';top:8px;}
.menu__box{display:block;position:fixed;visibility:hidden;top:0;left: -100%;width:100%;height:100%;margin:0;padding:80px 0;list-style:none;background-color:#5C2F80;opacity:0.8; box-shadow:1px 0px 6px rgba(0, 0, 0, .2);transition-duration: .25s;z-index:160;}
.menu__box li{width:100%;}
.menu__box li p{display:inline-block;width:50px;}
.menu__item{display:block;width:100%;padding:12px 24px;color:white;font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;text-decoration:none;transition-duration: .25s;}
.menu__item:hover{background-color:#5C2F80;opacity:0.7;}
.nav-ul-menu{display:none;}
.nav-ul-menu li{display:none;}
.accordion {
    border: none;
    background-color:transparent;
  color: white;
  cursor: pointer;
  padding:12px 24px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;
  transition: 0.4s;
}
.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  margin-left: 5px;
}
.active:after {
  content: "\2212";
}
.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel li{margin-top:3vw;}
.panel a{color:#FFDEAD;font-family:'Roboto', sans-serif;font-size:20px;font-weight:300;text-decoration:none;padding:12px 35px;}
/*Thanks page*/
.thanks-page-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;margin-top:70vw;}
.thanks-button{font-family:'Overpass',sans-serif;font-weight:600;font-size:4vw;display:block;width:10%;margin:auto;padding:1.2vw;border:none;border-radius:1vw;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;text-decoration:none;text-align:center;display:block;margin-top:10vw;}

input[type='radio'] {padding:0;
  -webkit-appearance: none; /* В Safari и Chrome отключены стандартные стили */
  -moz-appearance: none; /* Firefox поддержит это решение */
  appearance: none; /* Для других браузеров */
  width: 5vw; /* Устанавливаем нужную ширину */
  height: 5vw; /* Устанавливаем нужную высоту */
  border-radius: 50%; /* Делаем элемент круглым */
  margin-top:0.5vw;border:1px solid #7251A1;
  }

input[type='checkbox'] {
    padding: 0;
  -webkit-appearance: none; /* В Safari и Chrome отключены стандартные стили */
  -moz-appearance: none; /* Firefox поддержит это решение */
  appearance: none; /* Для других браузеров */
  width: 5vw; /* Устанавливаем нужную ширину */
  height: 5vw; /* Устанавливаем нужную высоту */
  border-radius: 50%; /* Делаем элемент круглым */
  margin-top: 1vw;
  border: 1px solid #7251A1;
}

.quiz-form-blocks label{display:flex;align-items:center;width:100%;}
.quiz-form-blocks label:focus{outline: none;}

input[type="radio"]:checked {
  background-color: #7251A1;
  border: 1px solid #7251A1;
}

input[type="checkbox"]:checked {
  background-color: #7251A1;
  border: 1px solid #7251A1;
}

input[type=date]::-webkit-calendar-picker-indicator{
	display:none;
}

input[type=date]{
	background:url("../images/icon_calendar.svg") #f7f9fc no-repeat;
    background-size: 7%;
    background-position: 95%;
    opacity: 0.6 !important;
    background-color:white;
    color: #696969;
    transition: 0.5s;
}
.toggle_block {
overflow: hidden;
position:relative;
}
.toggle_block:before {
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(to top, #fff, transparent); 
}
.info_name{display:block;font-family: "Open Sans", serif;font-weight:400;margin-top:2vw;text-align:right;color:#5C2F80;}





/* анимация при появлении блоков с содержанием */
@-moz-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 } 
}
@keyframes fade {
    from { opacity: 0; }
    to { opacity: 1 }
}





}


/*desktop version*/
@media screen and (min-width:1081px) {
    * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-full-container{width:80%;margin:auto;}
/*выпадающий список языков start*/
.header-top-line-therd{font-family: "Plus Jakarta Sans", sans-serif;font-weight:600;width:18%;}
.language-selector{width:100%;justify-content:space-around;display:flex;align-items:center;}

/*lang selector start*/
.land-pc {display: flex;gap: .65vw;align-items: center;}
.flag-icon {width:2.1vw;height: auto;transition: transform 0.3s ease-in-out;cursor: pointer;opacity: 0.7;display: block;}
.flag-icon:hover {filter: grayscale(0%);opacity: 1;}
.flag-icon.active {transform: scale(1.2);filter: grayscale(0%);opacity: 1;border: 2px solid #752EE5;}
.no-active{box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.75);}

.images-container{display:flex;justify-content:center;align-items:center;gap:2vw;}
.images-container-block-one{width:27%;}
.images-container-block-one img{display:block;width:100%;}
.images-container-block-two{width:39%;}
.images-container-block-two img{display:block;width:100%;}
.images-container-block-three{width:21%;}
.images-container-block-three img{display:block;width:100%;}

.current-language-button{background-color:transparent;color:#8442A4;padding:10px 15px;border:none;border-radius:5px;font-size:20px;cursor:pointer;min-width: 80px;text-align: center;display: flex;justify-content: center;align-items: center;}
.current-language-button::after {font-family:"Plus Jakarta Sans", sans-serif;font-weight:600;content: '\2228';margin-left: 8px;font-size:20px;line-height: 1;}
.language-options{list-style: none;padding: 0;margin: 0;position: absolute;top: 100%;left: 0;background-color: #fff;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);min-width: 100%;z-index: 10;display: none;}
.language-options li{padding: 10px 15px;cursor: pointer;text-align: center;transition: background-color 0.2s ease;}
.language-options li:hover {background-color: #f0f0f0;}
.language-selector.active .language-options {display: block;}
/*выпадающий список языков end*/

.flex-general-container{display:flex;width:90%;margin:auto;}
.flex-general-block{width:50%;}

.slider-container {position: relative;margin: 50px auto;overflow: hidden;}
.slider-wrapper{display: flex;transition: transform 0.5s ease-in-out;}
/* По умолчанию для min-width: 1024px, 5 картинок */
.slider-item {min-width:18%; box-sizing: border-box;padding: 30px;text-align: center;}
.slider-item img{max-width: 100%;height: auto;display: block;margin: 0 auto;}

!.slider-prev,
!.slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #8442A4;
    border: none;
    cursor: pointer;
    font-size: 24px;
    z-index: 10;
    border-radius: 5px;
    background: none;
}
!.slider-prev {left:0;}
!.slider-next {right:0;}
/*violet container*/
.violet-container{border:2px solid #8442A4;background-color:#F5F1FF;border-radius:16px;padding-bottom: 3vw;}
.violet-container-title{color:#784996;font-family: "Open Sans", serif;font-weight:600;font-size:1.5vw;text-align: center;!margin-top: 3vw;padding: 3vw 3vw 0 3vw;}
/*yellow-container*/
.yellow-container{border:2px solid #FEB917;background-color:#FFF8E8;border-radius:16px;margin-top:5vw;padding-bottom: 3vw;}
/*blue-container*/
.blue-container{border:2px solid #02B7C7;background-color:#E6F8F9;border-radius:16px;margin-top:5vw;padding-bottom: 3vw;}
/*green-container*/
.green-container{border:2px solid #14AE5C;background-color:#E8F6ED;border-radius:16px;margin-top:5vw;padding-bottom: 3vw;}










.body-container{background-color:white;}
/*header*/
.question-container{!width:90%;!margin:auto;margin-top:4vw;}
.title-question-text{font-family: "Open Sans", serif;font-size:1.3vw;}
.title-question-text span{color:#7251A1;font-weight:600;}
.question-container-title{display:flex;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;font-size:1.3vw;}
.quiz-form-blocks label{display:block;width:100%;}
.quiz-form-blocks label:focus{outline: none;}
.phone-notes{font-family:"Open Sans", serif;font-weight:400;font-size:1.1vw;margin-bottom:1vw;margin-top:1vw;}
.quiz-form-p-one{font-family:'Overpass',sans-serif;font-weight:200;font-size:1.1vw;width:90%;padding: 2vw 3vw;}
.header-top-line-full{width:80%;margin:auto;!padding-bottom:7vw;}
.header-top-line-fix{display:flex;justify-content:space-between;align-items:center;margin-top:2vw;}
!.header-top-line-fix li{display:inline-block;vertical-align:top;margin-top:36px;}
.header-top-line-first{width:30%;}
.header-top-line-first li{margin-left:40px;}
.header-top-line-first li:first-child{margin-left:0px;}
.header-top-line-first a{text-decoration:none;font-family:Neucha-Regular;font-size:24px;color:black;}
.header-top-line-first a:hover{color:#9DC588;transition:0.4s;}
.header-top-line-second{width:50%;!height:6vw;display:flex;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:80%;}
.header-top-line-third{width:53%;display:flex;}
.header-top-line-third a{text-decoration:none;font-family: 'Roboto', sans-serif;font-size:1.2vw;color:black;font-weight:300;}
.header-top-line-third a:hover{color:#007FA8;transition:0.4s;}
.header-top-line-third li{margin-left:4vw;}
.header-top-line-third img{display:block;width:2vw;margin-top:2vw;}
.header-top-line-third-one{margin-left:3vw;}
.header-top-line-third-one:first-child{margin-left:15vw;}
.block-search{min-width:5%;}
.header-top-line-four{width:5%;}
.header-top-line-four-text{font-family: 'Roboto', sans-serif;font-size:1.2vw;text-align:center;font-weight:100;text-decoration:none;display:block;margin-top:2.2vw;}
.header-top-line-four-button-cart{display:block;width:50%;margin:auto;margin-top:1.7vw;}
.header-top-line-four img{display:block;margin:auto;width:100%;}
.header-top-line-four span{position:absolute;border-radius:50%;padding:0.1vw 0.4vw;font-family: 'Roboto', sans-serif;font-size:1.2vw;font-size:0.9vw;background-color:#E01269;color:white;margin-top:-1vw;margin-left:1.5vw;}
.hamburger-menu{display:none;}
#menu__toggle{display:none;}
.menu__btn{display:none;}
.menu__box{display:none;}
.menu__item{display:none;}
/*radio button smie*/
.radio-group{display:flex;gap:1rem;!width:90%;margin:auto;margin-top:4vw;justify-content:space-between;}
.radio-input{display:none;}
.radio-label{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;opacity:0.5;padding: 1vw 4vw;background-color: white;border-radius:1vw;}
.radio-input:checked + .radio-label{opacity:1;}
.radio-label img{width:5vw;height:5vw;object-fit:cover;display:block;margin:auto;}
.water-title{text-align:center;padding-top:0.5vw;font-family: "Open Sans", serif;font-size:1vw;}
.radio-input-castom{display:none;}
.radio-label-castom{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;opacity:0.5;border-radius:1vw;}
.radio-input-castom:checked + .radio-label-castom{opacity:1;}
.radio-label-castom img{width:12vw;height:9vw;object-fit:cover;display:block;margin:auto;}
.radio-input-castom-alt{display:none;}
.radio-label-castom-alt{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;opacity:0.5;border-radius:1vw;}
.radio-input-castom-alt:checked + .radio-label-castom-alt{opacity:1;}
.radio-label-castom-alt img{width:10vw;height:10vw;object-fit:cover;display:block;margin:auto;}
.circle-rating{display:flex;justify-content:space-around;gap:10px;direction:rtl;margin-top:4vw;}
.circle-rating input[type="radio"] {display:none;}
.circle-rating input[type="radio"]:checked ~ label {background-color: #7e57c2;border-color: #7e57c2;}
.circle-rating label{display:flex;align-items:center;justify-content:center;border-radius:1vw;width:5vw;height:5vw;background-color:white;border:2px solid #ccc;cursor:pointer;transition:background-color 0.3s;}
.cercle-title{font-family: "Open Sans", serif;font-size:1.5vw;}
.rating-wrapper{display:flex;justify-content:center;align-items:center;margin-top:4vw;}
.star-rating{display:flex;flex-direction:row-reverse;gap:3vw;}
.star-rating input{display:none;}
.star-rating label{font-size:5vw;color:#ccc;cursor:pointer;transition:color 0.2s;padding: .1vw 3vw .9vw 3vw;border-radius:1vw;background-color: white;}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label{color:#8e44ad;}
/*body*/
.question-container-alt{width:90%;margin:auto;margin-top:4vw;}
.flex-general-container-alt{display:flex;}
.quiz-form-blocks{margin-top:2vw;display:flex;border:1px solid rgba(99, 99, 99, 0.23);width:90%;box-sizing:border-box;padding:1vw;background-color:white;border-radius:1vw;}
.body-container{width:80%;margin:auto;padding-bottom:7vw;}
.body-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:2.7vw;text-align:center;}
.body-title:first-child{margin-top:5vw;}
!.body-title-sub{color:#ABA9B0;font-family:'Overpass',sans-serif;font-weight:300;font-size:3vw;text-align:center;margin-top:3vw;}
.body-title-sub{display:none;}
.body-form{!border:1px solid #7E7A85;margin-top:4vw;}
.quiz-form-blocks-input:first-child{margin-top:3vw;}
.quiz-form-blocks-input{font-family:'Overpass',sans-serif;font-weight:400;font-size:1.3vw;outline-color:#7251A1; border:1px solid transparent;border-color:rgba(99, 99, 99, 0.23);!opacity:0.6 !important;box-sizing:border-box;padding:1vw;width:90%;margin-top:1vw;border-radius:1vw;}
.place-custom::-webkit-input-placeholder {color:#DCDCDC;}
.place-custom::-moz-placeholder {color:#DCDCDC;}
.place-custom:-moz-placeholder {color:#DCDCDC;}
.place-custom:-ms-input-placeholder {color:#DCDCDC;}
.quiz-form-question-title{margin:auto;padding-top:1vw;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:2vw;}
.quiz-form-question-notation{font-family: "Open Sans", serif;font-weight:400;font-size:1.1vw;margin-bottom:1vw;margin-top:1vw;}
.quiz-form-block{margin:auto;width:90%;display:flex;justify-content:flex-start;margin-bottom:4vw;gap:4vw;}
.quiz-form-question-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;float:left;}
.quiz-form-question-text-alt{color:#7E7A85;font-weight:400;font-family: "Open Sans", serif;font-size:1.3vw;padding-left:0.3vw;opacity:0.6;display:inline-block;position:absolute;}
.quiz-form-question-text-alt-one{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.3vw;opacity:0.6;width:85%;}
.quiz-form-round{width:3vw;height:1.7vw;margin-top: .2vw;}
.quiz-form-round:checked{border: 6px solid black;}
.quiz-form-question-text img{display:block;width:2.5vw;margin-top:-0.5vw;}
#baseimg-upload{margin:auto;width:90%;}
.file-up-button{width:5vw;height:3vw;}
.quiz-information-block{margin:auto;width:90%;margin-bottom:4vw;margin-top:3vw;}
.quiz-form-blocks-input-alt{width:100%;margin-top:2vw;border:none;border-bottom:1px solid #7E7A85;color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.5vw;padding-left:0.5vw;margin-bottom:3vw;outline:none;padding-bottom:0.2vw;}
.quiz-alt-001{width: 95%;border: none;border-radius: 0.5vw;padding: 1vw;font-size: 1.3vw;box-sizing: border-box;opacity: 0.7;}
.quiz-alt-002{margin:auto;width:88%;border-bottom:1px solid gray;padding: .5vw;margin-top: -4vw;margin-bottom:5vw;}
.button-send{font-family: "Open Sans", serif;font-weight:400;font-size:1.7vw;display:block;width:30%;margin:auto;padding:1.2vw;border:none;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;}
.quiz-form-chepter-title{margin:auto;padding-top:8vw;color:black;font-family:'Overpass',sans-serif;font-weight:300;font-size:2.5vw;padding-left:0.5vw;width:90%;opacity:0.6;margin-bottom:3vw;}
.thanks-button{font-family:'Overpass',sans-serif;font-weight:600;font-size:2vw;display:block;width:10%;margin:auto;padding:1.2vw;border:none;border-radius:1vw;margin-bottom:3vw;background-color:#5C2F80;color:white;cursor:pointer;text-decoration:none;text-align:center;display:block;margin-top:5vw;}

.toggle_block {
overflow: hidden;
position:relative;
}
.toggle_block:before {
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(to top, #fff, transparent); 
}
.info_name{display:block;font-family: "Open Sans", serif;font-weight:400;margin-top:2vw;text-align:right;color:#5C2F80;font-size:1.4vw;}
.quiz-information-block-text{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.2vw;text-align:justify;margin-bottom:5vw;}
/*footer*/
#full-div-footer{width:60%;margin:auto;margin-top:5vw;}
.container-footer{display:flex;}
.container-footer-block-one-title{font-family: 'Poppins', sans-serif;font-size:2.2vw;padding-top:1vw;padding-left:6.7vw;color:#5C2F80;}
.container-footer-block-one{width:50%;}
.container-footer-block-three{width:50%;}
.container-footer-block-one-img-block img{display:block;width:18.5%;margin:auto;float:left;}
.container-footer-block-one-social{display:flex;margin-top:1.5vw;width:60%;margin-left:5vw;}
.container-footer-block-one-social-instagram{width:50%;}
.container-footer-block-one-social-instagram img{display:block;width:20%;margin:auto;}
.container-footer-block-one-social-facebook{width:50%;}
.container-footer-block-one-social-facebook img{display:block;width:20%;margin:auto;}
.container-footer-block-two-title{font-family: 'Roboto',sans-serif;font-weight:300;font-size:2vw;padding-left:4vw;}
.container-footer-block-two ul{margin-top:1.5vw;}
.container-footer-block-two li{margin-top:0.7vw;}
.container-footer-block-two li a{font-family: 'Roboto',sans-serif;font-weight:300;font-size:1.5vw;padding-left:4vw;text-decoration:none;color:#7E7A85;}
.container-footer-block-two li a:hover{color:#E01269;transition:0.4s;}
.container-footer-block-three ul{margin-top:1.5vw;}
.container-footer-block-three li{margin-top:2.1vw;}
.container-footer-block-three li a{font-family:'Roboto',sans-serif;font-weight:300;font-size:1.5vw;text-decoration:none;color:#7E7A85;text-align:center;display:block;}
.container-footer-block-three li a:hover{color:#E01269;transition:0.4s;}
.development{width:200px;margin:auto;margin-top:5vw;}
.development a{text-align:center;font-family:sans-serif;font-size:15px;color:#f4f6f6;text-decoration:none;display:block;}
.development a:hover{color:#007FA8;transition:0.2s;}
.development p{text-align:center;font-family: 'Roboto',sans-serif;font-size:20px;color:black;margin-top:20px;padding-bottom:2vw;}
.thanks-page-title{color:#784996;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;margin-top:7vw;}



}