/* Start:/local/templates/port_2021/components/bitrix/news.list/ofd_2024/style.css?173752490478701*/
.__title {
    display: block;
    position: relative;

    font-size: 27px;
    letter-spacing: .27px;
    line-height: 1.4;
    color: #1d1d1d;
    margin: 35px 0 23px;
}
#horizontal-multilevel-menu li ul{
    width: 100% !important;
}
.ofd .button{
    display: inline-block;
    padding: 13px;
    color: #fff;
    font-size: 14px;
    line-height: 13px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    border: 2px solid #fff;
    background-color: transparent;
    min-width: 170px;
    text-align: center;


    letter-spacing: 0.21px;

    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.fn-btn-white {
    background: #FFF;
    color: #3246FD;
    transition: all .3s;
    /*display: inline-block;*/
    text-align: center;
}

.fn-btn-white:hover {
    opacity: 0.8;
    transition: all .3s;
}

.fn-btn-white-border {
    color: #3246FD;
    border: 2px solid #3246FD;
    /*display: inline-block;*/
    text-align: center;
    transition: all .3s;
}

.fn-btn-white-border:hover {
    color: #FFF;
    background-color: #041DFC;
    transition: all .3s;
}
.top_banner{
    position: relative;
    overflow: hidden;
    margin-top: 7px;
}
.top_banner .wrapper{
    position: relative;
    z-index: 1;
    padding: 100px 11%;
    color: #fff;
}
.top_banner .wrapper .text{
    font-size: 40px;
    font-weight: 300;
    line-height: 1.4;
}
.top_banner .wrapper .text p{
    margin: 0;
}
.top_banner .wrapper .text div{

    padding-top: 18px;
    font-size: 21px;
    line-height: 25px;
}
.top_banner .wrapper .buttons{
    margin-top: 30px;
}
.top_banner .wrapper .buttons .button:nth-child(1){
    margin-right: 30px;
}
.top_banner .wrapper .buttons .button:hover{
    background: #fff;
    color: #ff7900;
}
.top_banner img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}
.ofd{

}
.ofd .item{
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid #dbdbdb;
    width: calc(33.3% - 34px);
    display: inline-block;
    vertical-align: top;
    margin: 0 0 30px;
    text-align: center;

    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.ofd .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.ofd .item:nth-last-child(-n+3){
    margin-bottom: 0;
}
.ofd .item:nth-child(3n+2){
    margin-left: 32px;
    margin-right: 32px;
}
.ofd .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.ofd .item .name{
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    padding: 30px 0 20px;
}
.ofd .item .price{
    color: #383838;
    font-size: 40px;
    font-weight: 400;
}
.ofd .item .validity{
    color: #95989a;
    font-size: 14px;
    padding-top: 10px;
}
.ofd .item .button{
    margin: 13px 0 30px;
    color: #3246FD;
    border: 2px solid #3246FD;
}
.ofd .item .button:hover{
    background-color: #3246FD;
    color: #fff;
}
.ofd .ofd_podpis .item_over{
    margin-bottom: 30px;
}
.ofd .ofd_podpis .item_over:last-child{
    margin-bottom: 0px;
}
.ofd .ofd_podpis .item{
    width: auto;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
}
.ofd .ofd_podpis .item .name{
    white-space: nowrap;
}
.ofd .ofd_podpis .text_podpis{
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    color: #383838;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
}
.ofd .ofd_podpis .text_podpis .warning{
    padding: 20px;
    margin-top: 10px;
    color: #cc8e53;
    border-radius: 3px;
    border: 1px solid #faebcc;
    background-color: #fdf8e4;
}

.ofd_form{
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    background-color: #3246FD;
    margin-top: 55px;
    color: #fff;
    padding: 55px;
    padding-left: 110px;
}
.ofd_form .col{
    display: table-cell;
    vertical-align: top;
}
.ofd_form .col:nth-child(1){
    width: 277px;
    height: 277px;
    background: #fff;
    border-radius: 50%;
    background-position: center center;
    background-image: url('/local/templates/port_2021/components/bitrix/news.list/ofd_2024/images/ofd.jpg');
    background-repeat: no-repeat;
}
.ofd_form .col:nth-child(2){
    padding-left: 110px;
    position: relative;
}
.ofd_form .__title{
    margin: 0 0 20px;
    color: #fff;
}
.ofd_form .form_col{
    display: table-cell;
}
.ofd_form .form_col:nth-child(2){
    width: 1000px;
    padding-left: 30px;
}

.input_field_wrap{
    position: relative;
}
.input_field_wrap .form-control{
    margin: 7px 0 0 0;
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;

    letter-spacing: 0.16px;
    font-size: 15px;
    color: #383838;
    border: 1px solid #b1cee0;
    border-radius: 5px;
}
.input_field_wrap .input_success_message, .input_field_wrap .input_error_message {
    position: absolute;
    top: calc(100% + 20px);
    width: 96%;
    line-height: 20px;
    left: 0;
    right: 0;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 2%;
    margin: auto;
    margin-top: 5px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input_success_message:before, .input_error_message:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.input_field_wrap.error .input_error_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.success .input_success_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.error .form-control{
    border: 1px solid #f75a53;
}
.input_field_wrap .input_error_message {
    background: #f75a53;
    color: #fff;
}
.input_error_message:before {
    border-bottom-color: #f75a53;
}

.ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
    margin-bottom: 28px;
}
.ofd_form .form_col .input_field_wrap .form-control{
    width: 290px;
}
.ofd_form .form_col .input_field_wrap textarea.form-control{
    width: 100%;
    height: 127px;
    resize: none;
}
.ofd_form .col:nth-child(2) .button{
    position: absolute;
    bottom: 0;
    right: 0;
}
.ofd_form .col:nth-child(2) .button:hover{
    background-color: #fff;
    border-color: #fff;
    color: #3246FD;
}
.ofd_form .col:nth-child(2) .button svg{
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    margin-top: -2px;
    margin-bottom: -8px;
    filter: brightness(1) invert(0);
}
.ofd_form .col:nth-child(2) .button:hover svg{
    filter: hue-rotate(200deg);
    filter: brightness(0.7) invert(0);
}
.comments__title{
    margin: 35px 0 23px;
}
.request-call-form__container .request-call-form__content .success{
    padding: 20px 0 0;
    text-align: center;
}


@media (max-width: 1600px){
    .top_banner .wrapper{
        padding: 68px 11%;
    }
    .top_banner .wrapper .text{
        font-size: 30px;
        line-height: 30px;
    }
    .top_banner .wrapper .text div{
        font-size: 16px;
        line-height: 25px;
    }
}
@media (max-width: 1600px){
    .ofd_form{
        padding: 55px;
    }
    .ofd_form .col:nth-child(2){
        padding-left: 40px;
    }
}
@media (max-width: 1400px){
    .ofd_form .col{
        display: block;
    }
    .ofd_form .col:nth-child(1){
        display: none;
    }
    .ofd_form .col:nth-child(2){
        padding: 0;
        padding-bottom: 60px;
    }
}

@media (max-width: 1300px){
    .ofd .why_buy{
        text-align: center;
    }
    .ofd .why_buy .item{
        width: calc(50% - 12px);
        margin: 0 0 30px;
    }
    .ofd .why_buy .item:nth-child(3n+2){
        margin: 0 0 30px;
    }
    .ofd .why_buy .item:nth-child(2n){
        margin-left: 24px
    }
    .ofd .why_buy .item:last-child{
        margin-bottom: 0;
    }
}
@media (max-width: 1200px){
    .ofd .item{
        width: calc(50% - 16px);
    }
    .ofd .item:nth-last-child(-n+3), .ofd .item:nth-child(3n+2){
        margin: auto
    }
    .ofd .item:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .ofd .item:nth-child(2n){
        margin-left: 28px
    }
}
@media (max-width: 1050px){
    .ofd_form .form_col{
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 3px);
        box-sizing: border-box;
    }
    .ofd_form .form_col:nth-child(2) {
        width: calc(50% - 2px);
        padding-left: 30px;
    }
    .ofd_form .form_col .input_field_wrap .form-control{
        width: 100%;
    }
}

@media (max-width: 1023px){
    .top_banner,.ofd_form{
        margin: 0 -18px;
    }
    .top_banner{
        margin-top: 20px;
    }
    .ofd_form{
        margin-top: 55px;
    }
    .top_banner .wrapper{
        padding: 60px;
    }
}
@media (max-width: 900px){
    .ofd .ofd_podpis .item{
        display: block;
        float: left;
        margin-right: 30px;
    }
    .ofd .ofd_podpis .text_podpis{
        display: contents;
        text-align: left;
        padding: 0;
    }
    .top_banner .wrapper{
        padding: 45px;
    }
}
@media (max-width: 767px){
    .top_banner,.ofd_form{
        margin: 0 -8px;
    }
    .top_banner{
        margin-top: 20px;
        text-align: center;
    }
    .top_banner img{
        height: 150%;
        width: 300%;
    }
    .ofd_form{
        margin-top: 35px;
    }
    .top_banner .wrapper{
        padding: 30px 13px;
    }
    .top_banner .wrapper .text{
        font-size: 30px;
    }
    .top_banner .wrapper .text div{
        font-size: 15px;
    }
}
@media (max-width: 700px){
    .ofd .why_buy{
        text-align: left;
    }
    .ofd .why_buy .item{
        width: 100%;
        max-width: none;
        display: block;
        text-align: left;
    }
    .ofd .why_buy .item,.ofd .why_buy .item:nth-child(3n+2),.ofd .why_buy .item:nth-child(2n){
        margin: 0 0 20px 0;
    }
    .ofd .why_buy .item:last-child{
        margin-bottom: 0;
    }
    .ofd_form{
        padding: 30px;
    }
}

@media (max-width: 660px){
    .ofd .ofd_podpis .item{
        display: block;
        margin-right: auto;
        float: none;
    }
    .ofd .ofd_podpis .text_podpis{
        display: block;
        margin: 10px 0 0;
        padding: 0;
    }
    .ofd .ofd_podpis .item .name{
        white-space: normal;
    }
}
@media (max-width: 630px){
    .ofd .items{
        text-align: center;
    }
    .ofd .item{
        width: 100%;
        max-width: 330px;
    }
    .ofd .item,.ofd .item,.ofd .item:nth-child(2n){
        margin: 0 auto 15px;
    }
    .ofd .item:last-child{
        margin-bottom: 0;
    }
    .ofd_form{
        margin-top: 55px;
    }
    .ofd_form .form_col{
        display: block;
        width: auto;
    }
    .ofd_form .form_col:nth-child(2){
        width: auto;
        padding: 20px 0 0;
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap{
        display: inline-block;
        width: calc(50% - 10px);
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
        margin: 0 14px 0 0;
    }
    .ofd_form .col:nth-child(2) .button{
        left: 0;
    }
}
@media (max-width: 570px){
    .top_banner .wrapper .buttons{
        /*transform: scale(0.7);
        margin: 0 -50px;
        margin-top: 30px;*/
    }
}
@media (max-width: 530px){
    .top_banner .wrapper .buttons{
        /*transform: scale(0.7);
        margin: 0 -50px;
        margin-top: 30px;*/
    }
    .top_banner .wrapper .buttons .button{
        display: block;
        max-width: 250px;
        margin: 0 auto
    }
    .top_banner .wrapper .buttons .button:nth-child(1){
        margin: 0 auto 15px;
    }
}
@media (max-width: 470px){
    .ofd_form .form_col:nth-child(1) .input_field_wrap{
        display: block;
        width: auto;
    }
    .ofd_form .form_col:nth-child(1) .input_field_wrap:nth-child(1){
        margin: 0 0 14px;
    }
    .__title {
        font-size: 22px;
    }
}


.ofd_form .politic-block {
    display: block;
    position: relative;
    margin: 25px 0 0 0; }
.ofd_form #new-review-checkbox{
    display: none; }
.ofd_form .politic-label {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px; }
.ofd_form .politic-label a {
    text-decoration: underline;
    color: #fff; }
.ofd_form label .new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: 1px solid #3246FD; }
.ofd_form label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e; }
.ofd_form label .new-review__check-box:hover {
    cursor: pointer; }
.ofd_form label input:checked ~ .new-review__check-box > i {
    display: inline; }
.index_check_list{
    font-size: 14px;
    line-height: 130%;
}
.index_check_list a{
    color: #FFF;
    border-bottom: 1px solid #fff;
}
.form__top {
    position: relative;
    margin-bottom: 25px;
    display: flex;
    gap: 8px;
}

.form input {
    padding: 10px 71px 10px 15px;
    border-radius: 5px;
    border: none;
}

.form input::placeholder {
    color: #7C7C7C;
    font-size: 18px;
    line-height: 164%;
}

.form__btn {
    border: none;
    overflow: hidden;
}

.form__btn a {
    position: relative;
    background-color: #3246FD;
    transition: all 0.3s;
    padding: 16px 24px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    height: 100%;
    align-items: center;
}

.form__btn a:hover {
    background-color: #041DFC;
}

.form__btn a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    clip-path: polygon(0 15%, 84% 100%, 0 100%, 0 43%);
    transform: scale(0);
    transform-origin: bottom left;
    z-index: 20;
    animation: ripple 4s linear infinite;
}

@keyframes ripple {
    20% {
        opacity: 0;
        transform: scale(2.5);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.form__radio {
    font-size: 14px;
    line-height: 130%;
}

.form__radio a {
    color: #FFF;
    border-bottom: 1px solid #fff;
}

.share__form.form input{
    padding: 10px 71px 10px 15px;
}

input[name="POLITIC"]{
    opacity: 0;
}
.form__top input[name="email"]{
    width: 100%;
    max-width: 257px;
}
.share__form  input[name="POLITIC"]{
    width: 20px;
}

.reviews.bg_uslugi_delail_reviews {
    padding: 50px 0 50px;
    background: none;
}

.reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 74px;
}

.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.reviews__box-left {
    flex: 0 1 730px;
}

.reviews__item {
    margin-bottom: 86px;
}

.reviews__item-hide {
    display: none;
}

.reviews__item-top {
    display: flex;
    gap: 20px;
}

.reviews__item__avatar {
    border-radius: 94px;
    background: #F5F8F9;
    padding: 17px 22px;
    color: #D4DFE6;
    font-size: 36px;
    font-weight: 500;
    line-height: 100%;
    align-self: flex-start;
}

.reviews__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

.reviews__content-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__content-name {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.reviews__content-middle {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156%;
}

.reviews__content-bottom {
    display: flex;
    justify-content: space-between;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
}

.reviews__reactions {
    display: flex;
    gap: 15px;
}

.reviews__likes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__dislikes {
    display: flex;
    gap: 5px;
    align-items: center;
}

.reviews__item-bottom {
    padding-left: 90px;
}

.reviews__item-bottom button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: 137%;
}

.reviews__button {
    border-radius: 5px;
    border: 2px solid #3246FD;
    background: transparent;
    padding: 18px 30px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.reviews__box-right {
    flex: 0 1 480px;
    /*max-width: 480px;*/
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    background: #FFF;
    padding: 40px 40px 35px;
    align-self: flex-start;
}

.reviews__card {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.reviews__card-top {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    color: #3B2F3B;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.reviews__card-bottom {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__card-line {
    display: flex;
    align-items: center;
}

.reviews__card-star {
    margin-right: 10px;
}

.reviews__card-num {
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 30px;
    min-width: 10px;
}

.card-line {
    flex: 1;
}

.card-line__item {
    border-radius: 36px;
}

.card-line__blue {
    background: #3246FD;
    height: 10px;
}

.line-33 {
    width: 33%;
    background: #3246FD;
    height: 10px;
}

.line-66 {
    width: 66%;
    background: #3246FD;
    height: 10px;
}

.line-0 .card-line__item {
    border-radius: 36px;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.line-0 {
    flex: initial;
}

.percents {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.percents__num {

}

.percents__line {
    width: 2px;
    height: 10px;
    background-color: #E5E5E5;
}

.percents__sum {

}

.reviews__card-btn {
    border: none;
    align-self: center;
    padding: 20px 45px;
    background: #3246FD!important;
    border-radius: 10px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.ofd-container {
    max-width: 1540px;
    margin: 0 auto;
    padding: 0 20px;
}

.ofd-container-big {
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 20px;
}

p {
    margin: 0;
}

.ofd-btn {
    padding: 20px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ofd-btn-transparent {
    background-color: transparent;
    border: 2px solid #FFF;
    transition: all .3s;
    color: #fff;
}

.ofd-btn-transparent:hover {
    background-color: #FFFFFF;
    color: #3246FD;
    transition: all .3s;
}

.ofd-btn-white {
    background: #FFF;
    color: #3246FD;
    transition: all .3s;
    /*display: inline-block;*/
    text-align: center;
}

.ofd-btn-white:hover {
    opacity: 0.8;
    transition: all .3s;
}

.ofd-btn-white-border {
    color: #3246FD;
    border: 2px solid #3246FD;
    /*display: inline-block;*/
    text-align: center;
    transition: all .3s;
}

.ofd-btn-white-border:hover {
    color: #FFF;
    background-color: #041DFC;
    transition: all .3s;
}

.ofd-btn-blue {
    background: #3246FD;
    color: #FFF;
    transition: all 0.3s;
    /*display: inline-block;*/
    text-align: center;
}

.ofd-btn-blue:hover {
    background-color: #041DFC;
    transition: all .3s;
}

@media (max-width: 1300px) {
    .ofd-container {
        max-width: 1040px;
    }
}

@media (max-width: 991px) {
    .ofd-btn {
        padding: 16px 28px;
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .ofd-container-big {
        padding: 0;
    }

    .ofd-full-container {
        padding: 0;
    }
}

@media (max-width: 468px) {
    .ofd-btn {
        padding: 16px 15px;
    }
}


/*----------------------------------HERO-----------------------------------*/

.ofd-hero {
    padding: 30px 0 40px;
}

.ofd-hero__wrapper {
    overflow: hidden;
    background: linear-gradient(90deg, #3246FD 0.25%, #52CEDD 100%);
    border-radius: 10px;
}

.ofd-hero__bg {
    background-image: url("/local/templates/port_2021/components/bitrix/news.list/ofd_2024/upload/img/ofd/ofd-hero-bg2.png");
    background-repeat: no-repeat;
    background-position-x: 153%;
    background-position-y: -210px;
    display: flex;
    flex-direction: column;
    height: 100%;
    color: #FFF;
}

.ofd-hero__bg-cards {
    background-image: url("/upload/img/ofd/ofd-hero-cards.png");
    background-repeat: no-repeat;
    background-position-x: 92%;
    background-position-y: 45%;
    background-size: 813px 527px;
}

.ofd-hero__box {
    padding: 60px 70px 88px;
}

.ofd-hero__subtitle {
    border-radius: 54px;
    border: 1px solid rgba(255, 255, 255, 0.40);
    padding: 6px 16px;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 30px;
    flex-grow: 0;
    flex-shrink: 1;
    max-width: fit-content;
}

.ofd-hero__title {
    color: #FFF;
    font-size: 64px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 28px;
    max-width: 800px;
}

.ofd-hero__title span {
    white-space: nowrap;
}

.ofd-hero__advantages {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
    max-width: 520px;
}

.ofd-hero__advantages-item {
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}

.ofd-hero__advantages-item svg {
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 5px;
}

.ofd-hero__btns {
    display: flex;
    gap: 10px;
}


@keyframes diagonalReveal {
    0% {
        clip-path: polygon(-2px -11px, 13.2% -40px, 1.53% 4.92%, -4.08% 32.15%)
    }
    100% {
        clip-path: polygon(4px -48px, 258.94% 102px, 97.89% 101.43%, -0.58% 120.08%)
    }
}



.ofd-hero__title {
    opacity: 1;
    animation: diagonalReveal 0.759s linear forwards;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}


@media (max-width: 1550px) {

    .ofd-hero__bg {
        background-position-x: 170%;
    }

    .ofd-hero__bg-cards {
        background-position-x: 120%;
        background-position-y: 60%;
    }

}

@media (max-width: 1450px) {

    /*.ofd-hero__bg {*/
    /*    background-size: 780px 570px;*/
    /*    background-position-x: 130%;*/
    /*}*/
    .ofd-hero__bg {
        background-position-x: 180%;
        background-size: 900px 900px;
    }

    .ofd-hero__bg-cards {
        /*background-position-x: 99%;*/
        background-position-y: 50%;
        background-size: 715px 463px;
    }

    .ofd-hero__subtitle {
        margin-bottom: 24px;
    }

}

@media (max-width: 1300px) {
    .ofd-hero__wrapper {
        height: 826px !important;
    }

    .ofd-hero__bg {
        background-position-x: 250%;
    }

    .ofd-hero__bg-cards {
        background-position-x: 135%;
        background-position-y: 40%;
    }

    .ofd-hero__title {
        max-width: 550px;
    }
}

@media (max-width: 1250px) {
    /*.ofd-hero__bg {*/
    /*    background-position-x: 170%;*/
    /*}*/
}

@media (max-width: 1199px) {
    .ofd-hero__wrapper {
        height: auto !important;
    }

    .ofd-hero__bg {
        background-image: none;
    }

    .ofd-hero__bg-cards {
        background-image: none;
    }

    .ofd-hero__box {
        padding: 60px 40px;
    }

    .ofd-hero__title {
        max-width: 100%;
    }

    .ofd-hero__advantages {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .ofd-hero {
        padding: 20px 0;
    }

    .ofd-hero__box {
        padding: 40px 40px 48px;
    }

    .ofd-hero__subtitle {
        font-size: 12px;
        margin-bottom: 17px;
    }

    .ofd-hero__title {
        font-size: 36px;
        margin-bottom: 17px;
    }

    .ofd-hero__advantages {
        gap: 10px;
        margin-bottom: 30px;
    }

    .ofd-hero__advantages-item {
        font-size: 16px;
        line-height: 130%;
    }

    .ofd-hero__advantages-item svg {
        width: 20px;
        height: 20px;
    }

    .ofd-hero__btns div {
        flex: 1;
    }

}

@media (max-width: 768px) {
    .ofd-hero__wrapper {
        border-radius: 0;
    }

    .ofd-hero__box {
        padding: 40px 20px;
    }

    .ofd-hero__btns {
        flex-direction: column;
        gap: 11px;
        width: 100%;
    }
}


/*----------------------------------/HERO-----------------------------------*/


/*----------------------------------duty-----------------------------------*/

.ofd-duty {
    padding: 40px 0 50px;
}

.ofd-duty__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ofd-duty__subtitle {
    align-self: flex-start;
    border-radius: 54px;
    border: 1px solid #E0E0E0;
    padding: 6px 16px;
    color: #909090;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
}

.ofd-duty__content {
    display: flex;
    gap: 55px;
}

.ofd-duty__title {
    flex: 0 1 702px;
    position: relative;
    align-self: flex-start;
}

.ofd-duty__title h2 {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.ofd-duty__title h2 span {
    color: #3246FD;
}

.ofd-duty__line {
    position: absolute;
    left: 112px;
    top: -10px;
}

.ofd-duty__arrow {
    position: absolute;
    right: 70px;
    bottom: -100px;
}

.ofd-duty__list {
    flex: 0 1 740px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ofd-duty__list-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-duty__list-item h3 {
    color: #383838;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}

.ofd-duty__list-item p {
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}


@media (max-width: 1400px) {
    .ofd-duty__content {
        gap: 24px;
    }

    .ofd-duty__title {
        flex: 0 0 502px;
    }

    .ofd-duty__arrow {
        bottom: -140px;
    }
}

@media (max-width: 1199px) {
    .ofd-duty__content {
        gap: 20px;
    }

    .ofd-duty__title {
        flex: 0 0 466px;
    }
}

@media (max-width: 991px) {
    .ofd-duty__wrapper {
        gap: 30px;
    }

    .ofd-duty__subtitle {
        font-size: 12px;
    }

    .ofd-duty__content {
        flex-direction: column;
        gap: 20px;
    }

    .ofd-duty__title {
        flex: 1;
    }

    .ofd-duty__title h2 {
        font-size: 28px;
    }

    .ofd-duty__list {
        flex: 1;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 20px;
    }

    .ofd-duty__list-item {
        width: calc((100% - 20px) / 2);
    }

    .ofd-duty__line {
        width: 136px;
        height: 48px;
        left: 52px;
        top: -12px;
    }

    .ofd-duty__arrow {
        display: none;
    }

    .ofd-duty__list-item h3 {
        font-size: 20px;
    }

    .ofd-duty__list-item p {
        font-size: 14px;
    }

}


@media (max-width: 768px) {
    .ofd-duty {
        padding: 20px 0 30px;
    }

    .ofd-duty__wrapper {
        gap: 36px;
    }

    .ofd-duty__list {
        flex-direction: column;
    }

    .ofd-duty__list-item {
        width: 100%;
    }

}

@media (max-width: 468px) {
    .ofd-duty {
        padding: 20px 0 30px;
    }
}


/*----------------------------------/duty-----------------------------------*/

/*----------------------------------business-----------------------------------*/

.ofd-business {
    padding: 50px 0;
}

.ofd-business__wrapper {
    display: flex;
    flex-direction: column;
}

.ofd-business__title {
    color: #383838;
    font-size: 52px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    max-width: 740px;
    margin-bottom: 30px;
}

.ofd-business__cards {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.ofd-business__card {
    border-radius: 10px;
    width: calc((100% - 20px) / 2);
    overflow: hidden;
}

.ofd-card__12-bg {
    padding: 40px;
    background-image: url("/upload/img/ofd/ofd-business-12.png");
    background-repeat: no-repeat;
    background-position-x: 110px;
    background-position-y: 50%;
}

.ofd-card__15-bg {
    padding: 40px;
    background-image: url("/upload/img/ofd/ofd-business-155.png");
    background-repeat: no-repeat;
    background-position-x: 240px;
    background-position-y: 0;
}

.ofd-card__36-bg {
    padding: 40px;
    background-image: url("/upload/img/ofd/ofd-business-36.png");
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-position-y: -50px;
}

.ofd-card__12 {
    background: linear-gradient(98deg, #53D9D9 9.85%, #3246FD 90.3%);
}

.ofd-card__15 {
    background: linear-gradient(121deg, #FF7D61 31.22%, #F30000 183.1%);
}

.ofd-card__15 .ofd-business__btns .ofd-btn-white {
    color: #FE6C54;
}

.ofd-card__15 .ofd-business__btns .ofd-btn-transparent {
    color: #FFFFFF;
    transition: all .3s;
}

.ofd-card__15 .ofd-business__btns .ofd-btn-transparent:hover {
    color: #FE6C54;
    transition: all .3s;
}

.ofd-card__36 {
    background: linear-gradient(98deg, #9B54B9 9.85%, #4354FD 90.3%);
}

.ofd-card__36 .ofd-business__btns .ofd-btn-white {
    color: #8855C8;
}

.ofd-card__36 .ofd-business__btns .ofd-btn-transparent {
    color: #FFFFFF;
    transition: all .3s;
}

.ofd-card__36 .ofd-business__btns .ofd-btn-transparent:hover {
    color: #8855C8;
    transition: all .3s;
}

.ofd-card__item {
    display: flex;
    flex-direction: column;
    color: #FFF;
}

.ofd-card__item h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 60px;
}

.ofd-card__item span {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 24px;
}

.ofd-business__btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ofd-business__btns .ofd-btn {
    align-self: flex-start;
}

.ofd-business__banner {
    border-radius: 10px;
    background: linear-gradient(90deg, #000 1.56%, #2F353E 94.73%);
    color: #FFFFFF;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-business__banner-bg {
    background-image: url("/upload/img/ofd/ofd-business-cards.png");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: 0;
}

.ofd-business__banner-wrapp {
    padding: 40px;
}

.ofd-business__banner-content {
    display: flex;
    flex-direction: column;
}

.ofd-business__banner-content h3 {
    font-size: 42px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 11px;
}

.ofd-business__banner-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 156%;
    margin-bottom: 32px;
}

.ofd-business__banner .ofd-btn {
    align-self: flex-start;
    padding: 16px 20px;
}


@media (max-width: 1350px) {
    /*.ofd-business__btns {*/
    /*    flex-direction: column;*/
    /*}*/
    /*.ofd-business__btns .ofd-btn {*/
    /*    align-self: flex-start;*/
    /*}*/
    .ofd-card__12-bg {
        padding: 40px 20px;
        background-size: 452px 452px;
        /*background-position-x: 135%;*/
        /*background-position-y: -10px;*/
    }

    .ofd-card__15-bg {
        padding: 40px 20px;
        background-size: 265px 385px;
        /*background-position-x: 135%;*/
        /*background-position-y: -10px;*/
    }

    .ofd-card__36-bg {
        padding: 40px 20px;
        background-size: 601px 583px;
        /*background-position-x: 190px;*/
        /*background-position-y: -60px;*/
    }

    .ofd-business__btns .ofd-btn {
        padding: 20px;
        align-self: initial;
        width: 100%;
    }

    .ofd-business__banner-bg {
        background-position-x: 100%;
    }
}

@media (max-width: 1300px) {
    .ofd-card__12-bg {
        background-position-x: 0;
    }

    .ofd-card__15-bg {
        background-position-x: 150px;
        background-position-y: 0;
    }

    .ofd-card__36-bg {
        background-size: 501px 483px;
        background-position-x: -20px;
        background-position-y: 0;
    }

    .ofd-card__item h3 {
        margin-bottom: 40px;
    }

    .ofd-business__banner-bg {
        background-position-x: 150%;
    }
}

@media (max-width: 1199px) {

    .ofd-business__btns .ofd-btn {
        padding: 20px 10px;
    }

    .ofd-business__banner-bg {
        background-position-x: 160%;
    }
}

@media (max-width: 991px) {

    .ofd-business {
        padding: 40px 0;
    }

    .ofd-business__title {
        font-size: 28px;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .ofd-business__cards {
        flex-direction: column;
    }

    .ofd-business__card {
        width: 100%;
    }

    .ofd-card__12-bg {
        padding: 20px 20px 28px;
        background-position-x: 110%;
        /*background-position-y: 0;*/
    }

    .ofd-card__15-bg {
        padding: 20px 20px 28px;
        background-position-x: 85%;
        background-position-y: 0;
    }

    .ofd-card__36-bg {
        background-size: 621px 603px;
        padding: 20px 20px 28px;
        /*background-size: 501px 483px;*/
        background-position-x: 100%;
        background-position-y: 60%;
    }

    /*.ofd-card__15-bg {*/
    /*    padding: 20px;*/
    /*    background-position-x: 300px;*/
    /*    background-position-y: 0;*/
    /*}*/
    /*.ofd-card__36-bg {*/
    /*    padding: 20px;*/
    /*}*/
    .ofd-card__item h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .ofd-card__item span {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .ofd-business__btns {
        gap: 18px;
    }

    .ofd-business__btns .ofd-btn {
        padding: 16px 10px;
    }

    .ofd-business__banner-wrapp {
        padding: 20px;
    }

    .ofd-business__banner-content h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .ofd-business__banner-text {
        font-size: 16px;
        line-height: 130%;
        margin-bottom: 20px;
        max-width: 300px;
    }

    .ofd-business__banner-bg {
        background-size: 577px 210px;
        background-position-y: -25px;
        background-position-x: 120%;
    }
}

@media (max-width: 820px) {
    .ofd-business__btns .ofd-btn {
        width: 100%;
    }

    .ofd-business__banner-bg {
        background-position-x: 170%;
    }
}


@media (max-width: 767px) {
    .ofd-business {
        padding: 30px 0;
    }

    .ofd-card__12-bg {
        background-position-x: 130%;
        /*background-position-y: -10px;*/
    }

    .ofd-card__15-bg {
        background-position-x: 200px;
        /*background-position-y: -10px;*/
    }

    .ofd-card__36-bg {
        background-position-x: 180px;
        /*background-position-y: -50px;*/
    }

    .ofd-business__banner-bg {
        background-image: none;
    }

    .ofd-business__banner-text {
        max-width: 100%;
    }

    .ofd-business__banner .ofd-btn {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .ofd-card__12-bg {
        background-position-x: 40px;
    }

    .ofd-card__36-bg {
        background-position-x: 110px;
        /*background-position-y: -50px;*/
    }
}

@media (max-width: 468px) {
    .ofd-card__12-bg {
        /*background-position-x: 130%;*/
        /*background-position-y: -10px;*/
    }

    .ofd-card__15-bg {
        background-position-x: 150px;
        /*background-position-y: -10px;*/
    }

    .ofd-card__36-bg {
        background-position-x: 30px;
        background-position-y: 55%;
    }
}


/*----------------------------------/business-----------------------------------*/


/*----------------------------------other-services------------------------------------*/

.ofd-other-services {
    padding: 50px 0;
    color: #FFFFFF;
}

.ofd-other-services__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    text-align: right;
}

.ofd-other-services__cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-other-services__card {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: calc((100% - 20px) / 2);
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    padding: 24px 40px;
}

.ofd-other-services__card-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}
.ofd-other-services__card-content a{
    color: #383838;
}
.ofd-other-services__card-content a:hover {
    color: #3246FD;
}

.ofd-other-services__card .ofd-btn-white {
    border: 2px solid #3246FD;
    align-self: flex-start;
    transition: all .3s;
    flex-shrink: 0;
}

.ofd-other-services__card .ofd-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.ofd-other-services__banner {
    position: relative;
    border-radius: 10px;
    background-color: #00B2BD;
    height: 318px;
    background-image: url('/upload/img/fn/other-services-o.png');
    background-repeat: no-repeat;
    background-position-x: 112%;
    background-position-y: 35%;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-other-services__banner-bg {
    border-radius: 10px;
    background-image: url('/upload/img/fn/other-services-bg.png');
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: 35%;
    height: 100%;
    position: relative;
    padding: 40px;
}

.ofd-other-services__banner-disc {
    position: absolute;
    top: 40px;
    right: 40px;
    border-radius: 8px;
    background: #FFF493;
    padding: 8px 16px;
    color: #383838;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
}

.ofd-other-services__banner-content {
    display: flex;
    flex-direction: column;
    color: #FFF;
}

.ofd-other-services__banner-content h3 {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 10px;
}
.ofd-other-services__banner-content h3 a{
    color: #fff;
}
.ofd-other-services__banner-content h3 a:hover{
    color: #3246FD;
}

.ofd-banner-content__list {
    font-weight: 400;
    line-height: 150%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.ofd-banner-content__price {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 16px;
}

.ofd-other-services__banner-content .ofd-btn-white {
    align-self: flex-start;
    color: #00B2BD;
}

@media (max-width: 1400px) {
    .ofd-other-services__banner {
        height: 356px;
    }

    .ofd-other-services__banner-content h3 {
        max-width: 400px;
    }
}

@media (max-width: 1300px) {
    .ofd-other-services__banner {
        background-position-x: 200px;
        background-position-y: -260px;
    }

    .ofd-other-services__banner-bg {
        background-position-x: 130%;
        background-position-y: 35%;
    }
}


@media (max-width: 1199px) {
    .ofd-other-services__cards {
        flex-direction: column;
    }

    .ofd-other-services__card {
        width: 100%;
        padding: 20px 40px;
    }

    .ofd-other-services__banner {
        background-position-x: 170px;
    }

    .ofd-other-services__banner-bg {
        background-position-x: 140%;
        background-position-y: -65px;
    }
}

@media (max-width: 991px) {
    .ofd-other-services {
        padding: 30px 0;
    }

    .ofd-other-services__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ofd-other-services__cards {
        flex-direction: row;
    }

    .ofd-other-services__card {
        width: calc((100% - 20px) / 2);
        padding: 20px;
        flex-direction: column;
        gap: 22px;
    }

    .ofd-other-services__card-content {
        font-size: 16px;
    }

    .ofd-other-services__card .ofd-btn-white {
        width: 100%;
    }

    .ofd-other-services__banner {
        background-size: 674px 676px;
        height: 230px;
        background-position-x: 180px;
        background-position-y: -150px;
    }

    .ofd-other-services__banner-bg {
        background-size: 391px 310px;
        padding: 20px;
        background-position-x: 106%;
        background-position-y: -15px;
    }

    .ofd-other-services__banner-content h3 {
        font-size: 20px;
        max-width: 100%;
    }

    .ofd-banner-content__list {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .ofd-banner-content__price {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .ofd-other-services__banner-disc {
        top: 20px;
        right: 20px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .ofd-other-services__cards {
        flex-direction: column;
    }

    .ofd-other-services__card {
        width: 100%;
        gap: 10px;
    }

    .ofd-other-services__card-content {
        gap: 10px;
    }

    .ofd-other-services__banner {
        height: 330px;
    }

    .ofd-other-services__banner-bg {
        background-image: none;
        display: flex;
        flex-direction: column;
        gap: 14px;
        padding: 40px 20px;
    }

    .ofd-other-services__banner-disc {
        position: relative;
        display: block;
        align-self: flex-start;
        top: initial;
        left: initial;
        margin-left: 20px;
    }
}

@media (max-width: 468px) {
    .ofd-other-services {
        padding: 30px 0;
    }

    .ofd-other-services__banner {
        margin-right: -20px;
        margin-left: -20px;
        border-radius: 0;
        background-position-x: 70px;
    }

    .ofd-other-services__banner-content h3 {
        max-width: 230px;
        margin-bottom: 5px;
    }

    .ofd-banner-content__list {
        gap: 5px;
    }

    .ofd-banner-content__price {
        margin-bottom: 10px;
    }

    .ofd-other-services__banner-content .ofd-btn-white {
        width: 100%;
    }
}


/*----------------------------------/other-services------------------------------------*/

/*----------------------------------chain-----------------------------------*/

.ofd-chain {
    padding: 50px 0 100px;
}

.ofd-chain__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ofd-chain__title {
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.ofd-chain__box {
    display: flex;
    gap: 30px;
    position: relative;
}

.ofd-chain__box-item {
    flex: 1;
    display: flex;
    flex-direction: column;

}

.chain__box-arrow1 {
    position: absolute;
    top: 10px;
    left: 22%;

}

.chain__box-arrow2 {
    position: absolute;
    bottom: -50px;
    right: 33%;

}

.chain__box-step {
    border-radius: 54px;
    border: 1px solid #E0E0E0;
    color: #909090;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    padding: 8px 16px;
    margin-bottom: 30px;
    align-self: flex-start;
}

.chain__box-title {
    color: #222;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

.chain__box-text {
    color: #787878;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

@media (max-width: 1300px) {
    .ofd-chain {
        padding: 50px 0;
    }
    .ofd-chain__box {
        gap: 20px;
    }

    .chain__box-arrow1 {
        top: -10px;
        left: 17%;
    }

    .chain__box-arrow2 {
        right: 30%;
        bottom: -20px;
    }
}

@media (max-width: 991px) {
    .ofd-chain {
        padding: 30px 0;
    }

    .ofd-chain__wrapper {
        gap: 20px;
    }

    .ofd-chain__title {
        font-size: 28px;
        word-break: break-all;
    }

    .ofd-chain__box {
        flex-direction: column;
    }
    .chain__box-step {
        font-size: 12px;
        padding: 6px 16px;
        margin-bottom: 12px;
    }
    .chain__box-arrow1 {
        display: none;
    }

    .chain__box-arrow2 {
        display: none;
    }

    .chain__box-title {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .chain__box-text {
        font-size: 16px;
        line-height: 130%;
    }
}


/*----------------------------------/chain-----------------------------------*/

/*----------------------------------detail-----------------------------------*/


.ofd-detail {
    padding: 50px 0;
}

.ofd-detail__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.ofd-detail__content {
    color: #383838;
}

.ofd-detail__content-title {
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 20px;
}

.ofd-detail__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 1070px;
}

.ofd-detail__requirements {
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 20px;
    margin-bottom: 40px;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ofd-detail__application-subtitle {
    margin-bottom: 10px;
}

.ofd-detail__applications {
    margin-left: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ofd-detail__application-text {
    margin-bottom: 10px;
}

.ofd-detail__application-text-bottom {
    margin-bottom: 20px;
}

.ofd-detail__time-text {
    margin-bottom: 40px;
}

.ofd-detail__prices-bold {
    font-weight: 500;
    margin-bottom: 20px;
}

.ofd-detail__prices-text {
    margin-bottom: 40px;
}

.ofd-detail__content .ofd-btn-blue {
    display: inline-block;
}


@media (max-width: 991px) {
    .ofd-detail {
        padding: 30px 0;
    }

    .ofd-detail__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ofd-detail__content-title {
        font-size: 20px;
    }

    .ofd-detail__content-text {
        font-size: 14px;
    }

    .ofd-detail__requirements {
        font-size: 14px;
        margin-bottom: 20px;
        padding-top: 0;
    }

    .ofd-detail__time-text {
        margin-bottom: 20px;
    }

    .ofd-detail__prices-text {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {

    .ofd-detail__prices-bold {
        margin-bottom: 10px;
    }

    .ofd-detail__content .ofd-btn-blue {
        width: 100%;
        text-align: center;
    }
}

/*----------------------------------/detail-----------------------------------*/

/*----------------------------------singly-----------------------------------*/


.ofd-singly {
    padding: 50px 0;
}

.ofd-singly__title {
    color: #000;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.ofd-singly__content {
    color: #383838;
}

.ofd-singly__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    max-width: 1070px;
}

.ofd-singly__content-text-top {
    margin-bottom: 10px;
}

.ofd-singly__content-text-bottom {
    margin-bottom: 40px;
}

.ofd-singly__content-box {
    border-radius: 8px;
    border: 1px solid #D4DFE6;
    padding: 24px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
}

.ofd-singly__content-box-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
    max-width: 1000px;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.ofd-singly__content-box svg {
    flex-shrink: 0;
}

.ofd-singly__content-text-bold {
    font-weight: 500;
}


@media (max-width: 991px) {
    .ofd-singly {
        padding: 30px 0;
    }

    .ofd-singly__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ofd-singly__content-box {
        padding: 24px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-bottom: 20px;
    }

    .ofd-singly__content-box svg {
        display: none;
    }

    .ofd-singly__content-text {
        font-size: 14px;
    }

    .ofd-singly__content-text-bottom {
        margin-bottom: 20px;
    }

    .ofd-singly__content-box-text {
        gap: 20px;
        font-size: 16px;
    }

}


/*----------------------------------/singly-----------------------------------*/




/*------------------------------articles---------------------------------*/

.ofd-articles {
    padding: 42px 0 31px;
    position: relative;
}

.ofd-articles__top-box {
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}


.ofd-articles__title {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
}

.ofd-articles__title span {
    color: #3246FD;
}

.ofd-articles__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 20px;
}

.ofd-articles__top-text {
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.ofd-articles__top .ofd-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
}

.ofd-articles__top .ofd-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.ofd-articles__items {
    display: flex;
    gap: 20px;
}

.ofd-articles__item {
    overflow: hidden;
    width: calc((100% - 60px) / 4);
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #D4DFE6;
    cursor: pointer;
    transition: box-shadow 0.2s;
}

.ofd-articles__item:hover {
    box-shadow: 0 24px 25px -15px rgba(0, 0, 0, 0.10);
}

.ofd-articles__item-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.ofd-item-content__header-avatar{
    overflow: hidden;
    border-radius: 25px;
}
.ofd-item-content {
    flex: 1;
    padding: 16px 20px 20px;
    display: flex;
    flex-direction: column;
}

.ofd-item-content__header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 12px;
}

.ofd-item-content__header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}

.ofd-item-content__header-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #8D8D8D;
    line-height: 135%;
    max-width: 160px;
}

.ofd-icons {
    display: flex;
    gap: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #383838;
}

.ofd-icons__show {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ofd-icons__comments {
    display: flex;
    align-items: center;
    gap: 4px;
}

.ofd-item-content__text {
    color: #383838;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 8px;
    flex: 1;
}

.ofd-item-content__date {
    color: #8D8D8D;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    font-family: 'Nunito', sans-serif;
}


@media (max-width: 1500px) {
    .ofd-item-content__header-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .ofd-articles__top .ofd-btn-white {
        padding: 18px 30px;
    }
}

@media (max-width: 1199px) {
    .ofd-item-content {
        padding: 16px 14px 20px;
    }
}

@media (max-width: 991px) {
    .ofd-articles {
        padding: 30px 0 90px;
        position: relative;
    }

    .ofd-articles__items {
        flex-wrap: wrap;
    }

    .ofd-articles__item {
        width: calc((100% - 20px) / 2);
    }

    .ofd-articles__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ofd-articles__top-text {
        font-size: 20px;
    }

    .ofd-articles__top .ofd-btn-white {
        position: absolute;
        bottom: 20px;
        width: calc(100% - 40px);
        padding: 16px 30px;
    }
}

@media (max-width: 600px) {
    .ofd-articles__item {
        width: 100%;
    }

    .ofd-item-content {
        padding: 16px 20px 20px;
    }

    .ofd-item-content__header-name {
        max-width: 100%;
    }
}

/*------------------------------/articles---------------------------------*/

/*------------------------------/youtube---------------------------------*/

.ofd-youtube {
    padding: 31px 0 50px;
    position: relative;
}

.ofd-youtube__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.ofd-youtube__top .ofd-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
}

.ofd-youtube__top .ofd-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.ofd-youtube__title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
}

.ofd-youtube__title p {
    display: inline;
}

.ofd-youtube__title svg {
    display: inline;
}

.ofd-youtube__videos {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.ofd-youtube__video {
    position: relative;
    overflow: hidden;
    padding-top: 27.87%;
    width: 100%;
    transition: all .3s;
}

.ofd-youtube__video:hover {
    -webkit-filter: brightness(77%)
}

.ofd-youtube__video iframe {
    position: absolute;
    border: none;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

@media (max-width: 1300px) {
    .ofd-youtube__top .fn-btn-white {
        padding: 18px 28px;
    }
}

@media (max-width: 991px) {
    .ofd-youtube {
        padding: 20px 0 80px;
    }

    .ofd-youtube__title {
        font-size: 20px;
    }

    .ofd-youtube__title svg {
        width: 35px;
        height: 24px;
    }

    .ofd-youtube__top .fn-btn-white {
        position: absolute;
        bottom: 10px;
        width: calc(100% - 40px);
        padding: 16px 30px;
    }
}

@media (max-width: 768px) {
    .ofd-youtube__videos {
        flex-direction: column;
    }

    .ofd-youtube__video {
        padding-top: 56.02%;
    }
}

@media (max-width: 368px) {
    .ofd-youtube__title {
        position: relative;
        max-width: 157px;
    }

    .ofd-youtube__title svg {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/*------------------------------/youtube---------------------------------*/

/*------------------------------offers---------------------------------*/

.ofd-offers {
    padding: 50px 0;
}

.ofd-offers__title {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 30px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-offers__cards {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.ofd-offers__card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px;
    width: calc((100% - 60px) / 4);
    border-radius: 10px;
    border: 1px solid #D4DFE6;
}

.ofd-offers__card-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: linear-gradient(121deg, #FF7D61 31.22%, #F30000 183.1%);
    border-radius: 8px;
}

.ofd-offers__card-title {
    color: #383838;
    font-size: 32px;
    font-weight: 500;
    line-height: 120%;
    word-wrap: break-word;
}

.ofd-offers__card-text {
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 1400px) {
    .ofd-offers__card {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .ofd-offers {
        padding: 30px 0;
    }

    .ofd-offers__title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .ofd-offers__card {
        width: calc((100% - 20px) / 2);
    }

    .ofd-offers__card-img {
        width: 44px;
        height: 44px;
    }

    .ofd-offers__card-img svg {
        width: 25px;
        height: 25px;
    }

    .ofd-offers__card-title {
        font-size: 20px;
    }

    .ofd-offers__card-text {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .ofd-offers__card {
        width: 100%;
    }
}


/*------------------------------/offers---------------------------------*/

/*------------------------------questions---------------------------------*/

.ofd-questions {
    padding: 50px 0;
}

.ofd-questions__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.ofd-questions__title {
    flex: 0 1 639px;
    position: relative;
    align-self: flex-start;

}

.ofd-questions__title h2 {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.ofd-questions__title h2 span {
    color: #3246FD;
}

.ofd-questions__title svg {
    position: absolute;
    bottom: -110px;
    left: 250px;
}

.ofd-questions__box {
    flex: 0 1 730px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ofd-questions__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ofd-questions__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-questions__item-title {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    gap: 20px;
}

.ofd-questions__item-title p {
    max-width: 650px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.ofd-toggle-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #F9F9F9;
    cursor: pointer;
    transition: all .3s;
}

.ofd-toggle-btn:hover {
    background: #D4DFE6;
}

.ofd-questions__item-text {
    max-width: 650px;
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    display: none;
}

.ofd-questions-open {
    display: block;
}

.ofd-questions__box .ofd-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
    align-self: flex-start;
}

.ofd-questions__box .ofd-btn-white:hover {
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.ofd-item-hidden {
    display: none;
}

@media (max-width: 1300px) {
    .ofd-questions__title svg {
        bottom: -150px;
        left: 200px;
    }

    .ofd-questions__item-title p {
        max-width: 410px;
    }

    .ofd-questions__item-text {
        max-width: 410px;
    }
}

@media (max-width: 991px) {
    .ofd-questions {
        padding: 30px 0;
    }

    .ofd-questions__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .ofd-questions__title {
        flex: 1;
    }

    .ofd-questions__title h2 {
        font-size: 28px;
    }

    .ofd-questions__title svg {
        display: none;
    }

    .ofd-questions__box {
        flex: 1;
        gap: 20px;
    }

    .ofd-questions__list {
        gap: 20px;
    }

    .ofd-questions__item-title {
        align-items: center;
    }

    .ofd-questions__item-title p {
        max-width: calc(100% - 64px);
        font-size: 16px;
    }

    .ofd-questions__item-text {
        max-width: calc(100% - 74px);
        font-size: 14px;
    }

    .ofd-toggle-btn {
        width: 44px;
        height: 44px;
    }

    .ofd-questions__box .ofd-btn-white {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .ofd-questions__item-text {
        max-width: 100%;
    }
}


/*------------------------------/questions---------------------------------*/

/*----------------------------------application-----------------------------------*/

.ofd-application {
    padding: 50px 0;
    line-height: initial;
}

.ofd-application__wrapper {
    position: relative;
    overflow: hidden;
    background-color: #FFFFFF;
    border-radius: 10px;
    width: 100%;
    height: 608px;
    color: #383838;
    padding-right: 20px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}


.ofd-application__bg {
    background-image: url("/upload/img/fn/application-bg.png");
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    display: flex;
    height: 100%;
    border-radius: 10px;
}

.ofd-application__img-man {
    flex: 0 1 630px;
    height: 576px;
    align-self: flex-end;
    margin: 0 55px 0 66px;
    z-index: 2;
    background-image: url("/upload/img/fn/application-man.png");
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: 0;
}

.ofd-application__content {
    flex: 0 1 630px;
    padding: 60px 0;
    width: 100%;
}

.ofd-application__content-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 12px;
    /*max-width: 630px;*/
}

.ofd-application__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    /*max-width: 630px;*/
}

.ofd-application__content-text-top {
    margin-bottom: 16px;
}

.ofd-application__content-text-bottom {
    margin-bottom: 20px;
}

.ofd-application__form .ofd-custom-checkbox {
    top: 4px;
    left: 0;
}

.ofd-application__form-top {
    margin-bottom: 8px;
    display: flex;
    gap: 8px;
}

.ofd-application__form-top input {
    flex: 0 1 314px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #D4DFE6;
    background: transparent;
}

.ofd-application__form-top input::placeholder {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}

.ofd-application__form textarea {
    margin-bottom: 8px;
    padding: 20px 71px 20px 20px;
    border-radius: 5px;
    border: 1px solid #D4DFE6;
    background: transparent;
    width: 100%;
    height: 100px;
    resize: none;
}

.ofd-application__form textarea::placeholder {
    color: #909090;
    font-size: 16px;
    line-height: 150%;
}

.ofd-application__form-label {
    display: block;
    position: relative;
    font-size: 14px;
    /*height: 18px;*/
    margin-bottom: 20px;
}

.ofd-application__form-label a {
    color: #3246FD;
    border-bottom: 1px solid #3246FD;
}

.ofd-application__form .ofd-btn-blue {
    display: inline-block;
}


@media (max-width: 1400px) {
    .ofd-application__bg {
        background-position-x: -120px;
    }

    .ofd-application__img-man {
        flex: 0 0 516px;
        background-position-x: -40px;
        background-position-y: 0;
        flex-shrink: 0;
        background-size: 516px 499px;
        height: 499px;
        margin: 0 20px 0 66px;
    }

    .ofd-application__form {
        width: 100% !important;
        height: initial !important;
    }

}

@media (max-width: 1300px) {
    .ofd-application__bg {
        background-position-x: -180px;
    }

    .ofd-application__img-man {
        background-position-x: -10px;
        margin: 0;
    }

    .ofd-application__content {
        flex: 0 1 450px;
    }

    .ofd-application__form-top input {
        flex: 0 1 221px;
    }

    .ofd-application__form-label {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {

    .ofd-application__bg {
        background-position-x: -210px;
        background-position-y: 10px;
    }

    .ofd-application__img-man {
        flex: 0 0 440px;
        background-position-x: -60px;
        margin: 0 20px;
    }

    .ofd-application__content {
        flex: 0 1 426px;
    }

    .ofd-application__form-top input {
        flex: 0 1 209px;
        padding: 16px 15px;
    }

    .ofd-application__form textarea {
        padding: 16px 15px;
    }
}

@media (max-width: 991px) {
    .ofd-application {
        padding: 20px 0;
    }

    .ofd-application__wrapper {
        height: initial;
        padding: 20px;
    }

    .ofd-application__bg {
        background-image: none;
    }

    .ofd-application__img-man {
        display: none;
    }

    .ofd-application__content {
        flex: 1;
        padding: 0;
        width: 100%;
    }

    .ofd-application__form-top input {
        flex: 1;
    }

    .ofd-application__content-title {
        max-width: 100%;
        font-size: 24px;
        margin-bottom: 8px;
    }

    .ofd-application__content-text {
        max-width: 100%;
        font-size: 14px;
    }

    .ofd-application__form-label {
        font-size: 12px;
    }

    .ofd-application__form-top input::placeholder {
        font-size: 14px;
    }

    .ofd-application__form textarea::placeholder {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .ofd-application__wrapper {
        border-radius: 0;
    }

    .ofd-application__form-top {
        flex-direction: column;
        gap: 8px;
    }

    .ofd-application__form-top input {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .ofd-application__form .ofd-btn-blue {
        width: 100%;
        text-align: center;
    }
}


/*----------------------------------/application-----------------------------------*/


/*----------------------------------REVIEWS-----------------------------------*/


.ofd-reviews {
    padding: 50px 0 55px;
}

.ofd-reviews__wrapp {
    display: flex;
    flex-direction: column;
    gap: 30px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.reviews__title {
    color: #181818;
    font-size: 52px;
    font-weight: 700;
    line-height: 120.5%;
}

.reviews__box {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.reviews__box-left {
    flex: 0 1 730px;
}

.reviews__box-left .btn-white-border {
    display: inline-block;
}

.reviews__item {
    margin-bottom: 40px;
}

.reviews__item-hide {
    display: none;
}

.reviews__item-top {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.reviews__item__avatar {
    border-radius: 94px;
    background: #F3F7F9;
    padding: 17px 22px;
    color: #D4DFE6;
    font-size: 36px;
    font-weight: 500;
    line-height: 100%;
    align-self: flex-start;
}

.reviews__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.reviews__content-top {
    display: flex;
    align-items: center;
    gap: 20px;
}

.reviews__content-name {
    color: #222;
    font-size: 24px;
    font-weight: 500;
    line-height: 142%;
}

.reviews__content-stars {
    display: flex;
    gap: 3px;
    align-items: center;
}

.reviews__content-middle {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 156%;
}

.reviews__content-bottom {
    display: flex;
    justify-content: space-between;
    color: #787878;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    border-bottom: 1px solid #D4DFE6;
    padding-bottom: 20px;
}

.reviews__reactions {
    display: flex;
    gap: 15px;
}

.reviews__likes {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.reviews__likes svg path {
    fill: #909090;
    transition: all .3s;
}

.reviews__likes:hover {
    color: #3246FD;
    transition: all .3s;
}

.reviews__likes:hover svg path {
    fill: #3246FD;
    transition: all .3s;
}

.reviews__dislikes {
    display: flex;
    gap: 5px;
    align-items: center;
    cursor: pointer;
    transition: all .3s;
}

.reviews__dislikes svg path {
    fill: #909090;
    transition: all .3s;
}

.reviews__dislikes:hover {
    color: #3246FD;
    transition: all .3s;
}

.reviews__dislikes:hover svg path {
    fill: #3246FD;
    transition: all .3s;
}

.reviews__item-bottom {
    padding-left: 90px;
}

.reviews__item-bottom button {
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3246FD;
    font-size: 14px;
    font-weight: 500;
    line-height: 137%;
    transition: all .3s;
}

.reviews__item-bottom button svg path {
    stroke: #3246FD;
    transition: all .3s;
}

.reviews__item-bottom button:hover {
    color: #041DFC;
    transition: all .3s;
}

.reviews__item-bottom button:hover svg path {
    stroke: #041DFC;
    transition: all .3s;
}

.reviews__box-right {
    flex: 0 1 486px;
    align-self: flex-start;
}

.reviews__card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: sticky;
    bottom: 5px;
}

.reviews__card-top {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
}

.reviews__card-bottom {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reviews__card-line {
    display: flex;
    align-items: center;
}

.reviews__card-star {
    margin-right: 10px;
}

.reviews__card-num {
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 30px;
    min-width: 10px;
}

.card-line {
    flex: 1;
}

.card-line__item {
    border-radius: 36px;
}

.card-line__blue {
    background: #3246FD;
    height: 10px;
}

.line-33 {
    width: 33%;
    background: #3246FD;
    height: 10px;
}

.ofd-line-66 {
    width: 66%;
    background: #3246FD;
    height: 10px;
}

.ofd-line-0 .ofd-card-line__item {
    border-radius: 36px;
    background: #E5E5E5;
    width: 10px;
    height: 10px;
    margin-right: 20px;
}

.ofd-line-0 {
    flex: initial;
}

.ofd-percents {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #3B2F3B;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.ofd-percents__line {
    width: 2px;
    height: 10px;
    background-color: #E5E5E5;
}


@media (max-width: 1300px) {
    .ofd-reviews__box-left {
        flex: 0 1 657px;
    }

    .ofd-reviews__box-right {
        flex: 0 0 312px;
        padding: 20px;
    }

    .ofd-reviews__card-num {
        margin-right: 15px;
    }
}

@media (max-width: 1199px) {
    .ofd-reviews__item {
        margin-bottom: 30px;
    }
}


@media (max-width: 991px) {
    .ofd-reviews {
        padding: 30px 0;
    }

    .ofd-reviews__wrapp {
        gap: 20px;
    }

    .ofd-reviews__title {
        font-size: 28px;
    }

    .ofd-reviews__box {
        flex-direction: column;
        gap: 42px;
    }

    .ofd-reviews__box-left {
        flex: 1;
        order: 2;
    }

    .ofd-reviews__box-right {
        flex: 1;
        width: 100%;
    }

    .ofd-reviews__card-top {
        font-size: 18px;
    }

    .ofd-reviews__content {
        gap: 10px;
    }

    .ofd-reviews__content-name {
        font-size: 16px;
    }

    .ofd-reviews__item__avatar {
        padding: 11px 14px;
        font-size: 22px;
    }

    .ofd-reviews__item-top {
        gap: 10px;
        margin-bottom: 10px;
    }

    .ofd-reviews__content-middle {
        font-size: 14px;
    }

    .ofd-reviews__content-bottom {
        font-size: 12px;
    }

    .ofd-reviews__item-bottom button {
        font-size: 12px;
    }

    .ofd-reviews__item-bottom {
        padding-left: 54px;
    }

    .ofd-reviews__content-bottom {
        padding-bottom: 10px;
    }

    .ofd-reviews__box-left .ofd-btn-white-border {
        width: 100%;
        padding: 16px 28px;
    }
}

@media (max-width: 768px) {

    .ofd-reviews__card {
        gap: 30px;
    }

    .ofd-reviews__content-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }

    .ofd-reviews__content-stars {
        width: 83px;
    }

    .ofd-reviews__reactions {
        display: none;
    }
}

@media (max-width: 468px) {
    .ofd-reviews__box {
        gap: 20px;
    }
}

/*----------------------------------/REVIEWS-----------------------------------*/


/*----------------------------------share-----------------------------------*/

.ofd-share {
    padding: 55px 0 100px;
}

.ofd-share__wrapper {
    background-color: #2F353E;
    background-image: url('/upload/img/fn/share-bg.png');
    background-repeat: no-repeat;
    background-size: 338px 474px;
    background-position: 19% 50%;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    padding: 40px 220px 40px 70px;
    border-radius: 10px;
    overflow: hidden;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-share__title {
    font-size: 36px;
    font-weight: 700;
    max-width: 385px;
}

.ofd-share__form {
    flex: 0 1 520px;
}

.ofd-share__form-top {
    margin-bottom: 16px;
    display: flex;
    gap: 8px;
}

.ofd-share__form-top input {
    flex: 1;
    padding: 14px 16px;
    border-radius: 5px;
    border: none;
}

.ofd-share__form-top input::placeholder {
    color: #7C7C7C;
    font-size: 18px;
    line-height: normal;
}

.ofd-share__form .ofd-btn-blue {
    font-size: 14px;
    padding: 16px 24px;
}

.ofd-share__form-label {
    position: relative;
    font-size: 14px;
}

.ofd-share__form-label a {
    color: #FFFFFF;
    border-bottom: 1px solid #fff;
}


@media (max-width: 1500px) {
    .ofd-share__wrapper {
        padding: 40px 150px 40px 70px;
    }
}

@media (max-width: 1300px) {
    .ofd-share__wrapper {
        padding: 40px;
        background-position: 23% 50%;
    }
}

@media (max-width: 1199px) {
    .ofd-share__form {
        flex: 0 1 435px;
    }

    .ofd-share__wrapper {
        background-position: 36% 50%;
    }
}

@media (max-width: 991px) {
    .ofd-share {
        padding: 30px 0 0;
    }

    .ofd-share__wrapper {
        padding: 20px;
        flex-direction: column;
        gap: 12px;
    }

    .ofd-share__title {
        font-size: 24px;
        max-width: 100%;
    }

    .ofd-share__form {
        flex: 1;
    }

    .ofd-share__form-top {
        margin-bottom: 8px;
    }
}

@media (max-width: 767px) {
    .ofd-share__wrapper {
        padding: 40px 20px;
        border-radius: 0;
        background-image: none;
    }

    .ofd-share__form-top {
        flex-direction: column;
    }

    .ofd-share__form-top input::placeholder {
        font-size: 14px;
    }
}
.application__content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    /*max-width: 630px;*/
}

.application__content-text-top {
    margin-bottom: 16px;
}

.application__content-text-bottom {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .application__content-title {
        max-width: 100%;
        font-size: 24px;
        margin-bottom: 8px;
    }

    .application__content-text {
        max-width: 100%;
        font-size: 14px;
    }
}
.ofd-application__form-top .error{
    border: 1px solid red;
}
.ofd-application__form-label.error, .ofd-application__form-label.error a{
    color: red;
}



@media (max-width: 1300px) {
    .reviews__box-left {
        flex: 0 1 657px;
    }

    .reviews__box-right {
        flex: 0 1 312px;
    }

    .reviews__card-num {
        margin-right: 15px;
    }
}

@media (max-width: 1050px) {
    .reviews__wrapp {
        gap: 40px;
    }

    .reviews__box {
        flex-direction: column;
        gap: 42px;
    }

    .reviews__box-left {
        flex: 1;
        order: 2;
    }

    .reviews__box-right {
        flex: 1;
        width: 100%;
    }
}


@media (max-width: 991px) {
    .reviews {
        padding: 30px 0 40px;
    }
}

@media (max-width: 768px) {
    .ofd-youtube__top .ofd-btn-white{
        position: absolute;
        bottom: 10px;
        width: calc(100% - 40px);
        padding: 16px 30px;
    }
    .reviews__wrapp {
        gap: 20px;
    }

    .reviews__title {
        font-size: 28px;
    }

    .reviews__box-right {
        padding: 32px 20px 36px;
    }

    .reviews__card {
        gap: 30px;
    }

    .reviews__card-top {
        font-size: 18px;
    }

    .reviews__card-btn {
        width: 100%;
    }

    .reviews__content {
        gap: 12px;
    }

    .reviews__content-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        margin-bottom: 8px;
    }

    .reviews__content-name {
        font-size: 18px;
    }

    .reviews__content-stars {
        /* width: 83px;*/
    }
    .reviews__content-stars svg{
        width: 14px;
        height: 14px;
    }

    .reviews__item {
        margin-bottom: 40px;
    }

    .reviews__item-top {
        gap: 10px;
        margin-bottom: 16px;
    }

    .reviews__item__avatar {
        padding: 11px 14px;
        font-size: 22px;
    }

    .reviews__content-middle {
        font-size: 14px;
    }

    .reviews__content-bottom {
        font-size: 12px;
    }

    .reviews__reactions {
        display: none;
    }

    .reviews__item-bottom {
        padding-left: 54px;
    }

    .reviews__item-bottom button {
        font-size: 12px;
    }
    .reviews__button{
        width: 100%;
        display: block;
        text-align: center;
        padding: 16px 0;
    }
    .form__top{
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;
    }
    .share__form input[name="email"]{
        width: 100%;
        max-width: 100%;
        height: 50px;
    }
    .share__form .form__btn a{
        width: 100%;
        display: block;
    }
    .fn-btn{
        font-size: 14px!important;
        padding: 16px 18px!important;
    }
    .ofd-btn{
        font-size: 14px!important;
        padding: 16px 18px!important;
    }
}

@media (max-width: 468px) {
    .comments {
        padding-left: 54px;
    }

   /* .reviews__content-middle {
        margin-left: -54px;
    }

    .reviews__content-bottom {
        margin-left: -54px;
    }*/

    .reviews__item-bottom {
        padding-left: 0;
    }

    .reviews__button {
        width: 100%;
    }
}
.share__wrapper.animation_start15{
    transform: none!important;
    opacity: 1!important;
}
/* End */


/* Start:/local/templates/port_2021/components/bitrix/form.result.new/ofd_form_cons_2024/style.css?17569709507236*/
/*----------------------------------MODAL-----------------------------------*/
.application__modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 10;
}

.application__modal .application__modal-text p {
    margin: 5px;
}

.application__modal-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 50px 55px;
	color: #787878;
	border-radius: 10px;
	max-width: calc(750px - 72px*2);
	text-align: center;
}

.application__modal-title {
	font-weight: 700;
	line-height: 107.5%;
	font-size: 36px;
	color: #000;
	margin: 20px 0;
}

.application__modal-text {
	font-size: 16px;
	font-weight: 500;
	line-height: 156.8%;
	margin-bottom: 30px;
}

.application__modal-btn {
	padding: 16px 23px;
	border-radius: 5px;
	background: #3246FD;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 1199px) {
	.application__modal-wrapper {
		width: 600px;
	}
}

@media (max-width: 768px) {
	.application__modal-wrapper {
		padding: 40px 20px 44px;
		width: calc(100% - 40px);
	}

	.application__modal-title {
		font-size: 28px;
		margin-bottom: 16px;
	}

	.application__modal-text {
		margin-bottom: 20px;
	}
}
.application__form-top .error{
	border: 1px solid red;
}
.application__form-label.error, .application__form-label.error a{
	color: red;
}


/*----------------------------------/MODAL-----------------------------------*/
/*----------------------------------HELP-----------------------------------*/

.ofd-help {
	padding: 20px 0 60px;
	line-height: initial;
}

.ofd-help__wrapper {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, #3246FD 0.25%, #52CEDD 100%);
	border-radius: 10px;
	width: 100%;
	height: 448px;
	color: #FFF;
	padding-right: 20px;
	opacity: 1;
	transition-duration: 0.542s;
	animation-timing-function: cubic-bezier(0.5, 0.35, 0.15, 1);
}



.ofd-help__bg {
	background-image: url("/upload/img/fn/help-bg.png");
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0;
	display: flex;
	height: 100%;
}

.ofd-help__name {
	position: absolute;
	left: 400px;
	bottom: 40px;
	border-radius: 5px;
	background: rgba(50, 70, 253, 0.20);
	backdrop-filter: blur(8px);
	display: flex;
	gap: 10px;
	padding: 15px 20px 12px;
	z-index: 3;
}

.ofd-help__name-text {
	display: flex;
	flex-direction: column;
}

.ofd-help__name-top {
	color: #FFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 152%;
}

.ofd-help__name-bottom {
	color: #FFF;
	font-size: 12px;
	font-weight: 400;
	line-height: 152%;
}

.ofd-help__img-man {
	flex: 0 1 630px;
	height: 430px;
	align-self: flex-end;
	margin: 0 55px 0 66px;
	z-index: 2;
	background-image: url("/upload/img/fn/Alexey.png");
	background-repeat: no-repeat;
	background-position-x: -10px;
	background-position-y: 0;
}

.ofd-help__content {
	padding: 60px 0;
}

.ofd-help__content-title {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 16px;
}

.ofd-help__content-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 145%;
	max-width: 550px;
	margin-bottom: 10px;
}

.ofd-help__content-free {
	font-weight: 500;
}

.ofd-help__form {
	margin: 20px 0;
}

.ofd-help__form-top {
	margin: 20px 0 8px;
	display: flex;
	gap: 12px;
}

.ofd-help__form-top input {
	flex: 1;
	padding: 16px 71px 16px 15px;
	border-radius: 5px;
	border: 1px solid #FFF;
	background: transparent;
}
.ofd-help__form-top input {
	color: #FFF;
	font-size: 18px;
	line-height: 164%;
}
.ofd-help__form-top input::placeholder {
	color: #FFF;
	font-size: 18px;
	line-height: 164%;
}

.ofd-help__form-label {
	position: relative;
	font-size: 14px;
}

.ofd-help__form-label a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.ofd-real-checkbox {
	opacity: 0;
	width: 18px;
	height: 18px;
}
.help__content-title {
	font-size: 42px;
	font-weight: 500;
	margin-bottom: 16px;
}

.help__content-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 145%;
	max-width: 550px;
	margin-bottom: 10px;
}

.help__content-free {
	font-weight: 500;
}

.ofd-custom-checkbox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #F0F2FF;
	border: 1px solid #F0F2FF;
	color: #F0F2FF;
	border-radius: 9px;
}

.ofd-custom-checkbox::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .2s ease-in;
	width: 10px;
	height: 10px;
	background: #3246FD;
	border-radius: 50px;
	vertical-align: center;
	display: inline-block;
}

.ofd-real-checkbox:checked + .ofd-custom-checkbox::before {
	opacity: 1;
}

.ofd-help__socials {
	margin-top: 12px;
	display: flex;
	gap: 10px;
}

.ofd-help__socials-item {
	cursor: pointer;
	border-radius: 50px;
}

.ofd-help__socials div svg path {
	transition: all 0.3s;
}

.ofd-help__socials div:hover svg path {
	opacity: 0.8;
}


@media (max-width: 1400px) {
	.ofd-help__wrapper {
		height: 510px;
	}

	.ofd-help__img-man {
		margin: 0 20px 0 0;
	}

	.ofd-help__img-man {
		flex: 0 1 575px;
	}

	.ofd-help__name {
		left: 211px;
	}

	.help__content-title {
		max-width: 400px;
	}
}

@media (max-width: 1300px) {

	.ofd-help__img-man {
		margin-left: -20px;
	}

	.ofd-help__name {
		left: 191px;
	}

	.ofd-help__content {
		margin-left: -30px;
		z-index: 4;
	}

	.ofd-help__form {
		width: 100% !important;
		height: initial !important;
	}

	.ofd-help__form-label {
		font-size: 14px;
	}

	.ofd-help__form-top .ofd-btn-white {
		flex-shrink: 0;
	}
}

@media (max-width: 1199px) {
	.ofd-help__name {
		left: 186px;
	}

	.ofd-help__form-top input {
		padding: 16px 15px;
	}
}

@media (max-width: 991px) {
	.help__content-title {
		max-width: 100%;
		font-size: 24px;
		margin-bottom: 8px;
	}

	.help__content-text {
		max-width: 100%;
		font-size: 14px;
		margin-bottom: 6px;
	}

	.help__content-free {
		font-size: 14px;
	}
	.ofd-help {
		padding: 30px 0;
	}

	.ofd-help__wrapper {
		height: initial;
	}

	.ofd-help__bg {
		padding: 20px;
		background-size: 383px 347px;
		background-position-x: -10px;
		background-position-y: 0;
	}

	.ofd-help__img-man {
		display: none;
	}

	.ofd-help__name {
		display: none;
	}

	.ofd-help__content {
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.ofd-help__content-title {
		max-width: 100%;
		font-size: 24px;
		margin-bottom: 8px;
	}

	.ofd-help__content-text {
		max-width: 100%;
		font-size: 14px;
		margin-bottom: 6px;
	}

	.ofd-help__content-free {
		font-size: 14px;
	}

	.ofd-help__form-label {
		font-size: 12px;
	}

	.ofd-help__form-top input::placeholder {
		font-size: 14px;
	}


}

@media (max-width: 768px) {
	.ofd-help__wrapper {
		border-radius: 0;
		padding-right: 0;
		background: linear-gradient(100deg, #3246FD 0.25%, #52CEDD 160%);
	}

	.ofd-help__bg {
		background-size: 363px 297px;
		background-position-x: -30px;
		background-position-y: -15px;
	}

	.ofd-help__form {
		margin: 20px 0;
	}

	.ofd-help__form-top {
		flex-direction: column;
		gap: 8px;
	}

	.ofd-help__form-top input {
		width: 100%;
	}
}


/*----------------------------------/HELP-----------------------------------*/
/* End */


/* Start:/local/templates/port_2021/components/bitrix/news.list/ofd_questions_2024/style.css?17169761916362*/
.question .button{
    display: inline-block;
    padding: 15px 13px;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 23px;
    border: 2px solid #fff;
    background-color: transparent;
    min-width: 170px;
    text-align: center;


     letter-spacing: 0.21px;

    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;

    margin: 0 0 30px;
    color: #3246FD;
    border: 2px solid #3246FD;
}
.question .button:hover{
    background: #3246FD;
    color: #fff;
}
.question .item{
    border-radius: 3px;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
    margin-bottom: 15px;

    -moz-transition: box-shadow 0.2s ease;
    -o-transition: box-shadow 0.2s ease;
    -webkit-transition: box-shadow 0.2s ease;
    transition: box-shadow 0.2s ease;
}
.question.show_small .item:nth-child(n+8){
    height: 0;
    border: 0;
    overflow: hidden;
    opacity: 0;
    margin-bottom: 0;
}
.question .show_more{
    display: none;
}
.question.show_small .show_more{
    display: initial;
}
.question .item:hover{
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.question .item .top{
    position: relative;
    color: #383838;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.4;
    padding: 18px 20px;
    padding-right: 60px;
    cursor: pointer;
}
.question .item .top:after,.question .item .top:before{
    content: '';
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #95989a;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item .top:after{
    transform: rotate(90deg);
}
.question .item.open .top:after{
    transform: rotate(180deg);
}
.question .item.open .top:before{
    transform: rotate(180deg);
}
.question .item .text{
    word-break: break-word;
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
    color: #363636;
    line-height: 20px;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.question .item.open .text{
    opacity: 1;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}
.question .item .text .text_h{
    padding: 0 20px 20px;
    margin-top: -2px;
}

@media (max-width: 768px){
    .question .item{
        text-align: left;
        margin: 0 -8px 0;
    }
    .question{
        text-align: center;
    }
}


/*------------------------------questions---------------------------------*/

.questions {
    padding: 50px 0;
}

.questions__wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.questions__title {
    flex: 0 1 639px;
    position: relative;
    align-self: flex-start;
}

.questions__title h2 {
    color: #383838;
    font-size: 52px;
    font-weight: 700;
    line-height: 110%;
}

.questions__title h2 span {
    color: #3246FD;
}

.questions__title svg {
    position: absolute;
    bottom: -110px;
    left: 250px;
}

.questions__box {
    flex: 0 1 730px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.fn-btn {
    padding: 20px 28px;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.questions__list {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.questions__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    opacity: 1;
    transition-duration: 0.542s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}


.questions__item-title {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
    gap: 20px;
}

.questions__item-title p {
    max-width: 650px;
    color: #383838;
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
}

.toggle-btn {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background: #F9F9F9;
    cursor: pointer;
    transition: all .3s;
}

.toggle-btn:hover {
    background: #D4DFE6;
}

.questions__item-text {
    max-width: 650px;
    color: #383838;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    display: none;
}

.questions-open {
    display: block;
}

.questions__box .fn-btn-white , .ofd-questions__box .fn-btn-white {
    border: 2px solid #3246FD;
    transition: all .3s;
    align-self: flex-start;
}

.questions__box .fn-btn-white:hover ,.ofd-questions__box .fn-btn-white:hover{
    background-color: #3246FD;
    color: #FFFFFF;
    opacity: 1;
}

.item-hidden {
    display: none;
}

@media (max-width: 1300px) {
    .questions__title svg {
        bottom: -150px;
        left: 200px;
    }

    .questions__item-title p {
        max-width: 410px;
    }

    .questions__item-text {
        max-width: 410px;
    }
}

@media (max-width: 991px) {
    .questions {
        padding: 30px 0;
    }

    .questions__wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .questions__title {
        flex: 1;
    }

    .questions__title h2 {
        font-size: 28px;
    }

    .questions__title svg {
        display: none;
    }

    .questions__box {
        flex: 1;
        gap: 20px;
    }

    .questions__list {
        gap: 20px;
    }

    .questions__item-title {
        align-items: center;
    }

    .questions__item-title p {
        max-width: calc(100% - 64px);
        font-size: 16px;
    }

    .questions__item-text {
        max-width: calc(100% - 74px);
        font-size: 14px;
    }

    .toggle-btn {
        width: 44px;
        height: 44px;
    }

    .questions__box .fn-btn-white {
        width: 100%;
    }
}

@media (max-width: 468px) {
    .questions__item-text {
        max-width: 100%;
    }
}


/*------------------------------/questions---------------------------------*/
/* End */


/* Start:/local/components/custom/reviews_main_2018/templates/service_2024/style.css?171680469118723*/
.product-card__product-content .product-content__reviews .reviews__new-review .new-review__form{
    display: block !important;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;

    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.product-card__product-content .product-content__reviews .reviews__new-review.open_form .new-review__form{
    margin-top: 20px;
    opacity: 1;
    visibility: visible;
    -moz-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -o-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    -webkit-transition: all 0.4s ease, opacity 0.4s ease 0.2s;
    transition: all 0.4s ease, opacity 0.4s ease 0.2s;
}


a[href="javascript:void(0)"]{
    text-decoration: none;
}
.new-review__form input[type="text"]{
    display: block;
}

.new-review__form .star {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/local/templates/port_2018/scss/../images/stars.png") no-repeat left center; }
.new-review__form .star--v {
    background-position: right center; }
.new-review__form .stars .star, .new-review__form label[for="rating"] .star {
    cursor: pointer;
}

.input_field_wrap{
    position: relative;
}
.input_field_wrap .input_success_message, .input_field_wrap .input_error_message {
    position: absolute;
    top: calc(100% + 20px);
    width: 96%;
    line-height: 20px;
    left: 0;
    right: 0;
    border-radius: 2px;
    font-size: 14px;
    padding: 5px 2%;
    margin: auto;
    margin-top: 5px;
    display: block;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.input_success_message:before, .input_error_message:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.input_field_wrap.error .input_error_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap.success .input_success_message {
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.input_field_wrap .input_error_message {
    background: #f75a53;
    color: #fff;
}
.input_error_message:before {
    border-bottom-color: #f75a53;
}

.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form{
    background:none!important;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-form .comments__commentary-form-container{
    width: 100%!important;
}

.bg_uslugi_delail_reviews .reviews_detail_uslugi{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__title{
    font-weight: 700;
    font-size: 64px;
    line-height: 120.5%;
    color: #000000;
}
.bg_uslugi_delail_reviews .comments_none{
    padding: 20px 0 10px 0;
    font-size: 18px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
    position: relative;
    width: 80px;
    margin: 0 0 0 auto;
}
.bg_uslugi_delail_reviews .comments_title_star{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 142%;
    color: #222222;
    padding-right: 20px;

}
.bg_uslugi_delail_reviews .comments_time_like{
    display: flex;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
    margin: 15px 0 15px 41px;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: #000000;

}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
    border: none;
    background: none;
}
.bg_uslugi_delail_reviews .comments_time{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #787878;
    margin-left: 41px;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
    border: none;
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    margin:0 20px 0 0;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
    font-weight: 500;
    font-size: 36px;
    line-height: 142%;
    transform: translate(-11px,-27px);
    color: #D4DFE6;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas{
    font-size: 15px;
}
.comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
    padding: 0!important;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn{
    font-weight: 500;
    font-size: 14px;
    line-height: 137%;
    color: #3246FD;
}
.bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control .comments__commentary-btn label{
    padding-left: 15px
}
.bg_uslugi_delail_reviews .review_count_leght{
    display: flex;
    margin-bottom: 10px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review{
    width: 330px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    background: #3246FD;
    border-radius: 36px;
    height: 10px;
}

.bg_uslugi_delail_reviews .reviews__new-review{
    height: 310px;
    background: #FFFFFF;
    border-radius: 10px;
    width: 480px;
    padding: 40px;
}
.reviews_detail_uslugi .nonerew{
    padding: 16px 0!important;
    margin: 4px 0 0 0!important;
    background: none;
    height: auto;
}
.bg_uslugi_delail_reviews .open_form{
    height: auto!important;
}
.bg_uslugi_delail_reviews .reviews_count{
    font-size: 20px;
    line-height: 25px;
    align-items: center;
    text-align: center;
    font-weight: 500;
    margin: 0 auto;
    position: relative;
    padding-bottom: 40px;
}
.comment_input_detail_service{
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}
.comments__commentary-name{
    width: 50%;
}
.comments__commentary-name input{
    height: 50px;
}
.coment_detail_review_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding-bottom: 32px;
}
.bg_uslugi_delail_reviews .reviews_count svg{
    transform: translate(0px,4px);
}
.bg_uslugi_delail_reviews .star_review{
    padding-right: 9px;
}
.bg_uslugi_delail_reviews .reviev_review{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    width: 41px;
}
.bg_uslugi_delail_reviews .review_count_leght .line_review div{
    margin-top: 7px;

}
.bg_uslugi_delail_reviews .percent_review{
    width: 60px;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .count_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.bg_uslugi_delail_reviews .zero .line_review{
    width: 10px!important;
}
.bg_uslugi_delail_reviews .zero .line_review div{
    width: 10px!important;
    background: #E5E5E5;
    border-radius: 36px;
}
.bg_uslugi_delail_reviews .zero .percent_review{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #B7B7B7;
}
.bg_uslugi_delail_reviews .zero .count_review{
    display: none
}
.bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
    background: #3246FD;
    border-radius: 5px;
    width:226px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 30px auto 0 auto;
    position: relative;
    display: block!important;
}

.bg_uslugi_delail_reviews .comments .comments__comment-list{
   margin: 0;
}


@media (max-width: 1200px) {
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 300px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 148px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list {
        width: 94%;
    }
}

@media (max-width: 1000px) {
    .bg_uslugi_delail_reviews .reviews_detail_uslugi{
        flex-direction: column-reverse;
    }
    .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike .comments__comment-dislike span {
        float: right;
        padding-right: 11px;
    }
}
@media (max-width: 700px) {
    .reviews__item-content{
        width: calc(100% - 56px);
    }
    .reviews__item-content p{
        word-break: break-word;
    }
    .reviews__button{
        width: 100%;
        display: block;
        text-align: center;
        padding: 16px 0;
    }
    .container {
        width: calc(100% - 40px)!important;
    }
    .bg_uslugi_delail_reviews .reviews__new-review{
        width: 100%;
        padding: 0;
        height: auto;
    }
    .reviews_detail_uslugi .reviews__new-review_all{
        padding: 32px 20px 0 20px;
    }
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 102%;
    }
    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        margin-bottom: 36px;
    }
    .comment_reviews_detail_uslugi{
        margin-top: 40px;
    }
    .bg_uslugi_delail_reviews .comments .comments__title{
        font-size: 36px;
    }
    .bg_uslugi_delail_reviews .reviews_count{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo{
        width: 44px;
        height: 44px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-photo span{
        font-size: 22px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-title{
        font-size: 18px;
    }
    .bg_uslugi_delail_reviews .comments_title_star{
        display: block;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-rate .fas {
        font-size: 12px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-text{
        font-size: 14px;
        margin: 15px 0 15px -48px;
    }
    .bg_uslugi_delail_reviews .comments_time {
        margin-left: -48px;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment .comments__comment-content .comments__comment-main-block .comments__comment-like-dislike{
        display: none;
    }
    .bg_uslugi_delail_reviews .comments .comments__comment-list .comments__comment-commentary{
        padding-left: 0;
    }
    .comments .comments__comment-list .comments__comment-commentary .comments__commentary-control{
        padding: 0!important;
    }

    .bg_uslugi_delail_reviews .product-card__product-content .product-content__reviews .reviews__new-review .new-review__btn{
        width: 86%;
        padding: 15px 0 12px 0!important;
        text-align: center;
    }
}
@media (max-width: 500px) {
    .bg_uslugi_delail_reviews .review_count_leght .line_review {
        width: 47%;
    }
}


.bg_uslugi_delail_reviews .comment_service_btn{
    background: #3246FD;
    border-radius: 5px!important;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.coment_detail_review_title_up{
    display: flex;
}
.comments__commentary-cancel-btn_review{
    position: relative;
    margin: 0 0 0 auto;
    cursor: pointer;
}
.comments__commentary-cancel-btn_review svg{
    transform: translate(0px,10px);
}
.politic-block a {
    color: #3246FD;
    text-decoration: none;
}
  .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .service_order_form label .new-review__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    color: #77b97e;
}
label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}
 label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.politic-block label {
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
 .service_order_form{
    border: none!important;
    background: none!important;
    box-shadow: none!important;
     padding: 0!important;
}
 .service_order_form .politic-block{
    margin-top:12px  ;
}
.block_down_comment_service{
    display: flex;
}
 .politic-block{
    width: 55%;
}
 .comments__commentary-form-btns{
    margin-top: 12px;
}
 .service_order_form label .new-review__check-box {
    color: #F0F2FF;
    background: #F0F2FF;
    border: 1px solid #F0F2FF;
    border-radius: 30px;
    width: 18px;
    height: 18px;
}

 .service_order_form label .new-review__check-box > i {
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px;
    left: 3.5px;
}
 .input_field_wrap{
    font-weight: 400;
    font-size: 14px;
    line-height: 137%;
    color: #000000;
}
.bg_uslugi_delail_reviews .input_field_wrap a{
    text-decoration: none;
    color: #3246FD;
}
.comment_review_service_title{
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    text-align: center;
    color: #000000;}

.comment_review_service_text{
padding: 24px 0 30px 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
}
.comment_review_service_btn{
    position: relative;
    margin: 0 auto;
    padding: 16px 0px;
    width: 115px;
    text-align: center;
    background: #3246FD;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.coment_close_service{
    display: none;
}
.reviews_detail_uslugi .service_order_form{
    background: #ffffff;
    border-radius: 5px;
}
.comment_back_service{
    background: #ffffff;
    border-radius: 5px;
    padding: 50px 0 60px 0;
}

.modal_window_detail_service .lightbox_window_footer{
    display: block;
}
.modal_window_detail_service .modal_window_detail_service_title{
    font-weight: 700;
    font-size: 36px;
    line-height: 107.5%;
    color: #000000;
    padding: 50px 0 25px 0;
}
.modal_window_detail_service .modal_window_detail_service_text{
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    text-align: center;
    color: #787878;
    padding-bottom: 30px;
}
.modal_window_detail_service .btn-default{
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 115px;
    padding: 16px 0;
    background: #3246FD;
    border-radius: 5px;
    position: relative;
    margin: 0 auto 60px auto;
}

.reviews__box-right form{
    display: none;
}

.open_form form{
    display:block;
}


.new-review__form input{
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px;
}

.new-review__form textarea{
    margin: 7px 0 0 0;
    width: 100%;
    resize: none;
    padding: 9px 11px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #b1cee0;
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 19px;
}
.new-review__form{
    font-size: 14px;
    letter-spacing: 0.14px;
    line-height: 18px;
}
.new-review__form .new-review__text {
    margin: 15px 0 0 0;
}
.new-review__form{
    margin-top: 30px;
}
.new-review__form .new-review__person-info {
    display: block;
    position: relative;
    margin: 15px 0 0 0;
}
.new-review__form  .new-review__col {
    display: inline-block;
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box;
}
.new-review__form .new-review__col:first-of-type {
    padding: 0 10px 0 0;
}
.new-review__form .new-review__cancel-btn {
    display: inline-block;
    position: relative;
    left: 23px;
    padding: 15px 0;
    color: #1278b7;
    cursor: default;
    text-transform: uppercase;
    font-size: 14px;
}
.new-review__form .new-review__send-btn {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    float: right;
    padding: 15px 17px;
    border-radius: 30px;
    background-color: #1278b7;
    color: #ffffff;
    cursor: default;
}
.new-review__form .new-review__checkbox-label {
    padding: 0 0 0 25px;
    font-size: 13px;
    letter-spacing: 0.13px;
    line-height: 20px;
}



.new-review__checkbox-block label input:checked ~ .new-review__check-box > i {
    display: inline;
}
.new-review__check-box > i {
    display: none;
    top: 4px;
    left: 4px;
    position: absolute;
    font-size: 9px;
    height: 8px;
    width: 8px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px ;
}
.new-review__checkbox-label{
    padding-left: 25px;
    display: block;
    text-align: left;
    width: 80%;
}
.callback-form_footer .callback-form__checkbox-label{
    position: relative;
}
.new-review__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #F0F2FF;
    border: 1px solid #F0F2FF;
    color: #F0F2FF;
    border-radius: 9px;

}
.new-review__checkbox-label input {
    display: none;
}
.new-review__checkbox-label input:checked ~ .new-review__check-box > i {
    display: inline;
}


/* End */


/* Start:/local/templates/port_2021/components/bitrix/subscribe.form/index_suscriber_2024/style.css?17114621034675*/
/*------------------------------share---------------------------------*/

.share {
    padding: 70px 0 60px;
}

.share__wrapper {
    background: url(/local/templates/port_2021/components/bitrix/subscribe.form/index_suscriber_2024/./image/share.png) no-repeat center / cover;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    padding: 40px 220px 40px 70px;
    border-radius: 10px;
}

.share__title {
    font-size: 36px;
    font-weight: 700;
    max-width: 385px;
}



.share__form  .callback-form__checkbox-label{
    position: relative;
}
.share__form  .callback-form__check-box {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background-color: #F0F2FF;
    border: 1px solid #F0F2FF;
    color: #F0F2FF;
    border-radius: 9px;

}
#consult-form-answer_s {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    background-color: rgba(0,0,0, 0.3);
}
#consult-form-answer_s.is-open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 100;
}
.consult-form-answer__content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    width: 500px;
    max-width: 100%;
    height: auto;
    padding: 30px 20px 25px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 4px;
    text-align: center;
}
.share__form  .callback-form__checkbox-block input {
    display: none;
}
.share__form  label input:checked ~ .callback-form__check-box > i {
    display: inline;
}

.share__form  .callback-form__check-box > i {
    display: none;
    top: 3px;
    left: 3px;
    position: absolute;
    font-size: 9px;
    height: 8px;
    width: 8px;
    color: #3246FD;
    background: #3246FD;
    border: 1px solid #3246FD;
    border-radius: 20px ;
}
.share__form.form input{
    padding: 10px 71px 10px 15px;
}

input[name="POLITIC"]{
    opacity: 0;
}
.form__btn a{
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.form__btn a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    clip-path: polygon(0 15%, 84% 100%, 0 100%, 0 43%);
    transform: scale(0);
    transform-origin: bottom left;
    z-index: 20;
    animation: ripple 8s linear infinite;
}
/*.form__btn a {*/
/*  position: relative;*/
/*  background-color: #3246FD;*/
/*  transition: all 0.3s;*/
/*  padding: 16px 24px;*/
/*  display: inline-block;*/
/*  color: #fff;*/
/*  font-size: 14px;*/
/*  border-radius: 5px;*/
/*  text-transform: uppercase;*/
/*  font-weight: 700;*/
/*  text-align: center;*/
/*  height: 100%;*/
/*  align-items: center;*/
/*}*/

/*.form__btn a:hover {*/
/*  background-color: #041DFC;*/
/*}*/

/*.form__btn a:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: rgba(255, 255, 255, 0.2);*/
/*  clip-path: polygon(0 15%, 84% 100%, 0 100%, 0 43%);*/
/*  transform: scale(0);*/
/*  transform-origin: bottom left;*/
/*  z-index: 20;*/
/*  animation: ripple 4s linear infinite;*/
/*}*/

/*@keyframes ripple {*/
/*  20% {*/
/*    opacity: 0;*/
/*    transform: scale(2.5);*/
/*  }*/
/*  100% {*/
/*    opacity: 0;*/
/*    transform: scale(2.5);*/
/*  }*/
/*}*/


@media (max-width: 1500px) {
    .share__wrapper {
        padding: 40px 150px 40px 70px;
    }
}

@media (max-width: 1199px) {
    .share__wrapper {
        padding: 40px 70px;
        background-position: left;
    }
}

@media (max-width: 992px) {
    .share__wrapper {
        flex-direction: column;
        gap: 28px;
        background-position: left;
    }
    .share__title {
        font-size: 36px;
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .share {
        padding: 30px 0 40px;
    }
}

@media (max-width: 600px) {
    .share__wrapper {
        padding: 60px 20px;
        background: url(/local/templates/port_2021/components/bitrix/subscribe.form/index_suscriber_2024/./image/share2.jpg) no-repeat center / cover;
        border-radius: 0;
        margin-right: -20px;
        margin-left: -20px;
    }
}

.share__wrapper {
    opacity: 1;
    /* transition-delay: 80ms;*/
    transition-duration: 0.7s;
    animation-timing-function:cubic-bezier(0.5, 0.35, 0.15, 1);
}
.share__wrapper.animation_start15{
    opacity: 0;
    transform: translate(0, 267px);
}

/*------------------------------/share---------------------------------*/
/* End */
/* /local/templates/port_2021/components/bitrix/news.list/ofd_2024/style.css?173752490478701 */
/* /local/templates/port_2021/components/bitrix/form.result.new/ofd_form_cons_2024/style.css?17569709507236 */
/* /local/templates/port_2021/components/bitrix/news.list/ofd_questions_2024/style.css?17169761916362 */
/* /local/components/custom/reviews_main_2018/templates/service_2024/style.css?171680469118723 */
/* /local/templates/port_2021/components/bitrix/subscribe.form/index_suscriber_2024/style.css?17114621034675 */