.container {}
@media screen and (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}
@media screen and (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}
@media screen and (min-width: 1200px) {
    .container {
        max-width: 1300px;
    }
}



  /* ====================== */
 /* === GRID / SUBGRID === */
/* ====================== */
.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .75rem;
}
@media screen and (min-width: 768px) {
    .grid {
        grid-template-columns: repeat(8, 1fr);
    }
}
@media screen and (min-width: 1200px) {
    .grid {
        grid-template-columns: repeat(12, 1fr);
        gap: 0 1rem;
    }
}
.grid > * {
    grid-column: 1 / -1;
}
.grid .subgrid {
    display: grid;
    grid-template-columns: subgrid;
}
.grid .subgrid > * {
    grid-column: 1 / -1;
}



  /* ============== */
 /* === EDITOR === */
/* ============== */
.editor *:first-child {
    margin-top: 0;
}
.editor *:last-child {
    margin-bottom: 0;
}
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6,
.editor p,
.editor ul,
.editor ol,
.editor blockquote {
    margin: var(--spacer) 0;
    border-radius: var(--radius);
}
.editor hr {
    margin: var(--spacer-xl) 0;
    clear: both;
}
.editor h1 {
    font-size: var(--fs-xl);
}
.editor h2 {
    font-size: var(--fs-lg);
}
.editor h3 {
    font-size: var(--fs-md);
}
.editor h4 {
    font-size: var(--fs-sm);
}
.editor h5 {
    font-size: var(--fs-xs);
}
.editor h6 {
    font-size: var(--fs-xxs);
}
.editor a {
    color: var(--text);
    border-bottom: solid 0.125rem var(--gray);
}
.editor a:hover {
    border-color: var(--link);
}
.editor img {
    border-radius: var(--radius);
}
.editor img.alignleft {
    margin-bottom: var(--spacer);
    width: 100% !important;
    height: auto;
}
@media screen and (min-width: 768px) {
    .editor img.alignleft {
        float: left;
        width: 50% !important;
        margin-right: var(--spacer);
    }
}
.editor img.alignright {
    margin-bottom: var(--spacer);
    width: 100% !important;
    height: auto;
}
@media screen and (min-width: 768px) {
    .editor img.alignright {
        float: right;
        width: 50% !important;
        margin-left: var(--spacer);
    }
}
.editor img.aligncenter {
    margin: var(--spacer) auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.editor img.alignnone {
    margin: var(--spacer) 0;
    display: block;
    width: 100%;
    height: auto;
    max-width: inherit;
}
.editor .wp-caption.alignleft {
    margin-bottom: var(--spacer);
    width: 100% !important;
    height: auto;
}
@media screen and (min-width: 768px) {
    .editor .wp-caption.alignleft {
        float: left;
        width: 50% !important;
        margin-right: var(--spacer);
    }
}
.editor .wp-caption.alignleft img {
    width: 100% !important;
}
.editor .wp-caption.alignright {
    margin-bottom: var(--spacer);
    width: 100% !important;
    height: auto;
}
@media screen and (min-width: 768px) {
    .editor .wp-caption.alignright {
        float: right;
        width: 50% !important;
        margin-left: var(--spacer);
    }
}
.editor .wp-caption.alignright img {
    width: 100% !important;
}
.editor .wp-caption.alignnone {
    width: 100% !important;
}
.editor .wp-caption.alignnone .wp-caption-text {
    margin: 0;
}
@media screen and (min-width: 768px) {
    .editor .wp-caption.alignnone .wp-caption-text {
        margin: 0 var(--spacer);
    }
}
.editor .wp-caption .wp-caption-text {
    margin: 0;
    font-size: 85%;
    color: var(--gray-dark);
    font-style: italic;
}
.editor blockquote {
    font-size: var(--fs-md);
    font-style: italic;
    padding: var(--spacer);
    border: solid 0.125rem var(--light);
}
.editor ul, .editor ol {
    padding-left: var(--spacer);
}
.editor ul li::marker,
.editor ol li::marker {
    color: var(--gray);
}



  /* =========== */
 /* === BTN === */
/* =========== */
.btn-cstm {
    display: flex;
    width: max-content;
    padding: calc(var(--spacer) * .375) var(--spacer);
    border: .125rem solid transparent;
    font-size: calc(var(--fs-sm) * .875);
    font-weight: var(--fw-medium);
    text-transform: uppercase;
    transition: var(--transition);
    border-radius: 500px;
}
.btn-cstm:hover {
    opacity: 1;
}
.btn-cstm-primary {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}
.btn-cstm-primary:hover {
    border-color: var(--primary-hover);
    background-color: var(--primary-hover);
    color: var(--white);
}
.btn-cstm-white {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--primary);
}
.btn-cstm-white:hover {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white);
}
.btn-cstm-white.btn-cstm-bordered {
    border: .125rem solid var(--primary);
    background-color: var(--white);
    color: var(--primary);
}
.btn-cstm-white.btn-cstm-bordered:hover {
    background-color: var(--primary);
    color: var(--white);
}
.btn-cstm-dark {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
}
.btn-cstm-dark:hover {
    background-color: var(--white);
    border-color: var(--black);
    color: var(--black);
}

  /* =========== */
 /* === NAV === */
/* =========== */
nav {}
nav .content ul.menu > li {
    margin-bottom: 0;
}
nav .content ul.menu > li.bordered > a {
    border: .125rem solid var(--link);
    padding: calc(var(--spacer) * .5) var(--spacer);
    border-radius: var(--radius-rounded);
    color: var(--primary);
    margin: 0 10px;
}
nav .content ul.menu > li.bordered:hover > a {
    background-color: var(--link);
    color: var(--white);
    opacity: 1;
}
nav .content ul.menu > li.colored > a {
    background-color: var(--link);
    border: .125rem solid var(--link);
    padding: calc(var(--spacer) * .5) var(--spacer)!important;
    height: auto;
    border-radius: var(--radius-rounded);
    color: var(--white);
}
nav .content ul.menu > li.colored:hover > a {
    background-color: var(--white);
    color: var(--primary);
    opacity: 1;
}
  /* ============ */
 /* === HERO === */
/* ============ */
.section-hero {
    padding-block: var(--spacer-xxl);
    position: relative;
}
@media screen and (min-width: 992px) {
    .section-hero {
        padding-block: calc(var(--spacer-xxl) * 2);
    }
}
.section-hero .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-hero .bg-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-hero .section-hero_content {
    position: relative;
    z-index: 10;
}
.section-hero .section-hero_content .grid {}
.section-hero .section-hero_content .grid .grid_title {}
@media screen and (min-width: 768px) {
    .section-hero .section-hero_content .grid .grid_title {}
}
@media screen and (min-width: 1200px) {
    .section-hero .section-hero_content .grid .grid_title {
        grid-column: span 7;
    }
}
.section-hero .section-hero_content .grid .grid_title .title {
    font-size: var(--fs-xxxl);
    font-weight: var(--fw-bold);
    line-height: 1.3;
    color: var(--white);
    margin-bottom: var(--spacer);
}
.section-hero .section-hero_content .grid .grid_title .title strong,
.section-hero .section-hero_content .grid .grid_title .title b,
.section-hero .section-hero_content .grid .grid_title .title span {
    font-weight: var(--fw-bold);
    color: var(--primary);
    background-color: var(--secondary);
    padding-inline: calc(var(--spacer) * .25);
}
.section-hero .section-hero_content .grid .grid_title .editor {
    font-size: calc(var(--fs-md) * 1.1);
    color: var(--white);
}
@media screen and (min-width: 1200px) {
    .section-hero .section-hero_content .grid .grid_title .editor {
        grid-column: span 6;
    }
}
.section-hero .section-hero_content .grid .grid_title .action {
    margin-top: var(--spacer);
}
.section-hero .section-hero_content .grid .grid_title .action .link {}



  /* ==================== */
 /* === TITLE-TOGGLE === */
/* ==================== */
.section-title-toggle {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-title-toggle {
        margin-block:  var(--spacer-xxl);
    }
}
.section-title-toggle .grid {}
.section-title-toggle .grid .grid_title {}
@media screen and (min-width: 1200px) {
    .section-title-toggle .grid .grid_title {
        grid-column: span 4;
    }
}
.section-title-toggle .grid .grid_title .title {
    font-size: var(--fs-xxl);
    text-transform: uppercase;
    padding-left: var(--spacer);
    position: relative;
}
.section-title-toggle .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer) * -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-title-toggle .grid .grid_content {}
@media screen and (min-width: 1200px) {
    .section-title-toggle .grid .grid_content {
        grid-column: 6 / span 6;
    }
}
.section-title-toggle .grid .grid_content .accordion {}
.section-title-toggle .grid .grid_content .accordion .editor {}
.section-title-toggle .grid .grid_content .accordion .editor a {
    color: var(--primary);
    border-bottom: none;
}
.section-title-toggle .grid .grid_content .accordion .editor a:hover {
    border-bottom: none;
}
.section-title-toggle .grid .grid_content .accordion .accordion-action {
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 1200px) {
    .section-title-toggle .grid .grid_content .accordion .accordion-action {
        justify-content: flex-start;
    }
}
.section-title-toggle .grid .grid_content .accordion .accordion-action > * {
    display: flex;
    align-items: center;
    gap: calc(var(--spacer) * .25);
    width: max-content;
    cursor: pointer;
    color: var(--primary);
    transition: var(--transition);
    position: relative;
}
.section-title-toggle .grid .grid_content .accordion .accordion-action .more::before {
    content: '';
    display: block;
    width: var(--spacer);
    height: var(--spacer);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(1,105,120,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition);
}
.section-title-toggle .grid .grid_content .accordion .accordion-action .less::before {
    content: '';
    display: block;
    width: var(--spacer);
    height: var(--spacer);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(1,105,120,1)'%3E%3Cpath d='M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: var(--transition);
}
.section-title-toggle .grid .grid_content .action {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * .5);
    align-items: center;
    margin-top: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-title-toggle .grid .grid_content .action {
        flex-direction: row;
        justify-content: flex-start;
        gap: var(--spacer);
    }
}



  /* =============== */
 /* === MARQUEE === */
/* =============== */
.section-marquee {
    margin-block: var(--spacer-xl);
    overflow: hidden;
    white-space: nowrap;
}
@media screen and (min-width: 1200px) {
    .section-marquee {
        margin-block: var(--spacer-xxl);
    }
}
.section-marquee .marquee {
    font-family: var(--font-family-sans-serif-alt);
    font-size: clamp(4.375rem, 3.9754rem + 1.6393vi, 5.375rem); /* 70px → 86px */
    font-weight: var(--fw-thin);
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 17.63px;
    display: inline-block;
    will-change: transform;
}



  /* ========================== */
 /* === SECTION TEXT PICTO === */
/* ========================== */
.section-text-picto {
    padding-block: var(--spacer-xl);
    background-color: #FAFAFA;
}
@media screen and (min-width: 1200px) {
    .section-text-picto {
        padding-block: var(--spacer-xxl);
    }
}
.section-text-picto .grid {}
.section-text-picto .grid .grid_title {}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_title {
        grid-column: 1 / span 5;
    }
}
.section-text-picto .grid .grid_title > .title {
    font-size: var(--fs-xxl);
    text-transform: uppercase;
    padding-left: var(--spacer);
    position: relative;
}
.section-text-picto .grid .grid_title > .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer) * -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-text-picto .grid .grid_text {}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_text {
        grid-column: 6 / span 6;
    }
}
.section-text-picto .grid .grid_text .editor {}
.section-text-picto .grid .grid_items {
    margin-top: var(--spacer-xl);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items {
        margin-top: var(--spacer-xxl);
        flex-direction: row;
        justify-content: space-around;
        align-items: flex-start;
    }
}
.section-text-picto .grid .grid_items .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer);
}
@media screen and (min-width: 768px) {
    .section-text-picto .grid .grid_items .item {
        width: 66.3333333%;
    }
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item {
        width: 25%;
    }
}
.section-text-picto .grid .grid_items .item .item_header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacer);
    padding-inline: var(--spacer-xl);
}
.section-text-picto .grid .grid_items .item .picto {
    width: 3.75rem;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-text-picto .grid .grid_items .item .picto img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-text-picto .grid .grid_items .item .title {
    font-size: calc(var(--fs-sm) * 1.125);
    line-height: 1.4;
    font-weight: var(--fw-bold);
    letter-spacing: 1.44px;
    text-align: center;
    margin-bottom: 0;
}
.section-text-picto .grid .grid_items .item .item_deco {
    display: none;
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item .item_deco {
        display: flex;
        justify-content: center;
        width: 100%;
        position: relative;
    }
}
@media screen {
    .section-text-picto .grid .grid_items .item:not(:last-child) .item_deco::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: calc(50% + 3.5rem);
        width: 100%;
        height: .125rem;
        background-color: var(--primary);
    }
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item .item_deco .circle {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        border: .063rem solid var(--primary);
    }
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item .item_deco .circle .dot {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 50%;
        background-color: #F0F0F0;
        transition: var(--transition);
    }
    .section-text-picto .grid .grid_items .item.active .item_deco .circle .dot {
        background-color: var(--primary);
    }
}
.section-text-picto .grid .grid_items .item .item_content {
    padding-inline: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item .item_content {
        padding-inline: 0;
        visibility: hidden;
        opacity: 0;
        transition: var(--transition);
    }
    .section-text-picto .grid .grid_items .item.active .item_content {
        visibility: visible;
        opacity: 1;
    }
}
.section-text-picto .grid .grid_items .item .editor {
    font-size: calc(var(--fs-sm) * .9375);
    text-align: center;
}
@media screen and (min-width: 1200px) {
    .section-text-picto .grid .grid_items .item .editor {
        text-align: start;
    }
}
.section-text-picto .grid .grid_action {
    margin-top: var(--spacer);
    display: flex;
    justify-content: center;
}



  /* =========================== */
 /* === SECTION TITLE WORDS === */
/* =========================== */
.section-title-words {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-title-words {
        margin-block: var(--spacer-xxl);
    }
}
.section-title-words .grid {}
.section-title-words .grid .grid_title {}
@media screen and (min-width: 1200px) {
    .section-title-words .grid .grid_title {
        grid-column: span 5;
    }
}
.section-title-words .grid .grid_title .title {
    font-size: var(--fs-xxl);
    text-transform: initial;
    color: var(--primary);
    margin-bottom: var(--spacer);
}
.section-title-words .grid .grid_title .editor {
    font-size: calc(var(--fs-sm) * 1.250);
}
@media screen and (min-width: 1200px) {
    .section-title-words .grid .grid_title .editor {
        grid-column: span 4;
    }
}
.section-title-words .grid .grid_title .editor a {
    color: var(--primary);
    border-bottom: none;
}
.section-title-words .grid .grid_title .editor a:hover {
    border-bottom: none;
}
.section-title-words .grid .grid_words {}
  @media screen and (min-width: 1200px) {
      .section-title-words .grid .grid_words {
          grid-column: span 7;
      }
  }
.section-title-words .grid .grid_words .item {
    font-size: var(--fs-lg);
    line-height: 1.1;
    font-weight: var(--fw-medium);
    color: var(--primary);
    display: flex;
    align-items: center;
    gap: var(--spacer);
    padding-block: var(--spacer);
    margin-bottom: 0;
    border-bottom: .125rem solid var(--secondary);
}



  /* ============================= */
 /* === SECTION TEXT-PICTURES === */
/* ============================= */
.section-text-pictures {}
.section-text-pictures .pictures {
    position: relative;
    z-index: 20;
}
.section-text-pictures .pictures .grid {}
.section-text-pictures .pictures .grid .img-container {}
.section-text-pictures .pictures .grid .img-container:nth-child(2),
.section-text-pictures .pictures .grid .img-container:nth-child(3) {
    grid-column: span 2;
}
@media screen and (min-width: 768px) {
    .section-text-pictures .pictures .grid .img-container:nth-child(2),
    .section-text-pictures .pictures .grid .img-container:nth-child(3) {
        grid-column: span 4;
    }
}
@media screen and (min-width: 1200px) {
    .section-text-pictures .pictures .grid .img-container:nth-child(1) {
        grid-column: span 6;
    }
    .section-text-pictures .pictures .grid .img-container:nth-child(2),
    .section-text-pictures .pictures .grid .img-container:nth-child(3) {
        grid-column: span 3;
    }
}
.section-text-pictures .pictures .grid .img-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-text-pictures > .text {
    padding-block: calc(var(--spacer-xxl) * 2) var(--spacer-xxl);
    margin-top: calc(var(--spacer-xxl) * -1);
    position: relative;
    z-index: 10;
}
@media screen and (min-width: 1200px) {
    .section-text-pictures > .text {
        padding-block: calc(var(--spacer-xxl) * 4) calc(var(--spacer-xxl) * 2);
        margin-top: calc(var(--spacer-xxl) * -2);
    }
}
.section-text-pictures .text .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-text-pictures .text .bg-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.section-text-pictures .text .content {}
.section-text-pictures .text .content .grid {}
.section-text-pictures .text .content .grid .grid_text {}
.section-text-pictures .text .content .grid .grid_text .text {
    font-size: calc(var(--fs-lg) * 2);
    line-height: 1.2;
    letter-spacing: 3px;
    font-weight: var(--fw-medium);
    color: var(--white);
    text-transform: uppercase;
    padding-inline: var(--spacer);
    position: relative;
}
@media screen and (min-width: 1200px) {
    .section-text-pictures .text .content .grid .grid_text .text {
        line-height: 1.1;
        letter-spacing: 4px;
    }
}
.section-text-pictures .text .content .grid .grid_text .text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
}



  /* ============================= */
 /* === SECTION LOGO TEXT CTA === */
/* ============================= */
.section-logo-text-cta {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-logo-text-cta {
        margin-block: var(--spacer-xxl);
    }
}
.section-logo-text-cta .grid {}
.section-logo-text-cta .grid .grid_logo {
    grid-column: 2 / span 2;
    margin-bottom: var(--spacer);
}
@media screen and (min-width: 768px) {
    .section-logo-text-cta .grid .grid_logo {
        grid-column: span 2;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1200px) {
    .section-logo-text-cta .grid .grid_logo {
        grid-column: span 3;
        padding-inline: var(--spacer);
    }
}
.section-logo-text-cta .grid .grid_logo .logo {}
.section-logo-text-cta .grid .grid_logo .logo img {
    object-fit: contain;
    width: 100%;
}
.section-logo-text-cta .grid .grid_text {}
@media screen and (min-width: 768px) {
    .section-logo-text-cta .grid .grid_text {
        grid-column: 3 / -1;
        padding-left: var(--spacer);
    }
}
@media screen and (min-width: 1200px) {
    .section-logo-text-cta .grid .grid_text {
        grid-column: 4 / span 8;
    }
}
.section-logo-text-cta .grid .grid_text .text {
    font-size: calc(var(--fs-md) * 1.1);
}
.section-logo-text-cta .grid .grid_cta {
    display: flex;
    justify-content: center;
    margin-top: var(--spacer);
}



  /* ========================== */
 /* === SECTION TITLE TEXT === */
/* ========================== */
.section-title-text {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-title-text {
        margin-block: var(--spacer-xxl);
    }
}
.section-title-text .grid {}
.section-title-text .grid .grid_title {
    margin-bottom: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-title-text .grid .grid_title {
        grid-column: 1 / span 5;
        margin-bottom: 0;
    }
}
.section-title-text .grid .grid_title .title {
    font-size: var(--fs-xxl);
    text-transform: uppercase;
    padding-left: var(--spacer);
    margin-bottom: 0;
    position: relative;
}
.section-title-text .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: calc(100% + var(--spacer));
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-title-text .grid .grid_text {}
  @media screen and (min-width: 1200px) {
      .section-title-text .grid .grid_text {
          grid-column: 6 / span 6;
      }
  }
.section-title-text .grid .grid_text .editor {
    font-size: calc(var(--fs-sm) * 1.250);
}




  /* ================================ */
 /* === SECTION CIRCLES BORDERED === */
/* ================================ */
.section-circles-bordered {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-circles-bordered {
        margin-block: var(--spacer-xxl);
    }
}
.section-circles-bordered .swiper {
    margin-right: calc(var(--spacer) * -1);
    margin-left: calc(var(--spacer) * -1);
    padding-inline: var(--spacer);
}
.section-circles-bordered .swiper .swiper-slide {
    padding: calc(var(--spacer)* .125);
    display: flex;
    flex-direction: column;
    gap: var(--spacer);
    cursor: pointer;
}
.section-circles-bordered .swiper .swiper-slide .item_title {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
    z-index: 10;
}
.section-circles-bordered .swiper .swiper-slide .item_title .gradient {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(1) .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 25%, var(--white) 25% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(1):hover > .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 35%, var(--white) 35% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(2) .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 50%, var(--white) 50% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(2):hover > .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 65%, var(--white) 65% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(3) .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 75%, var(--white) 75% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(3):hover > .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 95%, var(--white) 95% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(4) .item_title .gradient {
    background: conic-gradient(var(--secondary) 0% 100%, var(--white) 100% 100%);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(4):hover > .item_title .gradient {
    background: conic-gradient(var(--primary) 0% 100%, var(--primary) 100% 100%);
}
.section-circles-bordered .swiper .swiper-slide .item_title .title {
    width: calc(100% - calc(var(--spacer) * .5));
    height: calc(100% - calc(var(--spacer) * .5));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: var(--fs-lg);
    text-transform: uppercase;
    color: var(--white);
    text-align: center;
    padding: calc(var(--spacer) * .5);
}
@media screen and (min-width: 1200px) {
    .section-circles-bordered .swiper .swiper-slide .item_title .title {
        font-size: var(--fs-md);
    }
}
.section-circles-bordered .swiper .swiper-slide:nth-child(1) .item_title .title,
.section-circles-bordered .swiper .swiper-slide:nth-child(3) .item_title .title {
    background-color: var(--primary);
}
.section-circles-bordered .swiper .swiper-slide:nth-child(2) .item_title .title,
.section-circles-bordered .swiper .swiper-slide:nth-child(4) .item_title .title {
    background-color: var(--primary-hover);
}
.section-circles-bordered .swiper .swiper-slide .item_text {}
@media screen and (min-width: 1200px) {
    .section-circles-bordered .swiper .swiper-slide .item_text {
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
    }
    .section-circles-bordered .swiper .swiper-slide:hover > .item_text {
        opacity: 1;
        visibility: visible;
    }
}
.section-circles-bordered .swiper .swiper-slide .item_text .text {
    font-size: var(--fs-sm);
    line-height: 1.2;
    text-align: center;
}



  /* ======================= */
 /* === SECTION TRUSTER === */
/* ======================= */
.section-truster {
    padding-block: var(--spacer-xl);
    background-color: #00989B;
}
@media screen and (min-width: 1200px) {
    .section-truster {
        padding-block: var(--spacer-xxl);
    }
}
.section-truster .grid {}
.section-truster .grid .grid_title {
    margin-bottom: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-truster .grid .grid_title {
        grid-column: span 5;
        margin-bottom: var(--spacer-xl);
    }
}
.section-truster .grid .grid_title .title {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    font-weight: var(--fw-medium);
    color: var(--white);
    padding-left: var(--spacer);
    margin-bottom: 0;
    position: relative;
}
.section-truster .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-truster .swiper-truster {
    margin-right: calc(var(--spacer) * -1);
    margin-left: calc(var(--spacer) * -1);
    padding-inline: var(--spacer);
    user-select: none;         /* Standard HTML5 */
        -webkit-user-select: none; /* Safari */
        -moz-user-select: none;    /* Firefox */
        -ms-user-select: none;     /* IE/Edge */
}
.section-truster .swiper-truster .swiper-slide {
    background-color: var(--white);
    aspect-ratio: 1;
    border-radius: 50%;
    padding: var(--spacer);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-truster .swiper-truster .swiper-slide img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    filter: grayscale(1);
    transition: var(--transition);
}
.section-truster .swiper-truster .swiper-slide:hover > img {
    filter: grayscale(0);
}
.section-truster .swiper-truster .swiper-truster-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacer) * .5);
    margin-top: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-truster .swiper-truster .swiper-truster-navigation {
        margin-top: var(--spacer-xl);
    }
}
.section-truster .swiper-truster .swiper-truster-navigation .swiper-prev,
.section-truster .swiper-truster .swiper-truster-navigation .swiper-next {
    width: 60px;
    height: 60px;
    border: .125rem solid var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.section-truster .swiper-truster .swiper-truster-navigation .swiper-prev svg,
.section-truster .swiper-truster .swiper-truster-navigation .swiper-next svg {
    fill: var(--white);
    width: 36px;
    height: 36px;
}



  /* ========================= */
 /* === SECTION CTA ACTUS === */
/* ========================= */
.section-cta-actus {
    padding-block: var(--spacer-xl) 0;
    margin-block: 0 var(--spacer-xl);
    position: relative;
}
@media screen and (min-width: 1200px) {
    .section-cta-actus {
        padding-block: var(--spacer-xxl) 0;
        margin-block: 0 var(--spacer-xxl);
    }
}
.section-cta-actus::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + var(--spacer-xl));
    background-color: #F8F8F8;
    z-index: -1;
}
@media screen and (min-width: 1200px) {
    .section-cta-actus::after {
        height: calc(50% + var(--spacer-xxl));
    }
}
.section-cta-actus .grid {}
.section-cta-actus .grid .grid_title {
    margin-bottom: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-cta-actus .grid .grid_title {
        margin-bottom: var(--spacer-xl);
    }
}
.section-cta-actus .grid .grid_title .title {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    padding-left: var(--spacer);
    margin-bottom: 0;
    position: relative;
}
.section-cta-actus .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-cta-actus .grid .grid_swiper {
    position: relative;
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus {
    margin-right: calc(var(--spacer) * -1);
    margin-left: calc(var(--spacer) * -1);
    padding-inline: var(--spacer);
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus .swiper-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus .swiper-slide .post-item-actus {
    margin-bottom: 0;
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation {}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-prev,
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--spacer);
    height: var(--spacer);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-prev {
    left: calc(var(--spacer) * -1);
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-next {
    right: calc(var(--spacer) * -1);
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-prev svg,
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-next svg {
    fill: #a8a8a8;
    transition: var(--transition);
    height: 100%;
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-button-disabled svg {
    fill: var(--gray-hover);
}
.section-cta-actus .grid .grid_swiper .swiper-cta-actus-navigation .swiper-button-lock {
    display: none;
}
.section-cta-actus .grid .grid_cta {
    margin-top: var(--spacer);
    display: flex;
    justify-content: center;
}
@media screen and (min-width: 1200px) {
    .section-cta-actus .grid .grid_cta {
        margin-top: var(--spacer-xl);
    }
}
.section-cta-actus .grid .grid_cta .btn-cstm {
    text-transform: initial;
}




  /* ======================= */
 /* === POST-ITEM ACTUS === */
/* ======================= */
.post-item-actus {
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.post-item-actus .thumb {
    height: auto;
    aspect-ratio: 16/9;
    flex-shrink: 0;
}
.post-item-actus .info {
    display: flex;
    flex-direction: column;
    gap: var(--spacer);
    flex-grow: 1;
    height: 100%;
}
.post-item-actus .info .meta {}
.post-item-actus .info .meta a {
    opacity: 1;
    font-weight: var(--fw-bold);
}
.post-item-actus .info .meta .date {
    color: var(--gray);
    font-weight: var(--fw-bold);
}
.post-item-actus .info .title {
    font-size: calc(var(--fs-md) * 1.2);
    line-height: 1.2;
    font-weight: var(--fw-medium);
    margin-block: 0;
}
.post-item-actus .info .action {
    margin-top: auto;
    align-self: center;
}

  /* ========================== */
 /* === SECTION-NEWSLETTER === */
/* ========================== */
.section-newsletter {
    padding-block: var(--spacer-xl);
    background-color: #00989B;
    position: relative;
    overflow: hidden;
}
@media screen and (min-width: 1200px) {
    .section-newsletter {
        padding-block: var(--spacer-xxl);
    }
}
.section-newsletter .logo {
    position: absolute;
    top: 0;
    right: var(--spacer);
    width: 100%;
    min-width: 600px;
    aspect-ratio: 1;
    opacity: .2;
}
@media screen and (min-width: 768px) {
    .section-newsletter .logo {
        right: auto;
        left: -25%;
    }
}
@media screen and (min-width: 1200px) {
    .section-newsletter .logo {
        right: auto;
        left: -15%;
        width: auto;
        min-width: auto;
        height: 100%;
    }
}
.section-newsletter .logo img {
    object-fit: contain;
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .section-newsletter .logo img {
        height: 100%;
        width: auto;
    }
}
.section-newsletter .content {
    position: relative;
    z-index: 10;
}
.section-newsletter .content .grid {}
.section-newsletter .content .grid .grid_title {}
@media screen and (min-width: 1200px) {
    .section-newsletter .content .grid .grid_title {
        grid-column: span 4;
    }
}
.section-newsletter .content .grid .grid_title .title {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    color: var(--white);
    padding-left: var(--spacer);
    margin-bottom: var(--spacer);
    position: relative;
}
.section-newsletter .content .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-newsletter .content .grid .grid_title .editor {
    font-size: calc(var(--fs-sm) * 1.125);
    line-height: 1.2;
    color: var(--white);
}
.section-newsletter .content .grid .grid_form {}
@media screen and (min-width: 1200px) {
    .section-newsletter .content .grid .grid_form {
        grid-column: 5 / span 8;
        padding-left: var(--spacer-xl);
    }
}


.ipt-uif-custom-material-custom .ipt_uif_column .ipt_uif_column_inner.side_margin {
    padding: 0!important;
}
#ipt_fsqm_form_wrap_7 .ipt-eform-width-restrain .ipt-eform-content {
    background-color: transparent;
}
#ipt_fsqm_form_7_tab_0 h3 {
    font-size: calc(var(--fs-md) * 1.3)!important;
    font-weight: var(--fw-medium)!important;
    padding-bottom: 0!important;
    margin-bottom: var(--spacer);
}
#ipt_fsqm_form_wrap_7 h1 .ipt_uif_divider_text .ipt_uif_divider_text_inner,
#ipt_fsqm_form_wrap_7 h2 .ipt_uif_divider_text .ipt_uif_divider_text_inner,
#ipt_fsqm_form_wrap_7 h3 .ipt_uif_divider_text .ipt_uif_divider_text_inner,
#ipt_fsqm_form_wrap_7 h4 .ipt_uif_divider_text .ipt_uif_divider_text_inner,
#ipt_fsqm_form_wrap_7 h5 .ipt_uif_divider_text .ipt_uif_divider_text_inner,
#ipt_fsqm_form_wrap_7 h6 .ipt_uif_divider_text .ipt_uif_divider_text_inner {
    font-weight: var(--fw-medium) !important;
}
.ipt-uif-custom-material-custom [type="checkbox"] + label:before,
.ipt-uif-custom-material-custom [type="checkbox"] + label:after {
    border-color: var(--white)!important;
    background-color: var(--white)!important;
}
#ipt_fsqm_form_wrap_7 [type="checkbox"] + label {
    padding-left: calc(var(--spacer) * 1.5)!important;
}
@media screen and (min-width: 1200px) {
    #ipt_fsqm_form_wrap_7 [type="checkbox"] + label {
        padding-left: calc(var(--spacer) * 2)!important;
    }
}
#ipt_fsqm_form_wrap_7 #ipt_fsqm_form_7_mcq_6 .ipt_uif_question_content label {
    font-size: calc(var(--fs-sm) * 1.125);
    font-weight: var(--fw-light)!important;
}
#ipt_fsqm_form_wrap_7 #ipt_fsqm_form_7_mcq_6 .ipt_uif_question_content label b {
    display: block;
    font-weight: var(--fw-bold)!important;
}
#ipt_fsqm_form_wrap_7.ipt-uif-custom-material-custom .input-field label.active {
    display: none;
}
#ipt_fsqm_form_wrap_7 [type="checkbox"] + label {
    font-size: var(--fs-sm);
}
.ipt-uif-custom-material-custom.eform-override-element-boxy input[type="email"] {
    border: none!important;
    border-bottom: .125rem solid var(--white)!important;
    border-radius: 0!important;
    box-shadow: none!important;
}
.ipt-uif-custom-material-custom a {
    color: var(--white)!important;
}
.ipt-uif-custom-material-custom .ipt-eform-material-button-container.ipt_fsqm_form_button_container--outline .eform-button-container-inner .ui-button {
    background-color: transparent!important;
    color: #016978 !important;
}

  /* ==================== */
 /* === SECTION FAQS === */
/* ==================== */
.section-faqs {
    margin-block: var(--spacer-xl);
}
@media screen and (min-width: 1200px) {
    .section-faqs {
        margin-block: var(--spacer-xxl);
    }
}
.section-faqs .grid {}
.section-faqs .grid .grid_title {
    margin-bottom: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-faqs .grid .grid_title {
        margin-bottom: var(--spacer-xl);
    }
}
.section-faqs .grid .grid_title .title {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    padding-left: var(--spacer);
    margin-bottom: 0;
    position: relative;
}
.section-faqs .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}

  /* ====================== */
 /* === ACCORDION-ITEM === */
/* ====================== */
.accordion-item {}
.accordion-item:not(:last-child) {
    margin-bottom: var(--spacer);
}
.accordion-item .accordion-header {
    cursor: pointer;
    padding-block: var(--spacer);
    padding-inline: calc(var(--spacer) * .5) calc(var(--spacer) * 1.5);
    background-color: #F8F8F8;
}
@media screen and (min-width: 1200px) {
    .accordion-item .accordion-header {
        padding-inline: var(--spacer) calc(var(--spacer) * 1.5);
    }
}
.accordion-item .accordion-header .accordion-header--title {
    font-size: calc(var(--fs-sm) * 1.125);
    font-weight: var(--fw-medium);
    margin-bottom: 0;
    position: relative;
}
.accordion-item .accordion-header .accordion-header--title::after {
    content: "";
    position: absolute;
    top: calc(var(--spacer) * -.125);
    right: calc(var(--spacer) * -1.25);
    width: var(--spacer);
    height: var(--spacer);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: 50% 50%;
    transition: var(--transition);
}
@media screen and (min-width: 1200px) {
    .accordion-item .accordion-header .accordion-header--title::after {
        right: calc(var(--spacer) * -.5);
    }
}
.accordion-item .accordion-header.active .accordion-header--title {}
.accordion-item .accordion-header.active .accordion-header--title::after {
    transform: rotate(-180deg);
}
.accordion-item .accordion-content {
    height: 0;
    overflow: hidden;
}
.accordion-item .accordion-content .editor {
    padding: var(--spacer);
}
.accordion-item .accordion-content .action {
    display: flex;
    justify-content: center;
}
.accordion-item .accordion-content .action .action-close {
    display: flex;
    gap: calc(var(--spacer) * .5);
    align-items: center;
    cursor: pointer;
}
.accordion-item .accordion-content .action .action-close .action-close-icon {}
.accordion-item .accordion-content .action .action-close .action-close-icon svg {
    fill: var(--primary);
}
.accordion-item .accordion-content .action .action-close .action-close-title {
    font-size: var(--fs-sm);
    font-weight: var(--fw-regular);
    color: var(--primary);
}

  /* ======================= */
 /* === SECTION-CONTACT === */
/* ======================= */
.section-contact {
    padding-block: var(--spacer-xl);
    background-color: var(--blue);
}
@media screen and (min-width: 1200px) {
    .section-contact {
        padding-block: var(--spacer-xxl);
    }
}
.section-contact .grid {
    row-gap: var(--spacer);
}
@media screen and (min-width: 1200px) {
    .section-contact .grid {
        row-gap: var(--spacer-xl);
    }
}
.section-contact .grid .grid_title {}
@media screen and (min-width: 1200px) {
    .section-contact .grid .grid_title {
        grid-column: span 6;
    }
}
.section-contact .grid .grid_title .title {
    font-size: var(--fs-xxl);
    line-height: 1.2;
    font-weight: var(--fw-bold);
    color: var(--white);
    padding-left: var(--spacer);
    margin-bottom: 0;
    position: relative;
}
.section-contact .grid .grid_title .title::before {
    content: '';
    position: absolute;
    top: calc(var(--spacer)* -1);
    left: 0;
    width: .375rem;
    height: 4.688rem;
    background-color: var(--secondary);
    border-radius: .75rem;
}
.section-contact .grid .grid_infos {}
@media screen and (min-width: 1200px) {
    .section-contact .grid .grid_infos {
        grid-column: span 6;
        justify-self: end;
    }
}
.section-contact .grid .grid_infos .info-contact {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * .5);
}
@media screen and (min-width: 768px) {
    .section-contact .grid .grid_infos .info-contact {
        flex-direction: row;
    }
}
.section-contact .grid .grid_infos .info-contact:not(:last-child) {
    margin-bottom: calc(var(--spacer) * .5);
}
.section-contact .grid .grid_infos .info-contact .info-contact-title {
    font-size: calc(var(--fs-sm) * 1.125);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    color: var(--secondary);
}
.section-contact .grid .grid_infos .info-contact .info-contact-content {
    font-size: calc(var(--fs-sm) * 1.125);
    color: var(--white);
}
.section-contact .grid .grid_form {}
@media screen and (min-width: 1200px) {
    .section-contact .grid .grid_form {
        grid-column: 2 / span 10;
    }
}
.section-contact .grid .grid_form .grid-form {
    display: grid;
    gap: calc(var(--spacer) * .5) var(--spacer);
}
@media screen and (min-width: 768px) {
    .section-contact .grid .grid_form .grid-form {
        grid-template-columns: repeat(2, 1fr);
    }
}
.section-contact .grid .grid_form .grid-form > * {
    grid-column: 1 / -1;
}
@media screen and (min-width: 768px) {
    .section-contact .grid .grid_form .grid-form .g-md-half {
        grid-column: span 1;
    }
}
.section-contact .grid .grid_form .grid-form .message {}
.section-contact .grid .grid_form .grid-form .message .form-control {
    height: 45px;
}
.section-contact .grid .grid_form .grid-form .action {
    justify-self: center;
    margin-top: var(--spacer);
}
@media screen and (min-width: 768px) {
    .section-contact .grid .grid_form .grid-form .action {
        justify-self: end;
    }
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm {
    display: flex;
    align-items: center;
    gap: calc(var(--spacer) * .25);
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm .btn-icon {
    transition: var(--transition);
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm:hover .btn-icon {
    transform: rotate(-45deg);
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm .btn-icon svg {
    fill: var(--blue);
}
.section-contact .grid .grid_form .grid-form .action .btn-cstm .btn-title {
    font-weight: var(--fw-bold);
    text-transform: initial;
    color: var(--blue);
}
.section-contact .grid .grid_form .grid-form label {
    font-size: var(--fs-sm);
    font-weight: var(--fw-medium);
    color: var(--white);
    margin-bottom: 0;
}
.section-contact .grid .grid_form .grid-form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: .125rem solid var(--white);
    font-size: calc(var(--fs-sm) * 1.125);
    color: var(--white);
    padding-inline: 0;
    transition: var(--transition);
}
.section-contact .grid .grid_form .grid-form .form-control:focus,
.section-contact .grid .grid_form .grid-form .form-control:focus-visible {
    border: none;
    border-bottom: .125rem solid var(--secondary);
    box-shadow: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: var(--spacer) 0 0!important;
    padding: var(--spacer)!important;
}
.wpcf7 form.spam .wpcf7-response-output {
    border-color: var(--warning)!important;
    background-color: var(--warning)!important;
}



  /* ============== */
 /* === FOOTER === */
/* ============== */
footer {
    padding: 0;
}
footer .footer_content {
    padding-block: var(--spacer-xl);
}
footer .footer_content .grid {
    row-gap: var(--spacer);
}
footer .footer_content .grid .grid_logo {
    padding-inline: var(--spacer-xl);
}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_logo {
        grid-column: span 2;
        padding-inline: 0;
    }
}
footer .footer_content .grid .grid_logo .logo {}
footer .footer_content .grid .grid_logo .logo img {}
footer .footer_content .grid .grid_menu {}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_menu {
        grid-column: 4 / span 5;
        display: grid;
        grid-template-columns: subgrid;
    }
}
footer .footer_content .grid .grid_menu .menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * .25);
    align-items: center;
}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_menu .menu {
        grid-column: 1 / -1;
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(3, 1fr);
        grid-auto-columns: 1fr;
        row-gap: calc(var(--spacer) * .5);
    }
}
footer .footer_content .grid .grid_menu .menu li {
    margin-bottom: 0;
}
footer .footer_content .grid .grid_menu .menu li a {
    font-size: calc(var(--fs-sm) * 1.125);
    color: var(--text);
}
footer .footer_content .grid .grid_menu .menu li.colored a {
    padding: calc(var(--spacer) * .25) calc(var(--spacer) * .5);
    border-radius: 500px;
    background-color: var(--secondary);
    font-weight: var(--fw-bold);
    color: var(--primary);
}
@media screen and (min-width: 1200px) {
    footer .footer_content .grid .grid_menu .menu li.colored a {
        margin-left: calc(var(--spacer) * -.5);
    }
}
footer .footer_content .grid .grid_socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacer) * .25);
}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_socials {
        grid-column: 4 / span 5;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 1200px) {
    footer .footer_content .grid .grid_socials {
        grid-column: 9 / span 4;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: calc(var(--spacer) * .5);
    }
}
footer .footer_content .grid .grid_socials .socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacer) * .25);
}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_socials .socials {
        align-items: start;
    }
}
footer .footer_content .grid .grid_socials .socials .baseline {
    font-size: calc(var(--fs-sm) * 1.125);
}
footer .footer_content .grid .grid_socials .socials .socials-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacer) * .25);
}
footer .footer_content .grid .grid_socials .socials .socials-list .socials-list-item {}
footer .footer_content .grid .grid_socials .action {}
@media screen and (min-width: 768px) {
    footer .footer_content .grid .grid_socials .action {
        align-self: end;
    }
}
@media screen and (min-width: 1200px) {
    footer .footer_content .grid .grid_socials .action {
        align-self: start;
    }
}
footer .footer_content .grid .grid_socials .action a {
    font-size: calc(var(--fs-sm) * 1.125);
    color: var(--text);
}
footer .footer_legal {
    padding-block: var(--spacer-xl);
    background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
    footer .footer_legal {
        padding-block: var(--spacer);
    }
}
footer .footer_legal .grid {}
footer .footer_legal .grid .grid_legal_menu {}
footer .footer_legal .grid .grid_legal_menu .menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * .25);
    align-items: center;
}
@media screen and (min-width: 768px) {
    footer .footer_legal .grid .grid_legal_menu .menu {
        flex-direction: row;
        justify-content: center;
        gap: var(--spacer-xl);
    }
}
footer .footer_legal .grid .grid_legal_menu .menu li {
    margin-bottom: 0;
}
@media screen and (min-width: 768px) {
    footer .footer_legal .grid .grid_legal_menu .menu li {
        position: relative;
    }
    footer .footer_legal .grid .grid_legal_menu .menu li:not(:last-child)::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(calc(-50% + .156rem));
        left: calc(100% + var(--spacer) - .156rem);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: var(--gray-dark);
    }
}
footer .footer_legal .grid .grid_legal_menu .menu li a {
    font-size: calc(var(--fs-sm) * .875);
    color: var(--text);
}


footer .menu li a {}
footer .menu li a .menu-title {
    position: relative;
}
footer .menu li:not(.colored) a .menu-title::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    width: 0;
    height: .125rem;
    background-color: var(--secondary);
    transition: var(--transition);
}
footer .menu li:not(.colored):hover a .menu-title::after {
    left: 0;
    width: 100%;
}


.btn-back {
  font-size: 12px;
  margin-left: 15px;
  line-height: 12px;
  text-decoration: underline;
  display: inherit;
}