/*body {*/
/*    background: #292929;*/
/*}*/

ul.dark-dots-list li:before {
    content: "";
    width: 4px;
    border-radius: 50%;
    display: inline-block;
    background: #212121;
    height: 4px;
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-6px);
}
.architectura-part-section{
    background: url("/odyssey4production/odyssey-simple-one/img/architecture-part-bg.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 24px 0 60px 0;
}

#advantages {
    background: url("/1c/docs/img/advantages-bg.svg") no-repeat;
    background-size: 1650px 835px;
    background-position: center;
}
.main-section{
    padding: 24px 0 80px 0
}
.tasks-item-wrapper ul.dark-dots-list li {
    padding-left: 12px;
}
.tasks-item-wrapper ul.dark-dots-list li:before {
    width: 8px;
    height: 8px;
    left: -7px;
    top: 11px;
}
.tasks-item-wrapper{
    background: #F6F6F6;
    padding: 12px 24px;
    display: inline-block;
}
.stages-slider-arrow{
    position: absolute;
    left:20px;
    bottom: -35px;
    transform: rotate(90deg);
    z-index: 10;
}
.inside-tech-wrapper{
    background: url("/odyssey4production/odyssey-simple-one/img/earth-mobile-bg.jpg") no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 24px 24px 250px 24px
}
.whom-section .bg-light-blue{
    border: 1px solid #DFE7EF;
    backdrop-filter: blur(1px);
}
.whom-decore{
    display:none;
}

.stages-slider-digit{
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #019FFF;
    color: white;
    justify-content: center;
}
@media(min-width: 992px){

    .inside-tech-wrapper{
        background: url("/odyssey4production/odyssey-simple-one/img/earth-desktop-bg.jpg") no-repeat;
        background-size: cover;
        background-position: bottom;
        padding: 40px
    }

    .architectura-part-section{
        padding: 40px 0 40px 0;
    }
    .stages-slider-arrow{
        position: absolute;
        left:unset;
        right: -35px;
        bottom: calc(50% - 20px);
        transform: unset;
    }
    .tasks-item-wrapper ul.dark-dots-list li:before {
        width: 12px;
        height: 12px;
        left: -2px;
        top: 12px;
    }
    .tasks-item-wrapper ul.dark-dots-list li {
        padding-left: 24px;
    }
    #advantages {
        background: url("/1c/docs/img/advantages-bg.svg") no-repeat;
        background-size: auto;
        background-position: center;
    }
}

@media (min-width: 1200px) {


    .inside-tech-wrapper{
        padding: 60px
    }
    .whom-decore{
        display: block;
        position: absolute;
        top: 34px;
        left: 0;
        z-index: -1;
        transform: translateX(-56%);
    }
}
@media (min-width: 1400px) {
    .main-section{
        padding: 24px 0 100px 0
    }
}









/* Стили для блока табов начало */

@media (min-width: 992px) {
    .nav-tabs-custom {
        border-bottom: 2px solid #dee2e6;
        gap: 0;
    }
    .nav-tabs-custom .nav-link {
        border: none;
        color: #1C1C1C;
        font-weight: 600;
        padding: 12px 20px;
        background: transparent;
        font-size:16px;
        border-bottom: 6px solid transparent;
    }
    .nav-tabs-custom .nav-link:hover {
        color: #019FFF;
        border: none;
        isolation: isolate;
    }
    .nav-tabs-custom .nav-link.active {
        color: #019FFF;
        border-bottom: 6px solid #019FFF;
        background: transparent;
        font-weight: 600;
    }
}
@media (min-width: 1200px) {
    .nav-tabs-custom .nav-link {
        padding: 12px 20px;
        font-size:20px;
    }
}
/* Стили для мобильных кнопок (синий фон + стрелка) */
.mobile-tab-buttons .new-design-btn{
    min-width:unset;
}
.mobile-tab-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    gap: 12px;
}

.mobile-tab-buttons .new-design-btn::after {
    content: url("/odyssey4production/odyssey-simple-one/img/btn-arrow.svg");
    width:16px;
    height:16px;
    margin-left: 10px;
    vertical-align: -1px;
}

.desktop-tabs-wrapper {
    display: block;
}
.mobile-tabs-wrapper {
    display: none;
}

@media (max-width: 991.98px) {
    .desktop-tabs-wrapper {
        display: none;
    }
    .mobile-tabs-wrapper {
        display: block;
    }
}

.tab-image {
    max-width: 100%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.tab-content-padding {
    padding-top: 24px;
}

/* Стили для блока табов конец */