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



        /* Сброс стандартных отступов для картинок, чтобы они вели себя как во 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-staff {
            background-color: var(--awb-custom_color_7, #eef2f7);
            padding-top: 0px;
            padding-bottom: 60px;
            width: 100%;
            border-radius: 20px;

        }
        
        .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);
        }
        
        /* Карточка сотрудника */
        .staff-card {
            background-color: var(--awb-color1);
            border-radius: 20px;
            box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
            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;
        }
        
        .staff-card:hover {
            transform: translateY(-3px);
            box-shadow: 0px 8px 20px 0px rgba(0,0,0,0.15);
        }
        
        .staff-image {
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
        }
        
        .staff-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        
        .staff-card:hover .staff-image img {
            transform: scale(1.05);
        }
        
        .staff-info {
            padding: 20px;
            text-align: center;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        .staff-name {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--awb-custom_color_5);
            margin-bottom: 10px;
            line-height: 1.3;
        }
        
        .staff-position {
            font-size: 0.9rem;
            color: var(--awb-color8);
            margin-bottom: 15px;
            line-height: 1.4;
            flex-grow: 1;
        }
        
        .btn-detail {
            background-color: transparent;
            border: 1px solid var(--awb-custom_color_5);
            color: var(--awb-custom_color_5);
            border-radius: 30px;
            padding: 8px 20px;
            font-size: 0.85rem;
            font-weight: 600;
            transition: all 0.2s ease;
            text-decoration: none;
            display: inline-block;
            margin-top: 5px;
        }
        
        .btn-detail:hover {
            background-color: var(--awb-custom_color_5);
            color: white;
        }
        
        /* Самодельный аккордеон (без Bootstrap JS) */
        .custom-accordion {
            width: 100%;
        }
        
        .custom-accordion-item {
            background: transparent;
            border: none;
            margin-bottom: 15px;
        }
        
        .custom-accordion-header {
            background: var(--awb-color1);
            border-radius: 12px;
            box-shadow: 0px 2px 8px rgba(0,0,0,0.05);
        }
        
        .custom-accordion-button {
            background-color: var(--awb-color1);
            color: var(--awb-color8);
            font-weight: 700;
            font-size: 1.1rem;
            padding: 16px 20px;
            border-radius: 12px;
            width: 100%;
            text-align: left;
            border: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: all 0.2s;
            cursor: pointer;
        }
        
        .custom-accordion-button.active {
            color: var(--awb-custom_color_5);
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }
        
        .custom-accordion-button:focus {
            outline: none;
        }
        
        .accordion-icon {
            transition: transform 0.2s ease;
            font-size: 14px;
        }
        
        .custom-accordion-button.active .accordion-icon {
            transform: rotate(45deg);
        }
        
        .custom-accordion-body {
            background-color: transparent;
            padding: 20px 0 0 0;
            display: none;
        }
        
        .custom-accordion-body.open {
            display: block;
        }
        
        /* Сетка внутри аккордеона */
        .staff-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 25px;
        }
        
        /* Адаптивность */
        @media (max-width: 768px) {
            .staff-grid {
                grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
                gap: 15px;
            }
            .staff-info {
                padding: 15px;
            }
            .staff-name {
                font-size: 1rem;
            }
            .staff-position {
                font-size: 0.8rem;
            }
            .fullwidth-staff {
                padding-bottom: 40px;
            }
        }
        
        @media (max-width: 576px) {
            .fusion-row-custom {
                padding-left: 15px;
                padding-right: 15px;
            }
            .staff-grid {
                grid-template-columns: 1fr;
            }
        }













     :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-contacts {
            //background-color: var(--awb-custom_color_7, #eef2f7);
            padding-top: 60px;
            padding-bottom: 0px;
            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);
        }
        
        /* Карточка контактов/формы */
        .contact-card {
            background-color: var(--awb-color1);
            border-radius: 20px;
            overflow: hidden;
            height: 100%;
            padding: 60px;
        }
        
        .contact-card-light {
            padding-bottom: 10px;
        }
        
        .contact-card-form {
            padding-bottom: 30px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .title-heading-left {
            font-weight: 700;
            color: #1a2c3e;
            margin: 0 0 20px 0;
            font-size: calc(1.5rem + 0.5vw);
        }
        
        .contact-description {
            color: var(--awb-color8);
            line-height: 1.5;
            margin-bottom: 30px;
        }
        
        /* Блоки с контактной информацией */
        .contact-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 40px;
        }
        
        .contact-icon {
            flex-shrink: 0;
            width: 40px;
            margin-right: 20px;
        }
        
        .contact-icon img {
            width: 40px;
            height: 40px;
            display: block;
        }
        
        .contact-content {
            flex: 1;
        }
        
        .contact-title {
            font-size: 20px;
            font-weight: 700;
            line-height: 1.25;
            color: var(--awb-custom_color_1, #2c7da0);
            margin-bottom: 8px;
        }
        
        .contact-text {
            color: var(--awb-custom_color_5, #1e3a5f);
            line-height: 1.5;
        }
        
        .contact-text a {
            color: var(--awb-custom_color_5, #1e3a5f);
            text-decoration: none;
            transition: color 0.2s;
        }
        
        .contact-text a:hover {
            color: var(--awb-custom_color_1, #2c7da0);
            text-decoration: underline;
        }
        
        .social-link {
            display: block;
            margin-bottom: 5px;
        }
        
        /* Стили формы */
        .form-input, .form-textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1px solid #e2e8f0;
            border-radius: 8px;
            font-size: 16px;
            transition: border-color 0.2s, box-shadow 0.2s;
            background-color: #f9fafb;
        }
        
        .form-input:focus, .form-textarea:focus {
            outline: none;
            border-color: var(--awb-custom_color_1, #2c7da0);
            box-shadow: 0 0 0 3px rgba(44, 125, 160, 0.1);
            background-color: #ffffff;
        }
        
        .form-textarea {
            resize: vertical;
            min-height: 120px;
        }
        
        .checkbox-label {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            font-size: 14px;
            color: #4a5568;
            cursor: pointer;
        }
        
        .checkbox-label input {
            margin-top: 2px;
            flex-shrink: 0;
        }
        
        .checkbox-label a {
            color: var(--awb-custom_color_1, #2c7da0);
            text-decoration: none;
        }
        
        .checkbox-label a:hover {
            text-decoration: underline;
        }
        
        .submit-btn {
            background-color: var(--awb-custom_color_1, #2c7da0);
            color: white;
            border: none;
            border-radius: 30px;
            padding: 12px 32px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.2s;
        }
        
        .submit-btn:hover {
            background-color: #1e5a73;
        }
        
        /* Адаптивность */
        @media (max-width: 992px) {
            .contact-card {
                padding: 40px;
            }
        }
        
        @media (max-width: 768px) {
            .fullwidth-contacts {
                padding-top: 40px;
            }
            .contact-card {
                padding: 30px;
            }
            .contact-item {
                margin-bottom: 25px;
            }
            .contact-title {
                font-size: 18px;
            }
        }
        
        @media (max-width: 576px) {
            .fusion-row-custom {
                padding-left: 15px;
                padding-right: 15px;
            }
            .contact-card {
                padding: 20px;
            }
            .contact-icon {
                width: 32px;
            }
            .contact-icon img {
                width: 32px;
                height: 32px;
            }
            .contact-title {
                font-size: 16px;
            }
        }
        
        /* Очистка */
        .clearfix::after {
            content: "";
            clear: both;
            display: table;
        }


/* End */
/* /studencheskaya-zhizn/styles.css?177996040322783 */