/* Start:/local/templates/evavargentine_redesign/css/main-page.css?173746068417495*/
.what-info .txt-preview a{
    color: var(--color-green);
    text-decoration: underline;
}
.banner-main-picture img{
    border-radius: 45px;
}
.banner-main{
    display: grid;
}
.banner-main > * {
    grid-column: 1 / -1;
    grid-row: 1/-1;
}
.banner-text-preview{
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 626px;
    margin: 0 0 0 160px;
    font-size: 16px;
    font-weight: 500;
}
.banner-text-preview .txt-2{
    margin: 8px 0 0;
}
.banner-text-preview .title-2 span{
    color: var(--color-green);
}
.btn-bl{
    margin: 46px 0 0;
}

.section-preview-main {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.section-preview-main-item{
    flex-basis: calc(100% / 3 - 40px / 3);
    border-radius: 45px;
    background: var(--background-info);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 35px;
}
.section-preview-main .title-2{
    color: var(--color-black);
}

.section-preview-main-item:first-child {
    background: var(--background-info-green);
}
.section-preview-main-item:first-child .title-2,
.section-preview-main-item:first-child .txt-preview{
    color: var(--color-white);
}
.cl-black .title-2,
.cl-black .txt-2
{
    color: var(--color-black);
}
.video-section .txt-2{
    margin-top: 12px;
}
.video-section-items{
    display: flex;
    gap: 20px;
    margin: 30px 0 0;
}
.video-section-item img{
    border-radius: 45px;
}
.advantages-section-item .txt-preview {
    font-size: 13px;
}
.advantages-section-items{
    display: flex;
    gap: 20px;
    margin: 50px 0 0;
}
.advantages-section-item{
    box-sizing: border-box;
    border-radius: 45px;
    background: var(--background-info);
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    flex-basis: calc(100% / 6 - 100px / 6);
}
.advantages-section-item:nth-child(2){

    background: var(--background-info-green);
}
.advantages-section-item:nth-child(2) .title-3,
.advantages-section-item:nth-child(2) .txt-preview{
    color: var(--color-white);
}

.banner-form .banner-text-preview{
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
    max-width: 100%;
    margin: 0;
}
.banner-form .b24-form{
    margin: 0 60px 0 0;
    max-width: 550px;
}
.banner-form .b24-form-header-title{
    color: #FF8159;
    font-family: Muller, sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: start;
}
.banner-form .b24-form-header{
    border-bottom: none;
}

.banner-form .b24-form input{
    color: #606060;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background: none;
    border: none;
    border-bottom: 1px solid #A1A1A1;
    border-radius: 0;
}
.banner-form .b24-form-control-not-empty+.b24-form-control-label{
    top: 0;
}
.banner-form .b24-form-btn-block .b24-form-btn{
    display: flex;
    height: 50px;
    padding: 0 60px;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 25px;
    background: #FF8159;
    color: #FFF;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 23.4px */
}
.banner-form .b24-form-sign{
    display: none;
}
.banner-form .b24-form-wrapper.b24-form-border-bottom{
    border-bottom: none;
}
.banner-form .b24-form-header {
    padding: 30px 30px 0;
}
.banner-form .b24-form-control:focus+.b24-form-control-label,
.banner-form .b24-form-control-not-empty+.b24-form-control-label {
    top: 0;
}
.section-price .banner-text-preview{
    margin: 20px 0 40px;
    max-width: 995px;
    width: 100%;
}

.news-list-service-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 50px 0 0;
}
.service-description,
.news-list-description{
    margin: 20px 0 0;
}

.service-item {
    flex-basis: calc(100% / 3 - 40px / 3);
    padding: 25px;
    border-radius: 45px;
    background: #F9ECE4;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.service-item-info{
    margin: 25px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 25px;
}
.service-item-price.title-4{
    font-size: 30px;
}
.service-item-price.title-4 span{
    font-weight: 400;
}
.service-item-name{
    margin: 20px 0 0;
}
.service-item-desc{
    margin: 30px 0 0;
}
.service-item-price{
    margin: 56px 0 20px;
}
.service-item-info .btn{
    display: flex;
    width: 100%;
    justify-content: center;
    border: none;
    padding: 16px 30px;
}
.service-item-info .btn-bl,
.consultation-btn{
    margin: auto 0 0;
}
.btn-bl a.btn{
    box-sizing: border-box;
    border: 2px solid var( --color-orange);
    background: none;
    color: var( --color-orange);
    margin: 16px 0 0;
}
.txt-preview.reference-txt{
    font-size: 12px;
    margin: 20px 0 0;
}
.what-section-items{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.what-info{
    box-sizing: border-box;
    padding: 35px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 45px;
    background: var(--background-info);
    flex-basis: calc(100% / 3 - 40px /3);
}

.what-section-wrapper{
    display: flex;
    gap: 20px;
    margin: 40px 0 0;
}
.consultation-wrapper{
    box-sizing: border-box;
    border-radius: 45px;
    background: var(--color-green);
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 35px;
}
.consultation-wrapper .btn{
    padding: 16px 22px;
    width: 100%;
}
.consultation-wrapper .title-2,
.consultation-wrapper .txt-2{
    color: var(--color-white);
}
.section-company{
    display: flex;
    gap: 100px;
}
.section-company .banner-text-preview{
    margin: 0;
    max-width: 670px;
}
.section-company .banner-text-preview .txt-preview{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.section-company .banner-text-preview .btn-bl{
    margin: 30px 0 0;
}
.section-company b{
    font-weight: 600;
}
.command-section > .txt-2{
    margin: 20px 0 0;
}
.command-section .what-section-item .txt-2{
    color: var(--color-black);
    margin: 10px 0 0;
}
.command-section .what-section-item .title-3{
    margin: 20px 0 0;
}
.faq-section .title-2,
.command-section .what-section-item .title-3,
.command-section .what-section-item .txt-2{
    text-align: center;
}
.section-item-wrapper{
    padding: 10px 55px;
}
.command-section  .what-section-item{
    flex-basis: calc(100% / 4 - 15px);
}
.faq-section{

}
.faq-section-wrapper{
    max-width: 1140px;
    margin: 24px auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.faq-content-item{
    padding: 24px;
    border-radius: 24px;
    border: 1px solid var(--background-info);
    background: var( --color-white);
}
.faq-item-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.faq-content-item .txt-2,
.faq-content-item .txt-small{
    color: var(--color-black);
}
.faq-info{
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    height: 100%;
    max-height: 0;
    margin: 0;
    transition: all 0.35s ease-out;
}

.faq-content-item.active .faq-info{
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    margin: 16px 0 0;
}

.faq-content-item.active .faq-item-title .txt-2{
    color: var(--color-orange);
}
.item-circle{
    display: flex;
    cursor: pointer;
}
.faq-content-item.active .item-circle{
    transform: rotate(180deg);
}

.faq-content-item.active .item-circle svg path{
    stroke: var(--color-orange);
}
.through-section-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 35px;
    border-radius: 45px;
    background: var(--background-info);
}
.through-section-wrapper .btn-bl{
    margin: 0;
}
.smi-section-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1140px;
    margin: 24px auto;
}
.smi-section .txt-2{
    margin: 20px auto 0;
    max-width: 705px;
    text-align: center;
}
.news-title-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.news-title-wrapper .btn{
    border-radius: 33px;
    padding: 16px 40px;
}
.news-section-wrapper{
    margin: 40px 0 0;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.news-section .news-section-item.news-section-item-1 .txt-4,
.news-section .news-section-item.news-section-item-1 .txt-preview
{
    color: var(--color-white);

}
.news-section-item .txt-4{
    font-weight: 700;
    line-height: 120%;
}

.news-section-item .news-section-item-info  .txt-preview {
    color: var(--color-grey);
    font-size: 18px;
}
.news-section-item-1 .txt-preview{
    font-size: 18px;
}

.news-section-item-1 {
    display: grid;
}

.news-section-item-1 > * {
    grid-column: 1 / -1;
    grid-row: 1/-1;
}
.news-section-item-info.news-section-item-info-1{
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0 5% 45px 45px;
    gap: 8px;
    padding: 0;
}
.news-section img,
.blog-section-item img{
    border-radius: 24px;
}
.news-section-item{
    flex-basis: calc(100% /4 - 15px);
}
.news-section-item.news-section-item-1{
    flex-basis: calc(100% /2 - 10px);
}
.news-section-item-info,
.blog-section-item-info{
    margin: 24px 0 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 24px;
}
.blog-section-wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 40px 0 0;
}
.blog-section-item{
    flex-basis: calc(100% / 4 - 15px);
}
.blog-section-item-title .txt-4{
    font-weight: 700;
}
.blog-section-item-info span.txt-preview{
    font-size: 18px;
    color: var(--color-white);
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 20px 20px 24px;
    background: var(--background-info-green);
    width: fit-content;
}
.blog-section-item .blog-section-item-title{
    margin: 8px 0;
}
.what-section-item .txt-4{
    font-weight: 700;
}
.b24-form .b24-form-wrapper{
    border-radius: 15px;
}
@media (max-width: 1760px) {
    .advantages-section-items{
        flex-wrap: wrap;
    }
    .advantages-section-item{
        flex-basis: calc(100% / 3 - 40px / 3);
    }
    .banner-form .b24-form {
        margin: 0 50px 0 0;
    }
    .service-description.txt-2{
        width: 100%;
        max-width: 820px;
    }
    .news-list-service-wrapper {
        margin: 40px 0 0;
    }
    .what-section-item{
        flex-basis: calc(100% / 2 - 10px);
    }
    .what-section-item .txt-preview,
    .section-company .txt-preview{
        font-size: 13px;
    }
    .section-company .banner-text-preview {
        max-width: 570px;
    }
    .section-company .txt-preview{
        font-size: 13px;
    }
    .section-company{
        gap: 40px;
    }
    .section-company .banner-text-preview .txt-preview{
        gap: 12px;
    }
    .section-company .banner-text-preview .btn-bl {
        margin: 12px 0 0;
    }

    .command-section .txt-2 {
        max-width: 850px;
        width: 100%;
        font-size: 15px;
    }
    .section-item-wrapper {
        padding: 0;
    }
    .news-section-item.news-section-item-1{
        height: fit-content;
    }
    .news-section-item-info.news-section-item-info-1{
        margin:  0 25px 25px;
    }
}

@media (max-width: 1280px) {
    .advantages-section-item {
        flex-basis: calc(100% / 2 - 10px);
    }
    .banner-main .banner-text-preview{
        align-items: center;
        margin: 0 auto 20px;
        max-width: 536px;
        gap: 10px;
        justify-content: flex-end;
    }
    .banner-text-preview .txt-2{
        margin: 0;
    }
    .banner-text-preview .title-2,
    .banner-text-preview .txt-2
    {
        text-align: center;
    }
    .btn-bl {
        margin: 20px 0 0;
    }
    .mr-tp-bt .title-2{
        font-size: 32px;
    }

    .section-preview-main-item{
        flex-basis: 100%;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    .section-preview-main,
    .news-list-service-wrapper,
    .what-section-wrapper,
    .news-section-wrapper,
    .blog-section-wrapper{
        flex-wrap: wrap;
    }
    .section-preview-main-item .txt-preview{
        font-size: 14px;
        max-width: 550px;
    }
    .banner-form .banner-text-preview{
        justify-content: flex-end;
        align-items: center;
    }
    .banner-form .b24-form {
        margin: 0 40px 40px;
    }
    .service-description.txt-2 {
        max-width: 100%;
    }
    .service-item,
    .news-section-item.news-section-item-1{
        flex-basis: 100%;
    }
    .service-item-price.title-4{
        font-size: 28px;
    }
    .service-item-price {
        margin: 40px 0 20px;
    }
    .txt-preview.reference-txt {
        margin: 40px 0 0;
    }
    .what-section-wrapper {
        margin: 30px 0 0;
    }
    .section-company{
        flex-direction: column;
    }
    .section-company .banner-text-preview,
    .smi-section .txt-2{
        max-width: 100%;
    }
    .section-company .txt-preview {
        font-size: 15px;
    }
    .command-section .what-section-item {
        flex-basis: calc(100% / 2 - 10px);
    }
    .through-section .title-4,
    .service-item .title-4{
        font-size: 24px;
    }
    .smi-section-wrapper {
        max-width: 100%;
        gap: 30px;
    }
    .news-section-item,
    .blog-section-item
    {
        flex-basis: calc(100% /2 - 10px);
    }
}

@media (max-width: 768px) {
    .banner-main {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    .banner-main .banner-text-preview{
        margin: 0;
    }

    .banner-text-preview .txt-small,
    .banner-text-preview .title-2,
    .banner-text-preview .txt-2 {
        color: var(--color-black);
    }
    .section-preview-main,
    .what-section-items{
        gap: 10px;
    }
    .section-preview-main-item .title-2 {
        font-size: 24px;
    }
    .advantages-section-item,
    .what-section-item{
        flex-basis: 100%;
    }
    .advantages-section-items {
        margin: 30px 0 0;
    }
    .banner-form .b24-form {
        margin: 0;
    }
    .banner-form .b24-form-header-title{
        font-size: 32px;
        text-align: center;
    }
    .service-item{
        padding: 10px;
        border-radius: 30px;
    }
    .service-item .title-4{
        font-size: 20px;
    }
    .service-item-info {
        padding: 0;
    }
    .service-item-desc,
    .txt-preview.reference-txt{
        margin: 20px 0 0;
    }
    .what-section-item .txt-4{
        font-size: 18px;
    }
    .what-info{
        padding: 20px;
        gap: 10px;
        border-radius: 30px;
    }
    .consultation-wrapper{
        padding: 20px;
        border-radius: 30px;
      }
    .consultation-btn{
        margin: 20px 0 0;
    }
    .consultation-wrapper .txt-2{
        text-align: center;
    }
    .through-section-wrapper {
        border-radius: 30px;
    }
    .banner-main-picture img{
        border-radius: 30px;
    }
    .mr-tp-bt .title-2{
        font-size: 24px;
    }
    .banner-text-preview{
        gap: 20px;
    }
    .section-company .banner-text-preview .txt-preview{
        text-align: center;
    }
    .command-section .what-section-item{
        flex-basis: 100%;
    }
    .command-section .what-section-item .title-3{
        font-size: 18px;
    }
    .what-section-items,
    .faq-item-title{
        gap: 20px;
    }
    .faq-section-wrapper {
        gap: 10px;
    }

    .through-section-wrapper{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .through-section-wrapper .btn-bl,
    .through-section-wrapper .btn{
        width: 100%;
    }
    .smi-section-wrapper {
        flex-direction: column;
        flex-wrap: wrap;
        gap: 10px;
    }
    .news-section-item-1{
        display: flex;
        flex-direction: column;
    }
    .news-section .news-section-item.news-section-item-1 .txt-4,
    .news-section-item .txt-4{
        color: var(--color-black);
        font-size: 18px;
    }
    .news-section .news-section-item.news-section-item-1 .txt-preview,
    .news-section-item .news-section-item-info .txt-preview{
        color: var(--color-grey);
        font-size: 12px;
    }
    .news-section-item-info.news-section-item-info-1 {
        margin: 15px 20px 25px;
    }
    .news-section-item, .blog-section-item,
    .footer-item{
        flex-basis: 100%;
    }

}
/* End */
/* /local/templates/evavargentine_redesign/css/main-page.css?173746068417495 */