/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
   font-family: 'Circe';
   font-style: normal;
   font-weight: normal;
   src: local('Circe'), url('../../../../../../../local/media/fonts/form_reg/CRC55.woff') format('woff');
}


@font-face {
   font-family: 'Circe Extra Light';
   font-style: normal;
   font-weight: normal;
   src: local('Circe Extra Light'), url('../../../../../../../local/media/fonts/form_reg/CRC25.woff') format('woff');
}


@font-face {
   font-family: 'Circe Light';
   font-style: normal;
   font-weight: normal;
   src: local('Circe Light'), url('../../../../../../../local/media/fonts/form_reg/CRC35.woff') format('woff');
}


@font-face {
   font-family: 'Circe Bold';
   font-style: normal;
   font-weight: normal;
   src: local('Circe Bold'), url('../../../../../../../local/media/fonts/form_reg/CRC65.woff') format('woff');
}

*{
   padding: 0;
   margin: 0;
   border: 0;

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

:focus,:active{outline: none;}
a:focus,a:active{outline: none;}


nav,footer,header,aside{display: block;}

html,body{
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 16px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}


input,button,textarea{font-family: inherit; }



input::-ms-clear{display: none;}
button{cursor: pointer;
   padding: 0;
   border: none;
   font: inherit;
   color: inherit;
   background-color: transparent;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size: inherit;font-weight: inherit;}

:root{
   --primary-default:#96C850;
   --primary-hover:#769F3C;
   --primary-disabled:#DCE0E5;
   --text-default:#47474D;
   --secondary-hover:#47474D;
   --gray-text:#7B808B;
   --gray-bg:#F5F6F7;
   --red:#E6193C;
   --gray-border:#C4C4C4;
   --profile-bg:#FFF3E8;
   --placeholder:#ABB1BC;


}
.registration-steps{
   font-size: 16px;
   font-weight: 400;
   color:var(--text-default);
   font-family:'Circe';
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100vh;
   transition: opacity 0.2s;
   position: fixed;
   z-index:1000;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   opacity: 0;
   pointer-events: none;

}
.registration-steps-bg{
   cursor: pointer;
   background-color: #2323236a;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 120vh;
}
.registration-steps.active{
   opacity: 1;
   pointer-events: all;
}
.registration-steps .greentext{
   color:var(--primary-default);
   
}
.registration-steps__back,.registration-steps__close{
   transition: opacity 0.2s!important;
   width: 20px;
   height: 20px;
}
.registration-steps .inputalert {
   transition: opacity 0.2s!important;
   opacity: 0;
}
.registration-steps__step-inputattention{
   font-size: 12px;
   color: var(--red);
   position: absolute;
   left: 0;
   bottom: 0px;
}
.registration-steps__step-attention.inputalert{
   font-size: 12px;
   color: var(--red);
   height: 10px;
   display: block;
   transition: all 0.2s!important;
}
.registration-steps__step-inputalert{
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}
.registration-steps .inputalert.active,.needAlert .inputalert{
   opacity: 1;
}
.scheduleCnt__footer-btn{
   color: var(--primary-default);
}
.registration-steps__step-attention.active {
   opacity: 1;
   margin: 4px 0;
}
.registration-steps__back:hover,.registration-steps__close:hover{
   opacity: 0.7;
}
.registration-steps a{
   transition: color 0.2s;
}
.registration-steps button{
   transition: color 0.2s, background-color 0.2s, opacity 0.3s;
}
.scheduleCnt__footer-btn:hover,.registration-steps__link:hover,.registration-steps__step-smsBtn:hover{
   color:var(--primary-hover);
   
}


.registration-steps__step-smsBtn{
   text-decoration: underline;
   font-size: 16px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
}
.registration-steps__step-smsBtnCnt{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: -12px;
   
}
.registration-steps .hidden{
   display: none!important;
}

.registration-steps__popup{
   max-width: 500px;
   max-height: 550px;
   width: 100%;
   height: 100%;
   padding: 20px;
   border-radius: 10px;
   background: #FFF;
   box-shadow: 0px 20px 25px 0px rgba(0, 0, 0, 0.10);
   height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   overflow: auto;
   position: relative;
   z-index: 2;
   transition: all 0.2s;
}
.registration-steps__popup.activeStep4{
   max-width: 580px;
   max-height: 90vh;

}

/* width */
.scheduleCnt__header-btn-nav-ul::-webkit-scrollbar,.informer-popup::-webkit-scrollbar,.step4__cnt::-webkit-scrollbar,.registration-steps__popup::-webkit-scrollbar {
   width: 5px;
   height: 5px;
 }
 
 /* Track */
 .scheduleCnt__header-btn-nav-ul::-webkit-scrollbar-track,.informer-popup::-webkit-scrollbar-track,.step4__cnt::-webkit-scrollbar-track,.registration-steps__popup::-webkit-scrollbar-track {
   background: var(--primary-disabled);
   border-radius: 5px;
 }
 
 
 /* Handle */
 .scheduleCnt__header-btn-nav-ul::-webkit-scrollbar-thumb,.step4__cnt::-webkit-scrollbar-thumb,.registration-steps__popup::-webkit-scrollbar-thumb {
   background: var(--primary-default);
   border-radius: 5px;
 }
 .informer-popup::-webkit-scrollbar-thumb{
   background: var(--gray-text);
   border-radius: 5px;
 }


.registration-steps__header{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.registration-steps__main{
   padding-top: 20px;
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
}
.registration-steps__step-header .needOpac{
   transition: opacity 0.2s;

}
.registration-steps__step-header{
   position: relative;
   transition: height 0.2s;
   height: 304px;
}
.registration-steps__logo{
}
.registration-steps__step-wrap{
   flex: 1 1 auto;
   overflow: hidden;
   position: relative;
   width: 100%;
   transition: height 0.2s;
}
.registration-steps__step-wrap.nextStep{
   
   min-height: 430px;
}
.registration-steps__step-wrap.nextStepProfile{
   
   min-height: 430px;
}
.registration-steps__step{
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   background-color: #fff;
}
.registration-steps__step-cnt{
   width: 100%;
   padding-top: 27px;
   max-width: 268px;
   flex: 1 1 auto;

}
.registration-steps__step-cnt.cntSm{
   padding-top: 19px;

}
.registration-steps__step-descr{
   font-size: 21px;
   margin: 10px 0;
   text-align: center;
   line-height: 21px;
}
.fattext{
   font-weight: 700;
}
.registration-steps__step-bgImg{
   width: 268px;
   object-fit: cover;
   border-radius: 10px;
   height: 200px;
   object-position: top;
}
.registration-steps__step-form{
   line-height: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.registration-steps__step-form h2{
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 17px;
}
.registration-steps__step-form label{
   font-size: 12px;
   width: 100%;
   text-align: left;
   margin-bottom: 7px;
   color: var(--gray-text);
}
.registration-steps .input,.registration-steps-input .input{
   width: 100%;
   font-size: 16px;
   text-align: left;
   color: var(--gray-text);
   padding: 14px 8px 10px;
   background-color: var(--gray-bg);
   border-radius: 2px;
   border: 1px solid var(--primary-disabled);
   transition: all 0.2s;
}
.registration-steps__step-smsCol {
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid var(--primary-disabled);
   transition: all 0.2s;
   border-radius: 4px;
   font-size: 24px;
   background-color: var(--gray-bg);
   width: 51px;
   height: 58px;

}
.registration-steps__step-sms.focused .registration-steps__step-smsCol,.registration-steps__step-smsCol.active {
   
   background-color: #fff;

}
.registration-steps__step .input.alert,.registration-steps__step-smsCol.alert{
   border: 1px solid var(--red);
   color: var(--red);

   border-radius: 4px;
}
.registration-steps__step-form .input:focus{
   background-color: #FFF;
}
.registration-steps__step-inputcnt{
   width: 100%;
   margin-bottom: 16px;

   display: block;
   position: relative;
}
.registration-steps__step-form span{
   font-size: 14px;
   line-height: 14px;
}
.registration-steps__submit{
   margin-top: auto;
   text-transform: uppercase;
   background-color: var(--primary-default);
   color: #fff;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: 500;
   font-size: 16px;
   padding: 0px 20px;
   width: 100%;
   border-radius: 50px;
   margin-top: 16px;
   margin-bottom: 16px;
}
.registration-steps__step-smsTimer{
   transition: opacity 0.3s;
   color: #fff;
   width: 264px;
   height: 26px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
   background: var(--primary-disabled);
   font-size: 16px;
}

.registration-steps__submit:hover{
   background-color: var(--primary-hover);

}
.registration-steps__submit.disabled{
   background-color: var(--primary-disabled);
   pointer-events: none
   
}

.step2,.step3,.step4{
   position: absolute;
   top: 0;
   left: 0;
   opacity: 0;
   z-index: 2;
   pointer-events: none;
   transform: translateX(300px);
   transition: transform 0.3s, opacity 0.3s;
}
.step3 .registration-steps__step-descr{
   font-size: 16px;
   line-height: 18px;
}
.step3{
   z-index: 4;
   width: 100%;
   background-color: #fff;
}
.step2.active,.step3.active,.step4.active{
   opacity: 1;
   transform: translateX(0px);
   pointer-events: all;
}
.step2.activeStep3 .registration-steps__step-header{
   height: 274px;
   overflow: hidden;
   
}
.step2.activeStep3 .registration-steps__step-header .needOpac{
   opacity: 0;
}
.minusOpac{
   opacity: 0;
   pointer-events: none;
}

.registration-steps__step-sms{

   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}
.registration-steps__step-smsInput{
   background-color: #47474D;
   color: #fff;
   height: 0;
   opacity: 0;
   width: 0;
   overflow: hidden;
}
.registration-steps__step-smsTimerMspan{
   width: 240px;
   text-align: left;
   display: inline-block;
}
.registration-steps__step-smsTimerSpan{
   width: 20px;
   text-align: center;
   display: inline-block;
}
.eventsNone{
   pointer-events: none!important;
}




.registration-steps-input{
  
   position: relative;
   
}
.registration-steps-input .icon{
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
}


.registration-steps-input.schedule{
   font-size: 16px;
   font-weight: 400;
   font-family:'Circe';
}
.registration-steps-input .scheduleCnt{
   border-radius: 8px;
   background: #EEE;
   pointer-events: none;
   opacity: 0;
   transition: opacity 0.2s;

}
.registration-steps-input .scheduleCnt.active{
   opacity: 1;
   z-index: 2;
   pointer-events: all;
}
.registration-steps-input .input{
   cursor: pointer;
   
}
.registration-steps-input img{
   pointer-events: none;
   
}
.registration-steps-input{
   
}
.registration-steps-input{
   
}
.registration-steps-input{
   
}
.scheduleCnt{
   position: absolute;
   top: 71px;
   left: 50%;
   transform: translateX(-50%);
   height: auto;
   width: auto;
   min-width: 100%;
}
.registration-steps__step4-inputcnt {
   transition: margin 0.2s;
   position: relative;
}
.step4-inputcnt-tel-cnt .registration-steps__step-inputattention{
   color: var(--placeholder);
   font-size: 10px;
   font-weight: 500;
   line-height: 16px;
}

.scheduleCnt__header{
   font-size: 14px;

   padding: 8px 0 ;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.scheduleCnt__header button{
   width: 40px;
   height: 40px;
}
.scheduleCnt__header-day{
   display: flex;
   align-items: center;
   justify-content: center;
}
.scheduleCnt__header-day-next,.scheduleCnt__header-year-next{
   transform: rotate(180deg);
}
.scheduleCnt__header-day-place{
   width: 30px;
   text-align: center;
}
.scheduleCnt__headerCnt{
   display: flex;
   align-items: center;
}
.scheduleCnt__header-month,.scheduleCnt__header-year{
   display: flex;
   align-items: center;
   position: relative;
   justify-content: space-between;
}
.scheduleCnt__header-year{
   min-width: 50px!important;
}
.scheduleCnt__header-year img,.scheduleCnt__header-month img{
   transition: transform 0.2s;
}
.scheduleCnt__header-year.active img,.scheduleCnt__header-month.active img{
   transform: rotate(180deg);
}
.scheduleCnt__header-month{
   min-width: 65px!important;

   margin-right: 10px;
}
.scheduleCnt__days{
   padding: 0 8px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.scheduleCnt__days p {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
}
.scheduleCnt__dates{
   height: 296px;
   overflow: hidden;
   position: relative;
}
.scheduleCnt__dates-btnCnt{
   position: absolute;
   top: 0;
   left: 0;
   padding: 0 8px;
   display: grid;
   grid-template-columns: repeat(7,48px);
   grid-template-rows: repeat(6,48px);
   transition:transform 0.5s,opacity 0.7s;
   background-color: #EEE;
}
.scheduleCnt__dates-btnCnt.startAnimPrev{
   transform: translateX(-100%);
   opacity: 0;
   z-index: 1;
}
.scheduleCnt__dates-btnCnt.startAnimNext{
   transform: translateX(100%);
   opacity: 0;
   z-index: 1;
}
.scheduleCnt__dates-btn{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 48px;
   height: 48px;
   opacity: 0.5;
   width: 40px;
   height: 40px;
   margin: 4px;
   position: relative;
}

.scheduleCnt__dates-btn.active{
   opacity: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   
}
.scheduleCnt__dates-btn.activeDay{
   border-radius: 8px;
   opacity: 1;

   color: #fff;
   background: var(--primary-default);

}
.scheduleCnt__dates-btn.disableDay{
   border-radius: 8px;
   opacity: 1;

   color: #fff;
   background: var(--primary-disabled);

}

.scheduleCnt__footer{
   padding: 8px 12px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.scheduleCnt__footer-btn{
   padding: 10px 12px;

}

.registration-steps__step.step4{
   margin-top: 31px;
   padding-top: 9px;
   border-top: 1px solid #C4C4C4;
   height: max-content;

}
.step4__title{
   margin: 0px 0 16px;
   font-size: 16px;
   font-weight: 700;
   line-height: 20px;
   /*text-align: start;*/
   display: inline-block;
   width: 100%;
}
.step4__header{
   display: none;
   background-color: var(--profile-bg);
   align-items: center;
   justify-content: center;
   flex-direction: row;
   gap: 20px;
   font-size: 12px;
   font-weight: 400;
   line-height: 13px;
   border-radius: 8px;
   padding: 5px 60px;
}
.step4__header.active{
   display: flex;
}
.step4__img{
   /*margin-right:10px ;*/
}
.step4-body{
   width: 100%;
}
.step4-input{
   margin-top: 16px;
   width: calc(50% - 10px);
}
.step4-body__inputs{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
}
.step4-input .input{
   border: none;
}
.step4-input label{
   color: var(--gray-text);
   font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.step4-input .input::placeholder{
color: var(--placeholder);
}

/* @media (max-width:400px) {
   .scheduleCnt{
      transform:translate(-50%,-50px) scale(0.8);
   }
} */
.scheduleCnt{
   transform:translate(-50%,-80px) scale(0.7);
}

.step4__cnt{
   width: 100%;
   margin-top: 16px;
}

.step4-body__checks h3{
   font-size: 12px;
   font-weight: 500;
   line-height: 16px;
   color: var(--gray-text);
   margin-bottom: 7px;
   display: block;
   width: 100%;
}
.step4-footer__checks,.step4-body__checks{
   width: 230px;
   margin: 0 auto;
   padding-top: 19px;
   font-size: 16px;
   font-weight: 400;
   line-height: 20px;
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap; 
}

.step4-footer__checkBox,.step4-body__checkBox{
   pointer-events: none;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid var(--text-default);
   border-radius: 100%;
   width: 16px;
   height: 16px;
   margin-right: 15px;
   flex: 0 0 auto
}
.step4-body__checkBox.disabled{
   
   border: 1px solid var(--placeholder);
   background-color: var(--gray-bg);
   
}
.step4-body__check.disabled{
   color:var(--placeholder);
}
.step4-footer__check,.step4-body__check{
   align-items: flex-start;
   justify-content: center;
   display: flex;
   padding-right: 15px;
}
.step4-footer__check:last-child,.step4-body__check:last-child{
   padding-right: 0;
}
.step4-footer__check.active .step4-footer__checkBoxCenter,.step4-body__check.active .step4-body__checkBoxCenter{
   width: 10px;
   height: 10px;
   background-color: var(--primary-default);
   border-radius: 100%;

}
.step4-input-email{
   width: 100%;
}

.step1-ok, .step4-ok{
   font-size: 12px;
   font-weight: 400;
   line-height: 16px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 16px;

}
.step1-ok__block, .step4-ok__block{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 18px;
   height: 18px;
   border-radius: 4px;
   border: 1px solid var(--text-default);
   margin-right: 8px;
   flex: 0 0 auto;
   cursor: pointer;
}
.step1-ok__block.alert, .step4-ok__block.alert{
  
   border: 1px solid var(--red);
   
}
.step4-ok .registration-steps__link{
   text-decoration: underline;
}
.step1-ok__img, .step4-ok__img{
   width: 12px;
   height: 12px;
   pointer-events: none;
   opacity: 0;
}
.step1-ok__block.active .step1-ok__img,
.step4-ok__block.active .step4-ok__img{
   opacity: 1;
}

.step4-footer{
   display: flex;
   align-items: center;
   justify-content: flex-start;
   overflow: hidden;
   background: rgba(172, 207, 120, 0.40);
   border-radius: 8px;
   margin-top: 16px;
   height: 90px;
}
.step4-footer__img{
   transform: rotate(90deg);
   margin-left: -20px;
}

.step4-footer__checks{
   padding: 0;
}
.step4-footer__check{
   width: 50%;
   text-align: left;
   line-height: 16px;
   align-items: center;

}
.step4-footer__checks h3{
   display: block;
   width: 100%;
   padding: 9px 21px;
   font-weight: 700;
   line-height: 20px;
}
.step4-footer__checkBox{
   background-color: var(--gray-bg);
   margin-right: 8px;
}
.step4-footer__checks{
   margin: 0;
   flex:1 1 auto;
   padding-left: 23px;
}

.step4-footer-card{
   overflow: hidden;

   display: grid;
   grid-template-rows: 0fr;
   transition: all 0.2s;
}
.step4-footer-card__header{
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 16px 0;
}
.step4-footer-card__title{
   font-size: 16px;
   font-weight: 700;
   line-height: 20px; 
}

.step4-footer-card-card{
   border-radius: 15px;
   background: #FFF;
   box-shadow: 12px 11px 35px 0px rgba(0, 0, 0, 0.14);
   max-width: 372px;
   margin: 0 auto;
   position: relative;
   padding: 10px 36px 45px;
   margin-bottom: 32px;
   overflow: hidden;
}
.step4-footer-card-card__wrap{
   min-height: 0;
   
}
.step4-footer-card.active{
   
   grid-template-rows: 1fr;
}
.step4-footer-card-card__bg{
   position: absolute;
   z-index: 0;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: bottom;
}
.step4-footer-card-card__title{
   position: relative;
   z-index: 1;
   font-size: 16px;
   font-weight: 400;
   line-height: 18px;
   color: #767474;
}
.step4-footer-card-card__number{
   position: relative;
   z-index: 1;
   margin: 9px 0;
   font-size: 16px;
   font-weight: 400;
   line-height: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 16px 2px;
   border-radius: 4px;
   border: 1px solid var(--text-default);
   cursor: pointer;
}
.step4-footer-card-card__number.alert{
   border: 1px solid var(--red);
}
.step4-footer-card-card__numberInput{
   opacity: 0;
   pointer-events: none;
   width: 0;
   height: 0;
   overflow: hidden;
}
.step4-footer-card-card__col{
   margin: 0 4px;
   background-color: #EEE;
   border-radius: 2px;
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top:4px;
}
.step4-footer-card-card__pin{
   position: relative;
   z-index: 1;
   display: flex;
   align-items: flex-end;
   flex-direction: column;
}
.step4-footer-card-card__pin-title{
   font-weight: 400;
   line-height: 18px;
   color: #767474;
   width: 140px;   
   display: block;
}
.step4-footer-card-card__pin-info{
   cursor: pointer;
   margin-left: 5px;
}
.step4-footer-card-card__pinNumber{
   width: 140px;
   font-size: 16px;
   margin-top: 7px;
   font-weight: 400;
   line-height: 24px;
   display: flex;
   align-items: center;
   justify-content: space-around;
   padding: 16px 10px;
   border-radius: 4px;
   border: 1px dashed var(--text-default);
   cursor: pointer;
}
.step4-footer-card-card__pinNumber.alert{
   border: 1px dashed var(--red);

}
.step4-footer-card-card__pinNumber.focused .step4-footer-card-card__pincol{
   border-bottom: 1px solid var(--text-default);
}

.step4-footer-card-card__number.focused .step4-footer-card-card__col{
   border-bottom: 1px solid var(--text-default);
}
.step4-footer-card-card__number.alert.focused .step4-footer-card-card__pincol, .step4-footer-card-card__number.focused.alert .step4-footer-card-card__col{
   border-bottom: 1px solid var(--red);

}
.step4-footer-card-card__pincol{
   width: 24px;
   height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top:4px;
}
.step4-footer-card-card__pinInput{
   opacity: 0;
   pointer-events: none;
   width: 0;
   height: 0;
   overflow: hidden;
}

.informer-popup{
   z-index: 5;
   
   border-radius: 8px;
   background: #FFF;
   display: flex;
   flex-direction: column;
   align-items: center;
   overflow: auto;
   position: absolute;
   bottom: 40px;
   left: 50%;
   transform: translateX(-50%);
   max-height: 100%;
   max-width: 100%;
   width: max-content;
   box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.10);

   transition: opacity 0.2s;
   opacity: 0;
   pointer-events: none;
}
.informer-popup.active{
   opacity: 1;
   pointer-events: all;
}
.informer-popup__header{
   width: 100%;
   background-color: var(--text-default);
   font-weight: 500;
   line-height: 20px;
   color: #fff;
   padding: 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.informer-popup__imgs{
   margin: 17px 0 39px;
   max-width: 100%;
}
.informer-popup__close{
   cursor: pointer;
   margin-left: 7px;
}
.scheduleCnt__header-year .scheduleCnt__header-btn-nav{
   text-align: center;
}
.scheduleCnt__header-btn-nav{
   display: grid;
   grid-template-rows: 0fr;
   overflow: hidden;
   position: absolute;
   background: #fff;
   top:100%;
   left: 50%;
   transform: translateX(-50%);  
   border-radius: 4px; 
   z-index: 2;
   width:100px;
   box-shadow: 0 2px 2px #00000023;
   font-size: 18px;
   text-align: left;
   opacity: 0;
   pointer-events: none;
   transition: all 0.2s;
   padding:0 10px ;
   max-height: 360px;
}

.scheduleCnt__header-btn-nav-li{
   padding: 5px 0;
   cursor: pointer;
   list-style: none;
}

.scheduleCnt__header-btn-nav-li.active{
   color: var(--primary-default);
}
.scheduleCnt__header-btn-nav.active{
   grid-template-rows: 1fr;
   opacity: 1;
   pointer-events: all;
   padding:10px ;

}
.scheduleCnt__header-btn-nav-ul{
   min-height: 0;
}

.scheduleCnt__header-year .scheduleCnt__header-btn-nav-ul{
   overflow-y: auto;
}

.step4-submit{
   position: relative;
}

.step4-submit__alert{
   position: absolute;
   top: calc(100% + 4px);
   left: 0;
   text-transform: none;
   width: 100%;
   display: flex;
   align-items: center;
}
.step4-submit__alert .inputAlert{
   position: relative;
   top: auto;
   right: auto;
   left: auto;
   bottom: auto;
}
.step4-submit__alert .registration-steps__step-inputalert{
   margin-right: 5px;
}
.step4-submit.active{
   
}

.needAlert{
   margin-bottom: 16px;
}
.step4-input-email .needAlert{
   margin-bottom: 32px;

}
.activeStep4 .step1,.activeStep4 .step2{
   opacity: 0!important;
   pointer-events: none!important;
}

.registration-steps__step-sms-loader{
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   top: 0;
   left: 0;
   width: 100%;
   height: 200px;
   background-color: rgba(12, 12, 12, 0.548);
   border-radius:8px;
   z-index: 4;
   opacity: 0;
   transition: opacity 0.2s;
}
.registration-steps__step-sms-loader.active{
   opacity: 1;
}
.schedule .input{
   display: none;
}

.schedule .input.desk{
   display: block;
}
.schedule input[type=date]::-webkit-calendar-picker-indicator{
   background-image: url('./img/shedule/icon.svg');
   width: 24px;
   height: 26px;
}



@media (max-width:767px) {
   .schedule .input{
      /*display: block;*/
   }
   
   .schedule .input.desk,.schedule .icon,.schedule .scheduleCnt{
      /*display: none;*/
   }
   
   .step4-footer{
      height: auto;
      position: relative;
      padding: 15px;
      justify-content: flex-end;
   }
   .step4-footer__check{
      margin-right: 0;
      width: 100%;
   }
   .step4-footer__check:last-child{
      margin-top: 16px;
   }
   .step4-footer__checks h3{
      padding: 10px 0;
   }
   .step4-footer__img{
      transform: rotate(0deg);
      margin-left: 0px;
      position: absolute;
      bottom: -15px;
      left:-20px;
   }
   .step4-footer__checks{
      padding-left: 0;
      max-width: 178px;
   }
   .step4__title{
      text-align: center;
   }
   .step4__header{
      flex-direction: column;
      gap: 10px;
      padding: 10px;
   }
   .step4__img{
      width: 100%;
   }
   .scheduleCnt{
      transform:translate(-50%,-70px) scale(0.75);
   }
   .registration-steps__step-descr{
      font-size: 16px;
      line-height: 18px; 
      
   }
   .registration-steps__step-header{
      
      height: 292px;
   }
   .registration-steps__step.step4 {
      padding-top: 0;
   }
   .step4__cnt{
      max-width: 308px;
   }
   .step4-input{
      width: 100%;
   }
}