/* Start:/local/templates/odyssey-redisign-2025/css/pages/blog.css?173841337822526*/
a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: initial;
    text-decoration: none;
}

ul.list li {
    position: relative;
}

ul.list li::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50px;
    background: #1e1e1e;
    position: absolute;
    left: -25px;
    top: 8px;
}

ul.blue-dots-list {
    padding-left: 24px;
    margin-bottom: 0;
}

.blue-dots-list li:last-child {
    padding-bottom: 0;
}

.blue-dots-list li {
    position: relative;
    padding-bottom: 20px;
}

.blue-dots-list li:before {
    content: "";
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #019FFF;
    height: 12px;
    position: absolute;
    left: -21px;
    top: 8px;
}


body {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}

img {
    width: 100%;
}

.fw-bolder {
    font-weight: 900;
}

.fw-bold {
    font-weight: bold;
}

.fw-normal {
    font-weight: normal;
}

h1.h1, h1 {
    font-size: 28px;
    font-weight: 600;
}

h2.h3 {
    font-weight: 600;
}

h2.h2, h2, h2.h3 {
    font-size: 28px;
    font-weight: 600;
}

.bg-violet {
    background: #8000FF;
}

.bg-blue {
    background: #0F2D58;
}

.bg-blue-v2 {
    background: #019FFF !important;
}

.bg-light-blue {
    background: rgba(1, 159, 255, 0.1) !important;
}

.bg-medium-blue {
    background: #B3E2FF;
}

.bg-dark-blue {
    background: #0B354D !important;
}

.bg-dark {
    background: #333333 !important;
}

.consumer-h2 {
    font-size: 32px;
    line-height: 39px;
    font-weight: 600;
}

h3.h3, h3 {
    font-size: 24px;
    font-weight: 600;
}

h4.h4, h4, .h4 {
    font-size: 20px;
    font-weight: 600;
}

h5.h5, h5 {
    font-size: 20px;
    font-weight: 600;
}

.z-index-10 {
    z-index: 10;
}

.z-index-100 {
    z-index: 100;
}

.my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}


.mb-15 {
    margin-bottom: 15px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-60 {
    margin-bottom: 60px;
}

.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 16px;
}

.fs-20 {
    font-size: 20px;
}

.fs-lg-22 {
    font-size: 18px;
}

.fs-24 {
    font-size: 24px;
}

.fs-24-md-32 {
    font-size: 24px;
}

.fs-lg-24 {
    font-size: 18px !important;
}

.fs-lg-28 {
    font-size: 20px;
}

.height-48 {
    height: 48px !important;
}

.fs-xxl-40 {
    font-size: 24px;
}

.fs-xxl-56 {
    font-size: 28px;
}

.fs-xxl-62 {
    font-size: 30px !important;
}
.fs-xxl-100 {
    font-size: 40px !important;
}
.fs-xl-28 {
    font-size: 20px;
}

.fs-xl-32 {
    font-size: 20px;
}

.fs-xl-36 {
    font-size: 22px;
}

.fs-xxl-48 {
    font-size: 26px;
}

.width-unset {
    width: unset;
}

.width-fit-content {
    width: fit-content;
}
.fw-normal-md-semibold{
    font-weight: normal;
}
.fs-16-md-24{
    font-size: 16px;
}
.mt-16-md-24{
    margin-top: 16px;
}
@media (min-width: 768px) {
    .mt-16-md-24{
        margin-top: 24px;
    }
    .fs-16-md-24{
        font-size: 24px;
    }
    .fw-normal-md-semibold{
        font-weight: 600;
    }
    .fs-24-md-32 {
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    .fs-18 {
        font-size: 18px;
    }

    .fs-lg-24 {
        font-size: 24px !important;
    }

    .fs-lg-22 {
        font-size: 22px;
    }

    .fs-xl-28 {
        font-size: 24px;
    }

    .fs-xl-32 {
        font-size: 28px;
    }

    .fs-xl-36 {
        font-size: 26px;
    }

    .fs-xxl-40 {
        font-size: 28px;
    }

    .fs-xxl-56 {
        font-size: 40px;
    }
    .fs-xxl-100 {
        font-size: 60px !important;
    }
}

.mt-24 {
    margin-top: 24px;
}

.mb-16-md-24 {
    margin-bottom: 16px;
}

.mb-24 {
    margin-bottom: 24px;
}

.mb-24-md-40 {
    margin-bottom: 24px;
}

.mb-24-lg-40 {
    margin-bottom: 24px;
}

.mb-xl-60 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-xl-80 {
    margin-bottom: 60px;
}

.mb-80 {
    margin-bottom: 80px;
}

.my-section-100 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.py-section-100 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-section-120 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.py-section-60 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.py-section-80 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.color-blue {
    color: #019FFF;
}

.color-dark {
    color: #212121;
}

.color-white {
    color: white;
}

.color-gray {
    color: #747474;
}

.btn-dark {
    background: #212121;
}

.br-12 {
    border-radius: 12px;
}

.br-16 {
    border-radius: 16px;
}

.br-30 {
    border-radius: 30px;
}

.br-100 {
    border-radius: 100px;
}

@media (min-width: 768px) {
    .mb-16-md-24 {
        margin-bottom: 24px;
    }
}

@media (min-width: 992px) {

    .py-section-120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    h1.h1, h1 {
        font-size: 50px;
    }

    h2.h2, h2, h2.h3 {
        font-size: 36px;
    }

    h3.h3, h3 {
        font-size: 28px;
    }

    h4.h4, h4, .h4 {
        font-size: 24px;
    }

    .fs-xxl-48 {
        font-size: 36px;
    }

    .fs-xxl-62 {
        font-size: 40px !important;
    }
    .fs-xxl-100 {
        font-size: 76px !important;
    }
    .fs-lg-20 {
        font-size: 20px !important;
    }

    .fs-lg-28 {
        font-size: 28px;
    }

    .my-section-100 {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .py-section-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .py-section-60 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .py-section-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .mb-xl-60 {
        margin-bottom: 40px;
    }
}

@media (min-width: 1200px) {
    .py-section-120 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .fs-xl-28 {
        font-size: 28px;
    }

    .fs-xxl-40 {
        font-size: 32px;
    }

    .fs-xxl-48 {
        font-size: 40px;
    }

    .fs-xxl-56 {
        font-size: 46px;
    }

    .fs-xxl-62 {
        font-size: 50px !important;
    }
    .fs-xxl-100 {
        font-size: 86px !important;
    }
    .mb-xl-80 {
        margin-bottom: 80px;
    }

    .mb-xl-120 {
        margin-bottom: 120px;
    }

    .mb-xl-60 {
        margin-bottom: 60px;
    }

    .fs-xl-32 {
        font-size: 32px;
    }


    .rounded form {
        border-radius: 80px;
    }

    .my-section-100 {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .py-section-100 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .py-section-60 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .py-section-80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (min-width: 1400px) {
    .py-section-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .fs-xxl-56 {
        font-size: 56px;
    }

    .fs-xxl-62 {
        font-size: 62px !important;
    }
    .fs-xxl-100 {
        font-size: 100px !important;
    }
    h1.h1, h1 {
        font-size: 66px;
    }

    h2.h2, h2 {
        font-size: 48px;
    }

    h2.h3 {
        font-size: 40px;
    }

    h3.h3, h3 {
        font-size: 40px;
    }

    h4.h4, h4, .h4 {
        font-size: 32px;
    }

    .fs-xxl-40 {
        font-size: 40px;
    }

    .fs-xxl-48 {
        font-size: 48px;
    }

    .py-xxl-120 {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .pb-xxl-120 {
        padding-bottom: 120px;
    }
}

.line-height-normal {
    line-height: normal;
}

.form__picture {
    overflow: visible;
}

.bg-gray {
    background: #EEEFF2;
}

.bg-light-gray {
    background: #F8F8F8;
}

.bg-pale-blue {
    background: #E6F5FF;
}

.p-24 {
    padding: 24px;
}

.p-24-lg-40 {
    padding: 24px;
}

.p-24-lg-40-xl-60 {
    padding: 24px;
}

.box-shadow {
    box-shadow: 0 4px 20px 0 rgba(6, 54, 70, .15);
}

.border-none {
    border: none;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.btn-with-black-border {
    background: transparent;
    border: 1px #212121 solid;
    color: #212121;
    font-size: 14px;
    padding: 18px 40px;
}

.btn-with-white-border {
    background: transparent;
    border: 1px #ffffff solid;
    color: #ffffff;
    padding: 15px 35px;
    border-radius: 4px;
    font-size: 16px;
}

.download-broshure {
    background: #eeeff2;
}

.blue-digits {
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 5px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #019FFF;
    color: white;
    justify-content: center;
}


@media (min-width: 768px) {
    .mb-md-40 {
        margin-bottom: 40px !important;
    }

    .mb-24-md-40 {
        margin-bottom: 24px;
    }
}

.fs-20-lg-24 {
    font-size: 20px;
}

.fs-20-xl-32 {
    font-size: 20px;
}

@media (min-width: 992px) {
    .blue-digits {
        font-size: 32px;
        width: 64px;
        min-width: 64px;
        height: 64px;
    }

    .text-lg-uppercase {
        text-transform: uppercase;
    }

    .fs-20-lg-24 {
        font-size: 24px;
    }

    .p-24-lg-40 {
        padding: 40px;
    }

    .p-24-lg-40-xl-60 {
        padding: 40px;
    }

    .mt-lg-m20 {
        margin-top: -20px;
    }

    .mb-24-lg-40 {
        margin-bottom: 40px;
    }

    .btn-with-white-border {
        padding: 15px 61px;
        font-size: 21px;
    }

    .download-broshure {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(238, 239, 242, 1) 70%, rgba(238, 239, 242, 1) 70%, rgb(255, 255, 255) 70%, rgb(255, 255, 255) 70%);
    }

    .download-broshure-reverse {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 25%, rgba(238, 239, 242, 1) 25%, rgba(238, 239, 242, 1) 100%);
    }
}


@media (min-width: 1200px) {
    .p-24-lg-40-xl-60 {
        padding: 60px;
    }

    .mt-xl-24 {
        margin-top: 24px !important;
    }

    .fs-20-xl-32 {
        font-size: 32px;
    }

    .col-xl-5th {
        width: 20% !important;
        float: left;
    }

    .landing-main-wrapper {
        height: 560px;
    }
}


@media (min-width: 1600px) {
    .download-broshure {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(238, 239, 242, 1) 75%, rgba(238, 239, 242, 1) 75%, rgb(255, 255, 255) 75%, rgb(255, 255, 255) 75%);
    }

    .download-broshure-reverse {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(238, 239, 242, 1) 30%, rgba(238, 239, 242, 1) 100%);
    }
}

@media (min-width: 1900px) {
    .download-broshure {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(238, 239, 242, 1) 65%, rgba(238, 239, 242, 1) 65%, rgb(255, 255, 255) 65%, rgb(255, 255, 255) 65%);
    }

    .download-broshure-reverse {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 30%, rgba(238, 239, 242, 1) 30%, rgba(238, 239, 242, 1) 100%);
    }
}

ul.white-dots li:last-child {
    padding-bottom: 0;
}

ul.white-dots li {
    position: relative;
}

ul.white-dots li:before {
    content: "";
    width: 4px;
    border-radius: 50%;
    display: inline-block;
    background: white;
    height: 4px;
    position: absolute;
    left: -19px;
    top: 12px;
}

ul.dark-dots-list li:last-child {
    padding-bottom: 0;
}

ul.dark-dots-list li {
    position: relative;
}

ul.dark-dots-list li:before {
    content: "";
    width: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #212121;
    height: 4px;
    position: absolute;
    left: -19px;
    top: 10px;
}

.hr-gray {
    opacity: 1;
    height: 2px;
    background: #EEEFF2;
}


ul.simple-list {
    margin-bottom: 0;
    margin-top: 0;
}

ul.simple-list li:last-child {
    padding-bottom: 0;
}

ul.simple-list li {
    position: relative;
}

ul.simple-list li:before {
    content: "";
    width: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #212121;
    height: 4px;
    position: absolute;
    left: -19px;
    top: 10px;
}

.object-fit-cover {
    object-fit: cover;
}

.new-design-btn {
    background: #019FFF;
    color: white;
    font-size: 16px;
    padding: 15px 32px;
    border-radius: 40px;
    text-align: center;
    min-width: 288px;
}

.text-lg-uppercase {
    text-transform: uppercase;
}


.font-rubik {
    font-family: "Rubik", sans-serif;
}

.new-design-title {
    font-size: 32px;
    font-weight: 600;
}

.width-max-content {
    width: max-content;
}


/*блок проектов*/
.projects-subtitle {
    font-size: 13px;
    margin-top: 3px;
}

.projects-section {
    padding-bottom: 60px;
}

.projects-subtitle {
    font-size: 13px;
    margin-top: 3px;
}

.new-projects-item__title {
    font-size: 24px;
    margin-bottom: 8px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-projects-item__btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-design-btn--projects-item {
    padding: 8px 24px;
    background: #292929;
    min-width: 147px;
}

.new-projects-item__sphere {
    font-size: 13px;
}

.new-projects-item__img {
    width: 100%;
    object-fit: cover;
    height: 170px;
    border-radius: 30px 30px 0 0;
}

.new-projects-item {
    margin-bottom: 24px;
}

.new-projects-item__description {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-projects-item--blue {
    background: #294189;
}

.new-projects-item--dark-blue {
    background: #214155;
}

.new-projects-item--light-blue {
    background: #019FFF;
}

.new-projects-item--violet {
    background: #8000FF;
}

.new-projects-item__description {
    border-radius: 0 0 30px 30px;
}

a.new-projects-item:hover {
    color: white;
}

.projects-subtitle {
    margin-bottom: 40px;
}

.projects-title-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
}

.projects-subtitle {
    font-size: 16px;
}

@media (min-width: 768px) {
    .new-design-title--row-2 {
        font-size: 32px;
    }

    .new-design-title {
        text-transform: uppercase;
        font-size: 48px;
        font-weight: bold;
    }

    .new-design-btn--projects {
        min-width: 156px;
        padding: 8px 24px;
    }

    .projects-title-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
    }
}

@media (min-width: 1200px) {
    .new-projects-item__description {
        min-height: 211px;
    }
}

@media (min-width: 1400px) {
    .new-projects-item__description {
        min-height: 184px;
    }
}

/*конец блока проектов*/


/*body {*/
/*    background: #292929;*/
/*}*/
div {
    line-height: normal;
}


/*выше только общие стили*/










/*стили для пагинации*/

.pagination li{
    padding-bottom: 0;
}
.pagination ul{
    background: #EEEFF2;
    border-radius: 40px;
    padding: 0 20px;
}
.pagination{
    margin-top: 40px!important;
    margin-bottom: 40px;
}
.pagination ul li a.current-page {
    color: white!important;
    font-weight: 700;
    background: #019FFF;
    padding: 13px 14px;
    border-radius: 100px;
    box-shadow: 0 0 16px 0 rgb(1 159 255 / 50%);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.pagination ul li a.prev:before{
    content: url("/local/templates/odyssey/img/blog/pagination-decor-v2.svg");
    width: 64px;
    height: 48px;
    position: absolute;
    left: 9px;
    top: -19px;
}
.pagination ul li a.next:before{
    content: url("/local/templates/odyssey/img/blog/pagination-decor-v2.svg");
    width: 64px;
    height: 48px;
    position: absolute;
    left: -55px;
    top: -19px;
}


.pagination ul li a.next{
    margin-left: 40px;
    position: relative;
    display: block;
}
.pagination ul li a.prev{
    margin-right: 40px;
    position: relative;
    display: block;
}



@media (min-width: 992px) {

    .pagination {
        margin-top: 66px !important;
        margin-bottom: 80px;
    }
}

/*конец стилей для пагинации*/









.blog-main {
    padding: 0 0 50px 0;
}

.blog-main-wrapper{
    width: 100%;
    /*border-radius: 30px;*/
    padding: 30px;
    background: url("/local/templates/odyssey/img/blog/main-bg.jpg") no-repeat;
    background-size: cover;
    background-position: left;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    position: relative;
}
.blog-main-sputnik{
    display:none;
}
.blog-img-wrapper img{
    border-radius: 30px 30px 0 0;
    height: 226px;
    object-fit: cover;
}
.blog-card-autor-wrapper{
    display: flex;
    align-items: start;
    gap:14px;
}
.blog-card-autor-img{
    width: 32px;
    height: 32px;
    border-radius: 100px;
}
.blog-card-text{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-card-content-wrapper{
    padding: 20px 20px 45px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.blog-card-wrapper{
    border-radius: 30px;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
}
.filter-block{
    margin-top: 0!important;
}


.filter-item.ownd-filter-active{
    color:white;
}
.filter-item{
    background: #DDE6FF;
    padding: 8px 24px;
    height: unset;
    text-transform: none;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}

.filter-row{
    gap: 10px 20px;
    margin-top: 0;
}




.search-form {
    position: relative;
    width: 100%; /* Ширина формы */
    margin-top: 25px;
}

.search-wrapper {
    position: relative;
}

.search-wrapper input {
    box-sizing: border-box;
    width: 100%;
    padding: 16px 105px 16px 32px;
color:#C1CBD1;
    background: transparent;
    box-sizing: border-box;
    border: 2px solid #C1CBD1;
    border-radius: 40px;
height: 50px;
}

.search-wrapper button {
    border-radius: 40px;
    background: #019FFF!important;
    padding: 15px 20px;
    min-width: unset;
    position: absolute;
    top: 1px;
    right: 1px;
    border: none;
    background: none;
    cursor: pointer;
    height: 48px;
}

.search-wrapper .clear-input {
    position: absolute;
    top: 15px;
    color: #C1CBD1;
    right: 80px;
    cursor: pointer;
    display: none;
}

.search-wrapper input:valid + .clear-input {
    display: block;
}
.search-wrapper input:-internal-autofill-selected{
    background-color:transparent!important;
}














@media (min-width: 768px) {


    .filter-row{
        gap: 20px;
    }

    .search-wrapper .clear-input {
        right: 170px;
    }
    .search-wrapper input {
        padding: 16px 190px 16px 32px;
    }

    .search-wrapper button {
        background: #019FFF !important;
    }

    .search-form {
        margin-top: 48px;
    }


    .blog-main-wrapper {
        border-radius: 40px;
    }
    .blog-main-sputnik{
        display: block;
        position: absolute;
        right: -100px;
        top: -18%;
        width: 524px;
        height: 391px;
    }
    .blog-main{
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
        padding: 50px 20px;
    }


}

@media (min-width: 992px) {

    .blog-main{
        padding: 70px 20px;
    }
    .blog-main-wrapper {
        min-height: 380px;
        padding: 50px;
    }

    .blog-main-sputnik{
        right: -203px;
        top: -17%;
        width: 700px;
        height: 500px;
    }


}


@media (min-width: 1200px) {

    .blog-main-sputnik{
        right: -15%;
        top: -30%;
        width:960px;
        height: 700px;
    }
    .blog-main-wrapper {
        min-height: 450px;
    }
    .blog-main{
        padding: 160px 25px 60px 25px;
        max-width: 1680px;
    }
}

@media (min-width: 1400px) {


}


@media (min-width: 1600px) {
    .blog-main-sputnik {
        right: -10%;
        top: -25%;
        width: 1056px;
        height: 733px;
    }
    .blog-main-wrapper {
        min-height: 540px;
    }
    .blog-main {
        padding: 140px 100px 80px 25px;
        max-width: 1840px;
    }

}

@media (min-width: 1900px) {
    .blog-main-wrapper .container{
        margin-left: 175px;
    }
}









/* End */


/* Start:/local/templates/odyssey-redisign-2025/components/bitrix/news.detail/solution/style.css?17784191921504*/
/* Стили для таблиц с обводкой и адаптивным контейнером */
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* плавный скролл на iOS */
}

.table {
    width: 100%;
    min-width: 600px; /* таблица будет не менее 600px, иначе скролл */
    margin-bottom: 0;
    border-collapse: collapse;
    background-color: #fff;
}

/* Обводка таблицы (рамка со всех сторон) */
.table-bordered tr {
    border-bottom: 1px solid #dee2e6;
}
.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom: 2px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    padding: 12px 16px;
    text-align: left;
    vertical-align: top;
}

/* Стили для заголовков */
.table thead th {
    background-color: #f8f9fa;
    font-weight: 600;
}

/* Адаптив: при маленьких экранах появляется горизонтальный скролл */
@media (max-width: 767.98px) {
    .table-responsive {
        margin-bottom: 1rem;
        border-radius: 8px;
    }
}
ol {
    counter-reset: num calc(attr(data-start integer) - 1)!important;
}

ol > li:before {
    content: counter(num) '.';
    counter-increment: num;
    /* остальные стили */
}
/* End */


/* Start:/local/templates/odyssey-redisign-2025/components/bitrix/breadcrumb/breadcrump/style.css?17424054371349*/

.breadcrump.color-gray .bx-breadcrumb{
	color:#747474;
}

.bx-breadcrumb {
	display: flex;
	align-items: center;
	gap: 6px 0;
	flex-wrap: wrap;
}
.fa-angle-right:before{
	font-size: 20px;
	line-height: 15px;
}
.bx-breadcrumb i {
	vertical-align: middle;
	margin-right: 15px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	/*white-space: nowrap;*/
	/*vertical-align: middle;*/
	margin-right: 6px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}
.breadcrump--services {
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 12px;
	color: #878787;
	margin: 51px auto;
}
.bx-breadcrumb i {
	margin-right: 15px;
}
.fa {
	margin-left: 10px!important;
}
.breadcrump.color-gray .fa {
	color:#00000033;
}

@media(max-width: 768px) {
	.bx-breadcrumb .bx-breadcrumb-item{
		margin-right: 4px;
	}
	/*.bx-breadcrumb i {*/
	/*	margin-right: 2px;*/
	/*}*/
}
@media(max-width: 640px) {
	.bx-breadcrumb .bx-breadcrumb-item{
		margin-right: 4px;
	}
	.bx-breadcrumb i {
		margin-right: 8px;
	}
	.fa {
		margin-left: 8px!important;
	}
}
.bx-breadcrumb .bx-breadcrumb-item:last-of-type span {
	color: #019FFF;
}

@media(min-width: 1200px) {
	.breadcrump--services {
		font-size: 16px;
	}
}
/* End */
/* /local/templates/odyssey-redisign-2025/css/pages/blog.css?173841337822526 */
/* /local/templates/odyssey-redisign-2025/components/bitrix/news.detail/solution/style.css?17784191921504 */
/* /local/templates/odyssey-redisign-2025/components/bitrix/breadcrumb/breadcrump/style.css?17424054371349 */