/* Start:/local/templates/gchp/components/bitrix/news.list/expert-modern/style.css?17793735044992*/
/* =========================================
   EXPERT PAGE
========================================= */

.expert-page{
    max-width: 1320px;
    margin: 40px auto 100px;
    padding: 0 30px;
    box-sizing: border-box;

    font-family: 'DIN Pro', sans-serif;
}

/* =========================================
   HERO
========================================= */

.expert-hero{
    position: relative;

    min-height: 400px;

    display: flex;
    align-items: flex-start;

    overflow: hidden;

    margin-bottom: 40px;
}

.expert-hero__content{
    position: relative;
    z-index: 3;

    max-width: 560px;
}

/* =========================================
   TITLE
========================================= */

.expert-hero__title{
    position: relative;

    margin-top: 0;
    margin-bottom: 25px;

    padding-bottom: 25px;

    font-weight: 500;
    font-size: 42px;
    line-height: 120%;

    color: #2F3B43;

    white-space: nowrap;
}

.expert-hero__title:before{
    content: '';

    position: absolute;
    bottom: 0;
    left: 2px;

    width: 18px;
    height: 2px;

    background: #1FB3AA;
}

/* =========================================
   HERO TEXT
========================================= */

.expert-hero__text p{
    margin-top: 0;
    margin-bottom: 30px;

    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;

    color: #2F3B43;

    opacity: .8;
}

.expert-hero__text p:last-child{
    margin-bottom: 0;
}

/* =========================================
   HERO IMAGE
========================================= */

.expert-hero__image{


    top: -20px;
    right: -120px;

    width: 62%;
    height: 300px;

    pointer-events: none;

    opacity: 1;

    mix-blend-mode: multiply;

}

/* плавное растворение */

.expert-hero__image:before{
    content: '';


    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            90deg,
            #f5f5f5 0%,
            rgba(245,245,245,.98) 18%,
            rgba(245,245,245,.82) 36%,
            rgba(245,245,245,.35) 58%,
            rgba(245,245,245,0) 82%
        );
}

.expert-hero__image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

/* =========================================
   GRID
========================================= */

.expert-grid{
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 28px;
}

/* =========================================
   CARD
========================================= */

.expert-card{
    background: #fff;

    border: 1px solid #e5e7eb;

    overflow: hidden;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.expert-card:hover{
    transform: translateY(-4px);

    box-shadow:
        0 10px 30px rgba(0,0,0,.06);
}

/* =========================================
   CARD IMAGE
========================================= */

.expert-card__image{
    display: block;

    height: 220px;

    background: #fff;

    overflow: hidden;
}

.expert-card__image img{
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;
}

/* =========================================
   CARD CONTENT
========================================= */

.expert-card__content{
    padding: 20px;
}

.expert-card__date{
    margin-bottom: 10px;

    font-size: 12px;

    color: #9ca3af;
}

.expert-card__title{
    margin: 0 0 16px;

    font-weight: 500;
    font-size: 18px;
    line-height: 130%;

    color: #2F3B43;
}

.expert-card__title a{
    color: inherit;

    text-decoration: none;
}

.expert-card__title a:hover{
    color: #18b7b0;
}

.expert-card__text{
    margin-bottom: 14px;

    font-size: 14px;
    line-height: 1.55;

    color: #475569;
}

.expert-card__link{
    font-size: 14px;
    font-weight: 700;

    color: #18b7b0;

    text-decoration: none;
}

.expert-card__link:hover{
    opacity: .7;
}

/* =========================================
   TABLET
========================================= */

@media(max-width: 1100px){

    .expert-grid{
        grid-template-columns: repeat(2,1fr);
    }

    .expert-hero__title{
        font-size: 36px;

        white-space: normal;
    }

    .expert-hero__image{
        width: 75%;
        right: -160px;
    }
}

/* =========================================
   MOBILE
========================================= */

@media(max-width: 768px){

    .expert-page{
        padding: 0 16px;
    }

    .expert-grid{
        grid-template-columns: 1fr;
    }

    .expert-hero{
        min-height: auto;

        margin-bottom: 40px;
    }

    .expert-hero__title{
        font-size: 30px;
    }

    .expert-hero__text p{
        font-size: 15px;
    }

    .expert-card__image{
        height: 200px;
    }

    .expert-card__content{
        padding: 18px;
    }

    .expert-hero__image{
        opacity: .35;
    }
}

@media(max-width: 576px){

    .expert-hero__title{
        font-size: 28px;
    }

    .expert-hero__image{
        display: none;
    }
}
/* End */
/* /local/templates/gchp/components/bitrix/news.list/expert-modern/style.css?17793735044992 */