.container-fixed {
    max-width: 1400px;
    margin-inline: auto;
    padding-inline: 2rem;
}

.text-light-blue {
    color: #00A1B1;
}

.text-lighter-blue {
    color: #00FFFF;
}

.uppercase {
    text-transform: uppercase;
}

.g-2 {
    column-gap: 0.5rem;
}

@media (min-width: 768px) {
    .border-md-l {
        border-left: 1px solid;
    }
}

@media (min-width: 768px) {
    .separator-md-l {
        position: relative;
    }
    
    .separator-md-l::before {
        content: '';
        width: 1px;
        position: absolute;
        left: 0;
        top: 0;
        height: 100px;
        background-color: #fff;
    }
}

.border-light-blue {
    border-color: #00A1B1;
}

.img-year {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.img-year img {
    max-width: 400px;
    width: 100%;
}

@media (min-width: 768px) {
    .rendez-vous {
        font-size: 18px;
        padding-block: 1.75rem;
    }
}

.tabs {
    margin-right: -5px;
    margin-left: -5px;
    margin-top: 2.5rem;
}

.tabs button {
    font-family: 'AtlasGrotesk-Black', sans-serif;
    font-size: 18px;
    color: #002e5a;
    text-transform: uppercase;
    border: 0;
    width: 100%;
    cursor: pointer;
    padding: 0;
}

.tabs .col-md-4 {
    padding-right: 5px;
    padding-left: 5px;
}

.tabs button div {
    background-color: #fff;
    padding: 1.5rem;
}

.tabs button div.bg-gradient-new-blue {
    color: #fff;
}

.tabs button sup {
    text-transform: none;
}

.tabs img {
    margin-bottom: -1rem;
}

.tab-content h2:not(.regular-font),
.tab-content h4 {
    font-family: 'AtlasGrotesk-Black', sans-serif;
}

.tab-content ul {
    list-style: disc;
    padding-left: 1rem;
}

.tab-content ul li::marker {
  color: #00A1B1;
}

#years-group {
    position: relative;
    margin-top: 2rem;
}

#years-group select {
    appearance: none;
    border: 1px solid lightgrey;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
    padding: 1.25rem 0.75rem;
    padding-right: 3rem;
    height: auto;
    width: 100%;
}

#years-group svg {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}

/* ========= Image text ========= */
.image-text {
    position: relative;
}

.image-text::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40%;
    background-color: #FFF;
    display: none;
}

@media (min-width: 768px) {
    .image-text::after {
        display: block;
    }
}

.image-text ul {
    padding-left: 1rem;
    list-style: disc;
}

.image-text ul li::marker {
    color: #00A1B1;
}

.image-text .text-column {
    padding: 3rem;
}

@media (min-width: 768px) {
    .image-text .text-column {
        padding-block: 8rem;
        padding-right: 6rem;
        padding-left: 15px;
    }
}

.image-text .text-column::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

@media (min-width: 768px) {
    .image-text .text-column::after {
        width: 100vw;
        right: calc(0px - 33.3333%);
    }
}

.image-text .text-column .middle-section-text {
    z-index: 2;
}

@media (min-width: 768px) {
    .image-text .overflow-image {
        z-index: 2;
        margin-right: calc(-50vw + 50%);
        width: calc(100% + 15vw) !important;
        flex: 1;
        max-width: none;
    }
}

/* ========= FAQ ========= */
.faq .card {
    border: 0;
    border-radius: 0;
    background-color: transparent;
}

.faq .card .card-header {
    border: 0;
    padding: 0;
    background-color: transparent;
}

.faq .card .card-header a {
    text-decoration: none;
    color: #fff;
    border-radius: 9999px;
    padding: 1.25rem 1.5rem;
}

.faq .card .card-header a[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.faq ul {
    list-style: disc;
    padding-left: 1rem;
}

.faq ul li::marker {
  color: #00A1B1;
}

/* ========= Footer ========= */
footer {
    margin-top: 50px;
}