/*mobile vesion*/
@media screen and (max-width:1080px) {
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
a{-webkit-tap-highlight-color: transparent;}
!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;}
.bodyr{display:flex;justify-content:center;align-items:center;margin:0;font-family:Arial, sans-serif;margin-top:8vw;margin-bottom:8vw;}
/*lang selector start*/
.lang-mob{display:none;}
.land-pc{position:relative;cursor:pointer;!margin-top:11vw;margin-left:5vw;display:flex;width:20%;justify-content:space-around;!gap: 10px; align-items: center;}
!.language-selector {display: flex;}
.flag-icon {width:4.5vw;height: auto;transition: transform 0.3s ease-in-out;cursor: pointer;opacity: 0.7;}
.flag-icon:hover {filter: grayscale(0%);opacity: 1;}
.flag-icon.active {transform: scale(1.4);filter: grayscale(0%);opacity: 1;border: 2px solid #752EE5;}
/*lang selector end*/
/*íàäïèñè íà brfore after*/
.bodyr-title-container-absolute{position:absolute;width:96%;margin-top:5vw;z-index:10;}
.bodyr-title-container{display:flex;margin-bottom: 5vw;}
.bodyr-title-block{width:50%;}
.bodyr-title{font-family:"Plus Jakarta Sans", sans-serif;font-weight:500;text-align:center;font-size:1.5vw;padding-top:1vw;text-shadow:0px 4px 2px rgba(0,0,0,0.6);color:white;}
/*text-block-header*/
.text-header-container{margin-top:5vw;!width:94%;}
.text-header-container p{font-family: "Open Sans", serif;font-weight: 500;font-size:20px;width:96%;margin:auto;text-align:center;color:#8442A4;}
.header-images-block-mob img{display:block;width:100%;}
.header-images-block{display:none;}
.header-images-container{width:94%;margin:auto;!margin-top:5vw;margin-bottom:5vw;}
/*âûïàäàþùèé ñïèñîê ÿçûêîâ start*/
.header-top-line-therd{font-family: "Plus Jakarta Sans", sans-serif;font-weight:600;display:flex;justify-content:center;align-items:flex-start;}

.current-language-button{background-color:transparent;color:#8442A4;padding:10px 15px;border:none;border-radius:5px;font-size:5vw;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:5vw;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 li{padding: 4vw 0;cursor: pointer;text-align: center;transition: background-color 0.2s ease;width: 100%;font-size:5vw;font-family: "Plus Jakarta Sans", sans-serif;font-weight: 500;}
.language-options li:hover {background-color: #f0f0f0;}
.language-selector.active .language-options {display: block;}
!.vfrtgy{display:flex;}
.language-options li a{text-decoration:none;color:black;}
/*violet container*/
.violet-container{border:2px solid #8442A4;background-color:#F5F1FF;border-radius:16px;padding-bottom: 4vw;}
.violet-container-title{color: #ABA9B0;font-family: "Open Sans", serif;font-weight: 500;font-size: 4.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: 4vw;}
/*blue-container*/
.blue-container{border:2px solid #02B7C7;background-color:#E6F8F9;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
/*green-container*/
.green-container{border:2px solid #14AE5C;background-color:#E8F6ED;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
/*red-container*/
.red-container{border:2px solid #FF69B4;background-color:#FFF0F6;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
!.red-container-sub{display:flex;}
.red-container-block{width:100%;}
.image-choice-container{display:flex;gap:10vw;flex-wrap:wrap;margin-bottom:20px;margin-top:2vw;justify-content:center;}
.image-option span{margin-top:8px;font-size:3vw;color:#555;transition:color0.2s;font-family:"Open Sans", serif;font-weight: 500;}
.image-option img{width:25vw;height:25vw;border:3px solid transparent;border-radius:10px;transition: transform 0.2s, border-color 0.2s;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.weight-slider-container{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow: 0 4px 8px rgba(0,0,0,0.1);max-width:89%;margin: 40px auto;}
.slider-wrapper{position:relative;width:100%;margin-bottom:30px;margin-top:10vw;}
#weight-slider{width:100%;cursor:grab;-webkit-appearance:none;appearance:none;height:3vw;background:#e0e0e0;border-radius:4px;outline: none;transition: background 0.2s;}
/* styles for Chrome/Safari/Edge */
#weight-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width:7vw;height: 7vw;background: #007bff;border: 3px solid #fff;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
/* styles for Firefox */
#weight-slider::-moz-range-thumb{width:5vw;height:5vw;background:#007bff;border: 3px solid #fff;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.slider-value{position:absolute;top: -8vw;left: 50%;transform: translateX(-50%);font-size:4vw;font-weight: bold;color: #007bff;font-family: "Open Sans", serif;font-weight: 600;}
.weight-status-message {font-size: 20px;font-weight: bold;color: #333;min-height: 24px;transition: color 0.3s ease-in-out;font-family: "Open Sans", serif;font-size: 1.4vw;font-weight: 600;}
.image-option {display: flex;flex-direction: column;align-items: center;cursor: pointer;text-align: center;}
.image-option input[type="radio"] {display: none;}
.image-option input[type="radio"]:checked + img {transform: scale(1.05); border-color: #FF69B4;box-shadow: 0 6px 12px rgba(0,0,0,0.2);}
.image-option input[type="radio"]:checked + img + span {color: #FF69B4;font-weight: bold;font-family: "Open Sans", serif;font-weight: 500;font-size:3vw;}









#status-message{display:none;}
.bodyr-title-container{display:flex;padding-top:2vw;}
.bodyr-title-block{width:50%;}
.bodyr-title{font-family: "Plus Jakarta Sans", sans-serif;font-weight: 500;text-align: center;font-size:4.5vw;padding-top:3vw;}
.slider-handle-unique::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 20px 20px;
    border-radius: 4px;
    white-space: nowrap;
    font-size:8vw;
}
/*header*/
.header-top-line-full{height:20vw;display:flex;}
.header-top-line-fix{width:80%;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:90%;height:15vw;display:flex;margin-left:5vw;}
.header-top-line-second a{display:block;width:100%;}
.header-top-line-second img{display:block;width:100%;margin:auto;margin-top:6%;}
.question-container{width:100%;margin-top:7vw;}
.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-size:4.5vw;}
.title-question-text span{color:#7251A1;font-weight:600;padding-left:3vw;}
.question-container-title{display:flex;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;font-size: 4.5vw;padding-left: 3vw;}
/*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:600;font-size:4.8vw;font-family:"Open Sans", serif;padding:0;margin:0;margin-top:3vw;text-align:center;}
!.body-title:first-child{margin-top:10vw;}
.body-title-sub{color:#ABA9B0;font-family: "Open Sans", serif;font-weight:600;font-size:4.8vw;text-align:center;margin-top:3vw;}
.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);box-sizing:border-box;padding:4vw 4vw;width: 94%;margin: auto;margin-top: 3vw;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;color: #969696;width: 94%;}
.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;}
.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;!opacity:0.6;width: 85%;padding: 4vw 0;}
.quiz-form-blocks{margin-top:4vw;!border:1px solid rgba(99, 99, 99, 0.23);width:100%;box-sizing:border-box;}
.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;background-color:#5C2F80;color:white;cursor:pointer;margin-top:15vw;}

.progress-bar {width:0%;background-color:#4CAF50;text-align:center;color: white;font-size: 4vw;border-radius: 1vw;transition: width 0.3s ease;padding: 2vw 0;}
.file-status { font-size: 4vw; font-weight: bold; }

.button-prikrepit{font-weight:600;font-family: "Open Sans", serif;font-size:4vw;display:block;width:80%;margin:auto;padding:3vw;border:none;background-color:#c0c0c0;color:black;cursor:pointer;margin-top:15vw;}
.label-upload{font-family: "Open Sans", serif;font-size: 3vw;text-align:center;}
.label-upload-container{margin-top:10vw;}



/* === ÑÒÈËÈ ÄËß ÊÀÐÒÈÍÊÈ-ÊÍÎÏÊÈ === */
#uploads-container{margin-top:2vw;}
.upload-image-label{cursor:pointer;display:block;text-align:center;width:30%;border:1px solid #B08FE6;border-radius:1vw;margin:auto;margin-top:7vw;}
.upload-button-image{border-radius:10px;transition:transform 0.2s ease, box-shadow 0.2s ease;display:block;width:90%;margin:auto;}
.form-upload-title{text-align: center;!margin-top: 25px;font-weight: 400;font-family: "Open Sans", serif;font-size: 3vw;}
#file-count-display{text-align:center;margin-top:3vw;font-size:3vw;color:#333;font-weight:400;font-family: "Open Sans", serif;}




.quiz-alt-002{width:100%;border-bottom:1px solid gray;}
.quiz-alt-001{width:100%;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;}
.title-chepters{font-family: "Open Sans", serif;font-size: 4.5vw;text-align: center;margin-top: 7vw;font-weight: 500;padding: 0 2vw;}
.file-upload {margin: auto;display: block;position: relative;cursor: pointer;}
.file-upload input[type="file"] {display: none; /* Ñêðûòü ñòàíäàðòíîå ïîëå */}
.upload-icon {width:25vw;height:25vw;background-image: url('/images/upload-stl.svg');background-size: 80%;border: 2px dashed #999;border-radius: 8px;background-position: center;background-repeat: no-repeat;margin: auto;margin-top:8vw;}
.upload-icon:hover {border-color: #666;}
.file-name {margin-top: 10px;font-size: 3vw;text-align: center;font-family: 'Overpass',sans-serif;}
#finalMessageContainer {text-align:center;padding:40px 20px;!border:1px solid #c3e6cb;!background-color:#d4edda;border-radius:5px;display: none;margin-top:7vw; }
#finalMessageContainer h3 { margin: 0 0 15px 0;font-size:5vw;font-family: 'Overpass',sans-serif;font-weight: 600; }
.final-p{font-family:'Overpass',sans-serif;font-weight:500;font-size: 3vw;margin-top: 3vw;}
#resetButton{margin-top:5vw;font-family:'Overpass',sans-serif;font-weight:500;font-size:4vw;padding:2vw 6vw;background-color:#784996;color:white;border:none;border-radius: 16px;margin-bottom: 10vw;}

.question-block-variants{display:flex;justify-content:end;gap:4vw;margin-top:3vw;}
.question-block-variants-alt{display:flex;justify-content:end;gap:3vw;padding-right:3vw;margin-top:7vw;}
.question-block-variants-alt-top{display:flex;justify-content:end;gap:3vw;padding-right:3vw;margin-top:7vw;}
.question-block-variants-alt-one{display:flex;justify-content:end;gap:1.5vw;margin-top:3vw;}
.quiz-form-block-alt-alt{display:flex;align-items:center;min-width:max-content;background-color:white;margin-top: 2vw;}
.quiz-form-block-alt-alt-one{display:flex;align-items:center;background-color: white;width: 96%;margin: auto;margin-top: auto;margin-top: 2vw;}
.quiz-form-blocks-alt{margin-top:2vw;display:flex;border:1px solid rgba(99, 99, 99, 0.23);box-sizing:border-box;padding:2vw;}
.question-block-variants-title{font-weight:400;font-family: "Open Sans", serif;font-size: 3vw;width: 20%;text-align: center;}
.question-block-variants-alt-one-two{display: flex;justify-content:end;gap:1.5vw;margin-top:5vw;min-width:max-content;margin-left:35vw;}
.question-block-variants-title-two{font-weight: 400;font-family: "Open Sans", serif;font-size:3vw;width: 20vw;white-space: normal;}
.quiz-form-question-text-alt-alt{font-weight:400;font-family: "Open Sans", serif;font-size:3.5vw;opacity:0.6;display:inline-block;white-space: normal;padding-left: 2vw;}
.quiz-form-blocks-alt-alt{display:flex;box-sizing:border-box;padding:2vw;}
.quiz-form-blocks-alt-alt label{display: block;width: 100%;text-align: center;}
.secondwidth label{display: block;width: 100%;text-align: center;}
.quiz-form-blocks-alt-alt-two-two{width:30vw;}
.quiz-form-blocks-alt-alt-two{display:flex;width:22.5vw;box-sizing:border-box;padding: 2vw;}
.quiz-form-blocks-alt-alt-two label{display: block;width: 100%;text-align: center;}
.question-block-alt{width: 100%;overflow-x: auto;white-space: nowrap;padding-bottom: 5vw;}
.question-block-alt-two{width: 100%;padding-bottom: 5vw;}
.firstwidth{width:30%;}
.secondwidth{box-sizing:border-box;padding:2vw;width: 23%;}

/*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:1rem;margin-top:4vw;justify-content:space-around;}
.radio-input{display:none;}
.radio-label{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;opacity:0.5;}
.radio-input:checked + .radio-label{opacity:1;}
.radio-label img{width:9vw;height:9vw;object-fit:cover;display:block;}
.water-title{text-align:center;padding-top:0.5vw;font-family: "Open Sans", serif;font-size:3vw;}
.radio-input-castom{display:none;}
.radio-label-castom{cursor:pointer;overflow:hidden;transition:border 0.3s;display:inline-block;opacity:0.5;}
.radio-input-castom:checked + .radio-label-castom{opacity:1;}
.radio-label-castom img{width:18vw;height:14vw;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;}
.radio-input-castom-alt:checked + .radio-label-castom-alt{opacity:1;}
.radio-label-castom-alt img{width:14vw;height:14vw;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:50%;width:6vw;height:6vw;background-color:white;border:2px solid #ccc;cursor:pointer;transition:background-color 0.3s;}
.cercle-title{font-family: "Open Sans", serif;font-size:3vw;}
.rating-wrapper{display:flex;justify-content:center;align-items:center;}
.star-rating{display:flex;flex-direction:row-reverse;gap: 5vw;margin-top: 7vw;}
.star-rating input{display:none;}
.star-rating label{font-size:12vw;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;
}

.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;}

.quiz-form-blocks-alt-alt label input[type='radio'] {padding:0;
  -webkit-appearance: none; /*  Safari è Chrome îòêëþ÷åíû ñòàíäàðòíûå ñòèëè */
  -moz-appearance: none; /* Firefox ïîääåðæèò ýòî ðåøåíèå */
  appearance: none; /* Äëÿ äðóãèõ áðàóçåðîâ */
  width: 6vw; /* Óñòàíàâëèâàåì íóæíóþ øèðèíó */
  height: 6vw; /* Óñòàíàâëèâàåì íóæíóþ âûñîòó */
  border-radius: 50%; /* Äåëàåì ýëåìåíò êðóãëûì */
  margin-top:0.5vw;border:1px solid #7251A1;accent-color: white;
  }
  
.secondwidth label input[type='radio'] {padding:0;
  -webkit-appearance: none; /*  Safari è Chrome îòêëþ÷åíû ñòàíäàðòíûå ñòèëè */
  -moz-appearance: none; /* Firefox ïîääåðæèò ýòî ðåøåíèå */
  appearance: none; /* Äëÿ äðóãèõ áðàóçåðîâ */
  width: 6vw; /* Óñòàíàâëèâàåì íóæíóþ øèðèíó */
  height: 6vw; /* Óñòàíàâëèâàåì íóæíóþ âûñîòó */
  border-radius: 50%; /* Äåëàåì ýëåìåíò êðóãëûì */
  margin-top:0.5vw;border:1px solid #7251A1;accent-color: white;
  }

.quiz-form-blocks-alt-alt-two label input[type='radio'] {padding:0;
  -webkit-appearance: none; /*  Safari è Chrome îòêëþ÷åíû ñòàíäàðòíûå ñòèëè */
  -moz-appearance: none; /* Firefox ïîääåðæèò ýòî ðåøåíèå */
  appearance: none; /* Äëÿ äðóãèõ áðàóçåðîâ */
  width: 6vw; /* Óñòàíàâëèâàåì íóæíóþ øèðèíó */
  height: 6vw; /* Óñòàíàâëèâàåì íóæíóþ âûñîòó */
  border-radius: 50%; /* Äåëàåì ýëåìåíò êðóãëûì */
  margin-top:0.5vw;border:1px solid #7251A1;accent-color: white;
  }
.quiz-form-blocks label input[type='radio'] {padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:5vw;height:5vw;border-radius:50%;border:1px solid #7251A1;margin:0 4vw;}

.quiz-form-blocks label input[type='checkbox'] {
    padding: 0;
  -webkit-appearance: none; /*  Safari è Chrome îòêëþ÷åíû ñòàíäàðòíûå ñòèëè */
  -moz-appearance: none; /* Firefox ïîääåðæèò ýòî ðåøåíèå */
  appearance: none; /* Äëÿ äðóãèõ áðàóçåðîâ */
  width: 5vw; /* Óñòàíàâëèâàåì íóæíóþ øèðèíó */
  height: 5vw; /* Óñòàíàâëèâàåì íóæíóþ âûñîòó */
  border-radius: 50%; /* Äåëàåì ýëåìåíò êðóãëûì */
  margin:0 4vw;
  border: 1px solid #7251A1;
}

.quiz-form-blocks label{width:94%;display:flex;align-items:center;margin: auto;background-color: white;border-radius: 16px;}
.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;}

.noclick{pointer-events:none}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
    backdrop-filter: blur(5px);
}
/* ìîäàëüíûé áëîê */
.popup-lang-container{display:flex;justify-content:space-between;margin:auto;margin-bottom:15vw;margin-top:15vw;width:60%;}
.popup-lang-block{width:20%;}
.popup-lang-block a{font-size:6vw;text-decoration:none;text-align:center;display:block;}
.focus{color:#5C2F80;}
.nofocus{color:#696969;}
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    font-size: 14px;
    margin: auto;
    width: 85%;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    !background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family:"Open Sans", serif;
    font-weight:400;
    color: #696969;
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    backdrop-filter: blur(7px);
}
/* çàãîëîâêè â ìîäàëüíîì áëîêå */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    line-height: 1.3;
    color:#5C2F80;
    text-shadow: 1px 2px 4px #ddd;
    font-family:"Open Sans", serif;
    font-weight:600;
}

/* êíîïêà çàêðûòèÿ */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    !background-color: rgba(0, 131, 119, 0.9);
    background-color: rgba(92, 47, 128, 0.9);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* êíîïêà çàêðûòèÿ ïðè íàâåäåíèè */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}

/* àíèìàöèÿ ïðè ïîÿâëåíèè áëîêîâ ñ ñîäåðæàíèåì */
@-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;
}
.body-container{background-color:white;}
/*âûïàäàþùèé ñïèñîê ÿçûêîâ start*/
.header-top-line-therd{font-family: "Plus Jakarta Sans", sans-serif;font-weight:600;display:flex;justify-content:center;align-items:flex-start;}
.land-pc{position: relative;display: inline-block;cursor: pointer;margin-top:3vw;margin-left:43vw;}
.current-language-button{background-color:transparent;color:#8442A4;padding:10px 15px;border:none;border-radius:5px;font-size:2vw;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:2vw;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 li{padding: 2vw 0;cursor: pointer;text-align: center;transition: background-color 0.2s ease;width: 100%;font-size:2vw;font-family: "Plus Jakarta Sans", sans-serif;font-weight: 500;}
.language-options li:hover {background-color: #f0f0f0;}
.land-pc.active .language-options {display: block;}
!.vfrtgy{display:flex;}
.language-options li a{text-decoration:none;color:black;}
.lang-mob{display:none;color:red;}
.header-images-container{display:flex;justify-content:space-around;!margin-top:3vw;!gap:2vw;width: 90%;margin: auto;}
.header-images-block img{display:block;width:90%;margin:auto;}
/*violet container*/
.violet-container{border:2px solid #8442A4;background-color:#F5F1FF;border-radius:16px;padding-bottom: 4vw;margin-top: 4vw;}
.violet-container-flex{display:flex;}
.violet-container-block-one{width:50%;}
.violet-container-block-two{width:50%;}
.violet-container-title{color: #ABA9B0;font-family: "Open Sans", serif;font-weight: 500;font-size: 4.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: 4vw;}
/*blue-container*/
.blue-container{border:2px solid #02B7C7;background-color:#E6F8F9;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
/*green-container*/
.green-container{border:2px solid #14AE5C;background-color:#E8F6ED;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
/*red-container*/
.red-container{border:2px solid #FF69B4;background-color:#FFF0F6;border-radius:16px;margin-top:5vw;padding-bottom: 4vw;}
.red-container-sub{display:flex;}
.red-container-block{width:50%;}
.image-choice-container{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;margin-top:2vw;}
.image-option span{margin-top:8px;font-size:16px;color:#555;transition:color 0.2s;font-family:"Open Sans", serif;font-weight: 500;}
.image-option img {width: 150px;height: 150px;border: 3px solid transparent;border-radius: 10px;transition: transform 0.2s, border-color 0.2s;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.weight-slider-container{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);max-width: 400px;margin: 40px auto;}
.slider-wrapper{position:relative;width:100%;margin-bottom:30px;margin-top:3vw;}
#weight-slider{width:100%;cursor:grab;-webkit-appearance:none;appearance:none;height:8px;background:#e0e0e0;border-radius:4px;outline: none;transition: background 0.2s;}
/* styles for Chrome/Safari/Edge */
#weight-slider::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 24px;height: 24px;background: #007bff;border: 3px solid #fff;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
/* styles for Firefox */
#weight-slider::-moz-range-thumb {width: 24px;height: 24px;background: #007bff;border: 3px solid #fff;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 4px rgba(0,0,0,0.2);}
.slider-value{position: absolute;top: -30px;left: 50%;transform: translateX(-50%);font-size: 18px;font-weight: bold;color: #007bff;font-family: "Open Sans", serif;font-size: 1.4vw;font-weight: 600;}
.weight-status-message{font-size: 20px;font-weight: bold;color: #333;min-height: 24px;transition: color 0.3s ease-in-out;font-family: "Open Sans", serif;font-size: 1.4vw;font-weight: 600;}
.image-option {display: flex;flex-direction: column;align-items: center;cursor: pointer;text-align: center;}
.image-option input[type="radio"] {display: none;}
.image-option input[type="radio"]:checked + img {transform: scale(1.05);border-color: #FF69B4; box-shadow: 0 6px 12px rgba(0,0,0,0.2);}
.image-option input[type="radio"]:checked + img + span {color: #FF69B4;font-weight: bold;font-family: "Open Sans", serif;font-weight: 500;font-size:1.2vw;}





/*íàäïèñè íà brfore after*/
.bodyr-title-container-absolute{position:absolute;width:100%;margin-top:5vw;z-index:10;}
.bodyr-title-container{display:flex;margin-bottom: 5vw;}
.bodyr-title-block{width:50%;}
.bodyr-title{font-family:"Plus Jakarta Sans", sans-serif;font-weight:500;text-align:center;font-size:1.5vw;padding-top:1vw;text-shadow:0px 4px 2px rgba(0,0,0,0.6);color:white;}
/*text-block-header*/
.text-header-container{margin-top:2vw;}
.header-images-block-mob{display:none;}
.header-images-block-mob img{display:none;}
.text-header-p{font-family:"Plus Jakarta Sans", sans-serif;font-weight:600;font-size:1.55vw;text-align:center;color:#8442A4;}
/*before after start*/
.bodyr-title-container-absolute-gen{position:relative;width:100%;}
.bodyr{display:flex;justify-content:center;align-items:center;margin:0;font-family: Arial, sans-serif;margin-top:5vw;margin-bottom:5vw;}
.slider-handle-unique::after {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;background-color:rgba(0, 0, 0, 0.6);padding:8px 12px;border-radius:4px;white-space:nowrap;font-size:2vw;}
/*before after end*/
/*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;}
.flag-icon:hover {filter: grayscale(0%);opacity: 1;}
.flag-icon.active {transform: scale(1.2);filter: grayscale(0%);opacity: 1;border: 2px solid #752EE5;}
/*lang selector end*/
#status-message{display:none;}
/*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;}
.question-container-title-sub{margin-top:2vw;}
.question-block-variants{display:flex;justify-content:end;gap:6vw;padding-right:3.5vw;margin-top:3vw;}
.question-block-variants-alt{display:flex;justify-content:end;gap: 9.7vw;padding-right: 5.5vw;margin-top:3vw;}
.question-block-variants-alt-top{display:flex;justify-content:end;gap: 5vw;padding-right: 3vw;margin-top:3vw;}
.question-block-variants-alt-one{display:flex;justify-content:end;gap:1.5vw;margin-top:3vw;}
.quiz-form-block-alt-alt{display:flex;align-items:center;background-color: white;margin-top: 2vw;}
.quiz-form-blocks-alt{margin-top:2vw;display:flex;border:1px solid rgba(99, 99, 99, 0.23);box-sizing:border-box;padding:2vw;}
.question-block-variants-title{font-weight:400;font-family:"Open Sans", serif;font-size:1vw;}
.question-block-variants-alt-one-two{display: flex;justify-content: end;gap: 1.5vw;margin-top: 3vw;}
.question-block-variants-title-two{font-weight: 400;font-family: "Open Sans", serif;font-size: 1vw;width: 12%;}
.quiz-form-block-alt-alt-one{display: flex;align-items: center;background-color: white;margin-top: 2vw;}
.firstwidth{width:30%;}
.secondwidth{box-sizing: border-box;padding: 2vw;width: 23%;}
.secondwidth label{display: block;width: 100%;text-align: center;}
.secondwidth label input[type="radio"] {padding: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 2vw;height: 2vw;border-radius: 50%;margin-top: 0.5vw;border: 1px solid #7251A1;}
input[type="radio"]:checked {background-color: #7251A1;border: 1px solid #7251A1;}
.quiz-form-blocks-alt-alt-two label input[type="radio"] {padding: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.5vw;height: 1.5vw;border-radius: 50%;margin-top: 0.5vw;border: 1px solid #7251A1;}
.quiz-form-blocks label input[type="radio"] {padding: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 1.5vw;height: 1.5vw;border-radius: 50%;border: 1px solid #7251A1;margin: 0;}

.quiz-form-blocks label input[type='checkbox'] {
    padding: 0;
  -webkit-appearance: none; /*  Safari è Chrome îòêëþ÷åíû ñòàíäàðòíûå ñòèëè */
  -moz-appearance: none; /* Firefox ïîääåðæèò ýòî ðåøåíèå */
  appearance: none; /* Äëÿ äðóãèõ áðàóçåðîâ */
  width: 1.5vw; /* Óñòàíàâëèâàåì íóæíóþ øèðèíó */
  height: 1.5vw; /* Óñòàíàâëèâàåì íóæíóþ âûñîòó */
  border-radius: 50%; /* Äåëàåì ýëåìåíò êðóãëûì */
  margin:0;
  border: 1px solid #7251A1;
}


input[type="radio"]:checked {background-color: #7251A1;border: 1px solid #7251A1;}
input[type="checkbox"]:checked {background-color: #7251A1;border: 1px solid #7251A1;}
.title-question-namber{color:#7251A1;font-weight:600;font-family: "Open Sans", serif;font-size:1.4vw;}
.quiz-form-blocks label{width: 100%;display: flex;align-items: center;}
.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{!height:6vw;width:80%;margin:auto;display:flex;}
.header-top-line-fix{width:40%;}
.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:75%;margin-top:6%;}
.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;}
.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;}
.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;}
.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:50%;width:3vw;height:3vw;background-color:white;border:2px solid #ccc;cursor:pointer;transition:background-color 0.3s;}
.cercle-title{font-family: "Open Sans", serif;font-size:1vw;}
.rating-wrapper{display:flex;justify-content:center;align-items:center;}
.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;}
.star-rating input:checked ~ label,
.star-rating label:hover,
.star-rating label:hover ~ label{color:#8e44ad;}
/*body*/
.question-flex-container{display:flex;}
.question-flex-container-one{width:50%;}

.quiz-form-blocks{margin-top:2vw;border:1px solid rgba(99, 99, 99, 0.23);width:95%;box-sizing:border-box;padding:1.2vw 1.5vw;border-radius:16px;background-color: white;}
.quiz-form-blocks-alt-alt{display:flex;box-sizing:border-box;padding:2vw;}
.quiz-form-blocks-alt-alt label{display: block;width: 100%;text-align: center;}
.quiz-form-blocks-alt-alt-two-two{width:25%;}
.quiz-form-blocks-alt-alt-two{display: flex;width:15%;box-sizing: border-box;padding: 2vw;}
.quiz-form-blocks-alt-alt-two label{display: block;width: 100%;text-align: center;}
.body-container{width:80%;margin:auto;padding-bottom:5vw;}
.body-title{color:#8442A4;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-form{border:1px solid transparent;margin-top:4vw;border-radius:10px;background: linear-gradient( 180deg, rgba(192, 180, 213, 0.1) 0%, rgba(220, 203, 225, 0.1) 57%, rgba(147, 149, 197, 0.1) 100% );}
.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: .8vw;width:100%;margin-top:1.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;!opacity: 0.6;width: 85%;padding: 0 1vw;background-color:white;}
.quiz-form-question-text-alt-one{color:#7E7A85;font-family:'Overpass',sans-serif;font-weight:200;font-size:1.3vw;padding-left:0.3vw;opacity:0.6;width:85%;}
.quiz-form-question-text-alt-alt{font-weight:400;font-family: "Open Sans", serif;font-size:1.3vw;opacity:0.6;display:inline-block;padding-left: 1vw;}
.quiz-form-round:checked{border: 6px solid black;}
.quiz-form-question-text img{display:block;width:2.5vw;margin-top:-0.5vw;}
.title-chepters{font-family: "Open Sans", serif;font-size: 1.5vw;text-align: center;margin-top: 3vw;}
#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:100%;border:none;border-radius:0.5vw;padding:2vw;font-size:1.5vw;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:#752EE5;color:white;cursor:pointer;margin-top:5vw;}
.button-prikrepit{font-family: "Open Sans", serif;font-weight:400;font-size:1.7vw;display:block;width:50%;margin:auto;padding:1.2vw;border:none;margin-bottom:3vw;background-color:#c0c0c0;color:black;cursor:pointer;margin-top:5vw;}
.label-upload{font-family: "Open Sans", serif;
    font-size: 1.4vw;text-align:center;}
.label-upload-container{margin-top:5vw;}
.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:#752EE5;color:white;cursor:pointer;text-decoration:none;text-align:center;display:block;margin-top:5vw;}
.progress-bar {width:0%;background-color:#4CAF50;text-align:center;color: white;font-size: 2vw;border-radius: 5px;transition: width 0.3s ease;padding: .5vw 0; }
.file-status { font-size: 1.5vw; font-weight: bold; }
.toggle_block {
overflow: hidden;
position:relative;
}
.toggle_block:before {
  content:"";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 35px;
  background: linear-gradient(to top, #F4F4F9, transparent); 
}
.info_name{display:block;font-family: "Open Sans", serif;font-weight:400;margin-top:2vw;text-align:right;color:#752EE5;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;}
.file-upload {margin: auto;display: block;position: relative;cursor: pointer;}
.file-upload input[type="file"] {display: none; /* Ñêðûòü ñòàíäàðòíîå ïîëå */}
.upload-icon {width: 15vw;height: 15vw;background-image: url('/images/upload-stl.svg');background-size: 80%;border: 2px dashed #999;border-radius: 8px;background-position: center;background-repeat: no-repeat;margin: auto;margin-top: 4vw;}
.upload-icon:hover {border-color: #666;}
.file-name {margin-top: 10px;font-size: 1.5vw;text-align: center;font-family: 'Overpass',sans-serif;}
#finalMessageContainer { text-align: center; padding: 40px 20px; !border: 1px solid #c3e6cb; !background-color: #d4edda; border-radius: 5px; display: none;margin-top:1vw;}
#finalMessageContainer h3 { margin: 0 0 15px 0; color: #784996;font-family: 'Overpass',sans-serif;font-weight:200;font-size:2.5vw;padding-bottom:2vw;}
.final-p{font-family:'Overpass',sans-serif;font-weight:500;font-size:1.2vw;}
#resetButton{margin-top: 2vw;font-family: 'Overpass',sans-serif;font-weight: 500;font-size: 1.2vw;padding: 1vw 2vw;background-color: #784996;border: none;color: white;border-radius: 16px;margin-bottom: 2vw;}


/* === ÑÒÈËÈ ÄËß ÊÀÐÒÈÍÊÈ-ÊÍÎÏÊÈ === */
#uploads-container{margin-top:2vw;}
        .upload-image-label{cursor:pointer;display:block;text-align:center;width:20%;border:1px solid #B08FE6;border-radius:1vw;margin:auto;margin-top:3vw;}
        .upload-button-image{border-radius:10px;transition:transform 0.2s ease, box-shadow 0.2s ease;display:block;width:90%;margin:auto;}
        .form-upload-title{text-align: center;margin-top: 25px;font-weight: 400;font-family: "Open Sans", serif;}
        #file-count-display{text-align:center;margin-top:1vw;font-size:1.2vw;color:#333;height:20px;font-weight:400;font-family: "Open Sans", serif;}




/*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:#752EE5;}
.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:#752EE5;font-family:'Overpass',sans-serif;font-weight:600;font-size:6vw;text-align:center;margin-top:7vw;}
/*modal window*/
.noclick{pointer-events:none}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    !background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    overflow: auto;
    backdrop-filter: blur(10px);
}
/* ìîäàëüíûé áëîê */
.popup-lang-container{display:flex;justify-content:space-between;margin:auto;margin-bottom:5vw;margin-top:5vw;width:60%;}
.popup-lang-block{width:20%;}
.popup-lang-block a{font-size:3vw;text-decoration:none;text-align:center;display:block;}
.focus{color:#752EE5;}
.nofocus{color:#696969;}
.popup {
    top: 25%;
    left: 0;
    right: 0;       
    !font-size: 14px;
    margin: auto;
    width: 50%;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #383838;
    !background: #fefefe;
    z-index: 1000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-family:"Open Sans", serif;
    font-weight:400;
    color: #696969;
    !-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    !-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    !-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-animation: fade .6s;
    -moz-animation: fade .6s;
    animation: fade .6s;
    backdrop-filter: blur(10px);
}
/* çàãîëîâêè â ìîäàëüíîì áëîêå */
.popup h2, .popup h3 {
    margin: 0 0 1rem 0;
    line-height: 1.3;
    !color:#5C2F80;
    color: #752EE5;
    text-shadow: 1px 2px 4px #ddd;
    font-family:"Open Sans", serif;
    font-weight:600;
}

/* êíîïêà çàêðûòèÿ */
.close {
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    position: absolute;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    !background-color: rgba(92, 47, 128, 0.9);
    background-color:#752EE5;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    cursor: pointer;
    outline: none;

}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
/* êíîïêà çàêðûòèÿ ïðè íàâåäåíèè */
.close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}


}