.elementor-8315 .elementor-element.elementor-element-158b650b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-24e27c8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-24363940{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-2abe48a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-1675e64f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-56c42175{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-7ee1aa3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-1245cf4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-6df2a3bd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-3cd2f8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8315 .elementor-element.elementor-element-761b05b7{--display:flex;}@media(min-width:768px){.elementor-8315 .elementor-element.elementor-element-158b650b{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-24e27c8f{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-24363940{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-2abe48a5{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-1675e64f{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-56c42175{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-7ee1aa3d{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-1245cf4d{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-6df2a3bd{--content-width:1280px;}.elementor-8315 .elementor-element.elementor-element-3cd2f8d{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-525a00bd */#case_blur_container {
    position: absolute;
}
.case_blur {
    width: 579px;
    height: 579px;
    position: absolute;
    top: calc(92px + 76px + 405px);
    
    transform: translate(50%, -50%);
    background: #E0E7FF;
    filter: blur(200px);
}
.razrab_after_banner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 64px;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
}
.razrab_after_banner_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(100% / 4 - 16px);
}
.razrab_after_banner_item > span {
    font-family: Raleway;
    font-weight: 700;
    font-style: Bold;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 130%;
    letter-spacing: 0%;
    color: #0F172A;
    border-top: 1px solid #CBDEE1;
    padding-top: 20px;
}
.razrab_after_banner_item > .color_item {
    color: #25A1B6;
}
.razrab-block-content-full {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 14px;
    padding: 38px 42px;
    background: #FFF;
    border-radius: 8px;
    margin-bottom: 20px;
}
.r_b_c_before_content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.razrab-block-content-full > .r_b_c_before_content> span:first-child {
    font-family: Geist;
    font-weight: 700;
    font-style: Bold;
    font-size: 60px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #25A1B6;
}
.r_b_c_t {
    max-width: calc(100% - 40px);
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    display: flex;
}
.razrab-block-content-full > .r_b_c_before_content> span {
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 23px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #0F172A;
}
.razrab-block-content-full > p {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #64748B;
}
.lead_first_r > .razrab-block {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 100%;
    background: unset;
    margin-top: 20px;
}
.razrab-block-content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-width: calc(50% - 15px);
    gap: 8px;
    padding: 24px 26px;
    background: #FFF;
    border-radius: 8px;
}
.razrab-block-content > span  {
    font-family: Geist;
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    width: 100%;
    color: #25A1B6;
}
.razrab-block-content > p {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #64748B;
}
.ai-feature {
    position: absolute;
    top: 104px;
    right: 139px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;

    width: 100%;
    max-width: 292px;
    height: 42px;
    padding-top: 10.5px ;
    padding-bottom: 10.5px;

    box-sizing: border-box;

    border: 2px solid transparent;
    border-radius: 8px;

    background:
        linear-gradient(#f8fafc, #f8fafc) padding-box,
        linear-gradient(
            110deg,
            #4d8dff 0%,
            #dce8ff 35%,
            #f8fafc 50%,
            #dce8ff 65%,
            #4d8dff 100%
        ) border-box;

    background-size: 100% 100%, 250% 100%;
    animation:
        borderMove 4s ease-in-out infinite,
        floatCard 4s ease-in-out infinite;

    overflow: hidden;
}


/* Текст */
.ai-feature__text {
    font-family: Fira Code, Sans-Serif;
    font-size: 14px;
    letter-spacing: 5%;
    color: #397cff;
    white-space: nowrap;
    line-height: 150%;
}


/* Блок со звёздами */
.ai-feature__stars {
    position: relative;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    left: -5px;
}


/* Звёздочки */
.star {
    position: absolute;
    display: block;
    color: #4d82ff;
    line-height: 1;
    text-shadow:
        0 0 6px rgba(77, 130, 255, .25);

    animation: sparkle 2.4s ease-in-out infinite;

}

.star--1 {
    left: 4px;
    top: 0px;
    font-size: 26px;
    animation-delay: 0s;
}

.star--2 {
    left: 20px;
    top: 12px;
    font-size: 16px;
    animation-delay: .4s;
    
}

.star--3 {
    left: 20px;
    top: 15px;
    font-size: 23px;
    animation-delay: .8s;
    display: none;
}

.star--4 {
    left: 20px;
    top: -6px;
    font-size: 16px;
    animation-delay: 1.2s;
}


/* Световой проход по границе */
@keyframes borderMove {
    0% {
        background-position:
            0 0,
            0% 50%;
    }

    50% {
        background-position:
            0 0,
            100% 50%;
    }

    100% {
        background-position:
            0 0,
            0% 50%;
    }
}


/* Лёгкое движение карточки */
@keyframes floatCard {
    0%,
    100% {
        transform: translateY(0);
    }
/*
    //50% {
      //  transform: translateY(-5px);
    }*/
}


/* Мерцание звёзд */
@keyframes sparkle {
    0%,
    100% {
        opacity: .55;
        transform: scale(.85) rotate(0deg);
    }

    35% {
        opacity: 1;
        transform: scale(1.15) rotate(0deg);
    }

    65% {
        opacity: .75;
        transform: scale(.95) rotate(0deg);
    }
}

.r_b_c_items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
    border-top: 1px solid #E2EEF0;
    padding-top: 20px;
    gap: 20px;
}
.r_b_c_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 20px;
    align-items: center;
    width: 100%;
}
.r_b_c_item > span {
    color: #25A1B6;
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    display: flex;
    width: 100%;
}
.r_b_c_item > div {
    max-width: calc(100% - 50px);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 5px;
}
.r_b_c_item > div > span {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 114.99999999999999%;
    letter-spacing: 0%;
    color: #0F172A;

}

.r_b_c_item_b_title {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    color: #25A1B6;

}
.r_b_c_item_content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.r_b_c_item_content > p {
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    color: #0F172A;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-158b650b */.blog_firs_section {
    background: #F1F5F9;
    padding-bottom: 86px;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-60e809d1 */.what_do_price_block_title {
    display: flex;
    width: 100%;
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    color: #334155;
    padding-bottom: 32px;
}
.what_do_price_block {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    padding-top: 64px;
    position: relative;
}
.what_do_price_block_item {
    display: block;
    width: 100%;
    max-width: 432px;
    background: #25A1B6;
    padding: 20px;
    border-radius: 8px;
}
.what_do_price_block_item_r {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px;
    box-shadow: 0 10px 28px 0 rgba(15, 23, 42, 0.08);
    max-width: calc(100% - 452px);
    border-radius: 8px;
    background: #FFF;
    border: 1px #E2EEF0 solid;
    padding: 16px 28px 16px 26px;

}
.what_do_price_block_item > span,
.what_do_price_block_item_r > span
{
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #334155;
}
.what_do_price_block_item > span {
    color: #FFF;
}
.what_do_price_block_item > p {
    padding: 0;
    margin: 0;
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #FFF;
    padding-top: 22px;
}
.what_do_price_block_item_r > div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #E2EEF0;
    height: 67px;
}
.what_do_price_block_item_r > div:last-child {
    border-bottom: unset;
}
.what_do_price_block_item_r > div > span {
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    color: #25A1B6;
    display: flex;
    max-width: 64px;

}
.what_do_price_block_item_r > div > p {
    margin: 0;
    padding: 0;
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    color: #334155;
    max-width: calc(100% - 84px);
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-24e27c8f */.single_second_section {
    padding-bottom: 86;
    background: #FFF;
    position: relative;
    z-index: 9;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-1213dd74 */.keysi_v_num_block {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    padding-top: 48px;
    position: relative;
}
.keysi_v_num_item {
    display: block;
    max-width: calc(50% - 12px);
    width: 100%;
    gap: 16px;
    flex-wrap: wrap;
    border: 1px solid #CBDEE1;
    border-radius: 8px;
    padding: 24px 24px 28px 24px;
    height: 100%;
    box-shadow: 0px 14px 34px 0px #527B7E2E;
    background: #FFF;
    position: relative;
}
.keysi_v_num_item > span:first-child {
    font-family: Fira Code;
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    width: 100%;
    color: #25A1B6;
    display: flex;
    padding-top: 0;
}
.keysi_v_num_item > span {
    font-family: Raleway;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    leading-trim: NONE;
    line-height: 140%;
    letter-spacing: 0%;
    color: #0C0A1C;
    padding-top: 32px;
    display: flex;
}
.keysi_v_num_item > hr {
    width: 100%;
    height: 1px;
    background: #CBDEE1;
    margin-top: 32px;
    margin-bottom: 32px;
}
.keysi_v_num_item > p {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    padding-top: 16px;
    display: flex;
}
.keysi_v_num_item > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    
    
}
.keysi_v_num_item > div > span {
    color: #64748B;
    font-family: Raleway;
font-weight: 500;
font-style: Medium;
font-size: 18px;
leading-trim: NONE;
line-height: 133%;
letter-spacing: 0%;
text-align: right;

}
.keysi_v_num_item.last {
    display: flex;
    align-items: center;
    padding: 0;
    height: 100%;
}
.keysi_v_num_item_img {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    max-height: 240px;
}
.keysi_v_num_item_img > img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 240px;
    border-radius: 8px;
}
.keysi_v_num_item > div > span:first-child {
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 17px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
    color: #334155;

}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-24363940 */.singl_show {
    padding-bottom: 86px;
    position: relative;
    z-index: 9;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-4c510d84 */.blog_krou {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 32px;
    z-index: 9;
    position: relative;
    justify-content: space-between;
}
.blog_krou_content {
    display: flex;
    width: 800px;
    flex-wrap: wrap;
    gap: 20px;
}
.blog_krou_content > p {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    margin: 0;
    padding: 0;
    color: #334155;
}
.blog_krou_akcent {
    display: flex;
    flex-wrap: wrap;
    width: 432px;
    padding: 20px;
    gap: 18px;
    background: #F8FAFC;
    border-radius: 8px;
    border: 1px solid #E2EEF0;
}
.blog_krou_akcent > span {
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    width: 100%;
    display: flex;
    color: #25A1B6;
}
.blog_krou_akcent > p {
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    color: #0F172A;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-2abe48a5 */.blog_krou_section {
    padding-bottom: 86px;
    background: #F8FAFC;
}
.blog_krou_section .wave-animation {
    transform: translate(0, 0%) !important;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-3956309a */.blog_before_see {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 32px;
}
.blog_before_see > span {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    color: #334155;
    width 100%
    display: flex;
}
.blog_before_see_items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 32px;
    justify-content: space-between;
    gap: 20px;
}
.blog_before_see_item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-width: 628px;
    padding: 20px;
    border-radius: 8px;
    background: #FFF;
    gap: 14px;
}
.blog_before_see_item.full {
    max-width: 100%;
}
.blog_before_see_item.full > span {
    font-size: 14px;
    text-transform: uppercase;
}
.blog_before_see_item.full > p {
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 0%;
    color: #334155;

}
.blog_before_see_item > span {
    display: flex;
    width: 100%;
    color: #25A1B6;
    font-family: Geist;
    font-weight: 500;
    font-style: Medium;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;

}
.blog_before_see_item > p {
    margin: 0;
    padding: 0;
    font-family: Raleway;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 125%;
    letter-spacing: 0%;
    color: #0F172A;

}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-1675e64f */.bloge_before_see_section{
    background: #F8FAFC;
    padding-bottom: 86px;
    position: relative;
    z-index: 9;
}/* End custom CSS */


/* Start custom CSS for container, class: .elementor-element-56c42175 */.card_section {
    padding-bottom: 86px;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-50d33d8 */.credit-visual {
    width: 100%;
    box-sizing: border-box;
    padding: 31px 31px 32px 31px;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    
}

.credit-visual__label {
    margin-bottom: 12px;
    color: #20a3b8;
    text-align: center;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.credit-visual__title {
    font-family: Raleway;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 38px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-align: center;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #E2EEF0;
    padding-bottom: 24px;
}

/* ========================================
   ОСНОВНОЙ КОНТЕЙНЕР
======================================== */

.margin-matrix {
    --matrix-accent: #239fb4;
    --matrix-text: #111b30;
    --matrix-border: #e3edf1;
    --matrix-label-width: 107px;
    --matrix-gap: 9px;

    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
    padding-top: 24px;
}

/* ========================================
   ВЕРХНИЕ ПОДПИСИ
======================================== */

.margin-matrix__header {
    display: grid;
    grid-template-columns:
        var(--matrix-label-width)
        minmax(0, 1fr)
        minmax(0, 1fr);

    gap: var(--matrix-gap);
    align-items: center;
    margin-bottom: 5px;
}

.margin-matrix__axis-title {
    color: var(--matrix-accent);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
}

.margin-matrix__column-title {
    color: #60758c;
    font-size: 9px;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
}

.margin-matrix__column-title--high {
    color: var(--matrix-accent);
}

/* ========================================
   МАТРИЦА 2×2
======================================== */

.margin-matrix__grid {
    display: grid;
    grid-template-columns:
        var(--matrix-label-width)
        minmax(0, 1fr)
        minmax(0, 1fr);

    grid-template-rows: repeat(2, minmax(70px, auto));
    gap: var(--matrix-gap);
}

/* ========================================
   ПОДПИСИ МАРЖИ СЛЕВА
======================================== */

.margin-matrix__row-label {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    padding: 10px;
    box-sizing: border-box;

    background: #f0f5f9;
    border: 1px solid var(--matrix-border);
    border-radius: 12px;

    color: #60758c;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
}

.margin-matrix__row-label--high {
    color: var(--matrix-accent);
}

/* ========================================
   ЯЧЕЙКИ МАТРИЦЫ
======================================== */

.margin-matrix__cell {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 0;
    min-height: 70px;
    padding: 13px 14px;
    box-sizing: border-box;

    border: 1px solid var(--matrix-border);
    border-radius: 12px;
}

/* Маленькая подпись */

.margin-matrix__cell-label {
    margin-bottom: 11px;
    color: var(--matrix-accent);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Основной текст */

.margin-matrix__cell-title {
    color: var(--matrix-text);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

/* ========================================
   ВЫСОКАЯ МАРЖА + НИЗКАЯ ГОТОВНОСТЬ
======================================== */

.margin-matrix__cell--improve {
    background: #f8fafc;
}

/* ========================================
   ВЫСОКАЯ МАРЖА + ВЫСОКАЯ ГОТОВНОСТЬ
======================================== */

.margin-matrix__cell--scale {
    background: var(--matrix-accent);
    border-color: var(--matrix-accent);
}

.margin-matrix__cell--scale .margin-matrix__cell-label,
.margin-matrix__cell--scale .margin-matrix__cell-title {
    color: #fff;
}

/* ========================================
   НИЗКАЯ МАРЖА + НИЗКАЯ ГОТОВНОСТЬ
======================================== */

.margin-matrix__cell--stop {
    background: #fde8ea;
    border-color: #f7d4d8;
}

.margin-matrix__cell--stop .margin-matrix__cell-label {
    color: #c52d35;
}

/* ========================================
   НИЗКАЯ МАРЖА + ВЫСОКАЯ ГОТОВНОСТЬ
======================================== */

.margin-matrix__cell--limit {
    background: #f8fafc;
}

/* ========================================
   НИЖНЯЯ ШКАЛА
======================================== */

.margin-matrix__footer {
    margin-top: 12px;
    margin-left: calc(
        var(--matrix-label-width) + var(--matrix-gap)
    );
}

.margin-matrix__scale {
    display: flex;
    align-items: center;
    width: 100%;
    height: 10px;
}

.margin-matrix__dot {
    display: block;
    flex-shrink: 0;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.margin-matrix__dot--start {
    background: #64748b;
}

.margin-matrix__dot--end {
    background: var(--matrix-accent);
}

.margin-matrix__line {
    flex: 1;
    height: 1px;
    background: #dce8ed;
}

.margin-matrix__footer-label {
    margin-top: 4px;
    color: #60758c;
    font-size: 9px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
}

/* ========================================
   ПЛАНШЕТЫ
======================================== */

@media (max-width: 900px) {

    .margin-matrix {
        --matrix-label-width: 90px;
        --matrix-gap: 7px;
    }

    .margin-matrix__cell {
        padding: 12px;
    }

    .margin-matrix__cell-title {
        font-size: 14px;
    }

    .margin-matrix__cell-label {
        font-size: 8px;
    }

    .margin-matrix__row-label {
        font-size: 9px;
    }
}

/* ========================================
   МОБИЛЬНЫЕ
======================================== */

@media (max-width: 600px) {

    .margin-matrix {
        --matrix-label-width: 65px;
        --matrix-gap: 6px;
    }

    .margin-matrix__axis-title {
        font-size: 8px;
    }

    .margin-matrix__column-title {
        font-size: 8px;
    }

    .margin-matrix__grid {
        grid-template-rows: repeat(2, minmax(110px, auto));
    }

    .margin-matrix__row-label {
        padding: 5px;
        font-size: 9px;
        border-radius: 9px;
    }

    .margin-matrix__cell {
        min-height: 110px;
        padding: 10px 8px;
        border-radius: 9px;
    }

    .margin-matrix__cell-label {
        margin-bottom: 8px;
        font-size: 8px;
        line-height: 1.3;
    }

    .margin-matrix__cell-title {
        font-size: 12px;
        line-height: 1.3;
    }

    .margin-matrix__footer {
        margin-top: 10px;
    }

    .margin-matrix__footer-label {
        font-size: 8px;
    }
}

/* ========================================
   МАЛЕНЬКИЕ ЭКРАНЫ
======================================== */

@media (max-width: 380px) {

    .margin-matrix {
        --matrix-label-width: 55px;
        --matrix-gap: 5px;
    }

    .margin-matrix__cell {
        padding: 8px 6px;
    }

    .margin-matrix__cell-label {
        font-size: 7px;
    }

    .margin-matrix__cell-title {
        font-size: 11px;
    }

    .margin-matrix__row-label {
        font-size: 8px;
    }
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-7ee1aa3d */.visual_section {
    padding-bottom: 86px;
}/* End custom CSS */




/* Start custom CSS for container, class: .elementor-element-6df2a3bd */.blog_read_more_section {
    padding-bottom: 86px;
}/* End custom CSS */

/* Start custom CSS for html, class: .elementor-element-6639193d */.form_main_what {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 64px auto;
    justify-content: space-between;
}
.form_main_what_l {
    display: block;
    max-width: 539px;
    width: 100%;
    flex-wrap: wrap;
    padding: 40px 40px 0 40px;
    background: #25A1B6;
    border-radius: 8px;
    height: 555px;
    position: relative;
}
.form_main_what_l > span {
    color: #FFF;
    font-family: Raleway;
    font-weight: 800;
    font-style: ExtraBold;
    font-size: 28px;
    leading-trim: NONE;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;\
}
.form_main_what_l > p {
    margin: 0;
    padding: 24px 0;
    color: #FFF;
    font-family: Raleway;
    font-weight: 500;
    font-style: Medium;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 0%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;
}
.f_line {
    position: absolute;
    bottom: 40px;
}
.form_main_what_r {
    max-width: 597px;
    display: block;
    box-shadow: 0px 14px 34px 0px #527B7E2E;
    background: #F5F8F9;
    padding: 40px 40px 40px 40px;
    border-radius: 8px;
    border: 1px solid #CBDEE1;
}
.form_main_what_r > div > form {
    display: flex;
    flex-wrap: wrap;
}
.form_main_what_r > div > form > .column > p > span > textarea {
    max-height: 91px;
    display: block;
    border: 2px solid #CBDEE1;
}
.form_main_what_r > div > form > .column {
    height: auto;
    margin-bottom: 12px;
    padding: 0;
}
.form_main_what_r > div > form > .column > p {
    padding: 0;
    margin: 0;
}
.form_main_what_r > div > form > .column > p > span > input,
.form_main_what_r > div > form > .column > p > span > select
{
    display: flex;
    flex-wrap: wrap;
    border-radius: 4px;
    border: 2px solid #CBDEE1;
    color: #94A3B8;
    font-family: Raleway Medium, Sans-Serif;
    font-size: 12px;
    height: 58px;
    padding: 24px;
    max-width: 532px;
    width: 100%;
}
.form_main_what_r > div > form > .column > p > span > input::placeholder,
.form_main_what_r > div > form > .column > p > span > textarea::placeholder
{
    color: #94A3B8;
}
.form_main_what_r .button_fotm_block > p > input {
    height: 64px;
    background: #25A1B6;
    max-width: 460px;
    padding: 0;
    border: none;
}
.column_all {
    width: 100%;
    margin-bottom: 12px;
}

.form_main_what_r .column_check {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.form_main_what_r .wpcf7-list-item > label {
  display: flex;
  align-items: start;
  gap: 18px;
}
.form_main_what_r .wpcf7-list-item > label > input {
  opacity: 0;
  position: relative;
  z-index: 2;
}
.form_main_what_r .wpcf7-list-item > label > span, .case_form_block .wpcf7-list-item > label > span > a {
  color: #94A3B8;
  font-family: Raleway Medium, Sans-Serif;
  font-size: 14px;
  line-height: 150%;
  letter-spacing: 0;
}
.form_main_what_r .wpcf7-list-item > label::after {
  position: absolute;
  content: '';
  width: 28px;
  height: 28px;
  border: 2px solid #BDBDBD;
  background: #FFFF;
  cursor: pointer;
  z-index: 1;
}
.form_main_what_r .wpcf7-list-item > label:has(> input:checked)::before {
  content: '';
  position: absolute;
  left: 25px;
  top: 10px;
  width: 10px;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  z-index: 3;
  pointer-events: none;
}
.form_main_what_r .wpcf7-list-item > label:has(> input:checked)::after {
  background: #B3D0D0;
  border-color: #CBDEE1;
}
.form_main_what_r > div > form > .button_form_block > p > input {
  height: 69px;
  background: #CDE6EA;
  border: none;
  border-radius: 8px;
  color: #64748B;
  max-width: 330px;
}
.before_title {
    font-size: 13px !important;
}/* End custom CSS */

/* Start custom CSS for container, class: .elementor-element-3cd2f8d */.blog_form_section {
    background: #F1F5F9;
}/* End custom CSS */