/* Start:/local/components/itgrade/about/templates/.default/style.css?17470354344791*/
.about--top-text {
    font-weight: 700;
    font-size: 32px;
    line-height: 48px;
    color: #000000;
    margin-bottom: 64px;
}

.about--grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(8, 1fr);
    grid-template-areas:
        "a a a a a a a a"
        "a a a a a a a a"
        "b b b b c c c c"
        "b b b b c c c c"
        "d d d e e e f f"
        "j j j k k k f f";
    margin-bottom: 64px;
}

.about--grid--cell:nth-child(1) {
    grid-area: a;
    height: 466px;
    background-image: url("/local/components/itgrade/about/templates/.default/image/cell_01.jpg");
    padding: 48px;
}

.about--grid--cell:nth-child(2) {
    grid-area: b;
    height: 378px;
    background-image: url("/local/components/itgrade/about/templates/.default/image/cell_02.jpg");
}

.about--grid--cell:nth-child(3) {
    grid-area: c;
    height: 378px;
    background-image: url("/local/components/itgrade/about/templates/.default/image/cell_03.jpg");
}

.about--grid--cell:nth-child(4) {
    grid-area: d;
    height: 162px;
}

.about--grid--cell:nth-child(5) {
    grid-area: e;
    height: 162px;
}

.about--grid--cell:nth-child(6) {
    grid-area: j;
    height: 162px;
}

.about--grid--cell:nth-child(7) {
    grid-area: k;
    height: 162px;
}

.about--grid--cell:nth-child(8) {
    grid-area: f;
    height: 344px;
    background-image: url("/local/components/itgrade/about/templates/.default/image/cell_04.jpg");
}

.about--grid--cell {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 32px;
    background-size: cover;
    background-position: center center;
}

.about--grid--cell.about--grid--cell-down {
    justify-content: end;
}

.about--grid--cell .about--grid--cell--title {
    font-weight: 700;
    font-size: 50px;
    line-height: 66px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.about--grid--cell .about--grid--cell--description {
    font-weight: 450;
    font-size: 22px;
    line-height: 24px;
    color: #FFFFFF;
}

.about--grid--cell.about--grid--cell-small {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #FFFFFF;
    box-shadow: 0 0 16px rgba(129, 140, 153, 0.16);
    padding: 32px;
}

.about--grid--cell.about--grid--cell-small .about--grid--cell--title {
    font-weight: 700;
    font-size: 50px;
    line-height: 66px;
    text-transform: uppercase;
    color: #283C83;
}

.about--grid--cell.about--grid--cell-small .about--grid--cell--description {
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

.about--history--preview {
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

@media screen and (max-width: 1279px) {
    .about--grid--cell .about--grid--cell--title {
        font-size: 30px;
        line-height: 33px;
    }

    .about--grid--cell .about--grid--cell--description {
        font-size: 20px;
    }

    .about--grid {
        grid-template-areas:
            "a a a a b b b b"
            "a a a a b b b b"
            "c c c c f f f f"
            "c c c c f f f f"
            "d d d d e e e e"
            "j j j j k k k k";
    }

    .about--grid--cell {
        height: initial !important;
    }

    .about--grid--cell:nth-child(1) {
        justify-content: end;
        padding: 32px;
    }

    .about--grid--cell:nth-child(1) .about--grid--cell--title {
        font-weight: 450;
        font-size: 20px;
        line-height: 22px;
        text-transform: none;
    }

    .about--grid--cell:nth-child(2) {
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.25);
        background-blend-mode: color-burn;
    }
}

@media screen and (max-width: 800px) {
    .about--grid {
        display: flex;
        flex-direction: column;
    }

    .about--grid--cell:nth-child(1) {
        min-height: 160px;
    }

    .about--grid--cell:nth-child(2),
    .about--grid--cell:nth-child(3) {
        min-height: 260px;
    }

    .about--grid--cell:nth-child(8) {
        min-height: 350px;
    }

    .about--grid--cell:nth-child(1),
    .about--grid--cell:nth-child(2),
    .about--grid--cell:nth-child(3)
    {
        order: -2;
    }

    .about--grid--cell:nth-child(8) {
        order: -1;
    }

    .about--grid--cell:nth-child(2) .about--grid--cell--title,
    .about--grid--cell:nth-child(3) .about--grid--cell--title,
    .about--grid--cell:nth-child(8) .about--grid--cell--title {
        font-weight: 700;
        font-size: 50px;
        line-height: 66px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .about--grid--cell:nth-child(1) .about--grid--cell--title,
    .about--grid--cell:nth-child(2) .about--grid--cell--description,
    .about--grid--cell:nth-child(3) .about--grid--cell--description,
    .about--grid--cell:nth-child(8) .about--grid--cell--description {
        font-weight: 450 !important;
        font-size: 15px !important;
        line-height: 20px !important;
        color: #FFFFFF;
    }
}
/* End */


/* Start:/local/components/itgrade/about.history_line/templates/.default/style.css?17470354342138*/
.about-history-line--progress {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: calc( 30px + 3em );
    width: fit-content;
    user-select: none;
    margin-bottom: 64px;
    max-width: 100%;
}

.about-history-line--progress--line {
    height: 2px;
    background-color: #283C83;
    width: 90px;
    min-width: 90px;
}

.about-history-line--progress--dot {
    position: relative;
    width: 10px;
    height: 10px;
    min-width: 10px;
    min-height: 10px;
    border-radius: 100%;
    border: 1px solid #283C83;
    background-color: #ffffff;
    cursor: pointer;
}

.about-history-line--progress--dot--year {
    position: absolute;
    left: -0.8em;
    top: 1em;
    font-weight: 450;
    font-size: 18px;
    line-height: 24px;
    color: #818C99;
}

.about-history-line--progress--dot:first-child .about-history-line--progress--dot--year {
    left: 0;
}

.about-history-line--progress--dot:last-child .about-history-line--progress--dot--year {
    left: initial;
    right: 0;
}

.about-history-line--progress--dot.active {
    background-color: #283C83;
}

.about-history-line--progress--dot.active .about-history-line--progress--dot--year {
    color: #000000;
}

.about-history-line--slider {
    display: flex;
    justify-content: space-between;
    height: fit-content;
    max-width: calc( 720px + 32px * 2 + 64px * 2 );
    margin-left: auto;
    margin-right: auto;
}

.about-history-line--slider--arrow {
    width: 32px;
    height: 16px;
    user-select: none;
    margin-top: calc( 330px / 2 - 16px / 2 );
    cursor: pointer;
}

.about-history-line--slider--next img {
    transform: scaleX(-1);
}

.about-history-line--slide--picture {
    width: 100%;
    max-height: 330px;
}

.about-history-line--slide--description {
    margin-top: 16px;
    font-weight: 450;
    font-size: 15px;
    line-height: 20px;
    color: #999999;
}

.about-history-line--slides {
    display: flex;
    max-width: 720px;
    width: 100%;
}

@media screen and (max-width: 1279px) {
    .about-history-line--slider--arrow {
        display: none;
    }
}
/* End */
/* /local/components/itgrade/about/templates/.default/style.css?17470354344791 */
/* /local/components/itgrade/about.history_line/templates/.default/style.css?17470354342138 */