.corporate-section {
    padding: 0 var(--padding-xm);
}

@media (min-width: 768px) {
    .corporate-section {
        padding: 0 var(--padding-sm);
    }
}

@media (min-width: 1400px) {
    .corporate-section {
        padding: 0 var(--padding-md);
    }
}

@media (min-width: 1920px) {
    .corporate-section {
        padding: 0 var(--padding-xl);
    }
}

.corporate-life-content {
    background-color: white;
    overflow: hidden;
}

.corporate-section p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 0;
}

.corporate-section .cae-dots-wrapper {
    margin-bottom: 16px;
}

/*TITLE SECTION*/
.corporate-life-title-container {
    background: linear-gradient(#031b314d,#031b314d),url(/images/corporate-life-480.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .corporate-life-title-container {
        background: linear-gradient(#031b314d,#031b314d),url(/images/corporate-life-768.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 992px) {
    .corporate-life-title-container {
        background: linear-gradient(#031b314d,#031b314d),url(/images/corporate-life-992.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1230px) {
    .corporate-life-title-container {
        background: linear-gradient(#031b314d,#031b314d),url(/images/corporate-life-1230.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1920px) {
    .corporate-life-title-container {
        background: linear-gradient(#031b314d,#031b314d),url(/images/corporate-life-1920.webp);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}

/*WORK HARD SECTION*/
.work-hard-section {
    padding: 100px var(--padding-xm);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

    .work-hard-section h2 {
        font-size: 28px;
        line-height: 42px;
        font-weight: bold;
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    .work-hard-section {
        padding: 100px var(--padding-sm);
    }

        .work-hard-section h2 {
            font-size: 32px;
            line-height: 50px;
            max-width: 455px;
        }
}

@media (min-width: 1920px) {
    .work-hard-section {
        padding: 150px var(--padding-xl);
    }
}

/*GALLERY SECTION*/
.gallery-section {
    padding-bottom: 64px;
}

.carousel ol.carousel-indicators {
    position: relative;
    margin-top: 16px;
    margin-bottom: 0;
}

    .carousel ol.carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: blue;
        border: none;
        background-color: #0000000f;
        margin-left: 2px;
        margin-right: 2px;
    }

        .carousel ol.carousel-indicators li.active {
            background-color: var(--text-hover-color);
        }

.art-pane {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 20px;
    aspect-ratio: 1.37;
}

    .art-pane .pane-item {
        min-width: 375px;
        min-height: 270px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

        .art-pane .pane-item.centered {
            display: flex;
            justify-content: center;
            flex-direction: column;
            padding: 16px;
            background-color: var(--bg-theme-light-color);
        }

@media (max-width: 1229px) {
    .art-pane {
        display: none;
    }
}

@media (min-width: 1230px) {
    .carousel {
        display: none;
    }
}

@media (min-width: 1920px) {
    .art-pane .pane-item.centered {
        padding: 24px;
    }
}

/*CORPORATIVES SECTION*/
.corporatives-section {
    background-color: var(--bg-theme-light-color);
    padding-top: 64px;
    padding-bottom: 64px;
}

@media (min-width: 1230px) {
    .corporatives-section {
        display: none;
    }
}

/*BENEFITS SECTION*/
.corporate-section.benefits-section {
    padding-top: 100px;
    padding-bottom: 100px;
}

    .corporate-section.benefits-section h3 {
        font-size: 28px;
        line-height: 42px;
        font-weight: bold;
        margin-bottom: 64px;
    }

@media (min-width: 768px) {
    .corporate-section.benefits-section h3 {
        font-size: 38px;
    }
}

@media (min-width: 1230px) {
    .corporate-section.benefits-section {
        padding-top: 150px;
        padding-bottom: 150px;
    }
}

/*PART OF TEAM SECTION*/
.part-of-team-section {
    background-color: var(--bg-theme-light-color);
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding-top: 64px;
    padding-bottom: 64px;
}

    .part-of-team-section h1 {
        font-size: 28px;
        line-height: 42px;
        font-weight: bold;
        margin-bottom: 16px;
        max-width: 448px;
    }

    .part-of-team-section p {
        margin-bottom: 24px;
        max-width: 448px;
    }

    .part-of-team-section a.cae-button {
        width: 100%;
        max-width: 448px;
    }

@media (min-width: 768px) {
    .part-of-team-section h1 {
        font-size: 32px;
        line-height: 64px;
        max-width: unset;
    }

    .part-of-team-section p {
        margin-bottom: 31px;
        max-width: unset;
    }

    .part-of-team-section a.cae-button {
        width: 250px;
        max-width: unset;
    }
}