header .icon img {
    margin-top: 2px;
}

.ourVision .value .incount:not(.bold) {
    font-size: calc(var(--ratio) * 80px);
}
@media(max-width: 1200px) {
    .ourVision .value .incount:not(.bold) {
        font-size: calc(var(--ratio) * 70px);
    }
}
@media(min-width: 1201px) {

    header .list {
        bottom: calc(var(--ratio) * 15px);
    }
    header .list > li:last-child {
        display: none;
    }
}

@media (min-width: 1200.1px) {
    .Partnership .text {
        font-size: calc(var(--ratio) * 21px);
    }
}

#second-slide.above_half .downBtn {
    transform: scaleY(-1);
}

.ourVision .item:has(.incount.bold) .caption {
    font-family: "neue-haas-grotesk-displayblack";
}

.ourVision .title, .Partnership .title {
    font-size: calc(var(--ratio) * 63px);
}

@media (max-width: 1200px) {

    .ourVision .title, .Partnership .title {
        font-size: calc(var(--ratio) * 33px);
    }
}

.Partnership .item.shape3 .box:before {
    display: block;
    content: '';
    background: #EFEBE5;
    position: absolute;
    pointer-events: none;
    clip-path: polygon(56% 0, 0 0, 0 56%);
    width: 100%;
    height: 100%;
    top: 1px;
    left: -1px;
    clip-path: polygon(0% 50%, 0% 100%, 50% 100%);
}

.Partnership .item.shape3 .data {
    align-items: flex-start;
    color: #EFEBE5;
}
.Partnership .item.shape3 .name {
    color: #EFEBE5;
}


.Partnership .item.shape4 .box:before {
    display: block;
    content: '';
    background: #EFEBE5;
    position: absolute;
    pointer-events: none;
    clip-path: polygon(56% 0, 0 0, 0 56%);
    width: 100%;
    height: 100%;
    top: 1px;
    left: 1px;
    clip-path: polygon(100% 50%, 50% 100%, 100% 100%);
}

.Partnership .item.shape4 .data {
    align-items: flex-start;
    color: #EFEBE5;
}

.Partnership .item.shape4 .name {
    color: #EFEBE5;
}

.Partnership .name {
    max-width: calc(var(--ratio) * 151px);
}
.Partnership .item.shape5 .box:before {
    display: block;
    content: '';
    background: #EFEBE5;
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: -1px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%);
    left: 1px;
}
.Partnership .item.shape5 .box:after {
    display: block;
    content: '';
    background: #EFEBE5;
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    bottom: -1px;
    right: 1px;
    clip-path: polygon(0% 50%, 0% 100%, 50% 100%);
}

.Partnership .item.shape5 .data {
    align-items: flex-start;
}

.Partnership .data {
    align-items: flex-start;
}
.Partnership .item.shape1 .name {
    color: #EFEBE5;
}
.Partnership .item.shape1 .data {
    justify-content: flex-end;
}
.Partnership .name span {
    font-size: calc(var(--ratio) * 18px);
/*    font-family: "neue-haas-grotesk-text-medium";
*/
}
@media (max-width: 1200px) {
    .Partnership .name span {
        font-size: calc(var(--ratio) * 13px);
    }
}
.Partnership .two_titles .info {
    height: 100%;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.Partnership .bottom_name {
    text-align: end;
}
.Partnership .item.green .name {
    color: #EFEBE5;
}
.Partnership .box {
    width: calc(var(--ratio) * 227px);
    height: calc(var(--ratio) * 227px);
}
.Partnership .bottom_name {
    margin-left: auto;
    padding-right: 5px;
}
@media (max-width: 1200px) {
    .Partnership .box {
        width: calc(var(--ratio) * 170px);
        height: calc(var(--ratio) * 170px);
    }
}

.Partnership .item.shape1 .data {
    align-items: flex-end;
    justify-content: flex-start;
}

.Partnership .item.green .caption {
    text-align: end;
    left: calc(var(--ratio) * 22px);
    position: relative;
}

@media (max-width: 1200px) {
    .Partnership .item.green .caption {
        left: 2px;
    }
}

.Partnership .item.shape1 .box:before {
    clip-path: polygon(50% 0, 0 0, 0 50%);
}

.Partnership .item.shape1 .box:after {
    clip-path: polygon(100% 50%, 100% 100%, 50% 100%);
}

.Partnership .item.green .name {
    line-height: 90%;
}

.Partnership .item.green .data {
    padding-bottom: calc(var(--ratio) * 45px);
}


@media (max-width: 1200px) {
    .Partnership .item.green .data {
        padding-bottom: 40px;
    }
}
footer .logo {
    z-index: 2;
    position: relative;
}
@media(min-width: 1200px) {
    body:has(footer .logo:hover) .upBtn {
        cursor: pointer !important;
        background: none !important;
    }

}
@media(min-width: 1070px) {
    .Partnership .swiper-slide {
        width: auto !important;
    }
}

@media (max-width: 1069px) {
    .Partnership .box {
        width: 100%;
        height: unset;
        padding-bottom: 100%;
    }
    .Partnership .item .data {
        position: absolute;
        width: 100%;
    }
    .Partnership .swiper-slide {
        margin-right: 0px;
    }
}