body {
        background: #f6f9fb;
    }

    header {
        background: white;
    }

    .rvr__wrapper {
        min-height: 8rem;
    }


    .rvr__s_bottom .rvr__s_back a {
        text-decoration: none;
        font-weight: 500;
        font-size: var(--fs-sm);
        color: var(--dark-blue);
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .rvr__s_bottom .rvr__s_share {
        text-decoration: none;
        font-weight: 300;
        font-size: var(--fs-sm);
        color: var(--dark-blue);
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }

    .rvr__single_project h1 {
        font-weight: 300;
        font-size: var(--fs-3xl);
        color: var(--dark-blue);
    }

    .rvr__single_project h2 {
        font-weight: 300;
        font-size: var(--fs-2xl);
        color: var(--dark-blue);
    }

    .rvr__single_project {
        background: #f6f9fb;
    }

    .rvr__single_project > .rvr__s_top {
        display: flex;
        flex-direction: row;
        gap: 4rem;
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left * {
        position: relative;
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left {
        padding-top: 2rem;
        flex: 0 0 70%;
        background: white;
        position: relative;
        padding-right: 2rem;
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left:before {
        position: absolute;
        content: "";
        background: white;
        left: -100%;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
    }


    .rvr__single_project > .rvr__s_top .rvr__s_left .rvr__s_bottom {
        display: flex;
        flex-direction: row;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left .rvr__s_bottom .rvr__s_back {
        flex-grow: 1;
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left .rvr__s_bottom .rvr__s_back a {
        text-decoration: none;
        font-weight: 500;
        font-size: var(--fs-sm);
        color: var(--dark-blue);
    }

    .rvr__single_project > .rvr__s_top .rvr__s_left .rvr__s_bottom .rvr__s_share {
        text-decoration: none;
        font-weight: 300;
        font-size: var(--fs-sm);
        color: var(--dark-blue);
    }

    .rvr__single_project > .rvr__s_top .rvr__s_right {
        flex: 0 0 calc(30% - 4rem);
        margin-top: 4rem;
        align-items: center;
        justify-content: center;
    }


    .rvr__single_project > .rvr__s_top .rvr__s_right .rvr__s_team_title {
        font-size: var(--fs-xl);
        color: var(--dark-blue);
        font-weight: 300;
    }

    .rvr__single_project .rvr__s_content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .rvr__single_project .rvr__s_content {
        font-size: var(--fs-base);
        color: var(--dark-blue);
        font-weight: 300;
    }

    .rvr__single_project .rvr__s_content .important-text {
        font-weight: 400;
        font-size: var(--fs-lg);
        color: var(--dark-blue);
    }


    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_title {
        font-weight: 500;
        font-size: var(--fs-lg);
        color: var(--dark-blue);
        display: flex;
        justify-content: start;
        align-items: center;
        padding-bottom: 1rem;
    }

    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_title span {
        flex-grow: 1;
        font-weight: 400;
    }


    /**items**/
    .rvr__s_team .rvr__s_items {
        padding-top: 4rem;
        display: flex;
        flex-direction: row;
        flex-direction: column;
        gap: 2rem;
    }

    .rvr__s_team .rvr__s_items .rvr__s_item {

        flex: 0 0 100%;
        display: flex;
        flex-direction: column;

    }


    .rvr__s_team .rvr__s_items .rvr__s_item a {
        margin-top: 4rem;
        border: 1px solid lightgrey;
        height: 100%;
        display: flex;
        flex-direction: column;
        margin-bottom: 4rem;
        text-decoration: none;
    }

    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_image {
        margin-top: -8rem;
        padding: 2rem;

    }

    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_image img {

        object-fit: contain;
        display: flex;
        width: 100%;
        height: 100%;
        aspect-ratio: 1/1;
        background: white;
    }


    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_name {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 0.5rem;
        font-size: var(--fs-md);
        color: var(--dark-blue);
        text-decoration: underline;
    }

    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_except {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem;
        font-size: var(--fs-sm);
        color: var(--dark-blue);
        font-weight: 300;
        flex-grow: 1;
    }

    .rvr__s_team .rvr__s_items .rvr__s_item .rvr__s_country {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 1rem;
        font-size: var(--fs-sm);
        color: var(--dark-gray);
        font-weight: 600;
    }


    .rvr__single_project .rvr__s_sililar {
        display: flex;
        flex-flow: row wrap;
        gap: 2rem;
        margin-bottom: 8rem;
    }

    .rvr__single_project .rvr__s_sililar > div {
        flex: 0 0 calc(33.33% - 1.35rem);
    }


    @media (max-width: 960px) {

        .rvr__single_project .rvr__s_content {
            padding-left: 0;
            padding-right: 0;
        }

        body {
            background: white;
        }

        .rvr__single_project > .rvr__s_top .rvr__s_left:before {
            right: -100%;
        }

        .rvr__single_project > .rvr__s_top {
            flex-direction: column;
            gap: 0;
        }
    }