/* ============================================================
   Захист ІВ — Page Template Styles
   Файл: css/page-iv-template.css
   ============================================================ */

section.section_breadcrumb {
    background-color: #DDEFFF;
    margin: 115px 0 0 0;
    padding-top: 56px;
}

.section_header .row .content-block .go-to-chat a {
    border-radius: 8px;
}

.iv_section_block_1 .work_width {
    padding: 112px 0;
}


.iv_section_block_1 .block_1_row {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.iv_section_block_1 .section-title {
    font-size: 44px;
    font-weight: 700;
}

.iv_section_block_1 .block_1_description {
    font-size: 18px;
    font-weight: 500;
}
    
.iv_section_block_1 .block_1_right {
    max-width: 660px;
}


.iv_section_block_1 .block_1_list {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.iv_section_block_1 .block_1_item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 314px;
}

.iv_section_block_1 .block_1_icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.iv_section_block_1 .block_1_item_text {
    font-size: 16px;
}

.pr_section_block_panel2 {
    margin-bottom: 0 !important;
}

.pr_section_block_panel2 .work_width {
    padding: 112px 0;
    background-color: #DDEFFF;
    border-radius: 16px;
}

.pr_section_block_panel2 .content_width {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
}

.pr_section_block_panel2 .content-header-block {
    gap: 16px;
    width: auto;
    max-width: 636px;
}

.pr_section_block_panel2 .section-title {
    font-size: 44px;
    font-weight: 700;
}

.pr_section_block_panel2 .subtitle {
    font-size: 18px;
    font-weight: 500;
}

.pr_section_block_panel2.ai-page .block_panel {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
}

.pr_section_block_panel2.ai-page .block_panel .panel-block {
    flex-direction: column;
    gap: 48px;
    padding: 24px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 16px;
    max-width: 360px;
}

.pr_section_block_panel2.ai-page .block_panel .panel-block img {
    width: 40px;
    height: 40px;
}

.pr_section_block_panel2.ai-page .panel-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pr_section_block_panel2.ai-page .panel-content .panel-title {
    font-weight: 700;
    font-size: 22px;
}

.pr_section_block_panel2.ai-page .panel-content .subtitle {
    font-weight: 400;
    font-size: 16px;
}

.oc_section_block_panel1 .work_width {
    padding: 88px 0;
    background-color: #fff;
}

.oc_section_block_panel1 .content_width {
    display: flex;
    justify-content: space-between;
}

.oc_section_block_panel1 .content-header-block {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 455px;
}

.oc_section_block_panel1 .section-title {
    font-size: 44px;
    font-weight: 700;
}

.oc_section_block_panel1 .subtitle {
    font-weight: 400;
    font-size: 18px;
}

.oc_section_block_panel1 .btn_base.btn_blue.btn_form.btn_call {
    width: auto;
    border-radius: 8px;
}

.oc_section_block_panel1 .block_panel {
    display: flex;
    gap: 0 !important;
    flex-wrap: wrap;
    max-width: 560px;
}

.oc_section_block_panel1.ai-page .block_panel .panel-block {
    padding: 24px 0;
    flex-direction: row;
    gap: 24px;
    max-width: 560px;
}

.oc_section_block_panel1.ai-page .block_panel .panel-block .panel-block-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.oc_section_block_panel1 .panel-block p {
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
}

.oc_section_block_panel1.ai-page .block_panel .panel-block .subtitle {
    color: #1D2945;
    font-weight: 400;
}

.oc_section_block_panel1 .panel-block img {
    width: 32px;
    height: 32px;
}

.section_block_4 .work_width {
    padding: 112px 0;
    background-color: #DDEFFF;
    background-image: url("../img/home_top_bg-min_2.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 50%;
    border-radius: 16px;
}

.section_block_4 .block_4_row {
    background-color: unset;
    align-items: flex-start;
    gap: 0;
    justify-content: space-around;
    padding: 0;
}

.section_block_4 .block_4_left {
    width: auto;
    flex-shrink: unset;
    color: #1D2945;
    flex-direction: column;
    gap: 16px;
    max-width: 460px;
}

.section_block_4 .block_4_title {
    color: #1D2945;
    font-weight: 700;
    font-size: 44px;
}

.section_block_4 .block_4_subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
}

.section_block_4 .block_4_right {
    width: auto;
    max-width: 560px;
}

.section_block_4 .block_4_list {
    gap: 24px;
}

.section_block_4 .block_4_item {
    padding: 0;
    gap: 16px;
    border: none;
}


.section_block_4 .block_4_item_title {
    color: #1D2945;
    line-height: 150%;
}


.section_block_6 .work_width {
    padding: 112px 0;
    background-color: #fff;
}

.legal_support.section_block_6 .work_width .content_width .block_6_row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.legal_support.section_block_6 .work_width .content_width .block_6_row .block_6_left {
    max-width: 760px;
    width: auto;
    flex-shrink: unset;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.section_block_6 .block_6_title {
    font-weight: 700;
    font-size: 44px;
}

.section_block_6 .block_6_subtitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
}

.legal_support.section_block_6 .work_width .content_width .block_6_row .block_6_right {
    width: 100%;
    display: flex;
    background-color: #DDEFFF;
    border-radius: 16px;
    padding: 56px 50px;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}

.block_5_image img {
    max-width: 360px;
    height: auto;
}

.legal_support.section_block_6 .block_6_right_content {
    max-width: 660px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.block_5_description {
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}

.section_block_6 .block_6_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.section_block_6 .block_6_item {
    gap: 12px;
}

.section_block_6 .block_6_check {
    background-color: unset;
    width: 24px;
    height: 24px;
    margin: 0;
}

.section_block_6 .block_6_item_text {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
}


.legal_support.pr_callback_form .work_width {
    border-radius: 18px;
}

.full_size.section_queries .work_width {
    padding: 112px 0;
}

.full_size .work_width .section-title {
    margin: 0;
}

@media screen and (max-width: 1200px) {

    .iv_section_block_1 .block_1_right {
        max-width: 500px;
    }
    
    .iv_section_block_1 .block_1_item {
        max-width: 230px;
    }

    .oc_section_block_panel1 .content-header-block {
        max-width: 400px;
    }

    .oc_section_block_panel1.ai-page .block_panel {
        max-width: 450px;
    }

    .section_block_4 .block_4_left {
        max-width: 400px;
    }

    .section_block_4 .block_4_right {
        max-width: 450px;
    }

    .block_5_image img {
        max-width: 300px;
    }

    .legal_support.section_block_6 .block_6_right_content {
        max-width: 500px;
    }
}

@media screen and (max-width: 960px) {
    .iv_section_block_1 .block_1_row {
        flex-direction: column;
    }

    .iv_section_block_1 .block_1_left {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .iv_section_block_1 .block_1_right {
        max-width: none;
    }

    .iv_section_block_1 .block_1_list {
        justify-content: space-between;
    }

    .iv_section_block_1 .block_1_item {
        max-width: 47%;
    }

    .pr_section_block_panel2.ai-page .block_panel .panel-block {
        max-width: 250px;
    }

    .oc_section_block_panel1 .content_width {
        flex-direction: column;
        align-items: center;
        gap: 48px;
    }

    .oc_section_block_panel1 .content-header-block {
        max-width: none;
        margin: 0 !important;
    }

    .oc_section_block_panel1.ai-page .block_panel {
        max-width: none;
    }

    .oc_section_block_panel1.ai-page .block_panel .panel-block {
        max-width: none;
    }

    .section_block_4 .content_width {
        padding: 0 32px;
    }

    .section_block_4 .block_4_left {
        max-width: none;
    }

    .iv_section_block_1.ai-page .work_width,
    .pr_section_block_panel2.ai-page .work_width,
    .oc_section_block_panel1.ai-page .work_width,
    .section_block_4.legal_support .work_width,
    .section_block_6.legal_support .work_width,
    .full_size.section_queries .work_width {
        padding: 104px 0;
    }

    .legal_support.section_block_6 .work_width .content_width .block_6_row .block_6_right {
        flex-direction: column;
        gap: 40px;
        padding: 56px 24px;
    }
}

@media screen and (max-width: 960px) {
    .iv_section_block_1 .block_1_item {
        max-width: none;
    }

    .iv_section_block_1.ai-page .work_width,
    .pr_section_block_panel2.ai-page .work_width,
    .oc_section_block_panel1.ai-page .work_width,
    .section_block_4.legal_support .work_width,
    .section_block_6.legal_support .work_width,
    .full_size.section_queries .work_width {
        padding: 80px 0;
    }

    .pr_section_block_panel2 .content_width {
        padding: 0 24px;
    }

    .pr_section_block_panel2.ai-page .block_panel {
        flex-direction: column;
    }

    .pr_section_block_panel2.ai-page .block_panel .panel-block {
        max-width: none;
        width: auto !important;
    }

    .iv_section_block_1.ai-page .section-title,
    .pr_section_block_panel2.ai-page .section-title,
    .oc_section_block_panel1.ai-page .section-title,
    .section_block_4.legal_support .block_4_title,
    .section_block_6.legal_support .block_6_title,
    .full_size.callback_form .section-title,
    .pr_callback_form .section-title,
    .legal_support .section-title,
    .full_size.section_queries .section-title {
        font-size: 32px;
        line-height: 110%;
    }

    .full_size.callback_form .section-title {
        padding-bottom: 24px;
    }

    .section_block_4 .content_width {
      padding: 0 24px;
    }
}

@media only screen and (max-width: 480px) {
    .btn_base {
      max-width: none;
      margin: 0;
    }
}