/* Start:/studencheskaya-zhizn/styles.css?178290517014986*/



        /* Сброс стандартных отступов для картинок, чтобы они вели себя как во Fusion */
        .img-overlay-wrapper {
            position: relative;
        }

        /* Эффект наведения zoom-in, как в hover-type-zoomin */
        .hover-zoomin {
            transition: transform 0.3s ease-in-out;
            display: inline-block;
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
        }
        .hover-zoomin img {
            transition: transform 0.4s ease;
            border-radius: 20px;
            width: 100%;
            height: auto;
            display: block;
        }
        .hover-zoomin:hover img {
            transform: scale(1.05);
        }

        /* Стили для заголовка и текста, чтобы было максимально близко к оригиналу */
        .title-heading-left {
            font-family: inherit;
            font-weight: 700;
            color: #1a2c3e;
            margin-bottom: 1rem;
        }

        .custom-text p {
            font-size: 1rem;
            line-height: 1.6;
            color: #4a5568;
        }

        /* Адаптив для второго изображения (наложение с отрицательным отступом) */
        @media (max-width: 768px) {
            .second-image-offset {
                margin-top: -8% !important;
            }
        }

        /* Чтобы колонки на мобилках шли друг за другом красиво */
        @media (max-width: 576px) {
            .col-img-stack {
                margin-bottom: 1.5rem;
            }
            .ms-auto-custom {
                text-align: center;
            }
        }

        /* Кастомный радиус углов, как в оригинале */
        .rounded-4 {
            border-radius: 20px;
        }

        /* Тени не было в оригинале, но оставляем опционально чистоту */
        .fusion-column-wrapper {
            background: transparent;
        }

        body {
            background-color: #ffffff;
        }

        .container-custom {
            max-width: 1240px; /* 1200px + 40px из оригинального стиля */
            margin-left: auto;
            margin-right: auto;
        }

        /* отступы как в row с margin-left/right: -20px */
        .gutter-custom {
            --bs-gutter-x: 40px;
            margin-left: calc(-40px / 2);
            margin-right: calc(-40px / 2);
        }
        .gutter-custom > [class*="col-"] {
            padding-left: calc(var(--bs-gutter-x) / 2);
            padding-right: calc(var(--bs-gutter-x) / 2);
        }

        /* Центрирование по вертикали как во Flex (align-self-center) */
        .align-self-center-custom {
            align-self: center;
        }

        /* Картинка с ограничением максимальной ширины 90% как в примере */
        .img-max-90 {
            max-width: 90%;
        }

        /* для расположения второй картинки со сдвигом */
        .relative-container {
            position: relative;
        }
        .mt-neg-15 {
            margin-top: -15%;
        }
        @media (max-width: 992px) {
            .mt-neg-15 {
                margin-top: -8%;
            }
        }
        @media (max-width: 576px) {
            .mt-neg-15 {
                margin-top: -5%;
            }
        }

        /* чтобы обертка картинки не ломала layout */
        .image-wrapper-inner {
            display: inline-block;
            width: auto;
        }
        .text-end-custom {
            text-align: right;
        }
        .img-fluid-custom {
            max-width: 100%;
            height: auto;
        }

        /* Полная имитация секции */
        .section-padding {
            padding-top: 20px;
            padding-bottom: 20px;
        }

























        /* Стили, полностью имитирующие оригинальный блок fusion-counters-box */
        .counters-box {
            --awb-body-color: #4a5568;      /* цвет текста описания */
            --awb-color: #1e3a5f;           /* цвет цифр (заголовка) */
            --awb-title-size: 50px;
            margin-right: 0 !important;
            margin-left: 0 !important;
            margin-bottom: 0 !important;
            background-color: #ededed;
            border-radius: 20px;

        }

        .counter-box-container {
            text-align: center;
            padding: 20px 15px;
            background: transparent;
            transition: all 0.3s ease;
        }

        /* Блок с цифрой */
        .content-box-counter {
            font-size: var(--awb-title-size, 50px);
            font-weight: 700;
            line-height: 1.2;
            color: var(--awb-color, #1e3a5f);
            margin-bottom: 12px;
        }

        /* Единица измерения (плюсик) */
        .unit {
            font-size: 0.5em;
            font-weight: 600;
            margin-left: 3px;
            color: var(--awb-color, #1e3a5f);
        }

        /* Текст под цифрой */
        .counter-box-content {
            font-size: 16px;
            color: var(--awb-body-color, #4a5568);
            line-height: 1.4;
            font-weight: 500;
        }

        /* Адаптивность для мобильных устройств */
        @media (max-width: 768px) {
            .counter-box-container {
                padding: 15px 10px;
            }
            .content-box-counter {
                font-size: 38px;
            }
            .counter-box-content {
                font-size: 14px;
            }
        }

        @media (max-width: 576px) {
            .col-counter-box {
                margin-bottom: 20px;
            }
            /* последний элемент не должен иметь отступ снизу */
            .col-counter-box:last-child {
                margin-bottom: 0;
            }
        }

        /* Легкая анимация при появлении (опционально) */
        .counter-box-container {
            opacity: 0;
            transform: translateY(15px);
            transition: opacity 0.5s ease, transform 0.5s ease;
        }

        .counter-box-container.visible {
            opacity: 1;
            transform: translateY(0);
        }

.documents-card {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px 0px;
    border-radius: 20px;
}

.folder-icon-wrapper {

    
    position: absolute;
    bottom: 20px;
    right: 40px;

}

.folder-icon-wrapper img {

    opacity: 0.2;
}













     :root {
            --awb-custom_color_5: #1e3a5f;
            --awb-custom_color_7: #eef2f7;
            --awb-color1: #ffffff;
            --awb-color8: #2d3748;
        }
        
        .fullwidth-studios {
            /*padding-top: 100px;*/
            padding-bottom: 60px;
            width: 100%;
        }
        
        .fusion-row-custom {
            max-width: calc(1200px + 40px);
            margin-left: auto;
            margin-right: auto;
            padding-left: calc(40px / 2);
            padding-right: calc(40px / 2);
        }
        
        /* Заголовок */
        .title-heading-center {
            font-weight: 700;
            color: #1a2c3e;
            margin: 0;
            text-align: center;
            font-size: calc(1.5rem + 0.5vw);
        }
        
        .subtitle-center {
            text-align: center;
            color: #4a5568;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* Карточка студии */
        .studio-card {
            background-color: var(--awb-color1);
            border-radius: 20px;
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.10);
            border: 1px solid var(--awb-custom_color_7);
            overflow: hidden;
            transition: transform 0.2s ease, box-shadow 0.2s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
        }
        
        .studio-card:hover {
            transform: translateY(-5px);
            box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
        }
        
        .studio-image {
            width: 100%;
            overflow: hidden;
            border-radius: 20px 20px 0 0;
        }
        
        .studio-image img {
            width: 100%;
            height: auto;
            display: block;
            transition: transform 0.4s ease;
        }
        
        .studio-card:hover .studio-image img {
            transform: scale(1.05);
        }
        
        .studio-content {
            padding: 30px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .studio-description {
            color: var(--awb-color8);
            line-height: 1.5;
            margin-bottom: 20px;
            flex-grow: 1;
        }
        
        .btn-detail {
            text-decoration: none !important;
            background-color: transparent;
            border: none;
            color: var(--awb-custom_color_5);
            font-weight: 600;
            padding: 0;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: gap 0.2s ease;
            font-size: 0.95rem;
        }
        
      /*  .btn-detail:hover {
            gap: 12px;
            //color: #0f2b44;
        }*/

     .btn-detail:hover {
    background-color: white;
    color: var(--awb-custom_color_5);
}
        
        .btn-detail::after {
            content: "→";
            font-size: 1.1rem;
        }
        
        /* Адаптивность */
        @media (max-width: 768px) {
            .fullwidth-studios {
                padding-top: 60px;
                padding-bottom: 40px;
            }
            .studio-content {
                padding: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .fusion-row-custom {
                padding-left: 15px;
                padding-right: 15px;
            }
        }
















  /* Полноширинный блок с фоном */
        .fullwidth-advantages {
            background-color: var(--awb-custom_color_7, #eef2f7);
            padding-top: 60px;
            padding-bottom: 30px;
            width: 100%;
        }
        
        /* Контейнер с ограничением ширины (как в оригинале) */
        .fusion-row-custom {
            max-width: calc(1200px + 40px);
            margin-left: auto;
            margin-right: auto;
            padding-left: calc(40px / 2);
            padding-right: calc(40px / 2);
        }
        
        /* Заголовок */
        .title-heading-left {
            font-weight: 700;
            color: #1a2c3e;
            margin: 0;
            font-size: calc(1.5rem + 0.5vw);
        }
        
        /* Блок content-box (карточка) */
        .content-box-card {
            background-color: rgba(255, 255, 255, 0);
            padding: 0;
            margin-bottom: 30px;
            transition: all 0.3s ease;
        }
        
        /* Заголовок с иконкой */
        .heading-with-icon {
            display: flex;
            align-items: flex-start;
            gap: 20px;
            margin-bottom: 15px;
        }
        
        .icon-image {
            flex-shrink: 0;
            width: 60px;
            height: 60px;
        }
        
        .icon-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .content-box-heading {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.25;
            color: #1e3a5f;
            margin: 0;
            padding-top: 5px;
        }
        
        /* Контент (текст) */
        .content-container {
            padding-left: 80px;  /* отступ как в оригинале (ширина иконки + gap) */
            color: #2d3748;
            line-height: 1.6;
        }
        
        .content-container p {
            margin-bottom: 0;
        }
        
        .content-container a {
            color: #2c7da0;
            text-decoration: none;
            transition: color 0.2s;
        }
        
        .content-container a:hover {
            color: var(--awb-custom_color_1, #1a5a78);
            text-decoration: underline;
        }
        
        /* Адаптивность для мобильных */
        @media (max-width: 768px) {
            .fullwidth-advantages {
                padding-top: 40px;
            }
            .heading-with-icon {
                gap: 15px;
            }
            .icon-image {
                width: 48px;
                height: 48px;
            }
            .content-box-heading {
                font-size: 18px;
                padding-top: 2px;
            }
            .content-container {
                padding-left: 63px;  /* 48px + 15px */
            }
        }
        
        @media (max-width: 576px) {
            .fusion-row-custom {
                padding-left: 15px;
                padding-right: 15px;
            }
            .content-box-card {
                margin-bottom: 25px;
            }
            .content-container {
                font-size: 14px;
            }
        }
        
        /* Очистка float после колонок (как fusion-clearfix) */
        .clearfix::after {
            content: "";
            clear: both;
            display: table;
        }
        
        /* Эффект наведения на карточку (необязательно, для мягкости) */
        .content-box-card:hover .content-box-heading {
            color: var(--awb-custom_color_1, #2c7da0);
            transition: color 0.2s;
        }
/* End */
/* /studencheskaya-zhizn/styles.css?178290517014986 */