/* partnerchip-benefits start  */

.partnerchip-benefits {
    margin-top: 8.4375rem;
}
.partnerchip-benefits__title {
    margin-top: 5rem;
}
.partnerchip-benefits__tabs {
    margin-top: 3.75rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.625rem;
    padding-bottom: 2.5rem;
    width: 100%;
    border-bottom: 1px solid var(--color-black-20);
}
.partnerchip-benefits__tabs-button {
    padding: 1.25rem 1.5625rem;
    border-radius: 3.3125rem;
    border: 1px solid var(--color-blue-dark);
    transition:
            background-color 0.3s ease,
            color 0.3s ease,
            border-color 0.3s ease;
}
.partnerchip-benefits__tabs-button.is-active {
    background-color: var(--color-black-light);
    border-color: var(--color-black-light);
    color: var(--color-white);
}
@media (hover: hover) {
    .partnerchip-benefits__tabs-button:hover {
        background-color: var(--color-black-light);
        border-color: var(--color-black-light);
        color: var(--color-white);
    }
}
.partnerchip-benefits__tabs-button:active {
    background-color: var(--color-black-light);
    border-color: var(--color-black-light);
    color: var(--color-white);
}
.partnerchip-benefits__panel {
    display: none;
    padding-top: 3.75rem;
}
.partnerchip-benefits__panel.is-active {
    display: block;
}
.partnerchip-benefits__panel-inner {
    display: flex;
    flex-direction: column;
    row-gap: 10rem;
}
.partnerchip-benefits__panel-header {
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
}
.partnerchip-benefits__panel-description {
    color: var(--color-black-50);
    max-width: 54.375rem;
}
.partnerchip-benefits__body {
    display: grid;
    grid-template-columns: 1fr 54.375rem;
    align-items: start;
    column-gap: 1.875rem;
}
.partnerchip-benefits__body-title {
    position: sticky;
    top: 3.125rem;
    align-self: start;
    height: fit-content;
    max-width: 39.8125rem;
}
.partnerchip-benefits__body-list {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}
.partnerchip-benefits__item {
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
    border-radius: 0.625rem;
    padding: 1.875rem;
    min-height: 22.5rem;
    background: var(--color-blue-light);
}
.partnerchip-benefits__item-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: 1px solid var(--color-green-light);
    color: var(--color-green-light);
}
.partnerchip-benefits__item-content {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    row-gap: 0.9375rem;
    max-width: 42.5rem;
}
.partnerchip-benefits__item-text {
    color: var(--color-black-50);
}
@media (max-width: 1024px) {
    .partnerchip-benefits {
        margin-top: 6.875rem;
    }
    .partnerchip-benefits__title {
        margin-top: 3.75rem;
    }
    .partnerchip-benefits__tabs {
        margin-top: 2.5rem;
        padding-bottom: 1.875rem;
    }
    .partnerchip-benefits__tabs-button {
        padding: 1.0625rem 1.25rem;
    }
    .partnerchip-benefits__panel {
        padding-top: 2.5rem;
    }
    .partnerchip-benefits__panel-inner {
        row-gap: 6.25rem;
    }
    .partnerchip-benefits__panel-header {
        row-gap: 0.9375rem;
    }
    .partnerchip-benefits__panel-description {
        max-width: 29.0625rem;
    }
    .partnerchip-benefits__body {
        grid-template-columns: 1fr 29rem;
        column-gap: 0.9375rem;
    }
    .partnerchip-benefits__body-title {
        top: 2.5rem;
        max-width: 21.4375rem;
    }
    .partnerchip-benefits__body-list {
        row-gap: 0.9375rem;
    }
    .partnerchip-benefits__item {
        padding: 0.9375rem;
        min-height: 17.5rem;
    }
    .partnerchip-benefits__item-number {
        width: 2.5rem;
        height: 2.5rem;
    }
    .partnerchip-benefits__item-content {
        row-gap: 0.625rem;
        max-width: 100%;
    }
}
@media (max-width: 768px) {
    .partnerchip-benefits {
        margin-top: 5.625rem;
    }
    .partnerchip-benefits__tabs {
        flex-direction: column;
        align-items: start;
    }
    .partnerchip-benefits__panel-inner {
        row-gap: 5.625rem;
    }
    .partnerchip-benefits__panel-description {
        max-width: 100%;
    }
    .partnerchip-benefits__body {
        display: flex;
        flex-direction: column;
        row-gap: 2.5rem;
    }
    .partnerchip-benefits__body-title {
        position: static;
        height: auto;
        max-width: 100%;
    }
    .partnerchip-benefits__item {
        min-height: 17.5rem;
        row-gap: 2.5rem;
    }
}

/* partnerchip-benefits end  */

/* project-support start  */

.project-support {
    height: 100vh;
    overflow: hidden;
    margin-top: 10rem;
}
.project-support__inner {
    position: relative;
    height: 100%;
}
.project-support__background {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.project-support__background picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.project-support__background img {
    position: absolute;
    top: -10%;
    left: 0;
    display: block;
    width: 100%;
    height: 120%;
    object-fit: cover;
    will-change: transform;
}
.project-support__content {
    position: absolute;
    z-index: 2;
    left: 5rem;
    bottom: 5rem;
    display: flex;
    flex-direction: column;
    row-gap: 3.75rem;
}
.project-support__title {
    max-width: 63.75rem;
    color: var(--color-white);
}
.project-support__actions {
    display: flex;
    align-items: center;
    column-gap: 0.625rem;
}
.project-support__actions .button-secondary-arrow {
    color: var(--color-white);
    border-color: var(--color-blue-dark);
}
@media (hover: hover) {
    .project-support__actions .button-secondary-arrow:hover {
        border-color: var(--color-green-dark);
    }
}
.project-support__actions .button-secondary-arrow:active {
    border-color: var(--color-green-dark);
}
@media (max-width: 1024px) {
    .project-support {
        margin-top: 6.25rem;
    }
    .project-support__content {
        left: 2.5rem;
        bottom: 2.5rem;
        row-gap: 1.875rem;
    }
    .project-support__title {
        max-width: 31.5rem;
    }
}
@media (max-width: 768px) {
    .project-support {
        margin-top: 5rem;
    }
    .project-support__content {
        left: 0.9375rem;
        bottom: 0.9375rem;
    }
    .project-support__title {
        max-width: 96%;
        font-size: var(--font-size-32);
        line-height: 100%;
        letter-spacing: -0.06rem;
    }
    .project-support__actions {
        flex-direction: column;
        align-items: start;
        row-gap: 0.625rem;
    }
}

/* project-support end  */