/* about-hero start  */

.about-hero {
    margin-top: 8.4375rem;
}
.about-hero__title {
    margin-top: 5rem;
    max-width: 86.8125rem;
}
.about-hero__bottom {
    position: relative;
    margin-top: 7.5rem;
    width: 100%;
    height: 87.5rem;
}
.about-hero__bottom::after {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.about-hero__image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about-hero__image picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.about-hero__image img {
    position: absolute;
    top: -10%;
    left: 0;
    display: block;
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
}
.about-hero__content {
    position: absolute;
    right: 5rem;
    bottom: 4.375rem;
    z-index: 3;
    width: 39.0625rem;
    border-radius: 0.625rem;
    padding: 1.25rem;
    background: var(--color-white-15);
    backdrop-filter: blur(15px);
    color: var(--color-white);
}
@media (max-width: 1024px) {
    .about-hero {
        margin-top: 6.875rem;
    }
    .about-hero__title {
        margin-top: 3.75rem;
        max-width: 39rem;
    }
    .about-hero__bottom {
        margin-top: 2.5rem;
        height: 56.25rem;
    }
    .about-hero__content {
        right: 2.5rem;
        bottom: 2.25rem;
        width: 26.25rem;
        padding: 0.9375rem;
    }
}
@media (max-width: 768px) {
    .about-hero {
        margin-top: 5.625rem;
    }
    .about-hero__title {
        margin-top: 3.75rem;
        max-width: 39rem;
    }
    .about-hero__bottom {
        height: 45rem;
    }
    .about-hero__content {
        display: none;
    }
}

/* about-hero end  */

/* inclusive-playgrounds start */

.inclusive-playgrounds {
    position: relative;
    margin-top: 10rem;
    overflow: visible;
}
.inclusive-playgrounds__inner {
    position: sticky;
    z-index: 2;
    top: var(--inclusive-playgrounds-sticky-top, 0px);
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.inclusive-playgrounds__title {
    max-width: 55.625rem;
}
.inclusive-playgrounds__viewport {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.inclusive-playgrounds__track {
    display: flex;
    align-items: stretch;
    column-gap: 1.25rem;
    width: max-content;
    will-change: transform;
}
.inclusive-playgrounds__track::before,
.inclusive-playgrounds__track::after {
    width: 3.75rem;
    height: 1px;
    flex: 0 0 3.75rem;
    content: "";
}
.inclusive-playgrounds__item {
    display: grid;
    grid-template-columns: 61.125rem minmax(0, 1fr);
    column-gap: 3.75rem;
    width: 108.75rem;
    height: 43.75rem;
    flex: 0 0 108.75rem;
    padding: 1.875rem;
    border-radius: 0.625rem;
    background-color: var(--color-blue-light);
}
.inclusive-playgrounds__item-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.625rem;
}
.inclusive-playgrounds__item-image img {
    position: absolute;
    top: 0;
    left: -15%;
    display: block;
    width: 130%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
}
.inclusive-playgrounds__item-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 1.875rem;
    min-width: 0;
}
.inclusive-playgrounds__item-title {
    max-width: 25rem;
}
.inclusive-playgrounds__item-text {
    max-width: 31.875rem;
    margin-top: auto;
    color: var(--color-black-50);
}
@media (max-width: 1024px) {
    .inclusive-playgrounds {
        margin-top: 6.25rem;
    }
    .inclusive-playgrounds__inner {
        position: relative;
        top: auto;
        z-index: auto;
        row-gap: 2.5rem;
    }
    .inclusive-playgrounds__title {
        max-width: 42.5rem;
    }
    .inclusive-playgrounds__viewport {
        overflow: visible;
    }
    .inclusive-playgrounds__track {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: stretch;
        gap: 0.9375rem;
        width: 100%;
        padding-inline: 2.5rem;
        transform: none !important;
        will-change: auto;
    }
    .inclusive-playgrounds__track::before,
    .inclusive-playgrounds__track::after {
        display: none;
    }
    .inclusive-playgrounds__item {
        display: flex;
        flex-direction: column;
        width: auto;
        min-height: 37.5rem;
        height: auto;
        padding: 0.9375rem;
        border-radius: 0.625rem;
        row-gap: 5rem;
        flex: 0;
    }
    .inclusive-playgrounds__item-image {
        order: 2;
        height: 12.875rem;
        margin-top: auto;
    }
    .inclusive-playgrounds__item-image img {
        top: -10%;
        left: 0;
        width: 100%;
        height: 120%;
    }
    .inclusive-playgrounds__item-content {
        order: 1;
        align-items: start;
        row-gap: 0.9375rem;
        min-width: 0;
    }
    .inclusive-playgrounds__item-title {
        max-width: 100%;
    }
    .inclusive-playgrounds__item-text {
        max-width: 100%;
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .inclusive-playgrounds {
        margin-top: 5rem;
    }
    .inclusive-playgrounds__title {
        max-width: 100%;
    }
    .inclusive-playgrounds__track {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-inline: 0.9375rem;
    }
    .inclusive-playgrounds__item {
        width: 100%;
        min-height: auto;
        row-gap: 1.875rem;
    }
    .inclusive-playgrounds__item-image {
        order: 1;
        height: 12.875rem;
        margin-top: 0;
    }
    .inclusive-playgrounds__item-content {
        order: 2;
    }
}

/* inclusive-playgrounds end */

/* play-space start */

.play-space {
    --play-space-screen-offset: 3.125rem;
    --play-space-sticky-top: 0px;
    --play-space-stack-gap: 2.5rem;
    position: relative;
    margin-top: 10rem;
    overflow: visible;
}
.play-space__inner {
    position: sticky;
    top: var(--play-space-sticky-top);
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 7.5rem;
}
.play-space__title {
    max-width: 63.625rem;
    text-align: center;
}
.play-space__main {
    position: relative;
    isolation: isolate;
    width: 54.375rem;
    height: 50rem;
    overflow: visible;
}
.play-space__item {
    --play-space-item-y: 0px;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.625rem;
    transform: translate3d(0, var(--play-space-item-y), 0);
    will-change: transform;
}
.play-space__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .play-space {
        --play-space-screen-offset: 1.25rem;
        --play-space-stack-gap: 1.25rem;
        margin-top: 6.25rem;
    }
    .play-space__inner {
        row-gap: 2.5rem;
    }
    .play-space__title {
        max-width: 34.375rem;
    }
    .play-space__main {
        width: 100%;
        height: 42.5rem;
    }
}
@media (max-width: 768px) {
    .play-space {
        --play-space-screen-offset: 0.9375rem;
        --play-space-stack-gap: 0.9375rem;
        margin-top: 5rem;
    }
    .play-space__title {
        max-width: 100%;
        font-size: var(--font-size-32);
        line-height: 100%;
        letter-spacing: -0.06rem;
    }
    .play-space__main {
        height: 20rem;
    }
}

/* play-space end */

/* production-complex start  */

.production-complex {
    margin-top: 10rem;
}
.production-complex__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 3.75rem;
}
.production-complex__title {
    max-width: 84.75rem;
    text-align: center;
}
.production-complex__main {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}
.production-complex__item {
    height: 30rem;
    border-radius: 0.625rem;
    background: var(--color-blue-light);
    display: flex;
    flex-direction: column;
    padding: 1.5625rem;
}
.production-complex__name {
    max-width: 18.75rem;
}
.production-complex__list {
    color: var(--color-black-50);
    margin-top: auto;
    display: flex;
    flex-direction: column;
    row-gap: 0.3125rem;
    padding-left: 1.5625rem;
}
.production-complex__list li {
    list-style-type: disc;
}
@media (max-width: 1024px) {
    .production-complex {
        margin-top: 6.25rem;
    }
    .production-complex__inner {
        row-gap: 2.5rem;
    }
    .production-complex__title {
        max-width: 49.375rem;
    }
    .production-complex__main {
        gap: 0.9375rem;
    }
    .production-complex__item {
        height: 20rem;
        padding: 0.9375rem;
    }
    .production-complex__name {
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .production-complex {
        margin-top: 5rem;
    }
    .production-complex__title {
        max-width: 100%;
        font-size: var(--font-size-32);
        line-height: 100%;
        letter-spacing: -0.06rem;
    }
    .production-complex__main {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
    }
    .production-complex__item {
        width: 100%;
        height: auto;
        row-gap: 3.75rem;
    }
}

/* production-complex end  */

/* representatives start  */

.representatives {
    margin-top: 10rem;
}
.representatives__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.representatives__main {
    display: flex;
    flex-direction: column;
    row-gap: 2.8125rem;
}
.representatives__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    padding-top: 1.875rem;
    border-top: 1px solid var(--color-blue-dark);
}
.representatives__item-content {
    display: flex;
    flex-direction: column;
}
.representatives__item-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    padding-block: 1.25rem;
    border-bottom: 1px solid var(--color-blue-dark);
}
.representatives__item-row:first-child {
    padding-top: 0;
}
.representatives__item-row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}
.representatives__item-row dt,
.representatives__item-row dd {
    margin: 0;
}
.representatives__item-row dt {
    color: var(--color-black-50);
}
.representatives__item-row dd {
    text-align: right;
    color: var(--color-black-light);
}
@media (max-width: 1024px) {
    .representatives {
        margin-top: 6.25rem;
    }
    .representatives__inner {
        row-gap: 2.5rem;
    }
    .representatives__main {
        row-gap: 1.875rem;
    }
    .representatives__item {
        column-gap: 0.9375rem;
        padding-top: 0.9375rem;
    }
    .representatives__item-content {
        row-gap: 1.25rem;
    }
    .representatives__item-row {
        display: flex;
        flex-direction: column;
        align-items: start;
        row-gap: 0.3125rem;
        padding-block: 0;
        border-bottom: 0;
    }
    .representatives__item-row dd {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .representatives {
        margin-top: 5rem;
    }
    .representatives__item {
        display: flex;
        flex-direction: column;
        row-gap: 1.875rem;
    }
}

/* representatives end  */

/* company-advantages start  */

.company-advantages {
    margin-top: 10rem;
}
.company-advantages__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.company-advantages__title {
    max-width: 45.125rem;
}
.company-advantages__list {
    display: flex;
    flex-direction: column;
}
.company-advantages__item {
    display: grid;
    grid-template-columns: 1fr 31.25rem 54.375rem;
    column-gap: 5.875rem;
    align-items: start;
    padding-block: 1.875rem;
    border-top: 1px solid var(--color-blue-dark);
}
.company-advantages__item:last-child {
    border-bottom: 1px solid var(--color-blue-dark);
}
.company-advantages__number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border: 1px solid var(--color-green-light);
    border-radius: 50%;
    color: var(--color-green-light);
}
.company-advantages__content {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}
.company-advantages__text {
    color: var(--color-black-50);
}
.company-advantages__text p + p {
    margin-top: 0.625rem;
}
.company-advantages__text ul {
    padding-left: 1.5625rem;
}
.company-advantages__text li {
    list-style: disc;
}
.company-advantages__text li + li {
    margin-top: 0.3125rem;
}
.company-advantages__image {
    position: relative;
    width: 100%;
    height: 32.5rem;
    overflow: hidden;
    border-radius: 0.625rem;
}
.company-advantages__image img {
    position: absolute;
    top: -10%;
    left: 0;
    display: block;
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
}
@media (max-width: 1024px) {
    .company-advantages {
        margin-top: 6.25rem;
    }
    .company-advantages__inner {
        row-gap: 2.5rem;
    }
    .company-advantages__title {
        max-width: 29.0625rem;
    }
    .company-advantages__item {
        grid-template-columns:
            minmax(0, 1fr)
            29rem;
        grid-template-rows: auto 1fr;
        column-gap: 3.75rem;
        row-gap: 1.875rem;
        padding-block: 0.9375rem;
    }
    .company-advantages__number {
        grid-column: 1;
        grid-row: 1;
        width: 2.5rem;
        height: 2.5rem;
    }
    .company-advantages__content {
        grid-column: 1;
        grid-row: 2;
        row-gap: 0.9375rem;
    }
    .company-advantages__image {
        grid-column: 2;
        grid-row: 1 / span 2;
        height: 25rem;
    }
}
@media (max-width: 768px) {
    .company-advantages {
        margin-top: 5rem;
    }
    .company-advantages__title {
        max-width: 100%;
    }
    .company-advantages__item {
        display: flex;
        flex-direction: column;
        row-gap: 1.875rem;
        padding-block: 0.9375rem;
    }
    .company-advantages__image {
        height: 17.5rem;
        margin-top: 0.625rem;
    }
}

/* company-advantages end  */

/* turnkey-projects start  */

.turnkey-projects {
    --turnkey-projects-bottom-offset: 10rem;

    position: relative;
    margin-top: 10rem;
    overflow: visible;
}
.turnkey-projects__inner {
    position: sticky;
    z-index: 2;
    top: var(--turnkey-projects-sticky-top, 0px);
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.turnkey-projects__title {
    max-width: 35.1875rem;
}
.turnkey-projects__viewport {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}
.turnkey-projects__track {
    display: flex;
    align-items: stretch;
    column-gap: 1.25rem;
    width: max-content;
    will-change: transform;
}
.turnkey-projects__track::after,
.turnkey-projects__track::before {
    content: "";
    width: 3.75rem;
    height: 0.0625rem;
}
.turnkey-projects__item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 40.5rem;
    min-height: 37.5rem;
    flex: 0 0 40.5rem;
    padding: 6.25rem 1.875rem 1.875rem;
    border-radius: 0.625rem;
    background-color: var(--color-blue-light);
}
.turnkey-projects__item::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 1.875rem;
    top: 1.875rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='14' viewBox='0 0 19 14' fill='none'%3E%3Cpath d='M18.1095 6.10868L7.99577 11.0638C7.19791 11.4547 6.22693 11.142 5.8255 10.365C5.42406 9.588 5.74521 8.64243 6.54307 8.2515L16.6568 3.2964C17.4546 2.90547 18.4256 3.21821 18.8271 3.99519C19.2285 4.77218 18.9073 5.71775 18.1095 6.10868Z' fill='%2333363D'/%3E%3Cpath d='M8.09874 2.98071L2.9478 5.50468C2.14994 5.89562 1.17897 5.58287 0.777528 4.80589C0.37609 4.0289 0.697239 3.08333 1.4951 2.69239L6.64604 0.168424C7.4439 -0.22251 8.41487 0.0902373 8.81631 0.86722C9.21775 1.64176 8.8966 2.58978 8.09874 2.98071Z' fill='%2333363D'/%3E%3Cpath d='M3.59018 13.2207L2.34322 13.8316C1.54536 14.2225 0.574387 13.9098 0.172949 13.1328C-0.228488 12.3558 0.0926609 11.4102 0.890518 11.0193L2.13748 10.4085C2.93534 10.0175 3.90632 10.3303 4.30775 11.1073C4.70919 11.8842 4.38804 12.8323 3.59018 13.2207Z' fill='%2333363D'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 1.1875rem;
    height: 0.875rem;
    flex-shrink: 0;
}
.turnkey-projects__item-image {
    width: 22.5rem;
    height: 20rem;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 0.625rem;
}
.turnkey-projects__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.turnkey-projects__item-text {
    margin-top: auto;
    padding-top: 1.25rem;
}
.turnkey-projects__scrollbar-container {
    display: none;
}
.turnkey-projects__scrollbar {
    position: relative;
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: var(--color-blue-dark);
}
.turnkey-projects__scrollbar-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-black-light);
    transform: translate3d(0, 0, 0);
    will-change: width, transform;
}
@media (max-width: 1024px) {
    .turnkey-projects {
        --turnkey-projects-bottom-offset: 6.25rem;

        min-height: 0 !important;
        margin-top: 6.25rem;
        overflow: hidden;
    }
    .turnkey-projects__inner {
        position: relative;
        top: auto;
        z-index: auto;
        row-gap: 2.5rem;
    }
    .turnkey-projects__title {
        max-width: 12.5rem;
    }
    .turnkey-projects__viewport {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-inline: contain;
        touch-action: auto;
    }
    .turnkey-projects__viewport::-webkit-scrollbar {
        display: none;
    }
    .turnkey-projects__track {
        column-gap: 0.9375rem;
        transform: none !important;
        will-change: auto;
    }
    .turnkey-projects__track::before,
    .turnkey-projects__track::after {
        width: 1.5625rem;
        flex: 0 0 1.5625rem;
    }
    .turnkey-projects__item {
        width: 25rem;
        min-height: 27.5rem;
        flex: 0 0 25rem;
        padding: 5.25rem 0.9375rem 0.9375rem;
        border-radius: 1rem;
    }
    .turnkey-projects__item::after {
        top: 0.9375rem;
        left: 0.9375rem;
    }
    .turnkey-projects__item-image {
        width: 12.5rem;
        height: 10.75rem;
    }
    .turnkey-projects__scrollbar-container {
        display: block;
    }
}
@media (max-width: 768px) {
    .turnkey-projects {
        --turnkey-projects-bottom-offset: 5rem;

        margin-top: 5rem;
    }
    .turnkey-projects__inner {
        row-gap: 1.875rem;
    }
    .turnkey-projects__title {
        max-width: 100%;
    }
    .turnkey-projects__track {
        column-gap: 0.625rem;
    }
    .turnkey-projects__track::before,
    .turnkey-projects__track::after {
        width: 0.3125rem;
        flex: 0 0 0.3125rem;
    }
    .turnkey-projects__item {
        width: 20rem;
        min-height: 27.5rem;
        flex: 0 0 20rem;
    }
}

/* turnkey-projects end  */

/* safety start */

.safety {
    margin-top: 10rem;
    overflow: hidden;
}
.safety__inner {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.safety__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.25rem;
}
.safety__title {
    text-align: center;
}
.safety__description {
    max-width: 30.9375rem;
    color: var(--color-black-50);
    text-align: center;
}
.safety__slider {
    width: 100%;
    overflow: visible;
}
.safety__track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25rem;
}
.safety__item {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 22.5rem;
    padding: 1.5625rem 2.1875rem 1.5625rem 1.5625rem;
    border-radius: 0.625rem;
    background-color: var(--color-blue-light);
}
.safety__item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    flex-shrink: 0;
    border: 1px solid var(--color-green-light);
    border-radius: 50%;
    color: var(--color-green-light);
}
.safety__item-content {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
    margin-top: 7.75rem;
}
.safety__item-text {
    color: var(--color-black-50);
}
.safety__scrollbar {
    display: none;
}
@media (max-width: 1024px) {
    .safety {
        margin-top: 6.25rem;
    }
    .safety__inner {
        row-gap: 2.5rem;
    }
    .safety__header {
        row-gap: 0.9375rem;
    }
    .safety__description {
        max-width: 28.75rem;
    }
    .safety__track {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.9375rem;
    }
    .safety__item {
        min-height: 16.25rem;
        padding: 0.9375rem;
    }
    .safety__item-number {
        width: 2.5rem;
        height: 2.5rem;
    }
    .safety__item-content {
        row-gap: 0.3125rem;
        margin-top: 5.3125rem;
    }
    .safety__scrollbar {
        display: none;
    }
}
@media (max-width: 768px) {
    .safety {
        margin-top: 5rem;
    }
    .safety__inner {
        row-gap: 1.875rem;
    }
    .safety__description {
        max-width: 100%;
    }
    .safety__slider {
        width: 100%;
        overflow: visible;
        margin-top: 0.625rem;
    }
    .safety__track {
        display: flex;
        align-items: stretch;
        gap: 0;
    }
    .safety__item {
        width: 20rem;
        height: auto;
        min-height: 16.25rem;
        flex-shrink: 0;
        align-self: stretch;
        row-gap: 2.5rem;
    }
    .safety__item-content {
        margin-top: auto;
    }
    .safety__scrollbar {
        position: relative;
        display: block;
        width: 100%;
        height: 1px;
        overflow: hidden;
        background-color: var(--color-blue-dark);
    }
    .safety__scrollbar .swiper-scrollbar-drag {
        height: 100%;
        border-radius: 0;
        background-color: var(--color-black-light);
    }
}

/* safety end */

/* production-gallery start */

.production-gallery {
    margin-top: 10rem;
}
.production-gallery__inner {
    position: relative;
}
.production-gallery__title {
    position: absolute;
    z-index: 3;
    top: 5rem;
    left: 5rem;
    max-width: 40.5rem;
    color: var(--color-white);
}
.production-gallery__slider {
    width: 100%;
    height: 61.25rem;
    overflow: hidden;
}
.production-gallery__track {
    height: 100%;
}
.production-gallery__slide {
    width: 100%;
    height: 100%;
}
.production-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.production-gallery__arrows {
    position: absolute;
    z-index: 3;
    bottom: 5rem;
    left: 5rem;
    display: flex;
    align-items: center;
    column-gap: 0.3125rem;
}
.production-gallery__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.625rem;
    height: 3.625rem;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--color-black-light);
    background-color: var(--color-white);
    transition:
        color 0.3s ease,
        background-color 0.3s ease;
}
.production-gallery__arrow svg {
    width: 0.875rem;
    height: 0.875rem;
}
@media (hover: hover) {
    .production-gallery__arrow:hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}
.production-gallery__arrow:active {
    color: var(--color-white);
    background-color: var(--color-green-light);
}

@media (max-width: 1024px) {
    .production-gallery {
        margin-top: 6.25rem;
    }
    .production-gallery__title {
        top: 2.5rem;
        left: 2.5rem;
        max-width: 19.0625rem;
    }
    .production-gallery__slider {
        height: 48rem;
    }
    .production-gallery__arrows {
        bottom: 2.5rem;
        left: 2.5rem;
    }
    .production-gallery__arrow {
        width: 3.125rem;
        height: 3.125rem;
    }
}
@media (max-width: 768px) {
    .production-gallery {
        margin-top: 5rem;
    }
    .production-gallery__inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .production-gallery__title {
        position: static;
        max-width: 100%;
        margin-bottom: 2.5rem;
        padding-inline: 0.9375rem;
        color: var(--color-black-light);
    }
    .production-gallery__slider {
        height: 25rem;
    }
    .production-gallery__arrows {
        position: static;
        margin-top: 0.9375rem;
        padding-inline: 0.9375rem;
    }
    .production-gallery__arrow {
        width: 2.5rem;
        height: 2.5rem;
        background-color: var(--color-blue-light);
    }
}

/* production-gallery end */

/* certificates start */

.certificates {
    margin-top: 10rem;
}
.certificates__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.25rem;
    align-items: start;
}
.certificates__list {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}
.certificates__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 1.25rem;
    padding: 1.5625rem;
    border-radius: 0.625rem;
    color: var(--color-black-light);
    background-color: var(--color-blue-light);
}
.certificates__item-name {
    min-width: 0;
}
.certificates__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.625rem;
    height: 3.625rem;
    flex-shrink: 0;
    border-radius: 50%;
    color: var(--color-black-light);
    background-color: var(--color-white);
    transition:
        color 0.3s ease,
        background-color 0.3s ease;
}
.certificates__item-icon svg {
    width: 1.5rem;
    height: 1.5rem;
}
@media (hover: hover) {
    .certificates__item:hover .certificates__item-icon {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
}
.certificates__item:active .certificates__item-icon {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
@media (max-width: 1024px) {
    .certificates {
        margin-top: 6.25rem;
    }
    .certificates__inner {
        column-gap: 0.9375rem;
    }
    .certificates__list {
        row-gap: 0.9375rem;
    }
    .certificates__item {
        padding: 0.9375rem;
    }
    .certificates__item-icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    .certificates__item-icon svg {
        width: 1rem;
        height: 1rem;
    }
}
@media (max-width: 768px) {
    .certificates {
        margin-top: 5rem;
    }
    .certificates__inner {
        display: flex;
        flex-direction: column;
        row-gap: 2.5rem;
    }
    .certificates__title {
        max-width: none;
    }
    .certificates__list {
        width: 100%;
        row-gap: 0.9375rem;
    }
    .certificates__item {
        position: relative;
        flex-direction: column;
        align-items: start;
        row-gap: 1.625rem;
        padding: 0.9375rem;
    }
    .certificates__item-icon {
        order: 1;
    }
    .certificates__item-name {
        order: 2;
    }
}

/* certificates end */