/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



body{
    background: #777777;
    font-family: "Inter", sans-serif;
}
*{
    --blue:#242A5A;
    --orange: #FF6B00;
    --orange-second: #FFA367;
}
.quiz_contain{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
#modal_quiz>.e-con-inner>div{
    max-height: max-content;
    overflow-y: scroll; 
    scrollbar-width: none;
    box-sizing: border-box;
}
.quiz_contain{
    padding: 80px 0;
}
#modal_quiz>.e-con-inner>div::-webkit-scrollbar {
    display: none; 
}
.quiz_wrapp{
    width: 96%;
    max-width: 1340px;
    /* min-height: 80vh;  */
    max-height: max-content;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 24.6px 0px #00000017; 
    overflow: hidden;
    display: grid;
    grid-template-columns: 370px auto;
}
.quiz_progres_text{ 
    font-weight: 700;
    font-size: 18px;
    line-height: 150%; 
    text-align: center;
    color: var(--blue);
}
.left_quiz{
    width: 370px;
}
.info_quiz{
    padding: 30px 22px 50px;
    background: var(--orange-second);
    color: #000;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
.info_quiz h3{ 
    font-weight: 500;
    font-size: 16px;
    line-height: 1.1; 
    margin: 0 0 10px;
}
.info_quiz p{ 
    font-weight: 800;
    font-size: 30px;
}

.info_quiz ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info_quiz ul li{
    display: flex;
    align-items: center;
    gap: 10px;
}

.quiz_num{ 
    font-weight: 800;
    font-size: 120px;
    line-height: 115.99999999999999%; 
    color: #34A6F8; 
}
.left_quiz{
    display: grid;
    grid-template-rows: 1fr 1fr;
    height: 100%;
}
.left_img {
    height: 100%;
    overflow: hidden;
}
.info_quiz h3{
color: #333;
}
.left_img img {
    max-width: 1000px;
    max-height: 1000px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.quiz_block{
    padding: 50px;
    padding-bottom: 114px;
    position: relative;
}
.timer_top{
    width: 148px;
    height: 48px; 
    background: var(--orange);
    border-radius: 62px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.timer_nums{ 
    font-weight: 700;
    font-size: 18px;
    line-height: 150%; 
}
.quiz_block_top{
    display: grid;
    grid-template-columns: 148px auto 24px;
    gap: 20px;
    align-items: center;
    margin: 0 0 30px;
}
.quiz_progres_wrapper{
    background: #F8F8F8;
    border-radius: 81px;
    text-align: center; 
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;  
    overflow: hidden;
    color: var(--blue);
    height: 48px;  
    display: flex;
    position: relative;
    /* justify-content: center;
    align-items: center; */
    width: 100%;
}
.title_question{ 
    font-weight: 700;
    font-size: 20px;
    line-height: 150%; 
    margin: 0 0 20px;
    color: #000;
}
.ansver_block{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.ansver_block .answer_group{
    border: 1px solid #F5F5F5;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s linear;
}
.answer_group label{
    cursor: pointer;
}
.ansver_block .answer_group:hover{
    background: #F4F4F4;
}
.answer_group.selected{
    background: #F4F4F4;
}
#question_1 .answer_group{
    padding: 20px ;
    text-align: center;
}
.question_img{
    text-align: center;
    margin: 0 0 20px;
}
.question_img img{
    display: inline;

    object-fit: contain;
    object-position: center;

}
.prise_question{
    background: var(--orange);
    color: #fff;
    min-width: 80px;
    height: 36px; 
    font-weight: 700;
    font-size: 16px;
    line-height: 18px; 
    text-align: center; 
    border-radius: 30px; 
    align-items: center;
    justify-content: center;
    width: max-content;
    display: inline-flex;
}
input[type="radio"] {
    appearance: none; 
    width: 24px;
    height: 24px;
    background: #eeeeee00;
    box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.2em;
    border-radius: 50%;
    transition: all .4s linear;
    cursor: pointer;
    color: #000;
    position: relative;
    top: 5px;
    margin: 0;
  }
 /* .answer_group:hover input[type="radio"], input[type="radio"]:checked {
    background: #000;
    box-shadow: inset 0 0 0 0.6em #F4F4F4, 0 0 0 0.2em;
  } */
  input[type="radio"]:checked {
    background: #000;
    box-shadow: inset 0 0 0 0.4em #F4F4F4, 0 0 0 0.2em #000;
  }
 
  input[type="radio"]:focus {
    outline: 0;
  }
  .quiz_question_start{
      padding-top: 100px;
      max-width: 600px;
      margin: 0 auto;
  }
  .quiz_question_start h2{
      text-align: center
  }
  .quiz_question_start #start_quiz{
      margin-top: 50px;
  }
  .quiz_question_start a {
      text-decoration: underline
  }
  .close_quiz_start{
     position: absolute;
     top: 50px;
     right:50px;
  }
  .quiz_wrapp{
      position: relative
  }
  #nextButton,  #start_quiz{ 
    font-weight: 500;
    font-size: 18px;
    line-height: 150%; 
    width: 285px;
    height: 64px; 
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
 
    border: none;
    background: var(--orange);
    color: #fff;
    transition: all .3s linear;
    cursor: pointer;
  }
  #nextButton:hover, #start_quiz:hover{
      opacity: .6
  }
  #nextButton:disabled{
    color: #757575;
    background: #F4F4F4;
    transition: all .3s linear;
  }
  .prev{
    width: 64px;
    height: 64px; 
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F8F8;
    position: absolute;
    top: 0;
    left: 50px;
  }
  .prev img{
    width: 25px;
  }
  .question_bottom{
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 46px;
    width: 100%;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
  }
  .quiz_question_sm .ansver_block>div{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .quiz_question_sm .answer_group label{
    display: grid;
    grid-template-columns: 24px auto 80px;
    align-items: center;
    gap: 10px;
    padding: 14.5px 20px;
  }
  .quiz_question_sm .answer_group input{
    position: static;
  }
  .quiz_question_sm .answer_group label:has(input:checked){
    font-weight: bold;
  }
  .quiz_question_sm .answer_group  span{
    line-height: 1.1;
  }
  .answer_group label{
    position: relative;
  }
  .styled-checkbox{
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .input-check {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    border: 2px solid #000;
    position: relative; 
    margin-right: 7px;
    transition: 0.4s;
}

.input-check::before {
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    border-bottom: 3px solid #000;
    border-left: 3px solid #000;
    transform: scale(0) rotate(-45deg);
    position: absolute;
    top: 6px;
    left: 4px;
    transition: 0.4s;
}

.answer_group_checkbox label input:checked ~ .input-check {
    background-color: transparent; 
    animation-name: input-animate;
    animation-duration: 0.7s;
}

.answer_group_checkbox label input:checked ~ .input-check::before {
    transform: scale(1) rotate(-45deg);
 
}
.answer_group_checkbox input[type="checkbox"]{
    display: none;
}
 
@keyframes input-check {
    0% {
        transform: scale(0) rotate(-45deg);
    }
    100% {
        transform: scale(1) rotate(-45deg);
    }
}
.more_question_bok .title_question{
    margin-top: 30px;
}
.more_question_bok {
    max-height: 0px;
    height: 0px;
    overflow: hidden;
}
.more_question_bok.show {
    max-height: max-content;
    height: 100%;
}
.quiz_question {
    display: none;  /* Скрываем все вопросы по умолчанию */
}

.quiz_question.active {
    display: block;  /* Показываем только активный вопрос */
}
.fly_img{
    position: absolute;
    bottom: -50px;
    background: #FFFFFF;
    box-shadow: 0px 9px 46.3px 0px #00000040;
    padding: 15px;
    right: 0;
    transform: scale(0);
    transition: all .3s linear;
    z-index: 3;
}
.fly_img:hover{
    transform: scale(1);
}
.fly_img p{ 
    font-weight: 400;
    font-size: 14px;
    line-height: 100%; 
    max-width: 296px;
    width: 100%;
    box-sizing: border-box;
}
.fly_img img{
    max-width: 170px;
    max-height: 160px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    margin: 0 auto 5px;
}
.img_icon{
    display: inline-block;
    position: relative;
    padding-right: 30px;
    display: inline-block;
    width: fit-content;
}
.hover_icon{ 
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2101_665)'%3e%3cpath d='M2.75 11.5C2.75 12.5834 2.96339 13.6562 3.37799 14.6571C3.7926 15.6581 4.40029 16.5675 5.16637 17.3336C5.93245 18.0997 6.84193 18.7074 7.84286 19.122C8.8438 19.5366 9.91659 19.75 11 19.75C12.0834 19.75 13.1562 19.5366 14.1571 19.122C15.1581 18.7074 16.0675 18.0997 16.8336 17.3336C17.5997 16.5675 18.2074 15.6581 18.622 14.6571C19.0366 13.6562 19.25 12.5834 19.25 11.5C19.25 9.31196 18.3808 7.21354 16.8336 5.66637C15.2865 4.11919 13.188 3.25 11 3.25C8.81196 3.25 6.71354 4.11919 5.16637 5.66637C3.61919 7.21354 2.75 9.31196 2.75 11.5Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 7.8335H11.01' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M10.083 10.5835H10.9997V15.1668H11.9163' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2101_665'%3e%3crect width='22' height='22' fill='white' transform='translate(0 0.5)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: contain;
   position: absolute;
   right: 0;
   top: -2px;
}
.hover_icon:hover ~ .fly_img {
    transform: scale(1); /* Показываем .fly_img при наведении на .hover_icon */
}
.step_img{
    width: 151px;
    height: 117px; 
    border-radius: 4px;
    overflow: hidden;
}
.step_img img{
    max-width: 200px;
    max-height: 200px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.step_block{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    
}
.step_block li{
    max-width: 151px;
    list-style: none;
}
.more_about_section{
    margin-top: 20px;
}
.more_about_section p{
    margin: 0 0 15px;
    font-size: 14px;
}
.step_block span{ 
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    display: block;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.more_about_section_bottom{
    margin-top: 30px;
}
 
.more_about_section_bottom .title_question{
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0;
}
.more_about_section_bottom .title_question .hover_icon{
    top: 5px;
}
.fley_text{ 
    font-weight: 400;
    font-size: 14px; 
    padding: 16px;
    background: #fff;
    box-shadow: 0px 9px 46.3px 0px #00000040;
    position: absolute;
    max-width: 447px;
    width: 100%;
    box-sizing: border-box;
    z-index: 3;
    top: -35px;
    left: 270px;
    transform: scale(0);
    transition: all .3s linear;
}
.more_about_section_bottom{
    position: relative;
}
.form_title{ 
    font-weight: 700;
    font-size: 16px;
    line-height: 150%; 
    color: var(--orange);
    text-align: center;
    margin-bottom: 29px;
}
.form_finale_prise{ 
    font-weight: 700;
    font-size: 32px;
    line-height: 150%; 
    text-align: center;
    color: var(--blue);
    margin: 0 0 10px;
}
.form_sub_title{ 
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: #000;
    margin: 0 0 15px;
}
.form_for_quiz{
    max-width: 530px; 
    width: 100%;
    margin: 20px auto 15px;
}
.form_for_quiz input{ 
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 0 15px; 
    color: var(--blue);
    background: #F8F8F8;
    border-radius: 12px;
    overflow: hidden;
    border: none;
}
.form_for_quiz input::placeholder{
    color: #718BAE;
}
.form_for_quiz input:focus, .form_for_quiz input:active{
    outline: 1px solid #718BAE;
}
.form_for_quiz button, .form_for_quiz input[type="submit"]{ 
        font-weight: 500;
        font-size: 18px;
        line-height: 150%; 
        width: 285px;
        height: 64px; 
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        cursor: pointer;
        border: none;
        background: var(--orange);
        color: #fff;
        transition: all .3s linear;  
        margin: 25px auto 0;
}
.form_for_quiz button:hover, .form_for_quiz input[type="submit"]:hover{
    opacity: .6;
}
.rew_img{
    width: 30px;
    height: 30px; 
    border-radius: 50%;
    overflow: hidden;
}
.rew_img img{
    max-width: 100px;
    max-height: 100px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.rew_item_top span{ 
    font-weight: 700;
    font-size: 16px;
    line-height: 121%;  
}
.rew_item_top{
    display: grid;
    grid-template-columns: 30px auto;
    align-items: center;
    gap: 10px;
    margin: 0 0 6px;
}
.quiz_question_start h4{
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px
}
.quiz_question_start p{
    margin: 0
}
.rew_item p{ 
    font-weight: 400;
    font-size: 14px;
    line-height: 121%;  
}
.rew_item{
    padding: 10px 15px 13px;
    border: 1px solid #F5F5F5;
    border-radius: 12px;
}
.rew_block{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin: 0 0 20px; 
}
.bottom_info_tel{
    text-align: center;

}
.bottom_info_tel p{ 
    font-weight: 400;
    font-size: 18px;
    line-height: 100%; 
    color: #000;
    margin: 0 0 10px;
}
.bottom_info_tel a{ 
    font-weight: 700;
    font-size: 36px;
    line-height: 126%; 
    color: var(--orange);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap:15px;
    text-decoration: none;
}
.bottom_info_tel a::before{
    content: "";
    display: block;
    width: 50px;
    height: 50px;
   background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_12_6)'%3e%3cpath d='M25 50C38.8071 50 50 38.8071 50 25C50 11.1929 38.8071 0 25 0C11.1929 0 0 11.1929 0 25C0 38.8071 11.1929 50 25 50Z' fill='%23FF6B00'/%3e%3cpath d='M33.79 23.2832C31.2438 28.509 26.7131 32.6637 21.0801 34.9161L20.1773 35.2952C18.1114 36.1625 15.683 35.5036 14.423 33.7339L13.243 32.0766C12.8593 31.5377 12.9761 30.812 13.5121 30.4045L17.5138 27.3625C18.1015 26.9157 18.9658 27.0197 19.4155 27.5915L20.6535 29.1656C23.83 27.6891 26.409 25.2588 27.9759 22.2655L26.3055 21.099C25.6988 20.6753 25.5883 19.8609 26.0625 19.307L29.2909 15.536C29.7233 15.0311 30.4932 14.921 31.065 15.2822L32.8359 16.4012C34.7257 17.5952 35.4211 19.9024 34.4794 21.8543L33.791 23.2811L33.79 23.2832Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_12_6'%3e%3crect width='50' height='50' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: contain;
}
.active#question_7 ~ .question_bottom #nextButton{
    display: none;
}
 
.active#question_7 ~ .question_bottom .bottom_info_tel{
    display: block;
}
 #question_7 ~ .question_bottom .bottom_info_tel{
    display: none;
 }
 #question_7>p{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
 }
 

.quiz_progres_bar {
    height: 100%;
    width: 0%; /* Ширина полосы прогресса */
    background-color: var(--orange); /* Цвет полосы прогресса */
    transition: width 0.3s ease; /* Плавное изменение ширины */
}

.quiz_progres_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 
}
.more .quiz_progres_text{
    position: static;
    transform: none;
    padding-right: 30px;
}
.more .quiz_progres_bar{
    display: flex;
    justify-content: end;
    align-items: center;
}
.form_for_quiz br{
    display: none;
}
#question_1 .answer_group span{
    display: inline-block;
    margin-left: 10px;
}
.form_finale_prise{
    display: none !important;
}
#question_1.active ~ .question_bottom .prev{
    display: none;
}
 
#all_answers{
    display: none;
}
#modal_quiz{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #00000059;
    right: 0;
    display: none;
    height: 100vh;
    width: 100%;
}
#modal_quiz.show{
    display: flex;
}
#modal_quiz>div{
    height: 100%;
}
body.overlay{
    height: 100vh;
    overflow: hidden
}

.header-contact {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 10px;
    font-weight: bold;
    line-height: 1;
    color: #000;
}

span.header-time {
    font-size: 10px;
}

#topNavMenu ul li a {
    padding-top: 36px;
    padding-bottom: 44px;
    transition: 0s;
}

#topNavMenu ul li a::after{
    height: 10px;
    border-radius: 20px 20px 0 0;
    background-color: #FF6B00;
    left: -15px;
    right: -15px;
    width: auto;
}

#topNavMenu ul li a:hover,
#topNavMenu ul li a.elementor-item-active {
    /* font-weight: bold; */
    color: #FF6B00;
}

.margin-p p {
    margin-bottom: 1.4rem;
}

.pop-services.elementor-widget-image-box .elementor-image-box-content {
    max-width: 220px;
    margin: 0 auto;
}

.pop-services p {
    margin-bottom: 0.7rem;
}

.pop-services a.services-more + .services-more {
    margin: 0;
}

.pop-services a.services-more {
    color: var(--orange);
    font-size: 18px;
    font-weight: 600;
}

.pop-services a.services-more:hover {
    color: var(--orange-second);
}

.pop-services figure img {
    margin: 0 auto;
}

.what-you p strong {
    font-weight: 600;
}

.what-you ul {
    margin-bottom: 52px;
    padding-left: 25px;
    margin-top: 25px;
}

.what-you ul li {
    font-size: 18px;
    line-height: 200%;
}

.what-you ul li + li {
    /* margin-top: 7px; */
}

#home-faq details {
    border: .5px solid #0d0d0d;
    border-radius: 5px;
}

body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='a9ad3da440993581e866abe1eeb'] .ti-widget-header .ti-header-content .ti-header-write-btn-container .ti-header-write-btn {
    background-color: var(--orange) !important;
    color: #fff !important;
}

body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='a9ad3da440993581e866abe1eeb'] .ti-controls-line .dot {
    background-color: var(--orange) !important;
}

body .ti-widget[data-layout-id='14'][data-set-id='ligth-border'][data-pid='a9ad3da440993581e866abe1eeb'] .ti-controls-line {
    background: #f7d9c5 !important;
}

body .progress-wrap svg.progress-circle path {
    stroke: var(--orange) !important;
}

body .elementor-field-type-checkbox span.elementor-field-option {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-info-block {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #00000059;
    z-index: 1000;
}

.allgallery-overlay {
    position: fixed;
    inset: 0;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: #00000059;
    z-index: 90;
    display: none;
    z-index: 100;
}

.modal-info-container {
    max-height: calc(100vh - 5rem);
    width: min(896px, 94vw);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    box-sizing: border-box;
    position: relative;
}

.modal-info-content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 30px 50px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    display: none;
}

.modal-info-content p {
    margin-bottom: 0.2rem;
}

.modal-info-content ul {
    padding-left: 23px;
    margin-bottom: 0.2rem;
    font-weight: 300;
}

.close-info-modal {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0.25rem 0.5rem;
}

.close-info-modal.sticky {
    position: sticky;
    top: 0.5rem;
    z-index: 10;
    background: rgba(255,255,255,0.9);
    border-radius: 6px;
}

.modal-info-content h2 {
    margin-top: 0;
    margin-bottom: 5px;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.modal-info-content .fz18 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.modal-info-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0.5rem 0;
}
.modal-info-flex {
    display: flex;
    gap: 20px;
    /* flex-wrap: wrap; */
    margin-bottom: 0.2rem;
}

.modal-info-flex img {
    width: auto;
    height: 135px;
}

.e-gallery-item.is-hidden { display: none !important; }

.slickwprev-dots li button:hover,
.slickwprev-dots li button:focus {
    background-color: var(--orange-second);
}

body a.wprev-google-wr-a {
    background: var(--orange) !important;
}

body a.wprev-google-wr-a:hover {
    background: var(--orange-second) !important;
}

body img.wprev_media_img {
    height: 80px;
}

@media screen and (max-width: 1199px) {
    .quiz_wrapp{
        grid-template-columns: 280px auto;
    }
    .left_quiz{
        width: 100%;
    }
    .info_quiz h3{
        font-size: 22px;
        line-height: 1.2;
    }
    .info_quiz{
        padding: 30px;
    }
    .quiz_block{
        padding: 30px 30px 144px;
    }
    .quiz_num{
        font-size: 100px;
    }
    #topNavMenu ul li a {
        padding-top: 26px;
        padding-bottom: 24px;
    }
    #topNavMenu ul li a::after {
        height: 0px;
    }
    .header-tel .elementor-icon-box-content{
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .header-tel .elementor-icon-box-title {
        margin: 0 !important;
        padding: 0 !important;
    }
    .what-you ul {
        margin-bottom: 20px;
    }
    .what-you ul li {
        font-size: 14px;
    }
}
@media screen and (max-width: 1024px) {
    .quiz_wrapp{
        display: flex;
        flex-direction: column;
    }
    .left_quiz{
        /* height: 230px; */
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }
    .info_quiz{
        padding: 20px;
        text-align: left;
    }
    .info_quiz h3{
        margin: 0 0 20px;
    }
    .quiz_num{
        font-size: 70px;
        margin-top: 10px;
    }
    .quiz_question_start{
        padding:50px 40px;
    }
    .quiz_contain{
        padding: 50px 0;
    }
    .close_quiz_start{
         top: 270px;
         right: 40px;
    }
    span.header-contact {
        font-size: 9px;
        padding: 5px 12px;
    }
    span.header-time {
        font-size: 7px;
    }
}
@media screen and (max-width: 767px){
    .header-tel .elementor-icon-box-content{
        flex-direction: column;
        gap: 0px;
    }
    span.header-contact {
        font-size: 16px;
    }
    span.header-time {
        font-size: 10px;
    }
    .margin-p p {
        margin-bottom: 0.5rem;
    }
    .pop-services a.services-more {
        font-size: 15px;
    }

    .info_quiz h3{
        font-size: 12px;
    }
    .info_quiz {
        padding: 15px;
    }
    .info_quiz p{
        font-size: 10px;
        margin: 0;
    }
    .question_img img{
        display: block;
        max-width: 130px;
    max-height: 60px;
    width: 100%;
    height: 100%;
    }
     .close_quiz_start{
         top: 150px;
         right: 20px;
    }
    .quiz_num{
        font-size: 42px;
        margin: 0;
    }
    .info_quiz h3{
        margin: 0 0 10px;
    }
    .quiz_wrapp{
        max-width: 500px;
    }
    .left_quiz{
        /* height: 130px; */
        grid-template-columns: 1.2fr 1fr;
    }
    .info_quiz ul {
        gap:3px;
        font-size: 10px;
    }
    .quiz_block{
        padding: 25px 15px 138px;
    }
    .timer_top{
        width: 55px;
        height: 23px;
        gap: 2px;
    }
    .timer_top img{
        display: block;
        width: 12px;
    }
   .quiz_contain{
        padding:0;
    }
    .timer_nums{
            font-size: 10px;
    }
    .quiz_block_top{
        grid-template-columns: 55px auto 24px;
        gap: 7px;
    }
    .quiz_progres_wrapper{
        height: 23px;
    }
    .quiz_progres_text{
        font-size: 12px;
    }
    .close_quiz {
        transform: scale(.7);
    }
    .title_question{
        font-size: 20px;
        margin: 0 0 10px;
    }
    #question_1 .answer_group{
        padding: 11px 20px;
    }
    .ansver_block{
        gap: 10px;
    }
    input[type="radio"]{
        width: 15px;
        height: 15px;
        top:1px;
    }
    .quiz_block{
        min-height: calc(80vh - 137px);
        box-sizing: border-box;
        max-height: max-content;
    }
    .quiz_question_start{
        padding: 30px 20px;
    }
    .prev{
       width: 48px;
        height: 48px;
        left: 20px;
    }
    #nextButton{
        margin-left: 60px;
    }
    .modal-info-content{
        padding: 25px 15px;
    }
    .modal-info-flex{
        margin-top: 10px;
        margin-bottom: 10px;
        gap: 10px;
    }
    .modal-info-flex img{
        margin: 0;
        max-height: 75px;
        height: auto;
    }
}

@media screen and (max-width: 680px){
    .pop-services.mob-call-us .elementor-image-box-img{
        margin-bottom: 37px !important;
    }
    #nextButton, #start_quiz{
        font-size: 14px;
        width:70%;
        max-width: 400px;
       height: 48px;
       transition: all .3s linear;
    }
    #question_1.active ~ .question_bottom #nextButton{
        width:90%;
        margin-left:0;
    }
    .question_bottom{
        bottom: 20px;
    }
    .ansver_block{
        display: flex;
        flex-direction: column;
    }
    input[type="radio"]:checked{
        box-shadow: inset 0 0 0 0.2em #F4F4F4, 0 0 0 0.1em #000;
    }
    input[type="radio"]{
        box-shadow: inset 0 0 0 0.4em white, 0 0 0 0.1em;
    }
    .input-check{
        width: 15px;
        height: 15px;
    }
    .input-check::before{
        top: 1px;
        left: 1px;
        width: 9px;
    }
    .prise_question{
        font-size: 16px;
        min-width: 60px;
        height: 25px;
    }
    .quiz_question_sm .answer_group label{
        padding: 14px 10px;
        grid-template-columns: 15px auto 60px;
    }
    .quiz_question_sm .answer_group span{
        font-size: 16px;
    }
    .quiz_question_sm .ansver_block>div{
        gap: 10px;
    }
    #question_2>.ansver_block{
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        padding-bottom: 55px;
    }
    #question_2>.ansver_block .answer_group_checkbox{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    #question_2>.ansver_block span{
        display: -webkit-box;
        -webkit-box-orient: vertical;  
        /* -webkit-line-clamp: 1; */
        font-size: 16px;
        overflow: hidden;
    }
    .ansver_block .answer_group{
        border-radius: 6px;
    }
    .fly_img{
        width: 150px;
        padding: 10px;
        box-sizing: border-box;
    }
    .fly_img img{
        max-height: 78px;
    }
    .fly_img p{
        font-size: 12px;
    }
    .step_img{
        width: 67px;
        height: 51px; 

    }
    .more_about_section p{
        font-size: 16px;
    }
    .step_block span{
        font-size: 16px;
    }
    .hover_icon{
        width: 20px;
        height: 20px;
    }
    .more_about_section_bottom .title_question{
        padding-right: 20px;
    }
    #question_1 .ansver_block{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .more_about_section_bottom .ansver_block{
        display: grid;
        grid-template-columns: 1fr;
    }
    .form_title, .form_finale_prise{
        font-size: 16px;
    }
    .form_sub_title{
        font-size: 16px;
    }
    .form_for_quiz input{
        font-size: 16px;
        height: 45px;
        border-radius: 8px;
        margin: 0 0 5px;
    }
    .form_for_quiz button, .form_for_quiz input[type="submit"]{
        height: 48px;
        font-size: 14px;
        margin-top: 10px;
        max-width: 500px;
        width: 100%;
    }
    .rew_block{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .rew_img{
        width: 15px;
        height: 15px;
    }
    .rew_item_top{
        grid-template-columns: 15px auto;
        margin: 0 0 3px;
    }
    .rew_item_top span{
        font-size: 16px;
    }
    .rew_item_top p{
        font-size: 16px;
    }
    .bottom_info_tel a{
        font-size: 20px;
    }
    .bottom_info_tel a::before{
        width: 25px;
        height: 25px;

    }
    .rew_item p{
        font-size: 16px;
    }
    .bottom_info_tel a{
        gap: 5px;
    }
    .quiz_wrapp{
        margin: 20px auto 100px;
        width: 90%;
    }
    #question_1 .answer_group span{
        font-size: 12px;
    }
    #question_1 input[type="radio"]{
        float: left;
    }
    #question_1 .answer_group span{
        margin: 0;
    }
    .question_img{
        max-height: 60px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fley_text{
        width: 90%;
        left: 7%;
        top: -90px;
    }
    #question_7 ~ .question_bottom .bottom_info_tel{
        top: -60px;
    position: relative;
    }
}