/* Temporary front page - start */
.temporary{font-family:"Inter"}
.temporary .col-lg-9{max-width:100%}
.temporary > .website-wrapper{max-width:1222px;margin: 0 auto;}
.temporary > .website-wrapper > header{height:100px;display: flex;justify-content: space-between;align-items: center;}
.temporary > .website-wrapper > header > nav{
    font-family: Inter;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 42px;
}
.temporary > .website-wrapper > header > nav > button{
    padding: 16px 24px;
    border-radius: 8px;
    background: #6057C614;
    color: #5F56C6;
}
section.block-banner{
    position: relative;
    padding: 56px !important;
    background: #6057C614;
    border-radius: 24px;
    background-image: url(https://documents24.ru/wp-content/uploads/2025/02/temp-banner.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: right;
    margin: 32px 0;
    display: flex;
    justify-content: center;
}
section.block-banner .block-banner-content{
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
section.block-banner .block-banner-othcontent{
    position: absolute;
    right: 88px;
    display: flex;
    width: 493px;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 24px;
    justify-content: space-between;
}
section.block-banner .block-banner-othcontent > button{
    height: 63px;
    width: 63px;
    background: #5F56C6;
    border-radius: 50%;
}
section.block-banner .block-banner-othcontent > .content{
    font-size: 18px;
    color: #5F56C6;
    width: 70%;
    line-height: 27px;
    font-weight: 400;
}
section.block-banner .block-banner-content .block-banner-title{
    color: #050A10;
    font-size: 32px;
    font-weight: 600;
}
section.block-banner .block-banner-content .block-banner-desc{
    font-weight: 400;
    color: #555A60;
    line-height: 24px;
    font-size: 16px;
}
section.block-banner .block-banner-content button{
    background: #5F56C6;
    color: #fff;
    padding: 16px 24px;
    border-radius: 8px;
}
.temporary section{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 0;
    margin: 32px 0;
}
.temporary section .section-title{
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #050A10;
}
section.how-work .row,section.reviews .row{
    gap: 16px;
    padding-inline: calc(var(--wd-sp, 30px) / 2);
}
section.how-work .mini-block{
    display: flex;
    flex-direction: column;
    padding: 24px;
    background: #6057C614;
    flex: 1;
    border-radius: 24px;
    gap: 16px;
}
section.how-work .mini-block > .mb-icon{
    width: 68px;
    height: 68px;
    min-width: 68px;
    background: #6057C614;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.how-work .mini-block .mb-title{
    font-size: 20px;
    font-weight: 600;
    color: #050A10;
    line-height: 24px;
}
section.how-work .mini-block .mb-desc{
    font-size: 16px;
    line-height: 24px;
    color: #555A60;
    font-weight: 400;
}
section.advantages .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
section.advantages .grid > .mini-block{
    display: flex;
    border: 1px solid #CECDDD;
    padding: 32px;
    border-radius: 24px;
    gap: 24px;
}
section.advantages .grid > .mini-block:last-child{
    grid-area: 3 / 1 / 3 / 3;
}
section.advantages .grid .mini-block .mb-icon{
    height: 88px;
    min-width: 88px;
    width: 88px;
}
section .mini-block .mb-group{
    padding-right: 64px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
section.advantages .grid .mini-block .mb-title{font-size: 20px;font-weight: 600;line-height: 24px;color: #050A10;}
section.advantages .grid .mini-block .mb-desc{line-height: 24px;font-size: 16px;font-weight: 400;}
section.reviews .section-content{
    display: flex;
    gap: 16px;
}
section.reviews .mini-block{
    display: flex;
    padding: 24px;
    flex-wrap: wrap;
    gap: 24px;
    border: 1px solid #CECDDD;
    flex: 1;
    border-radius: 24px;
    width: 33%;
}
section.reviews .mini-block .mb-group{
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}
section.reviews .mini-block .mb-title{
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #242A3E;
}
section.reviews .mini-block .mb-pos,section.reviews .mini-block .mb-desc,section.faq .item .item-a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color:#555A60
}


.temporary footer{
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
}
section.faq .section-content{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
section.faq .item{
    padding: 24px;
    border-radius: 24px;
    border: 1px solid #CECDDD;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
section.faq .item .item-q{
    color: #242A3E;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    position: relative;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}
section.faq .item .item-q:before{content:'+';font-size:40px;font-weight:100;color: #5F56C6;position: absolute;right: 0;cursor: pointer;top:-2px}
section.faq .item .item-q.opened:before{content:'\2012';font-size:32px;right: 3px;}
section.faq .item .item-a{display:none}
section.consult{
    padding: 56px;
    border-radius: 24px;
    background: #5F56C6;
}
section.consult .section-title{font-weight:600;color:#fff;font-size:32px;line-height:38px}
section.consult .section-content textarea,section.consult .section-content input,.modal_body form input{
    background: #FFFFFF14;
    color: #FFFFFF80;
    padding: 16px;
    border-radius: 8px;
    min-height: 50px;
    max-height: 129px;
}
section.consult .section-content textarea{
    min-height: 129px;
    resize: none;
}
section.consult .section-content input[type=submit],.modal_body form input[type=submit]{background:#FFFFFF;color:#5F56C6;font-weight:600;padding: 16px 24px;line-height: 16px;margin-top: 16px;}
.overlays {
  position: fixed;
  z-index: 5;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.5);
  display: none;
}
.modal_body form input[type=submit]{margin: 16px auto;padding: 12px 16px;width: 50%;display: block;min-height: 36px;}
.overlays.active {
  display: block;
  z-index:99999;
}
.modal {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}

.modal_content {
  max-width: 600px;
  margin: 10% auto 0;
  background-color: #5F56C6;
  padding: 30px 40px;
  position: relative;
  border-radius: 24px;
  z-index: 999999;
}

.modal_head {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 10px;
  color: #fff;
}

.modal_head .close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
}

.modal_head .modal_title {
  font-size: 24px;
  font-weight: 600;
  color: var(--primary);
}

.modal_body form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width:599px){
    section.how-work .row,section.reviews .row{flex-direction:column}
    section.advantages .grid .mini-block .mb-group{padding:0}
    section.reviews .section-content{flex-direction:column}
    section.block-banner{background-image: none;}
    .temporary > .website-wrapper > header > nav a{display:none}
    section.how-work .mini-block{flex-direction: row;}
    section.how-work .mini-block .mb-group{padding-right: 0;}
    section.advantages .grid > .mini-block{padding:32px 16px}
    section.reviews .mini-block .mb-img{display: flex;width: 100%;justify-content: center;}
    section.reviews .mini-block .mb-img img{width: 96px;}
    section.faq .item .item-q{padding-right:28px}
    section.consult{padding:28px}
}
@media screen and (max-width:768px){
    section.advantages .grid{display: flex;flex-direction: column;}
    section.reviews .mini-block{width:100%}
    
    section.block-banner{background-size: cover;}
    section.block-banner .block-banner-content{width:100%}
    section.block-banner .block-banner-othcontent{display:none}
    .overlays.active,.temporary > .website-wrapper > header{padding-inline: calc(var(--wd-sp, 30px) / 2);}
}
/* Temporary front page - end */