/* Hero Section */
    .hero{
        /*background: linear-gradient(145deg, rgba(233, 30, 99, .8), rgba(230, 28, 126, 0.8), rgba(124, 58, 237, .8), rgba(33, 98, 176, .8)), url('img/heroSect_bgr.jpg') no-repeat center center/cover;*/
        background: linear-gradient(175.99deg, rgba(19, 219, 219, 0.8), rgba(91, 83, 255, 0.8)), url('../img/heroSect_bgr.jpg') no-repeat center center/cover;
        /*min-height: 700px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        color: white;
        text-align: center;
    }
    .hero h1 {
        font-size: 57px;
        font-weight: 800;
        line-height: 1.2;
        margin-bottom: 34px;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .hero .podzag_1 {
        font-size: 24px;
        font-style: italic;
        margin-bottom: 30px;
        opacity: 0.9;
        text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    }
    .hero .podzag_2{
        font-size: 34px;
        font-weight: 600;
        font-style: italic;
    }
    .hero .hero_btns {
        display: flex;
        justify-content: center;
        gap: 20px;
        padding-top: 50px;
    }
    .hero .hero_btns .btn{ width: 233px; }
/* END Hero Section */

/* Стили для секции "Для кого" */
    .for-whom {
        background-color: #f8f9ff;
        padding: 80px 0;
    }

    .for-whom-grid {
        display: flex;
        gap: 30px;
    }

    .for-whom-card {
        background: white;
        border-radius: 16px;
        padding: 35px 30px;
        box-shadow: var(--card-shadow);
        transition: var(--transition);
        text-align: center;
        border: 1px solid #e9ecef;
    }

    .for-whom-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px -15px rgba(22, 103, 185, 0.2);
        border-color: var(--primary);
    }

    .card-icon {
        width: 70px;
        height: 70px;
        background: var(--gradient_green_blue);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 25px;
        color: white;
        font-size: 28px;
    }

    .card-title {
        font-size: 22px;
        margin-bottom: 15px;
        color: var(--dark);
        font-weight: 600;
    }

    .card-text {
        font-size: 16px;
        color: var(--gray);
        line-height: 1.6;
    }

    .for-whom-card-group {
        grid-column: span 2;
        padding: 0;
        border: none;
        background: transparent;
        box-shadow: none;
        margin-top: 30px;
    }

    .for-whom-double {
        display: flex;
        gap: 30px;
        width: 100%;
    }

    .for-whom-half {
        flex: 1;
        background: white;
        border-radius: 16px;
        padding: 35px 30px;
        box-shadow: var(--card-shadow);
        border: 1px solid #e9ecef;
        transition: var(--transition);
        text-align: center;
    }

    .for-whom-half:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px -15px rgba(22, 103, 185, 0.2);
        border-color: var(--primary);
    }

    /* Стили для иконок в секции "Для кого" */
        .card-icon{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .white_icon_fontawesome{
            filter: brightness(0) invert(1);
            width: 70%;
            height: auto;
        }
/* END Стили для секции "Для кого" */


/* jobs */
    #jobs{
        background: linear-gradient(135deg, #fce8f2 0%, #e8f0f8 100% 100%);
    }
    #jobs .container{
        z-index: 10;
    }
    .updated_today{
        color: #3e2a97;
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 500;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        background-color: #d8ebff;
        border-radius: 0.25rem;
    }
    h3.job_card_title{
        font-size: 20px;
        color: rgb(33, 98, 176);
        margin-top: 10px;
    }
    p.job_card_text{
        font-size: 18px;
        font-weight: bold;
        color: #e91e63;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    p.vac_arh_zp{
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 25px;
    }
    .btn_job_otklik{
        padding: 10px 20px;
        border-radius: 10px;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: var(--transition);
        font-size: 16px;
        border: none;
        text-align: center;
    }

    .wrap_jobs_cards{
        display: flex;
        gap: 30px;
        width: 100%;
    }
    .job_card {
        flex: 1;
        background: white;
        border-radius: 16px;
        padding: 35px 30px;
        box-shadow: var(--card-shadow);
        border: 1px solid #e9ecef;
        transition: var(--transition);
        text-align: center;
    }

    .job_card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 30px -15px rgba(22, 103, 185, 0.2);
        border-color: var(--primary);
    }
    .wrap_btn_all_jobs{
        margin-top: 50px;
        text-align: center;
    }
    .btn_all_jobs  {
        padding: 12px 28px;
        border-radius: 50px;
        display: inline-block;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
        transition: var(--transition);
        font-size: 16px;
        color: #fff;
        border: none;
        text-align: center;
    }
    .btn_all_jobs:hover{
        transform: translateY(-3px);
        box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.4);
    }
/* END jobs */


/* Стили для секции "Свежие материалы" */
    .blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap: 25px;
        margin-top: 30px;
    }
    .blog_feed{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center; 
    }
    .blog_card{
        background: white;
        border: 1px solid #ededed;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
        transition: var(--transition);
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .blog_card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .blog_image {
        height: 180px;
        background: #e9ecef center/cover no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        color: #6c757d;
    }

    .blog_feed_post_content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 1; /* Занимает всю оставшуюся высоту */
    }

    .blog-category {
        font-size: 0.8rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--gray);
        margin-bottom: 8px;
    }

    .title_feed_post {
        font-size: 1.1rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: var(--primary);
        line-height: 1.4;
    }
    .title_feed_post a{
        text-decoration: none;
        color: var(--primary);
    }
    .title_feed_post a:hover{
        color: var(--accent);
    }

    .blog_feed_post_content .intro_content{
        font-size: 14px;
        font-style: italic;
        line-height: 1.6;
        max-height: calc(6 * 1.6 * 14px);
        display: -webkit-box;          /* Специфичный для WebKit режим отображения */
        -webkit-line-clamp: 6;        /* Максимальное количество строк */
        -webkit-box-orient: vertical;  /* Вертикальное направление */
        overflow: hidden;              /* Обрезает текст */
        text-overflow: ellipsis;       /* Добавляет многоточие */
    }

    .blog_feed_post_content p {
        /*font-size: 0.9rem;*/
        color: #666;
        line-height: 1.5;
        margin: 0;
    }

    .a_read_blog_card{
        color: #e91e63;
        font-weight: bold;
        text-decoration: none;
        text-align: right;
        margin-top: 10px;
        /*display: inline-block;*/
        float: right;
        min-width: 10px;
    }
    .a_read_blog_card:hover{
        /*transform: translateY(-2px);*/
        text-shadow: 0 6px 20px rgba(233, 30, 99, 0.5);
        letter-spacing: 0.5px;
    }

    .for-whom-card .btn{ margin-top: 15px; }

    .btn_read_blog{
        background: var(--gradient_green_blue);
        padding: 12px 28px; 
        border-radius: 50px;
        color: #fff;
    }
    .btn_read_blog:hover{
        transform: translateY(-3px);
        box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.4);
    }

    @media (min-width: 992px) {
      .blog_card {
        flex: 0 0 calc((100% - 2 * 30px) / 3);
      }
    }
    @media (max-width: 991px) and (min-width: 625px) {
      .blog_card {
        flex: 0 0 calc((100% - 30px) / 2);
      }
    }

    @media (max-width: 624px) {
      .blog_card {
        max-width: 375px;
      }
    }
/* END Стили для секции "Свежие материалы" */

/* Responsive Design */
    @media (max-width: 992px) {
        .hero h1 {
            font-size: 52px;
        }

        .hero .podzag_1{
            font-size: 22px;
            margin-left: 30px;
            margin-right: 30px;
        }
        .hero .podzag_1 br{ display: none; }

        /* "Для кого" */
        .for-whom-double {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
          }

          .for-whom-half:nth-child(3) {
            grid-column: 1 / -1; 
            justify-self: center; 
            width: calc(50% - 15px); 
            max-width: 100%;
          }
        /* END "Для кого" */

        .wrap_jobs_cards{
            display: flex;
            gap: 30px;
            flex-wrap: wrap;
            justify-content: center;  
        }
        .job_card{
            min-width: 300px;
            max-width: 450px;
        }
    }
    
    @media (max-width: 768px) {
        .hero_btns {
            flex-direction: column;
            align-items: center;
        }
        
        .hero h1 {
            font-size: 40px;
        }
        .hero .podzag_2{
            font-size: 32px;
        }

        /* "Для кого" */
            .for-whom-grid {
                flex-direction: column;
                align-items: center;
            }
            .for-whom-card{ max-width: 450px; }

            .for-whom-double {
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 30px;
            }
            .for-whom-half{ max-width: 450px; }
            .for-whom-half:nth-child(3){ 
                width: 100%;
                max-width: 450px; 
            }
        /* END "Для кого" */

        .wrap_jobs_cards{
            display: flex;
                flex-direction: column;
                align-items: center;
                gap: 30px;
        }
        .job_card {
            max-width: 450px;
            min-width: 450px;
        }
    }

    @media (max-width: 480px) {
        .hero h1 {
            font-size: 34px;
            line-height: 42px;
        }

        .hero .podzag_2{
            font-size: 28px;
        }

        .job_card{
            width: 100%;
            min-width: 290px;
            max-width: 450px;
        }
    }
    @media (max-width: 400px){
        .hero .podzag_1{display: none;}
    }
/* END Responsive Design */