h2 {
    color: #333185;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 60px; /* 150% */
}

.text-main strong,
.text-main b {
    color: var(--auxilo-lila, #333185);
    font-weight: 700;
}

/*region main content icon block*/
.icon-row {
    margin-top: 100px;
    margin-bottom: 160px;
}

.icon-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1/1;
    padding: 20px;
    border-radius: 6px;
    background: rgba(153, 152, 204, 0.10);
    position: relative;
}

.icon-wrap::before {
    content: "";
    display: block;
    padding-top: 100%; /* Это создаст квадрат на основе ширины */
}

.icon-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.icon-wrap img {
    max-width: 120px;
    max-height: 120px;
    margin-bottom: 16px;
    object-fit: contain;
}

.icon-text-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.icon-header {
    color: #333185;
    font-family: Raleway;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 8px;
}

.icon-text {
    color: #333185;
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}

/*endregion*/

/*region section logo clients*/
#clients-container {
    padding: 0 80px;
}

.logo-client-header {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 300;
    font-style: normal;
    line-height: 60px;
    color: #333185;
}

.logo-client {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 100px 0;
    padding: 0;
    list-style: none;
}

.logo-client li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    min-height: 270px;
    aspect-ratio: 1;
}

.logo-client li:nth-child(4n):not(:last-child):after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -300%;
    width: 400%;
    content: '';
    border-bottom: 1px solid #333185;
}

.logo-client li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px;
}

.logo-client li a img {
    width: 90%;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    -webkit-transition: 0.3s -webkit-filter linear;
    transition: 0.3s width, 0.3s filter linear, 0.3s -webkit-filter linear;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.logo-client li:hover a img {
    width: 100%;
    -moz-transition: 0.3s -moz-filter linear;
    -moz-transition: 0.3s filter linear;
    -ms-transition: 0.3s -ms-filter linear;
    -o-transition: 0.3s -o-filter linear;
    -webkit-transition: 0.3s -webkit-filter linear;
    transition: 0.3s width, 0.3s filter linear, 0.3s -webkit-filter linear;
    filter: none;
    -webkit-filter: none;
}

.page-numbers.current,
.page-numbers.current > .pagination-a {
    color: var(--Spot-Orange, #FA0);
}

/*endregion*/

.section-news-stories h2 {
    margin-bottom: 120px;
}

.section-link {
    margin: 95px 0 130px 0;
}

.section-link .page-bottom-link-header {
    white-space: nowrap;
    margin-right: 20px;
}

.section-team {
    margin-top: 96px;
}

.section-team h2 {
    margin-bottom: 65px;
}

.team-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 70px;
    row-gap: 100px;
    padding: 0 80px;
}

.team-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.team-photo img {
    border-radius: 15px;
    border: 1px solid #333185;
    background: lightgray 50%;
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.team-wrap-text {
    margin-top: 45px;
    margin-bottom: 80px;
}

.team-title {
    color: #333185;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px; /* 150% */
    text-align: left;
}

.team-position {
    color: #333185;
    font-family: Raleway;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.team-url {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.line-black {
    display: flex;
    flex: 1 0;
    margin-right: 12px;
    border-bottom: 1px solid #7F7F80;
}

.linked-icon {
    display: flex;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='39' height='39' rx='19.5' stroke='%237F7F80'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.333 18.7734V26.6668H16.8229V15.926H13.333V18.7734ZM28.2323 19.242C27.9974 17.2236 27.125 15.926 24.5746 15.926C22.0243 15.926 22.0578 16.5027 21.6552 17.3677H21.6216V15.926H18.8364V26.6668H21.7558V21.3324C21.7558 19.9268 22.0243 18.5932 23.6015 18.5932C25.1786 18.5932 25.3464 20.1791 25.3464 21.4406V26.6668H28.333V20.7558C28.333 20.2151 28.333 19.6745 28.2659 19.2059L28.2323 19.242ZM15.078 10.5557C14.1048 10.5557 13.333 11.3846 13.333 12.4299C13.333 13.4751 14.1048 14.3041 15.078 14.3041C16.0511 14.3041 16.8229 13.4751 16.8229 12.4299C16.8229 11.3846 16.0511 10.5557 15.078 10.5557Z' fill='%237F7F80'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

.section-bottom-link {
    display: flex;
    align-items: center;
    margin-top: 130px;
    min-height: 460px;
    background: linear-gradient(310deg, rgba(153, 152, 204, 0.00) 20.91%, #333185 76.41%), url("../img/auxilo-Forschungszulage.jpeg");
    background-attachment: fixed; /* Зафиксировать изображение */
    background-size: cover; /* Масштабировать изображение для заполнения блока */
    background-position: center;
    color: #FFF;
}

.section-bottom-link .container {
    padding-top: 110px;
    padding-bottom: 110px;
    border-radius: 6px;
}

.section-bottom-link .page-bottom-link-header {
    color: #FFF;
    font-family: Raleway;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 60px; /* 150% */
    white-space: nowrap;
}

.section-bottom-link a.link-arrow-purple:has(> span.arrow-black) .arrow-black {
    background-color: #FFFFFF;
}

.section-bottom-link a.link-arrow-purple:has(> span.arrow-black) .arrow-black::after {
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

@media all and (width < 1400px) {

}

@media all and (width > 767px) and (width < 1200px) {
    .icon-wrap::before {
        display: none;
    }

    .icon-content {
        position: relative;
    }

    .icon-header {
        font-size: 24px;
        line-height: normal;
    }

    .icon-text {
        font-size: 16px;
        line-height: normal;
    }

    .icon-wrap img {
        max-width: 100px;
        max-height: 100px;
    }

    .team-row {
        column-gap: 50px;
        row-gap: 50px;
        padding: 0;
    }

    .team-photo img {
        height: 300px;
    }

    .team-wrap-text {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .team-url {
        margin-top: auto;
    }
}

@media all and (width < 992px) {

}

@media all and (width > 767px) and (width < 992px) {
    #clients-container {
        padding: 0;
    }

    .logo-client li {
        min-height: auto;
        flex-grow: 1;
    }
}

@media all and (width < 768px) {
    h1 {
        color: #333185;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 133.333% */
        margin-bottom: 20px;
    }

    .icon-three-in-row-wrap {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        min-height: 300px;
    }

    .section-news-stories h2 {
        color: #333185;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 133.333% */
        margin-bottom: 30px;
    }

    #carousel_news_and_case .carousel-indicators,
    #carousel_team .carousel-indicators {
        bottom: -60px;
        margin-left: 0;
        margin-right: 0;
    }

    #carousel_team .carousel-indicators {
        bottom: 0;
    }

    #carousel_news_and_case .carousel-indicators [data-bs-target],
    #carousel_team .carousel-indicators [data-bs-target] {
        width: 45px;
        background-color: #333185;
        margin-left: 10px;
        margin-right: 10px;
        opacity: 1;
    }

    #carousel_news_and_case .carousel-indicators .active,
    #carousel_team .carousel-indicators .active {
        background-color: #FFAA00;
        opacity: 1;
    }

    .section-link {
        margin: 0;
    }

    .section-link h2 {
        color: #333185;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px; /* 133.333% */
    }

    #clients-container {
        padding: 0;
    }

    .logo-client {
        border: none;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .logo-client-header {
        color: #333185;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 46px; /* 153.333% */
    }

    .logo-client li {
        min-height: 200px;
    }

    .section-gray h2,
    .section-gray p,
    .section-gray .news-and-case-url {
        padding: 0 15px;
    }

    .section-team {
        padding-top: 0;
        margin-top: 0;
    }

    .section-team h2 {
        color: #333185;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 46px; /* 153.333% */
        margin-bottom: 40px;
    }

    .section-bottom-link {
        margin-top: 0;
        background-attachment: scroll;
    }

    .section-bottom-link .page-bottom-link-header {
        color: #FFF;
        font-family: Raleway;
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
        line-height: 40px; /* 133.333% */
        white-space: wrap;
    }
}

@media all and (width < 576px) {
    main section {
        padding: 50px 0;
    }

    .logo-client li {
        min-height: 200px;
        width: 50%;
        margin: 0;
    }

    .logo-client li a {
        padding: 10px;
    }

    .logo-client li:nth-child(4n)::after {
        border: none;
    }

    .logo-client li:nth-child(2n):not(:last-child):after {
        content: '';
        position: absolute;
        left: -100%;
        right: 0;
        bottom: 0;
        width: 200%;
        border-bottom: 1px solid #D9D9D9;
    }

}