body {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    color: #272727;
    line-height: 20.8px;
    background: rgba(242, 242, 242, 1);
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Высота body на всю высоту окна */
}

body a {
    color: #272727;
    text-decoration: none;
}
main {
    flex: 1;
}
.H1-1 {
    font-size: 64px;
    font-weight: 700;
    line-height: 70.4px;
    text-align: left;
    text-transform: uppercase;
}

.H2-1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 50.4px;
    text-align: left;
}

.H3-1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.8px;
    text-align: left;
}

.T1-1 {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
}

.T2-1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
}

.T3-1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    text-align: left;
}

.B1-1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}

.B2-1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
}

.bg-black {
    background-color: #272727!important;
}
.bg-blue {
    background: #00B2E3 !important;
}
.bg-deep-grey{
    background: #272727;
}
.bg-light-grey{
    background: #DEDEDE;
}
.bg-grey-2{
    background: #F2F2F2;
}
.bg-pink{
    background: #BA23E0;
}
.bg-deep-blue{
    background: #0069FF;
}
.bg-orange{
    background: #FF5226;
}


.color-grey{
    color: #7C7C7C
}
.color-white{
    color: #fff
}
.color-deep-grey{
    color: #272727;
}
.hover-deep-grey:hover{
    background: #272727!important;
    color: #fff!important;
}

.row.custom-gutter > [class^="col-"] {
    padding-right: 10px;
    padding-left: 10px;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
}

.row.custom-gutter {
    margin-right: -10px;
    margin-left: -10px;
    /*margin-top: -10px;*/
    /*margin-bottom: -10px;*/
}

.mt-70 {
    margin-top: 70px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-48 {
    margin-top: 48px !important;
}
.mt-40 {
    margin-top: 40px !important;
}

.mt-32 {
    margin-top: 32px !important;
}
.mt-24 {
    margin-top: 24px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-12{
    margin-top: 12px !important;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-8{
    margin-top: 8px !important;
}
.mb-32 {
    margin-bottom: 32px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-12 {
    margin-bottom: 12px !important;
}
.mb-4 {
    margin-bottom: 4px !important;
}

.pt-20 {
    padding-top: 20px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-12 {
    margin-right: 12px !important;
}
.ml-24 {
    margin-left: 24px !important;
}
.ml-12 {
    margin-left: 12px !important;
}
.ml-10 {
    margin-left: 10px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.mr-24 {
    margin-right: 24px !important;
}
.mx-16{
    margin-left: 16px;
    margin-right: 16px;
}
.r-20 {
    border-radius: 20px!important;
    overflow: hidden!important;
}
.r-12 {
    border-radius: 12px!important;
    overflow: hidden!important;
}
.m-h-100{
    min-height: 100px;
}
.w-100{
    width: 100% !important;
}
.h-100{
    height: 100% !important;
}

.form-control,
.form-control:focus
{
    box-shadow: none;
    outline: none;
    border: none;
    box-sizing: border-box;
}
.form-control option{
    padding-bottom: 10px; /* Добавляем отступ снизу для каждого пункта */
}
.custom-select option:not(:last-child) {
    margin-bottom: 5px; /* Добавляем отступ между пунктами */
}
.swiper-backface-hidden .swiper-slide{
    text-align: center;
}

.btn-black {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(39, 39, 39, 1);
    color: #fff;
    border-radius: 12px;
    height: 60px;
    padding-left: 42px;
    padding-right: 42px;
}
.btn-default {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 12px;
    height: 60px;
    padding-left: 42px;
    padding-right: 42px;
    width: 100%;
    cursor: pointer;
    user-select: none;
}


.custom-table {
    display: flex;
    gap: 20px; /* Расстояние между столбцами */

}


.custom-table .column {
    flex: 1;
}

.custom-table .column-33 {
    flex: 0 0 calc(33.333% - 10px); /* 33% ширины минус половина от gap */
    width: calc(33.333% - 10px);
}

.custom-table .column-66 {
    flex: 0 0 calc(66.666% - 10px); /* 66% ширины минус половина от gap */
    width: calc(66.666% - 10px);
}

.custom-table .column-55 {
    flex: 0 0 calc(50% - 10px); /* 50% ширины минус половина от gap */
    width: calc(50% - 10px);
}

.custom-table .column-100 {
    flex: 0 0 calc(100%);
    width: 100%;
}

.custom-table .block-container {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Расстояние между блоками */
    width: 100%;
}

.custom-table .block {
    padding: 38px 42px 38px 42px;
    gap: 24px;
    border-radius: 20px;
    height: 246px;
    /*background-color: white;*/
}

.custom-table .block-double {
    height: 512px;
}

@media (max-width: 1400px) {
    .r-20 {
        border-radius: 12px!important;
    }
    .r-m-8 {
        border-radius:8px!important;
    }
    .H1-1{
        /*font-size: 36px;*/
        font-size: 30px;
        font-weight: 700;
        line-height: 39.6px;
    }
    .H2-1 {
        font-size: 30px;
        font-weight: 700;
        line-height: 31.5px;

    }
    .H3-1 {
        font-size: 15px;
        line-height: 18px;
    }
    .T1-1{
        font-size: 14px;
        line-height: 18.2px;
    }
    .T2-1 {
        font-size: 12px;
        font-weight: 600;
        line-height: 15.6px;
    }
    .T3-1 {
        font-size: 12px;
        font-weight: 400;
        line-height: 20.8px;
        text-align: left;
    }
    .B1-1 {
        font-size: 15px;
        line-height: 15px;
    }
    .B2-1 {
        font-size: 12px;
        font-weight: 500;
        line-height: 12px;
    }
    .btn-black {
        border-radius: 8px;
        height: 46px;
    }
    .search-input {
        padding:10px 17px 10px 19px!important;
    }
    .r-m-20{
        border-radius: 20px!important;
    }
    .mr-m-8{
        margin-right: 8px!important;
    }
    .mt-md-40{
        margin-top: 40px!important;
    }
    .mt-m-20{
        margin-top: 20px!important;
    }
    .mt-m-16{
        margin-top: 16px!important;
    }
    .mt-md-16{
        margin-top: 16px!important;
    }
    .mt-md-8{
        margin-top: 8px!important;
    }
    .mt-md-0{
        margin-top: 0px!important;
    }
    .ml-md-6{
        margin-left: 6px!important;
    }
    .mb-md-8{
        margin-bottom: 8px!important;
    }
    .p-md-0{
        padding:0!important;
    }
    .btn-default {
        border-radius: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .custom-table .block-md-single{
        height: 246px;
    }
    .custom-table .column-md-50{
        flex: 0 0 calc(50% - 10px); /* 50% ширины минус половина от gap */
    }
}
@media (max-width: 767px) {

    header{
        background-color: #fff;
    }
    .top_header {
        height: 34px;
    }
    .top_header .logo img {
        width: 65px;
    }
    .H1-1 {
        font-size: 15px;
        font-weight: 700;
        line-height: 16.5px;
    }
    .H2-1 {
        font-size: 20px;
        line-height: 21px;
    }
    .H3-1 {
        font-size: 8px;
        line-height: 10px;
    }
    .T1-1{
        font-size: 12px;
        line-height: 15.6px;
    }
    .T2-1 {
        font-size: 8px;
        font-weight: 600;
        line-height: 10.4px;
    }
    .T3-1{
        font-size: 8px;
        font-weight: 400;
        line-height: 10.4px;
    }
    .mt-sm-25 {
        margin-top: 25px !important;
    }
    .mt-sm-20 {
        margin-top: 20px !important;
    }
    .mt-sm-16{
        margin-top: 16px!important;
    }
    .mt-sm-10{
        margin-top: 10px!important;
    }
    .mt-sm-8{
        margin-top: 8px!important;
    }
    .mt-sm-6{
        margin-top: 6px!important;
    }
    .mt-sm-3{
        margin-top: 3px!important;
    }
    .mt-sm-0{
        margin-top: 0!important;
    }
    .ml-sm-6{
        margin-left: 6px!important;
    }
    .ml-sm-4{
        margin-left: 4px!important;
    }
    .ml-sm-0{
        margin-left: 0!important;
    }
    .mb-sm-16{
        margin-bottom: 16px!important;
    }
    .mb-sm-10{
        margin-bottom: 10px!important;
    }

    .r-ms-6{
        border-radius: 6px!important;

    }

    .search-input {
        background: url(../img/search.svg) no-repeat right 13px center #DEDEDE;
        background-size: 12px;
        padding: 18px 36px 18px 38px;
    }
    .custom-table .column-ms-100{
        flex: 0 0 calc(100%);
    }
    .custom-table .block {
        padding: 17px;
        gap: 16px;
        height: 100px;
    }
    .custom-table .block img{
        width: 22px
    }
    .custom-table .block-double {
        height: 216px;
    }
    .custom-table .H3-1{
        font-size: 10px;
        font-weight: 700;
        line-height: 11px;
    }
    .custom-table .T1-1{
        font-size: 8px;
        font-weight: 400;
        line-height: 9.6px;
    }
    .custom-table .column-sm-100{
        flex: 0 0 calc(100%)
    }
    .custom-table-sm-gap {
        flex-wrap: wrap;
        gap: 0
    }
}