/* Двухколоночный блок преимуществ и стоимости */
.section_duo .kcr-feats{
    align-items:stretch;
    margin: 0;
    gap: 16px;
}

.section_duo .kcr-feats > [class^="col-"],
.section_duo .kcr-feats > [class*=" col-"]{
    padding: 0;
    width: calc(50% - 8px);
}

.kcr-benefits-wrap > .section_title:first-child{
    margin-top: 0;
}

/* Обновлённый стиль преимуществ (иконки + карточки) */
.kcr-feats .feat{
    height: 100%;
    display:flex;
    gap:16px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:24px;
    background:#fff;
    transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease
}

.kcr-feats .feat:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(22,24,29,.06);
    border-color:#ffd1d1
}

.kcr-feats .icon{
    width:56px;
    flex:0 0 56px;
    height:56px;
    border-radius:14px;
    display:
            flex;align-items: center;
    justify-content: center;
    background:linear-gradient(180deg,#fff6f6,#fff);border:1px solid #ffe1e1;color:#FF1313
}

.kcr-feats .icon svg{
    width: 50px;
    height: 50px;
}

.kcr-feats .cnt h3{
    margin:0 0 4px;
    font-size:18px
}

.kcr-feats .cnt p{
    margin:0;color:#636B74
}

/* Список преимуществ как у enterprise-блоков (в стиле Контур) */
.feat-list{
    list-style:none;
    margin:8px 0 0;
    padding:0
}

.feat-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:6px 0;
    color:var(--muted);
}

.feat-list li:before{
    content:"";
    flex:0 0 18px;
    width:18px;
    height:18px;
    border-radius:50%;
    border:1px solid #ffd1d1;
    background:#fff6f6 center/12px no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 6l2 2 4-4' stroke='%23E31E24' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    margin-top:2px
}

.kcr-feats .cnt h3 + ul{
    margin-top:8px
}

@media (max-width:767px){
    .feat-list li{
        margin:8px 0
    }
}


/* --- Стили для select как у инпутов формы --- */
 .form_label select{
     -webkit-appearance:none; -moz-appearance:none; appearance:none;
     display:block; width:100%; height:48px;
     padding:12px 40px 12px 14px;
     border:1px solid #e5e7eb; border-radius:8px;
     background:#fff no-repeat right 12px center/12px;
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23757575' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
     color:#16181d;
 }
.form_label select:focus{outline:0;border-color:#FF1313;box-shadow:0 0 0 3px rgba(255,19,19,.1)}
.form_label select::-ms-expand{display:none}

/* Подпись к select делаем как у активного инпута */
.form_label--select{position:relative}
.form_label--select .form_label__txt{position:absolute;left:12px;top:-8px;background:#fff;padding:0 4px;font-size:12px;color:#757575;line-height:1}
@media (max-width:575px){.form_label select{height:44px}}


/* Визуальные карточки шагов: 3 в ряд на десктопе, без номеров/иконок */
 .steps-kcr{
     display:grid;
     gap:16px;
     grid-template-columns:repeat(3,1fr)
 }

@media (max-width: 991px){.steps_compact{grid-template-columns:repeat(2,1fr)}}
@media (max-width: 575px){.steps_compact{grid-template-columns:repeat(2,1fr)}}

.step-kcr{
    position:relative;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:24px;
    transition:box-shadow .2s ease, transform .2s ease,border-color .2s ease
}

.step-kcr h3{
    line-height: normal;
    margin-bottom: 16px;
}

.step-kcr h3:first-child{
    margin-top: 0;
}

.step-kcr .btn{
    width: 100%;
    text-align: center;
}

.steps_compact .step-kcr:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(22,24,29,.06);
    border-color:#ffd1d1
}

.step_txt{
    margin:0
}

.steps_compact .step_txt strong{
    display:block;
    margin-bottom:4px
}

.step_btn {
    margin-top: 16px;
}

@font-face {
    font-family:'Roboto';
    src:url('../fonts/Roboto-Regular.woff2') format('woff2'),
    url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight:normal;
    font-style:normal;
    font-display:block;
}

@font-face {
    font-family:'Roboto';
    src:url('../fonts/Roboto-Medium.woff2') format('woff2'),
    url('../fonts/Roboto-Medium.woff') format('woff');
    font-weight:500;
    font-style:normal;
    font-display:block;
}

@font-face {
    font-family:'Roboto';
    src:url('../fonts/Roboto-Bold.woff2') format('woff2'),
    url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight:bold;
    font-style:normal;
    font-display:block;
}

:root{
    --color-red:#e31e24;
    --color-red-hover:#ff0000;
    --text:#1C1C1F;
    --muted:#81818A;
    --bg:#fff;
    --surface:#F2F2F2;
    --bd:#e5e7eb
}
*{
    box-sizing:border-box
}
html,
body{
    height:100%
}
body{
    margin:0;
    font:16px/1.5 Roboto,Arial,system-ui,-apple-system,Segoe UI,sans-serif;
    color:var(--text);
    background:var(--bg)
}
a{
    color:var(--color-red);
    text-decoration:none
}
a:hover{
    text-decoration:underline
}
.img-responsive{
    max-width:100%;
    height:auto;
    display:block
}
.container{
    max-width:1120px;
    margin:0 auto;
    padding:0 16px
}
.section{
    padding:48px 0
}
.bg_gray{
    background:var(--surface)
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-left:-12px;
    margin-right:-12px
}
[class^="col-"],
[class*=" col-"]{
    padding-left:12px;
    padding-right:12px
}
/* simple grid */
.col-md-6{width:50%}
.col-md-4{width:33.3333%}
.col-md-3{width:25%}
.col-sm-6,.col-xs-6{width:50%}
@media (max-width: 991px){.col-md-6{width:50%}.col-md-4{width:50%}.col-md-3{width:50%}}
@media (max-width: 575px){.col-md-6,.col-md-4,.col-md-3,.col-sm-6,.col-xs-6{width:50%}}

/* buttons */
.btn{
    display:inline-block;
    border-radius:10px;
    padding:10px 14px;
    font-weight:700;
    color:#212121;
    background:#fff;
    transition: background-color 0.15s, color 0.15s, border-color 0.15s;
    cursor: pointer;
}
a.btn{
    text-decoration: none;
}

.btn_yellow{
    background-color: #FBD100;
    border: none;
}

.btn_yellow:hover{
    background-color: #f5b403;
}
/*.btn_yellow.btn_bg{*/
/*    background:var(--color-red);*/
/*    color:#fff;*/
/*    border-color:*/
/*            var(--color-red)*/
/*}*/
.btn_center{display:inline-flex;align-items:center;justify-content:center}

/*.btn_yellow{*/
/*    background-color: var(--color-red);*/
/*    color: #ffffff;*/
/*}*/

/*.btn_yellow:hover{*/
/*    background-color: var(--color-red-hover);*/
/*    border-color: var(--color-red-hover);*/
/*}*/

.btn_white_outline{
    background-color: #ffffff;
    border: 1px solid #828282;
    color: #828282;
}

.btn_white_outline:hover{
    background-color: #828282;
    color: #ffffff;
}

.btn_clear {
    width: 20px;
    height: 20px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: opacity 0.15s, visibility 0.15s, z-index 0.15s;
    cursor: pointer;
    background: none;
    padding: 0;
    outline: none;
    border: none;
}
.btn_clear::before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 15px;
    background-color: #DBDBDB;
    transition: background-color 0.15s;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.btn_clear:after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    border-radius: 15px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjI0NTggNS45MjkxM0MxNS41NzAzIDUuNjA0NjYgMTUuNTcwMyA1LjA3ODU5IDE1LjI0NTggNC43NTQxM0MxNC45MjEzIDQuNDI5NjYgMTQuMzk1MyA0LjQyOTY2IDE0LjA3MDggNC43NTQxM0w5Ljk5OTk2IDguODI0OTZMNS45MjkxMyA0Ljc1NDEzQzUuNjA0NjYgNC40Mjk2NiA1LjA3ODU5IDQuNDI5NjYgNC43NTQxMyA0Ljc1NDEzQzQuNDI5NjYgNS4wNzg1OSA0LjQyOTY2IDUuNjA0NjYgNC43NTQxMyA1LjkyOTEzTDguODI0OTYgOS45OTk5Nkw0Ljc1NDEzIDE0LjA3MDhDNC40Mjk2NiAxNC4zOTUzIDQuNDI5NjYgMTQuOTIxMyA0Ljc1NDEzIDE1LjI0NThDNS4wNzg1OSAxNS41NzAzIDUuNjA0NjYgMTUuNTcwMyA1LjkyOTEzIDE1LjI0NThMOS45OTk5NiAxMS4xNzVMMTQuMDcwOCAxNS4yNDU4QzE0LjM5NTMgMTUuNTcwMyAxNC45MjEzIDE1LjU3MDMgMTUuMjQ1OCAxNS4yNDU4QzE1LjU3MDMgMTQuOTIxMyAxNS41NzAzIDE0LjM5NTMgMTUuMjQ1OCAxNC4wNzA4TDExLjE3NSA5Ljk5OTk2TDE1LjI0NTggNS45MjkxM1oiIGZpbGw9IiNmZmZmZmYiIC8+Cjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.btn_clear svg {
    width: 13px;
    height: 13px;
    fill: #FFFFFF;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.btn_clear._show {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}
@media (hover: hover) {
    .btn_clear:hover::before {
        background-color: #C7C7C7;
    }
}
.btn_clear:active::before {
    background-color: #B0B0B0;
}

/* promo */

.section_promo__corp{
    position:relative;
    overflow:hidden;
    background:var(--surface);
    padding-bottom: 12em;
}

.promo_container{
    position:relative
}

.promo_txt p{
    margin:0 0 24px;
    color:var(--muted)
}

.promo_btn {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.promo_btn .btn{
    width: 100%;
    max-width: 200px;
    text-align: center;
}

.section_promo__corp h1{
    margin: 0 0 24px;
    line-height: 1.2;
}

img {
    max-width: 100%;
    height: auto;
}

.promo_img {
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 1;
}

.section_promo__corp .promo_img {
    right: -40px;
    top: 72px;
}

/* header */
.header_main {
    width: 100%;
    padding: 16px 0;
}

.header_container{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 24px;
}

.header_container svg{
    width: 66px;
    height: 32px;
    fill: var(--color-red);
}

/* section */
.section > .container > h2:first-child{
    margin-top: 0;
}

.section_title{
    margin-top: 40px;
    margin-bottom: 16px;
}

.section_descr {
    margin-top: 0;
    margin-bottom: 32px;
}

/* таблицы */
.table_wrap {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive{
    overflow:auto
}

table {
    width: 100%;
    table-layout: fixed;
    font-size: 14px;
    line-height: 20px;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0 4px;
    background-color: #ffffff;
}

tbody tr{
    border-bottom: 1px solid #DBDBDB;
}

th{
    font-weight: 500;
    text-align: left;
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

td {
    padding: 10px;
}

.kcr-table .col-name{
    width: 44%;
}

.kcr-table .col-qty{
    width: 16%;
    text-align: right;
}

.kcr-table .col-price{
    width: 20%;
    text-align: right;
}

.kcr-table .col-per{
    width: 20%;
    text-align: right;
}

.kcr-table tbody tr:hover{
    background-color: #EDEDF2 !important;
}

/* Акцент для ряда «лучшая цена» */
.kcr-table tr.kcr-best-price{
    background-color:#f6fff8;
}

.kcr-table tr.kcr-best-price td:first-child{
    position:relative
}

.kcr-table tr.kcr-best-price td:first-child:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#16a34a
}

.kcr-table tbody tr.kcr-row{
    cursor:pointer
}

.kcr-badge{
    display:inline-block;
    margin-left:8px;
    padding:2px 8px;
    font-size:12px;
    border-radius:999px;
    border:1px solid rgba(251, 209, 0, 0.82);
    background: #fffef1;
    color:#FBD100;
    vertical-align:
            middle;font-weight:600
}

@media (max-width: 767px){
    .kcr-table th,
    .kcr-table td{
        padding:12px
    }
}

@media (max-width: 575px){
    .kcr-table{
        table-layout:auto
    }
}


 .form_row {
     display: flex;
     align-items: flex-start;
     justify-content: flex-start;
     gap: 16px;
 }
.form_row:not(:last-child) {
    margin-bottom: 16px;
}
.form_row .form_block {
    width: 100%;
}
.form_row .form_block:not(:last-child) {
    margin-bottom: 0;
}

.form_block:not(:last-child) {
    margin-bottom: 16px;
}
.form_block .invalid {
    display: none;
}
.form_block._error .invalid {
    display: block;
    margin-top: 4px;
    color: #FF3E33;
}
.form_block._error .input_container {
    border-color: #FF3E33;
}

.form_block__half {
    width: calc(50% - 8px);
}

.form_title {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 16px;
}

.input_container {
    min-height: 40px;
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
    column-gap: 4px;
    background-color: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 8px;
    position: relative;
}
.input_container button {
    width: 20px;
    height: 20px;
    align-self: center;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}
.input_container button:last-child {
    margin-right: 10px;
}
.input_container.disabled {
    background-color: #F2F2F2;
}

.input_date {
    opacity: 0.1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.placeholder {
    display: block;
    color: #81818A;
    line-height: 20px;
    margin-bottom: 4px;
}
.placeholder .req {
    color: #FF3E33;
}

input,
select,
textarea {
    width: 100%;
    min-height: 40px;
    display: block;
    color: #4D4D54;
    padding: 8px 10px;
    border-radius: 8px;
    border: none;
    background: none;
    outline: none;
    flex-grow: 1;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #81818A;
}
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #81818A;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #81818A;
}
input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: #81818A;
}
input:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: #FFFFFF;
}
input:focus::-moz-placeholder,
select:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: #FFFFFF;
}
input:focus:-ms-input-placeholder,
select:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: #FFFFFF;
}
input:focus:-moz-placeholder,
select:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: #FFFFFF;
}
input:disabled,
select:disabled,
textarea:disabled {
    color: #4D4D54;
    opacity: 1;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


.form_btns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 8px;
    margin-top: 24px;
}

.selectable .selectable_container {
    display: inline-flex;
    align-items: stretch;
    justify-content: flex-start;
    column-gap: 2px;
    background-color: #F2F2F2;
    padding: 2px;
    border-radius: 8px;
}
.selectable .selectable_item {
    position: relative;
}
@media (hover: hover) {
    .selectable .selectable_item:hover .selectable_txt {
        color: #4D4D54;
    }
}
.selectable .selectable_item:active .selectable_txt {
    color: #4D4D54;
}
.selectable input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.selectable input:checked + .selectable_txt {
    background-color: #FFFFFF;
    border-radius: 8px;
    color: #4D4D54;
    box-shadow: 0px 4px 12px 0px rgba(35, 35, 32, 0.0784313725);
}
.selectable .selectable_txt {
    min-height: 36px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: #81818A;
}

.switcher:not(:first-child) {
    margin-top: 16px;
}
.switcher .switcher_label {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    -moz-column-gap: 8px;
    column-gap: 8px;
    cursor: pointer;
}
.switcher .switcher_container {
    position: relative;
    flex-shrink: 0;
}
.switcher .switcher_toggle {
    display: block;
    width: 42px;
    height: 24px;
    border: 2px solid #999999;
    border-radius: 24px;
    background-color: #ffffff;
    transition: border-color 0.2s;
}
.switcher .switcher_toggle:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-color: #999999;
    border-radius: 12px;
    position: absolute;
    left: 6px;
    top: 6px;
    transition: background-color 0.2s, left 0.2s;
}
.switcher input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.switcher input:checked + .switcher_toggle {
    border-color: #278BF9;
}
.switcher input:checked + .switcher_toggle:after {
    background-color: #278BF9;
    left: 24px;
}
.switcher .input_txt {
    line-height: 24px;
}

.form_contacts {
    max-width: 620px;
    margin:0 auto;
}

.form_contacts .form_btns .btn {
    width: 100%;
    max-width: 200px;
}


 .footer_main{
     padding: 48px 0;
 }

.footer_logo{
    margin-bottom: 16px;
}

.footer_contacts{
    margin-bottom: 16px;
}

.footer_service{
    margin-bottom: 16px;
}


 .policy_wrap {
     width: 100%;
     max-width: 1088px;
     margin: 0 auto;
     position: fixed;
     left: 0;
     right: 0;
     bottom: 16px;
     z-index: -1;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.4s, z-index 0.4s, visibility 0.4s, bottom 0.4s;
 }

.policy_wrap._show{
    z-index: 10;
    opacity: 1;
    visibility: visible;
    bottom: 32px;
}

.policy_box{
    background-color: #ffffff;
    padding: 16px;
    border: 1px solid gray;
    border-radius: 16px;
    box-shadow: 0 0px 8px rgba(22, 24, 29, .2);
}

.policy_txt p{
    margin: 0;
}
.policy_txt p + p{
    margin-top: 16px;
}

.policy_btn{
    margin-top: 16px;
}

/*Футер*/
 footer {
     display:block;
 }

.footer_main {
    background: #101012;
    color: #757575;
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    margin-top: auto;
}

.footer_main a{
    color: #757575;
}

.footer_main a:hover{
    color: #007aff;
}

.footer_container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.footer_logo {
    flex-shrink: 0;
    margin-right: 24px;
}

.footer_contacts {
    margin-left: auto;
}

.footer_copy {
    width: 100%;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    border-top: 1px solid #ffffff26;
    margin-top: 15px;
    padding-top: 8px;
}


@media all and (max-width:768px){

    .md_d_none{
        display: none;
    }

    .md_d_inline{
        display: inline;
    }

    .footer_main {
        padding-bottom: 32px;
    }

    .footer_container {
        flex-direction: column;
    }

    .footer_container > *{
        width: 100%;
    }

    .footer_service{
        order: 1;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .footer_service__connect {
        display: inline-block;
        margin-bottom: 8px;
    }

    .footer_service__podpis:first-letter {
        text-transform: uppercase;
    }

    .footer_contacts{
        order: 2;
        text-align: center;
        padding-top: 22px;
        line-height: 26px;
        border-top: 1px solid;
        max-width: 220px;
        margin: 23px auto 0;
    }

    .footer_logo{
        order: 3;
        text-align: center;
        padding-top: 24px;
        line-height: 26px;
        border-top: 1px solid;
        max-width: 220px;
        margin: 19px auto 0;
    }

    .footer_copy{
        order: 4;
        border-top: none;
        margin-top: 7px;
    }

    .footer_main a{
        color: #007aff;
        text-decoration: underline;
    }

    .footer_main a[href^="tel:"] {
        color: #757575;
        text-decoration: none;
    }

    .footer_main a:hover{
        text-decoration: none;
    }

    .section_duo .kcr-feats > [class^="col-"],
    .section_duo .kcr-feats > [class*=" col-"] {
        width: 100%;
    }

    .steps-kcr{
        display: flex;
        flex-direction: column;
    }

    #gallery .row{
        display: flex;
        flex-direction: column;
        margin: 0;
    }

    #gallery .col{
        width: 100%;
        padding: 0;
    }

    #pricing .col-md-12{
        width: 100%;
    }

    .table_wrap{
        padding-bottom: 16px;
    }

    table{
        width: 800px;
        table-layout: auto;
    }

    .promo_img {
        position: static;
        margin-top: 20px;
        margin-bottom: -20px;
    }
    .section_promo__corp {
        padding: 20px
    }

}


.form_box {
     max-width: 620px;
     margin: 48px auto 0;
     background: #FFFFFF;
     box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.13);
     border-radius: 16px;
     padding: 24px 30px 32px;
}

.d_none{
    display: none !important;
}

.form_success{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.form_error{
    margin-top: 16px;
    font-size: 18px;
    color: red;
}

.gallery {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.gallery figure {
    margin: 0;
    width: calc(50% - 12px);
    cursor: pointer;
}

.gallery figcaption {
    text-align: center;
    margin-top: 4px;
    font-size: 14px;
    font-style: italic;
    color: var(--muted);
    transition: color .2s ease;
}

.gallery img{
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    transition: box-shadow .2s ease, transform .2s ease;
}

.gallery figure:hover img{
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(22, 24, 29, .2);
}

.gallery figure:hover figcaption{
    color: var(--text);
}

.goverlay {
    background: rgba(0, 0, 0, .8) !important;
}

.glightbox-clean .gslide-description {
    background: none;
}

.glightbox-clean .gdesc-inner {
    padding: 16px;
    text-align: center;
}

.glightbox-clean .gslide-title {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
}

.gslide-image img {
    max-height: 86vh !important;
    max-width: 100%;
}

.glightbox-container .ginner-container{
    height: 100%;
}

.glightbox-mobile .glightbox-container .gslide-description {
    padding: 0;
    background: none;
    position: static;
}

@media (max-width: 576px) {
    .gallery figure {
        width: 100%;
    }
}

.pt-4 {
    padding-top:1.5rem!important
}