:root {
    --padding-block: 64px;
}

.leaders-wrapper {
    padding-block: var(--padding-block);
    background: linear-gradient(0deg, #FFF -56.16%, var(--Brand-50, #E5F3FF) 100%);
}

.custom-header {
    overflow: hidden
}

.leaders__content,
.leaders__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.leaders__content-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.leaders__stat-content :is(p, h1, h2, h3, h4, h5, h6),
.leaders__content-wrap :is(p, h1, h2, h3, h4, h5, h6) {
    margin-bottom: 0;
}

.leaders__stat-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.leaders__stat-number {
    color: #1434CB !important;
}

.leaders__stat-text {
    color: #6B7080;
}

.leaders__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.leader {
    padding: 32px;
    border-radius: 16px;
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    box-shadow: 0 8px 40px 0 rgba(153, 198, 255, 0.16);
    cursor: pointer;
    border: 1px solid #fff;
    transition: all 0.2s ease-in-out;
}

.slick-current.leader,
.leader:hover,
.leader.active {
    border: 1px solid transparent;
    background: #1434CB;
    box-shadow: -2.126px -1.313px 3.439px 0 rgba(250, 250, 250, 0.22) inset;
    backdrop-filter: blur(9.187536239624023px);
}

.slick-current.leader .leader__contact-link img.sms-icon,
.leader:hover .leader__contact-link img.sms-icon,
.leader.active .leader__contact-link img.sms-icon {
    content: url('../../images/leaders/icons/sms-active.svg')
}

.slick-current.leader .leader__contact-link img.call-icon,
.leader:hover .leader__contact-link img.call-icon,
.leader.active .leader__contact-link img.call-icon {
    content: url('../../images/leaders/icons/call-active.svg')
}

.leader__image {
    position: absolute;
    right: -40px;
    bottom: 0;
    max-width: 160px;
    transition: all 0.2s ease-in-out;
}

.leader__image img {
    width: 100%;
    display: block;
    object-fit: cover;
    transition: all 0.2s ease-in-out;
}

.leader::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160px;
    height: 100%;
    background: transparent;
}

.leader__content {
    position: relative;
    z-index: 1;
}

.leader__about {
    position: relative;
    z-index: 1;
}

.leaders__stat-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

.leader__about p {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slick-current.leader :is(h1, h2, h3, h4, h5, h6, a, p, span),
.leader:hover :is(h1, h2, h3, h4, h5, h6, a, p, span),
.leader.active :is(h1, h2, h3, h4, h5, h6, a, p, span) {
    color: #fff
}

.leader__contacts,
.leader__content,
.leader__meta,
.leader__intro {
    display: flex;
    flex-direction: column;
}

.leader__meta {
    gap: 8px;
}

.leader__intro {
    gap: 16px;
}

.leader__content {
    gap: 24px;
}

.leader__contacts {
    gap: 12px;
    padding-right: 100px;
}

.leaders__stat-art {
    width: 100%;
    height: auto
}

.leader__about {
    padding-right: 0.5rem
}

.leader__name {
    font-weight: 400
}

.leader__title {
    font-weight: 500;
}

.leader__contact-link {
    display: flex;
    gap: 12px;
    align-items: center;
    font-weight: 300;
    color: #1434CB;
    max-width: fit-content;
}

.leader__contact-link img {
    max-width: 16px;
}

/* ===== aweard section =====*/
.award-section {
    padding-block: 64px 0;
    position: relative;
    background: #1434CB;
    background-image: url(../../images/leaders/leaders_1366.webp) !important;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    overflow: hidden;
}

.award-section::before {
    content: url(../../images/leaders/art_375.svg);
    position: absolute;
    top: 24px;
    right: 0;
    max-width: 33px;
}

.award-section__description,
.award-section__content,
.award-section__wrapper {
    display: flex;
    flex-direction: column;
}

.award-section__wrapper {
    gap: 48px;
}

.award-section__description,
.award-section__content {
    gap: 24px;
}

.award-section__description :is(p, h5, h6, h2, h3, h1, h4) {
    color: #fff;
    margin-bottom: 0
}

.text-light {
    color: #C7E2FF;
    font-style: italic;
    font-weight: 300;
}

.award-section .section-header {
    margin-bottom: 0
}

.award-section .section-title {
    color: #fff;
}

.award-section__image {
    text-align: center
}

.btn.btn-outline-white {
    color: var(--white);
    background: transparent;
    border-color: var(--white);
}

.btn.btn-outline-white:where(:hover, :focus) {
    color: var(--blue);
    background: var(--white);
}



@media (max-width: 767px) {
    .leaders__list {
        display: block !important;
        overflow: hidden;
    }

    body .leaders__list .slick-dots {
        justify-content: center;
        padding: 1.5rem 0 0
    }

    .leader {
        width: 100% !important;
        margin: 0 !important;
        position: relative;
        box-shadow: var(--web-gray-24-dp-2-xl-x, 0) 10px 32px var(--web-gray-24-dp-2-xl-spred, -12px) rgba(16, 24, 40, 0.05);
    }

    .slick-track {
        display: flex !important;
    }

    .slick-slide {
        min-height: 422px;
        height: auto !important;
    }

    .leader__image {
        position: absolute;
        right: -40px;
        bottom: 0;
        max-width: 236px;
        transition: all 0.4s ease;
    }

    .leader__contacts {
        gap: 8px;
    }

    .leader__about p {
        -webkit-line-clamp: 4;
    }

    .leaders__list {
        display: block !important;
        overflow: hidden;
        padding-inline: 8px;
    }

    .leaders__list .slick-list {
        overflow: visible !important;
        padding: 0 !important;
    }

    .leaders__list .slick-track {
        display: flex !important;
        gap: 16px;
    }

    .leaders__list .slick-slide {
        margin: 0 !important;
    }

    .slick-slider {
        margin: -1rem -1.5rem -2rem;
        padding: 1rem 24px 2rem;
    }

}

@media (min-width: 768px) {
    :root {
        --padding-block: 80px
    }

    .leaders-wrapper {
        padding-block: var(--padding-block);

    }

    .leaders__list {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .leaders__content {
        flex-direction: row;
        gap: 25px;
    }

    .leaders__content-wrap,
    .leaders__stats {
        flex: 1;
    }

    .leader {
        padding: 40px;
        min-height: 334px;
    }

    .leader__content {
        padding-right: 57px;
        max-width: 490px;
    }

    .leader__intro {
        gap: 24px;
    }

    .leader__content {
        gap: 40px;
    }

    .leader__contacts {
        padding-right: 0;
    }

    .leader__about p {
        -webkit-line-clamp: 4;
    }

    .leaders__stats {
        gap: 21px;
    }

    .leader {
        margin-right: 54px;
    }

    .leader__image {
        max-width: 240px;
    }

    .leader::after {
        width: 240px;
    }

    .leader:hover .leader__image,
    .leader.active .leader__image,
    .leader:hover .leader__image img,
    .leader.active .leader__image img {
        max-width: 260px;
    }

    .leader:hover,
    .leader.active {

        margin-right: 0
    }

    /*===award section ====*/
    .award-section::before {
        content: url(../../images/leaders/art_768.svg);
        top: 48px;
        max-width: 90px
    }

    .award-section__description,
    .award-section__content,
    .award-section__wrapper {
        align-items: center;
        text-align: center;
    }

    .award-section__wrapper {
        gap: 32px;
    }

    .award-section__description {
        gap: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .award-section__description {
        padding-inline: 5rem
    }

    .leaders__stats {
        padding-top: 42px;

    }
}

/* design screen 1024px = 992px and above */
@media (min-width: 992px) {
    .leaders__inner {
        flex-direction: row;
        gap: 24px;
    }

    .leaders__stats {
        gap: 8px;
    }

    .leaders__content-wrap {
        flex: unset
    }

    .leaders__content {
        flex: 1;
        flex-direction: column;
        gap: 59px;
    }

    .leaders__list {
        width: 611px;
    }

    .leader__content {
        padding-right: 0;
        max-width: 411px;
    }

    .leader {
        margin-right: 51px;
    }

    .leaders__content {
        position: sticky;
        top: var(--padding-block);
        align-self: flex-start;
        max-height: 100vh;
        overflow: hidden;
    }


    /*====award section ===*/
    .award-section {
        padding-block: 80px 0;
    }

    .award-section::before {
        content: url(../../images/leaders/art_1024.svg);
        top: 25px;
        max-width: 90px
    }

    .award-section__description {
        gap: 24px;
    }

    .award-section__wrapper {
        flex-direction: row;
    }

    .award-section__description,
    .award-section__content,
    .award-section__wrapper {
        align-items: unset;
        text-align: unset;
    }

    .award-section__image,
    .award-section__content {
        flex: 1
    }

    .award-section__content {
        padding-bottom: 80px
    }

    .award-section__image {
        align-self: end;
    }

    .award-section__description {
        padding-right: 2rem;
    }

    .award-section__image img {
        transform: translateY(-50px) scale(1.4);
    }
}

/* design screen 1366px = 1200px and above */
@media (min-width: 1200px) {

    :root {
        --padding-block: 100px
    }

    .leader__contact-link img {
        max-width: 24px;
    }

    .leaders-wrapper {
        padding-block: var(--padding-block);
    }

    .leaders__inner {
        gap: 128px;
    }

    .leader {
        border-radius: 24px;
    }

    .leader__content {
        max-width: 450px;
    }

    .leaders__list {
        flex: 2;
        max-width: 711px;
        gap: 32px;
    }

    .leader {
        padding: 48px;
        margin-right: 104px;
    }

    .leader__content {
        max-width: 450px;
    }

    .leader:hover .leader__image,
    .leader.active .leader__image,
    .leader:hover .leader__image img,
    .leader.active .leader__image img {
        max-width: 300px;
    }

    .leader:hover::after,
    .leader.active::after {
        width: 300px;
    }

    .leader__image {
        max-width: 260px;
    }

    .leader::after {
        width: 260px;
    }

    .leaders__content {
        gap: 72px
    }

    .leaders__stats {
        gap: 24px
    }

    .leaders__stat-item {
        gap: 17px;
    }

    .leaders__stat-content {
        gap: 5px;
    }

    .leader__about p {
        -webkit-line-clamp: 5;
    }

    /*===award section ====*/
    .award-section {
        padding-block: 100px 0;
    }

    .award-section::before {
        content: url(../../images/leaders/art_1366.svg);
        top: 58px;
        max-width: 76px;
    }

    .award-section__description,
    .award-section__content {
        gap: 32px;
    }

    .award-section__description {
        padding-right: 0rem;
    }

    .award-section__description p {
        padding-right: 5rem;
    }

    .award-section__content {
        flex: unset;
        max-width: 704px
    }

    .award-section__image {
        max-height: 562px
    }

    .award-section__image img {
        transform: translateY(-70px) scale(1.4);
    }

    .award-section__content {
        padding-bottom: 100px
    }
}

/* design screen 1920px = 1601px and above */
@media (min-width: 1601px) {

    :root {
        --padding-block: 120px
    }

    .leaders__inner {
        gap: 182px;
    }

    .leaders__list {
        flex: 3;
        max-width: 1013px;
    }

    .leader__content {
        max-width: 517px;
    }

    .leader.active .leader__content,
    .leader:hover .leader__content {
        max-width: 522px;
    }


    .leader__image {
        max-width: 408px;
    }

    .leader {
        margin-right: 123px;
    }

    .leader:hover .leader__image,
    .leader.active .leader__image,
    .leader:hover .leader__image img,
    .leader.active .leader__image img {
        max-width: 510px;
    }

    .leader__image img {
        width: 408px;
    }

    .leader:hover .leader__image img,
    .leader.active .leader__image img {
        width: 510px;
    }


    .leaders__stat-content {
        gap: 8px;
    }

    .leader::after {
        width: 408px;
    }

    /*===award section ====*/
    .award-section {
        padding-block: 120px 0;
        background-image: url(../../images/leaders/triangle.webp) !important;
    }

    .award-section::before {
        content: url(../../images/leaders/art_1920.svg);
        top: 61px;
        max-width: 90px;
    }

    .award-section__image {
        max-height: unset
    }

    .award-section__image img {
        transform: unset;
    }

    .award-section__wrapper {
        gap: 168px;
    }

    .leaders__content {
        gap: 90px;
    }

    .leaders__stats {
        gap: 36px;
    }

    .award-section__content {
        padding-bottom: 120px
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .leader:not(.active) .leader__about {
        padding-right: 2rem;
    }
}

.leader:hover :is(h1, h2, h3, h4, h5, h6, a, p, span),
.leader.active :is(h1, h2, h3, h4, h5, h6, a, p, span) {
    color: #fff;
}