@import "https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Quantico:ital,wght@0,400;0,700;1,400;1,700&display=swap";
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root {
    --c0: #fff;
    --c1: #000;
    --c2: #283377;
    --c3: #02000c;
    --c4: #e0e0e0;
    --c5: #161616;
    --c6: #02000c;
    --c7: #05001a;
    --c8: #0c0c0c;
    --c9: #1a0966;
    --c10: #283377;
    --c11: #3f24a1;
    --c12: #5d47af;
    --c13: #7d6bbf;
    --c14: #9d8fcf;
    --c15: #a1a1a1;
    --c16: #dbd6ed;
    --c17: #fbfafd;
    --c18: #0d0d0d;
    --c19: #161616;
    --c20: #2a2a2a;
    --c21: #404040;
    --c22: #565656;
    --c23: #6e6e6e;
    --c24: #878787;
    --c25: #a1a1a1;
    --c26: #d4d4d4;
    --c27: #e0e0e0;
    --c28: #f2f2f2;
}
.big-text {
    display: block;
    position: relative;
    font-size: 56px;
    font-family: "Quantico", sans-serif;
    font-weight: 600;
    letter-spacing: -0.07em !important;
    line-height: 1.3;
}
.margin.big-text {
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .big-text {
        font-size: 50px;
    }
}
@media screen and (max-width: 768px) {
    .big-text {
        font-size: 45px;
    }
}
@media screen and (max-width: 550px) {
    .big-text {
        font-size: 40px;
    }
}
@media screen and (max-width: 480px) {
    .big-text {
        font-size: 36px;
    }
}
.subtitle {
    display: block;
    position: relative;
    font-size: 20px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    line-height: 1.7;
}
.margin.subtitle {
    margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
    .subtitle {
        font-size: 19px;
    }
}
@media screen and (max-width: 768px) {
    .subtitle {
        font-size: 18px;
    }
}
.nav-text {
    display: block;
    position: relative;
    font-size: 18px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    line-height: 1.2;
}
.mobnav-text {
    display: block;
    position: relative;
    font-size: 36px;
    font-family: "Quantico", sans-serif;
    font-weight: 600;
    letter-spacing: -0.07em !important;
    line-height: 1.2;
}
@media screen and (max-width: 550px) {
    .mobnav-text {
        font-size: 30px;
    }
}
.btn-text {
    display: block;
    position: relative;
    font-size: 16px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    line-height: normal;
}
.margin.btn-text {
    margin-bottom: 30px;
}
.small-text {
    display: block;
    position: relative;
    font-size: 14px;
    font-family: "Quantico", sans-serif;
    font-weight: 300;
    letter-spacing: -0.07em !important;
    line-height: 1.5;
}
.margin.small-text {
    margin-bottom: 30px;
}
.small-title {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    color: #283377;
    background: #02000c;
    padding: 12px 16px;
    border-radius: 40px;
    text-transform: uppercase;
}
.margin.small-title {
    margin-bottom: 40px;
}
.boxed-text {
    display: block;
    position: relative;
    font-size: 10px;
    font-family: "Quantico", sans-serif;
    font-weight: 300;
    letter-spacing: -0.07em !important;
    line-height: 1;
}
.margin.boxed-text {
    margin-bottom: 30px;
}
@media screen and (max-width: 550px) {
    .boxed-text {
        font-size: 14px;
    }
}
.wysiwyg > p,
.wysiwyg > *,
.mce-content-body > p,
.mce-content-body > *,
.text-col > p,
.text-col > * {
    font-family: "Quantico", sans-serif;
    font-weight: 300;
    line-height: 1.7;
    font-size: 16px;
}
@media screen and (max-width: 1400px) {
    .wysiwyg > p,
    .wysiwyg > *,
    .mce-content-body > p,
    .mce-content-body > *,
    .text-col > p,
    .text-col > * {
        font-size: 15px;
    }
}
@media screen and (max-width: 768px) {
    .wysiwyg > p,
    .wysiwyg > *,
    .mce-content-body > p,
    .mce-content-body > *,
    .text-col > p,
    .text-col > * {
        font-size: 14px;
    }
}
.wysiwyg > * + *,
.mce-content-body > * + *,
.text-col > * + * {
    margin-top: 20px;
}
@media screen and (max-width: 550px) {
    .wysiwyg > * + *,
    .mce-content-body > * + *,
    .text-col > * + * {
        margin-bottom: 15px;
    }
}

.text-col ul {
    padding-left: 8px;
}
.wysiwyg li,
.mce-content-body li,
.text-col li {
    padding-left: 20px;
    position: relative;
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    line-height: 1;
    font-size: 18px;
}
@media screen and (max-width: 550px) {
    .wysiwyg li,
    .mce-content-body li,
    .text-col li {
        font-size: 16px;
    }
}
.wysiwyg li + li,
.mce-content-body li + li,
.text-col li + li {
    margin-top: 15px;
}
.wysiwyg li::before,
.mce-content-body li::before,
.text-col li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 12px;
    height: 2px;
    background: #565656;
}
.wysiwyg strong,
.mce-content-body strong,
.text-col strong {
    font-weight: 600;
}
.layoutLeft > *:not(.btn-box) {
    text-align: left;
}
.layoutLeft .btn-box {
    justify-content: flex-start;
}
.layoutCenter > *:not(.btn-box) {
    text-align: center;
}
.layoutCenter .btn-box {
    justify-content: center;
}
.layoutRight > *:not(.btn-box) {
    text-align: right;
}
.layoutRight .btn-box {
    justify-content: flex-end;
}
.pointer {
    cursor: pointer;
}
.zoom-in {
    cursor: zoom-in;
}
.flex {
    display: flex;
}
.flex--full {
    width: 100%;
}
.flex--half {
    width: 50%;
}
.flex--third {
    width: 33.3333333333%;
}
.flex--forth {
    width: 25%;
}
.flex--wrap {
    flex-wrap: wrap;
}
.flex--even {
    flex: 1 1 0;
}
.flex--gap {
    margin: -10px;
}
.flex--gap > * {
    padding: 10px;
}
.flex.align--start {
    align-items: flex-start;
}
.flex.align--end {
    align-items: flex-end;
}
.flex.align--center {
    align-items: center;
}
.flex.alLeft {
    justify-content: flex-start;
}
.flex.alCenter {
    justify-content: center;
}
.flex.alRight {
    justify-content: flex-end;
}
.flex.alBetween {
    justify-content: space-between;
}
.flex.alAround {
    justify-content: space-around;
}
.fullBG {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.fullBGFixed {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.img-tag.cover picture,
.img-tag.cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-tag.contain picture,
.img-tag.contain img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0;
}
.line-clamp.lc1,
.line-clamp.lc1 p {
    -webkit-line-clamp: 1;
}
.line-clamp.lc2,
.line-clamp.lc2 p {
    -webkit-line-clamp: 2;
}
.line-clamp.lc3,
.line-clamp.lc3 p {
    -webkit-line-clamp: 3;
}
.line-clamp.lc4,
.line-clamp.lc4 p {
    -webkit-line-clamp: 4;
}
.line-clamp.lc5,
.line-clamp.lc5 p {
    -webkit-line-clamp: 5;
}
.line-clamp.lc6,
.line-clamp.lc6 p {
    -webkit-line-clamp: 6;
}
.line-clamp.lc7,
.line-clamp.lc7 p {
    -webkit-line-clamp: 7;
}
.line-clamp.lc8,
.line-clamp.lc8 p {
    -webkit-line-clamp: 8;
}
.line-clamp.lc9,
.line-clamp.lc9 p {
    -webkit-line-clamp: 9;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.absolute--center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.show-on-tablets {
    display: none;
}
@media screen and (max-width: 1024px) {
    .show-on-tablets {
        display: block;
    }
}
.show-on-phones {
    display: none;
}
@media screen and (max-width: 768px) {
    .show-on-phones {
        display: block;
    }
}
.show-on-mobile {
    display: none;
}
@media screen and (max-width: 550px) {
    .show-on-mobile {
        display: block;
    }
}
.show-on-small-phones {
    display: none;
}
@media screen and (max-width: 375px) {
    .show-on-small-phones {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .hide-on-tablets {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .hide-on-phones {
        display: none;
    }
}
@media screen and (max-width: 550px) {
    .hide-on-mobile {
        display: none;
    }
}
@media screen and (max-width: 375px) {
    .hide-on-small-phones {
        display: none;
    }
}
.alLeft:not(.flex) {
    text-align: left;
}
.alCenter:not(.flex) {
    text-align: center;
}
.alRight:not(.flex) {
    text-align: right;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.overline {
    text-decoration: overline;
}
.line-through {
    text-decoration: line-through;
}
.underline {
    text-decoration: underline;
}
.padd {
    padding: 100px 0;
}
.padd--top {
    padding-bottom: 0;
}
@media screen and (max-width: 768px) {
    .padd {
        padding: calc(100px / 2) 0;
    }
}
.z-index--1 {
    z-index: 1;
}
.z-index--2 {
    z-index: 2;
}
.z-index--3 {
    z-index: 3;
}
.z-index--4 {
    z-index: 4;
}
.z-index--5 {
    z-index: 5;
}
.z-index--6 {
    z-index: 6;
}
.z-index--7 {
    z-index: 7;
}
.z-index--8 {
    z-index: 8;
}
.z-index--9 {
    z-index: 9;
}
.z-index--10 {
    z-index: 10;
}
.z-index--11 {
    z-index: 11;
}
.z-index--12 {
    z-index: 12;
}
.z-index--13 {
    z-index: 13;
}
.z-index--14 {
    z-index: 14;
}
.z-index--15 {
    z-index: 15;
}
.z-index--16 {
    z-index: 16;
}
.z-index--17 {
    z-index: 17;
}
.z-index--18 {
    z-index: 18;
}
.z-index--19 {
    z-index: 19;
}
html,
body {
    background: #fff;
    margin: 0;
    font-size: 6.25%;
}
body {
    font-size: 16rem;
}
img {
    display: block;
}
* {
    box-sizing: border-box;
    text-decoration: none;
}
#wrapper {
    background: #f2f2f2;
}
li {
    list-style-type: none;
}
.tf-container {
    padding-left: 5vw;
    padding-right: 5vw;
}
.no-scroll {
    max-height: 100vh;
    max-width: 100vw;
    overflow: hidden;
}
*::selection {
    background: rgba(44, 46, 121, 0.5);
    color: #000;
}
*::-moz-selection {
    background: rgba(44, 46, 121, 0.5);
    color: #000;
}
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, 0.5);
}
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.5) hsla(0, 0%, 100%, 0.5);
}
.header {
    background: #f2f2f2;
}
.header.style-default {
    border-bottom: none;
}
.header .main-menu ul.navigation > li > a {
    color: #283377;
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    text-transform: uppercase;
}
.header .main-menu ul.navigation > li > a::before {
    background: #283377;
}
.header .header-right .social-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #283377;
    border-radius: 4px;
    font-size: 14px;
    color: #283377;
    transition: all 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .header .header-right .social-link:hover {
        background: #283377;
        color: #fff;
    }
}
.header.inside-page {
    position: absolute;
    z-index: 50;
    top: 0;
    left: 0;
    background: none;
    width: 100%;
}
.header.inside-page .main-menu ul.navigation > li > a {
    color: #f2f2f2;
}
.header.inside-page .main-menu ul.navigation > li > a::before {
    background: #f2f2f2;
}
.header.inside-page .header-right .social-link {
    border: 1px solid #f2f2f2;
    color: #f2f2f2;
}
@media screen and (min-width: 550px) {
    .header.inside-page .header-right .social-link:hover {
        background: #f2f2f2;
        color: #2a2a2a;
    }
}
.mobile-button .burger span {
    background-color: #283377;
}
.inside-page .mobile-button .burger span {
    background-color: #f2f2f2;
}
#menu-mobile .support {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    padding: 0 15px;
}
#menu-mobile .support .social-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #283377;
    border-radius: 4px;
    font-size: 14px;
    color: #283377;
    transition: all 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    #menu-mobile .support .social-link:hover {
        background: #283377;
        color: #fff;
    }
}
.sep-footer {
    height: 115px;
    background: #f2f2f2;
    z-index: 10;
    position: relative;
}
@media screen and (max-width: 550px) {
    .sep-footer {
        height: 60px;
    }
}
.footer {
    position: relative;
    background: #2a2a2a;
    z-index: 10;
}
.footer::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: -90px;
    left: 0;
    width: 60%;
    height: 91px;
    background: #2a2a2a;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 550px) {
    .footer::before {
        height: 46px;
        top: -45px;
    }
}
.footer::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -115px;
    left: 0;
    width: 60%;
    height: 90px;
    background: #878787;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 550px) {
    .footer::after {
        height: 45px;
        top: -60px;
    }
}
.footer .footer-body {
    border-bottom: none;
}
.footer .footer-body .footer-workplaces .footer-heading {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: 0 !important;
    font-size: 24px;
    text-transform: uppercase;
    color: #f2f2f2;
    margin-bottom: 32px;
}
.footer .footer-body .footer-workplaces .bureau {
    margin-top: 32px;
}
.footer .footer-body .footer-workplaces .bureau__titre {
    color: #f2f2f2;
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
}
.footer .footer-body .footer-workplaces .bureau__detail {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #f2f2f2;
    margin-top: 8px;
}
.footer .footer-body .footer-workplaces .bureau__detail .icon {
    font-size: 20px;
}
.footer .footer-body .footer-workplaces .bureau__detail a,
.footer .footer-body .footer-workplaces .bureau__detail p {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 15px;
    color: #f2f2f2;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.footer .footer-body .footer-workplaces .bureau__detail a:hover {
    color: #a1a1a1;
}
.footer .footer-body .footer-content .footer-heading {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: 0 !important;
    font-size: 24px;
    text-transform: uppercase;
    color: #f2f2f2;
    margin-bottom: 32px;
}
.footer .footer-body .footer-content ul li a {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #f2f2f2;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.footer .footer-body .footer-content ul li a:hover {
    color: #a1a1a1 !important;
}
.footer .footer-body .footer-socials .footer-heading {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 18px;
    text-transform: uppercase;
    color: #f2f2f2;
    margin-top: 56px;
    margin-bottom: 16px;
}
.footer .footer-body .footer-socials .social-link {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f2f2;
    border-radius: 50%;
    font-size: 14px;
    color: #2a2a2a;
    transition: all 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .footer .footer-body .footer-socials .social-link:hover {
        background: #a1a1a1;
        color: #2a2a2a;
    }
}
.footer .footer-body .footer-service .footer-heading {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: 0 !important;
    font-size: 24px;
    text-transform: uppercase;
    color: #f2f2f2;
    margin-bottom: 32px;
}
.footer .footer-body .footer-service__desc {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #a1a1a1;
}
.footer .footer-body .footer-service__desc a {
    margin-top: 12px;
    color: #f2f2f2;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.footer .footer-body .footer-service__desc a:hover {
    color: #a1a1a1;
}
.footer .footer-bottom p {
    color: #d4d4d4;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 12px;
}
.footer .footer-bottom p a {
    color: #d4d4d4;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.footer .footer-bottom p a:hover {
    color: #a1a1a1;
}
.section-page-404 {
    height: 100vh;
}
.section-page-404 .wrap,
.section-page-404 .padd {
    height: 100%;
}
.section-page-404__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-page-404__number {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 15%;
}
.section-page-404__number h1 {
    font-size: 400rem;
    color: #000;
}
.section-page-404__content {
    position: relative;
    z-index: 2;
}
.scroll-animation {
    position: relative;
    transition: all 0s ease-in-out;
}
.scroll-animation.fade {
    opacity: 0;
}
.scroll-animation.fade-left {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    transform: translateX(-100px);
}
.scroll-animation.fade-right {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}
.scroll-animation.fade-up {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}
.scroll-animation.fade-down {
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}
.scroll-animation.shown {
    transition-delay: 0.3s;
}
.scroll-animation.shown.fade {
    opacity: 1;
    transition-duration: 0.5s;
}
.scroll-animation.shown.fade-right,
.scroll-animation.shown.fade-left,
.scroll-animation.shown.fade-up,
.scroll-animation.shown.fade-down,
.scroll-animation.shown.zoom {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    transition-duration: 0.5s;
}
.scroll-animation.shown.delay--1 {
    transition-delay: 0.4s;
}
.scroll-animation.shown.delay--2 {
    transition-delay: 0.5s;
}
.scroll-animation.shown.delay--3 {
    transition-delay: 0.6s;
}
.scroll-animation.shown.delay--4 {
    transition-delay: 0.7s;
}
.scroll-animation.shown.delay--5 {
    transition-delay: 0.8s;
}
.scroll-animation.shown.delay--6 {
    transition-delay: 0.9s;
}
.scroll-animation.shown.delay--7 {
    transition-delay: 1s;
}
.scroll-animation.shown.delay--8 {
    transition-delay: 1.1s;
}
.scroll-animation.shown.delay--9 {
    transition-delay: 1.2s;
}
.scroll-animation.shown.delay--10 {
    transition-delay: 1.3s;
}
@media screen and (max-width: 550px) {
    .scroll-animation--mobile {
        position: relative;
        transition: all 0s ease-in-out;
    }
    .scroll-animation--mobile.fade {
        opacity: 0;
    }
    .scroll-animation--mobile.fade-left {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .scroll-animation--mobile.fade-right {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
        transform: translateX(100px);
    }
    .scroll-animation--mobile.fade-up {
        opacity: 0;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
    }
    .scroll-animation--mobile.fade-down {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    .scroll-animation--mobile.shown {
        transition-delay: 0.3s;
    }
    .scroll-animation--mobile.shown.fade {
        opacity: 1;
        transition-duration: 0.5s;
    }
    .scroll-animation--mobile.shown.fade-right,
    .scroll-animation--mobile.shown.fade-left,
    .scroll-animation--mobile.shown.fade-up,
    .scroll-animation--mobile.shown.fade-down,
    .scroll-animation--mobile.shown.zoom {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        transition-duration: 0.5s;
    }
    .scroll-animation--mobile.shown.delay--1 {
        transition-delay: 0.4s;
    }
    .scroll-animation--mobile.shown.delay--2 {
        transition-delay: 0.5s;
    }
    .scroll-animation--mobile.shown.delay--3 {
        transition-delay: 0.6s;
    }
    .scroll-animation--mobile.shown.delay--4 {
        transition-delay: 0.7s;
    }
    .scroll-animation--mobile.shown.delay--5 {
        transition-delay: 0.8s;
    }
    .scroll-animation--mobile.shown.delay--6 {
        transition-delay: 0.9s;
    }
    .scroll-animation--mobile.shown.delay--7 {
        transition-delay: 1s;
    }
    .scroll-animation--mobile.shown.delay--8 {
        transition-delay: 1.1s;
    }
    .scroll-animation--mobile.shown.delay--9 {
        transition-delay: 1.2s;
    }
    .scroll-animation--mobile.shown.delay--10 {
        transition-delay: 1.3s;
    }
}
.color--0,
.color--0 > *,
.color--0 .wysiwyg > *,
.color--0.subtitle > * {
    color: var(--c0);
}
.color--1,
.color--1 > *,
.color--1 .wysiwyg > *,
.color--1.subtitle > * {
    color: var(--c1);
}
.color--2,
.color--2 > *,
.color--2 .wysiwyg > *,
.color--2.subtitle > * {
    color: var(--c2);
}
.color--3,
.color--3 > *,
.color--3 .wysiwyg > *,
.color--3.subtitle > * {
    color: var(--c3);
}
.color--4,
.color--4 > *,
.color--4 .wysiwyg > *,
.color--4.subtitle > * {
    color: var(--c4);
}
.color--5,
.color--5 > *,
.color--5 .wysiwyg > *,
.color--5.subtitle > * {
    color: var(--c5);
}
.color--6,
.color--6 > *,
.color--6 .wysiwyg > *,
.color--6.subtitle > * {
    color: var(--c6);
}
.color--7,
.color--7 > *,
.color--7 .wysiwyg > *,
.color--7.subtitle > * {
    color: var(--c7);
}
.color--8,
.color--8 > *,
.color--8 .wysiwyg > *,
.color--8.subtitle > * {
    color: var(--c8);
}
.color--9,
.color--9 > *,
.color--9 .wysiwyg > *,
.color--9.subtitle > * {
    color: var(--c9);
}
.color--10,
.color--10 > *,
.color--10 .wysiwyg > *,
.color--10.subtitle > * {
    color: var(--c10);
}
.color--11,
.color--11 > *,
.color--11 .wysiwyg > *,
.color--11.subtitle > * {
    color: var(--c11);
}
.color--12,
.color--12 > *,
.color--12 .wysiwyg > *,
.color--12.subtitle > * {
    color: var(--c12);
}
.color--13,
.color--13 > *,
.color--13 .wysiwyg > *,
.color--13.subtitle > * {
    color: var(--c13);
}
.color--14,
.color--14 > *,
.color--14 .wysiwyg > *,
.color--14.subtitle > * {
    color: var(--c14);
}
.color--15,
.color--15 > *,
.color--15 .wysiwyg > *,
.color--15.subtitle > * {
    color: var(--c15);
}
.color--16,
.color--16 > *,
.color--16 .wysiwyg > *,
.color--16.subtitle > * {
    color: var(--c16);
}
.color--17,
.color--17 > *,
.color--17 .wysiwyg > *,
.color--17.subtitle > * {
    color: var(--c17);
}
.color--18,
.color--18 > *,
.color--18 .wysiwyg > *,
.color--18.subtitle > * {
    color: var(--c18);
}
.color--19,
.color--19 > *,
.color--19 .wysiwyg > *,
.color--19.subtitle > * {
    color: var(--c19);
}
.color--20,
.color--20 > *,
.color--20 .wysiwyg > *,
.color--20.subtitle > * {
    color: var(--c20);
}
.color--21,
.color--21 > *,
.color--21 .wysiwyg > *,
.color--21.subtitle > * {
    color: var(--c21);
}
.color--22,
.color--22 > *,
.color--22 .wysiwyg > *,
.color--22.subtitle > * {
    color: var(--c22);
}
.color--23,
.color--23 > *,
.color--23 .wysiwyg > *,
.color--23.subtitle > * {
    color: var(--c23);
}
.color--24,
.color--24 > *,
.color--24 .wysiwyg > *,
.color--24.subtitle > * {
    color: var(--c24);
}
.color--25,
.color--25 > *,
.color--25 .wysiwyg > *,
.color--25.subtitle > * {
    color: var(--c25);
}
.color--26,
.color--26 > *,
.color--26 .wysiwyg > *,
.color--26.subtitle > * {
    color: var(--c26);
}
.color--27,
.color--27 > *,
.color--27 .wysiwyg > *,
.color--27.subtitle > * {
    color: var(--c27);
}
.color--28,
.color--28 > *,
.color--28 .wysiwyg > *,
.color--28.subtitle > * {
    color: var(--c28);
}
.bg--0 {
    background-color: var(--c0);
}
.bg--1 {
    background-color: var(--c1);
}
.bg--2 {
    background-color: var(--c2);
}
.bg--3 {
    background-color: var(--c3);
}
.bg--4 {
    background-color: var(--c4);
}
.bg--5 {
    background-color: var(--c5);
}
.bg--6 {
    background-color: var(--c6);
}
.bg--7 {
    background-color: var(--c7);
}
.bg--8 {
    background-color: var(--c8);
}
.bg--9 {
    background-color: var(--c9);
}
.bg--10 {
    background-color: var(--c10);
}
.bg--11 {
    background-color: var(--c11);
}
.bg--12 {
    background-color: var(--c12);
}
.bg--13 {
    background-color: var(--c13);
}
.bg--14 {
    background-color: var(--c14);
}
.bg--15 {
    background-color: var(--c15);
}
.bg--16 {
    background-color: var(--c16);
}
.bg--17 {
    background-color: var(--c17);
}
.bg--18 {
    background-color: var(--c18);
}
.bg--19 {
    background-color: var(--c19);
}
.bg--20 {
    background-color: var(--c20);
}
.bg--21 {
    background-color: var(--c21);
}
.bg--22 {
    background-color: var(--c22);
}
.bg--23 {
    background-color: var(--c23);
}
.bg--24 {
    background-color: var(--c24);
}
.bg--25 {
    background-color: var(--c25);
}
.bg--26 {
    background-color: var(--c26);
}
.bg--27 {
    background-color: var(--c27);
}
.bg--28 {
    background-color: var(--c28);
}
.hover--0,
.hover--0 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--0:hover,
    .hover--0:hover > * {
        color: var(--c0);
    }
}
.hover--1,
.hover--1 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--1:hover,
    .hover--1:hover > * {
        color: var(--c1);
    }
}
.hover--2,
.hover--2 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--2:hover,
    .hover--2:hover > * {
        color: var(--c2);
    }
}
.hover--3,
.hover--3 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--3:hover,
    .hover--3:hover > * {
        color: var(--c3);
    }
}
.hover--4,
.hover--4 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--4:hover,
    .hover--4:hover > * {
        color: var(--c4);
    }
}
.hover--5,
.hover--5 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--5:hover,
    .hover--5:hover > * {
        color: var(--c5);
    }
}
.hover--6,
.hover--6 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--6:hover,
    .hover--6:hover > * {
        color: var(--c6);
    }
}
.hover--7,
.hover--7 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--7:hover,
    .hover--7:hover > * {
        color: var(--c7);
    }
}
.hover--8,
.hover--8 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--8:hover,
    .hover--8:hover > * {
        color: var(--c8);
    }
}
.hover--9,
.hover--9 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--9:hover,
    .hover--9:hover > * {
        color: var(--c9);
    }
}
.hover--10,
.hover--10 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--10:hover,
    .hover--10:hover > * {
        color: var(--c10);
    }
}
.hover--11,
.hover--11 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--11:hover,
    .hover--11:hover > * {
        color: var(--c11);
    }
}
.hover--12,
.hover--12 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--12:hover,
    .hover--12:hover > * {
        color: var(--c12);
    }
}
.hover--13,
.hover--13 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--13:hover,
    .hover--13:hover > * {
        color: var(--c13);
    }
}
.hover--14,
.hover--14 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--14:hover,
    .hover--14:hover > * {
        color: var(--c14);
    }
}
.hover--15,
.hover--15 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--15:hover,
    .hover--15:hover > * {
        color: var(--c15);
    }
}
.hover--16,
.hover--16 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--16:hover,
    .hover--16:hover > * {
        color: var(--c16);
    }
}
.hover--17,
.hover--17 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--17:hover,
    .hover--17:hover > * {
        color: var(--c17);
    }
}
.hover--18,
.hover--18 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--18:hover,
    .hover--18:hover > * {
        color: var(--c18);
    }
}
.hover--19,
.hover--19 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--19:hover,
    .hover--19:hover > * {
        color: var(--c19);
    }
}
.hover--20,
.hover--20 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--20:hover,
    .hover--20:hover > * {
        color: var(--c20);
    }
}
.hover--21,
.hover--21 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--21:hover,
    .hover--21:hover > * {
        color: var(--c21);
    }
}
.hover--22,
.hover--22 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--22:hover,
    .hover--22:hover > * {
        color: var(--c22);
    }
}
.hover--23,
.hover--23 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--23:hover,
    .hover--23:hover > * {
        color: var(--c23);
    }
}
.hover--24,
.hover--24 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--24:hover,
    .hover--24:hover > * {
        color: var(--c24);
    }
}
.hover--25,
.hover--25 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--25:hover,
    .hover--25:hover > * {
        color: var(--c25);
    }
}
.hover--26,
.hover--26 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--26:hover,
    .hover--26:hover > * {
        color: var(--c26);
    }
}
.hover--27,
.hover--27 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--27:hover,
    .hover--27:hover > * {
        color: var(--c27);
    }
}
.hover--28,
.hover--28 > * {
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
@media screen and (min-width: 550px) {
    .hover--28:hover,
    .hover--28:hover > * {
        color: var(--c28);
    }
}
.tf-btn span:first-child {
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
}
.tf-btn span:first-child iconify-icon {
    font-size: 20px;
}
.tf-btn.btn-bg-1 {
    background-color: #283377;
}
.tf-btn.btn-bg-1 span:first-child {
    color: #fff !important;
}
.tf-btn.btn-bg-1 span:last-child {
    background-color: #0c0c0c;
}
.tf-btn.btn-bg-1:hover {
    background: #283377;
}
.progress-wrap svg.progress-circle path {
    stroke: #283377;
}
.acf-form .acf-fields {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}
.acf-form .acf-fields > * {
    padding: 12px;
    width: 100%;
}
.acf-form .acf-fields > *.half {
    width: 50%;
}
@media screen and (max-width: 550px) {
    .acf-form .acf-fields > *.half {
        width: 100%;
    }
}
.acf-form .acf-fields > * > .acf-field {
    margin: 0;
}
.acf-form .acf-fields label {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-weight: 500 !important;
    color: #2a2a2a;
    margin-bottom: 8px;
    display: block;
}
.acf-form .acf-form-submit {
    margin-top: 24px;
}
.input-text input {
    width: 100%;
    border: none;
    border: 1px solid #d4d4d4 !important;
    height: 52px;
    font-family: "Lexend", sans-serif;
    font-weight: 300;
    letter-spacing: initial;
    font-size: 16px !important;
    color: #2a2a2a;
    caret-color: #2a2a2a;
    display: flex;
    align-items: center;
    padding: 0 12px !important;
    border-radius: 4px;
    transition: border 0.3s;
}
.input-text input:focus,
.input-text input:focus-visible {
    border-color: #283377 !important;
    outline: none;
}
.input-textarea textarea {
    width: 100%;
    border: none;
    border: 1px solid #d4d4d4 !important;
    font-family: "Lexend", sans-serif;
    font-weight: 300;
    letter-spacing: initial;
    font-size: 16px !important;
    color: #2a2a2a;
    caret-color: #2a2a2a;
    display: flex;
    align-items: center;
    padding: 12px !important;
    border-radius: 4px;
    transition: border 0.3s;
}
.input-textarea textarea:focus,
.input-textarea textarea:focus-visible {
    border-color: #283377 !important;
    outline: none;
}
.input-select .select2-container {
    width: 100%;
}
.input-select .select2-container--open .select2-selection .select2-selection__arrow::before {
    -webkit-transform: scale(-1) translateY(-50%);
    -ms-transform: scale(-1) translateY(-50%);
    transform: scale(-1) translateY(-50%);
}
.input-select .select2-selection {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #02000c;
    transition: border 0.25s;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    line-height: 1;
}
.input-select .select2-selection.select2-selection--single {
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.input-select .select2-selection.select2-selection--single .select2-selection__rendered {
    color: #02000c;
    padding: 0;
}
.input-select .select2-selection.select2-selection--single .select2-selection__arrow {
    transition: border 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-select .select2-selection.select2-selection--single .select2-selection__arrow b {
    display: none;
}
.input-select .select2-selection.select2-selection--single .select2-selection__arrow::before {
    transition: transform 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
    display: block;
    font: var(--fa-font-solid);
    content: "";
    position: relative;
    font-size: 16px;
    color: #02000c;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}
.input-select .select2-dropdown {
    border-radius: 0;
}
.input-select .select2-results {
    max-height: 250px;
    overflow-y: auto;
}
.input-select .select2-results__options {
    background: #fff;
}
.input-select .select2-results__option {
    padding: 8px 0 8px 5px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    line-height: 1;
    color: #02000c;
}
.input-select .select2-results__option[role="group"] {
    padding: 0;
}
.input-select .select2-results__option + .select2-results__option {
    border-top: 1px solid #02000c;
}
.input-select .select2-results__option--selected {
    background: rgba(31, 0, 145, 0.3);
    color: #fff;
}
.input-select .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #283377;
    color: #fff;
}
.input-submit {
    width: 100%;
}
.input-submit input {
    display: none;
}
.input-submit .btn--primary .btn-wrapper {
    padding: 0 80px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 1px solid #283377;
}
.wpcf7 form .wpcf7-response-output {
    width: 100%;
    text-align: center;
    padding: 10px 16px;
    margin-top: 30px;
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    color: #283377;
}
.wpcf7-form-control-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
}
.wpcf7-form-control-wrap input {
    order: 2;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-family: "Quantico", sans-serif;
    font-weight: 400;
    letter-spacing: -0.07em !important;
    margin-bottom: 5px;
    order: 1;
}
.section {
    position: relative;
    z-index: 2;
}
.section.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section:first-child {
    padding-top: 115px;
    transition: padding 0.5s;
}
.section:first-child > .wrap > .padd {
    padding-top: 0;
}
.section.section-c0 {
    background-color: var(--c0);
}
.section.section-c0.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c0 + .section-c0 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c0 + .section-c0 > .padd {
    padding-top: 0;
}
.section.section-c1 {
    background-color: var(--c1);
}
.section.section-c1.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c1 + .section-c1 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c1 + .section-c1 > .padd {
    padding-top: 0;
}
.section.section-c2 {
    background-color: var(--c2);
}
.section.section-c2.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c2 + .section-c2 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c2 + .section-c2 > .padd {
    padding-top: 0;
}
.section.section-c3 {
    background-color: var(--c3);
}
.section.section-c3.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c3 + .section-c3 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c3 + .section-c3 > .padd {
    padding-top: 0;
}
.section.section-c4 {
    background-color: var(--c4);
}
.section.section-c4.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c4 + .section-c4 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c4 + .section-c4 > .padd {
    padding-top: 0;
}
.section.section-c5 {
    background-color: var(--c5);
}
.section.section-c5.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c5 + .section-c5 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c5 + .section-c5 > .padd {
    padding-top: 0;
}
.section.section-c6 {
    background-color: var(--c6);
}
.section.section-c6.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c6 + .section-c6 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c6 + .section-c6 > .padd {
    padding-top: 0;
}
.section.section-c7 {
    background-color: var(--c7);
}
.section.section-c7.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c7 + .section-c7 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c7 + .section-c7 > .padd {
    padding-top: 0;
}
.section.section-c8 {
    background-color: var(--c8);
}
.section.section-c8.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c8 + .section-c8 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c8 + .section-c8 > .padd {
    padding-top: 0;
}
.section.section-c9 {
    background-color: var(--c9);
}
.section.section-c9.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c9 + .section-c9 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c9 + .section-c9 > .padd {
    padding-top: 0;
}
.section.section-c10 {
    background-color: var(--c10);
}
.section.section-c10.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c10 + .section-c10 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c10 + .section-c10 > .padd {
    padding-top: 0;
}
.section.section-c11 {
    background-color: var(--c11);
}
.section.section-c11.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c11 + .section-c11 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c11 + .section-c11 > .padd {
    padding-top: 0;
}
.section.section-c12 {
    background-color: var(--c12);
}
.section.section-c12.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c12 + .section-c12 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c12 + .section-c12 > .padd {
    padding-top: 0;
}
.section.section-c13 {
    background-color: var(--c13);
}
.section.section-c13.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c13 + .section-c13 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c13 + .section-c13 > .padd {
    padding-top: 0;
}
.section.section-c14 {
    background-color: var(--c14);
}
.section.section-c14.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c14 + .section-c14 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c14 + .section-c14 > .padd {
    padding-top: 0;
}
.section.section-c15 {
    background-color: var(--c15);
}
.section.section-c15.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c15 + .section-c15 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c15 + .section-c15 > .padd {
    padding-top: 0;
}
.section.section-c16 {
    background-color: var(--c16);
}
.section.section-c16.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c16 + .section-c16 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c16 + .section-c16 > .padd {
    padding-top: 0;
}
.section.section-c17 {
    background-color: var(--c17);
}
.section.section-c17.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c17 + .section-c17 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c17 + .section-c17 > .padd {
    padding-top: 0;
}
.section.section-c18 {
    background-color: var(--c18);
}
.section.section-c18.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c18 + .section-c18 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c18 + .section-c18 > .padd {
    padding-top: 0;
}
.section.section-c19 {
    background-color: var(--c19);
}
.section.section-c19.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c19 + .section-c19 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c19 + .section-c19 > .padd {
    padding-top: 0;
}
.section.section-c20 {
    background-color: var(--c20);
}
.section.section-c20.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c20 + .section-c20 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c20 + .section-c20 > .padd {
    padding-top: 0;
}
.section.section-c21 {
    background-color: var(--c21);
}
.section.section-c21.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c21 + .section-c21 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c21 + .section-c21 > .padd {
    padding-top: 0;
}
.section.section-c22 {
    background-color: var(--c22);
}
.section.section-c22.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c22 + .section-c22 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c22 + .section-c22 > .padd {
    padding-top: 0;
}
.section.section-c23 {
    background-color: var(--c23);
}
.section.section-c23.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c23 + .section-c23 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c23 + .section-c23 > .padd {
    padding-top: 0;
}
.section.section-c24 {
    background-color: var(--c24);
}
.section.section-c24.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c24 + .section-c24 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c24 + .section-c24 > .padd {
    padding-top: 0;
}
.section.section-c25 {
    background-color: var(--c25);
}
.section.section-c25.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c25 + .section-c25 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c25 + .section-c25 > .padd {
    padding-top: 0;
}
.section.section-c26 {
    background-color: var(--c26);
}
.section.section-c26.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c26 + .section-c26 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c26 + .section-c26 > .padd {
    padding-top: 0;
}
.section.section-c27 {
    background-color: var(--c27);
}
.section.section-c27.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c27 + .section-c27 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c27 + .section-c27 > .padd {
    padding-top: 0;
}
.section.section-c28 {
    background-color: var(--c28);
}
.section.section-c28.no-bg {
    background-color: rgba(0, 0, 0, 0);
}
.section.section-c28 + .section-c28 > .wrap > .padd {
    padding-top: 0;
}
.section.section-c28 + .section-c28 > .padd {
    padding-top: 0;
}
.sep-grey {
    height: 90px;
    background: #f2f2f2;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.sep-grey::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 60%;
    height: 91px;
    background: #d4d4d4;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 550px) {
    .sep-grey::before {
        height: 46px;
    }
}
@media screen and (max-width: 550px) {
    .sep-grey {
        height: 45px;
    }
}
.sec-grey + .sep-footer {
    background: #d4d4d4;
}
.section-hero {
    background: #f2f2f2;
    position: relative;
    z-index: 2;
}
.section-hero h1 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    font-size: 104px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-hero h1 {
        font-size: 90px;
    }
}
@media screen and (max-width: 768px) {
    .section-hero h1 {
        font-size: 76px;
    }
}
@media screen and (max-width: 600px) {
    .section-hero h1 {
        font-size: 62px;
    }
}
@media screen and (max-width: 500px) {
    .section-hero h1 {
        font-size: 54px;
    }
}
@media screen and (max-width: 500px) {
    .section-hero h1 {
        font-size: 48px;
    }
}
.section-hero.style-1 .content {
    align-items: flex-start;
    margin-bottom: 0;
    padding-bottom: 70px;
}
.section-hero.style-1 .content .text-content > * + * {
    margin-top: 32px;
}
.section-hero.style-1 .content .text-content p {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 18px;
    color: #2a2a2a;
}
.section-hero.style-1 .content .text-content .list-inline {
    align-items: center;
}
.section-hero.style-1 .content .text-content .list-inline li {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 18px;
    text-transform: uppercase;
    color: #283377;
    padding-left: 0;
    padding-right: 0;
}
.section-hero.style-1 .content .text-content .list-inline li.spacer {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d9d9d9;
    margin: 0 6px;
}
.section-image-fixed {
    position: relative;
    height: 700px;
    overflow: hidden;
    z-index: 1;
}
.section-image-fixed::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 0;
    width: 60%;
    height: 91px;
    background: #f2f2f2;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
@media screen and (max-width: 550px) {
    .section-image-fixed::after {
        height: 46px;
    }
}
.section-image-fixed .bg-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    will-change: transform;
    z-index: 1;
}
.section-image-fixed {
    position: relative;
    min-height: 700px;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 160px 0;
}
.section-image-fixed::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 0;
    width: 60%;
    height: 91px;
    background: #f2f2f2;
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
@media screen and (max-width: 550px) {
    .section-image-fixed::after {
        height: 46px;
    }
}
.section-image-fixed .bg-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 1;
}
.section-image-fixed .tf-container {
    position: relative;
    z-index: 3;
}
.section-image-fixed .tf-container .texte-over-image {
    background: hsla(0, 0%, 100%, 0.95);
    padding: 48px;
    border-radius: 4px;
    width: 100%;
    max-width: 530px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    color: #283377;
    font-size: 20px;
    line-height: 1.3;
}
.section-a-propos {
    position: relative;
    z-index: 2;
}
.section-a-propos .title-col h3 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    color: #2a2a2a;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-a-propos .title-col h3 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-a-propos .title-col h3 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-a-propos .title-col h3 {
        font-size: 48px;
    }
}
.section-a-propos .text-col p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #565656;
}
.section-a-propos .text-col p strong {
    font-weight: 500;
    color: #283377;
    font-size: 20px;
    line-height: normal;
}
.section-a-propos .text-col p + p {
    margin-top: 24px;
}
.section-a-propos .text-col p + a {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .section-a-propos .text-col p {
        font-size: 16px;
    }
    .section-a-propos .text-col p strong {
        font-size: 16px;
    }
}
.section-a-propos .engag-col .list .content__header {
    display: flex;
    align-items: center;
    gap: 8px;
}
.section-a-propos .engag-col .list .content__header .icon {
    width: 43px;
}
.section-a-propos .engag-col .list .content__header + p {
    margin-left: 51px;
}
.section-a-propos .engag-col .list .content__header h5 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    color: #2a2a2a;
    text-transform: uppercase;
    font-size: 32px;
}
@media screen and (max-width: 550px) {
    .section-a-propos .engag-col .list .content__header h5 {
        font-size: 24px;
    }
}
.section-a-propos .engag-col .list .content p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #565656;
}
@media screen and (max-width: 768px) {
    .section-a-propos .engag-col .list .content p {
        font-size: 16px;
    }
}
.section-bandeau-compteurs {
    position: relative;
    z-index: 2;
    background: #f2f2f2;
}
.section-bandeau-compteurs .content {
    padding-right: 5vw !important;
    padding-left: 5vw !important;
}
.section-bandeau-compteurs .content .wrap {
    padding: 0;
}
.section-bandeau-compteurs .tf-box-icon {
    width: 290px;
    max-width: 100%;
}
.section-bandeau-compteurs .tf-box-icon .heading {
    margin-bottom: 48px;
}
.section-bandeau-compteurs .tf-box-icon .heading .counter-number h2 {
    display: flex;
    align-items: flex-start;
}
.section-bandeau-compteurs .tf-box-icon .heading .counter-number h2 span {
    font-size: 48px;
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
}
.section-bandeau-compteurs .tf-box-icon .heading .counter-number h2 span.sufpref {
    font-size: 36px;
}
.section-bandeau-compteurs .tf-box-icon h6 {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    text-wrap: wrap !important;
    line-height: normal;
}
.section-bandeau-compteurs .tf-box-icon.dark {
    background: #2a2a2a !important;
}
.section-bandeau-compteurs .tf-box-icon.dark .counter-number h2 span {
    color: #f2f2f2;
}
.section-bandeau-compteurs .tf-box-icon.dark h6 {
    color: #f2f2f2;
}
.section-bandeau-compteurs .tf-box-icon.blue {
    background: #283377 !important;
}
.section-bandeau-compteurs .tf-box-icon.blue .counter-number h2 span {
    color: #f2f2f2;
}
.section-bandeau-compteurs .tf-box-icon.blue h6 {
    color: #f2f2f2;
}
.section-bandeau-compteurs .tf-box-icon.grey {
    background: #f2f2f2 !important;
}
.section-bandeau-compteurs .tf-box-icon.grey .counter-number h2 span {
    color: #283377;
}
.section-bandeau-compteurs .tf-box-icon.grey h6 {
    color: #283377;
}
@media screen and (max-width: 767px) {
    .section-bandeau-compteurs .parallaxie {
        height: auto;
    }
    .section-bandeau-compteurs .parallaxie .content {
        position: relative;
        padding-top: 60px;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 600px) {
    .section-bandeau-compteurs .wrap {
        align-items: center;
    }
    .section-bandeau-compteurs .wrap .bot {
        flex-direction: column;
        align-items: center;
    }
}
.section-image-et-texte {
    background: #f2f2f2;
    position: relative;
    z-index: 2;
}
.section-image-et-texte .sec-title {
    position: relative;
    z-index: 2;
}
.section-image-et-texte .sec-title h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-image-et-texte .sec-title h2 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-image-et-texte .sec-title h2 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-image-et-texte .sec-title h2 {
        font-size: 48px;
    }
}
.section-image-et-texte .sec-content {
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}
.section-image-et-texte .sec-content .text-col p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #565656;
}
.section-image-et-texte .sec-content .text-col p strong {
    font-weight: 500;
    color: #283377;
    font-size: 20px;
    line-height: normal;
}
.section-image-et-texte .sec-content .text-col p + p {
    margin-top: 24px;
}
.section-image-et-texte .sec-content .text-col p + a {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .section-image-et-texte .sec-content .text-col p {
        font-size: 16px;
    }
    .section-image-et-texte .sec-content .text-col p strong {
        font-size: 16px;
    }
    .section-image-et-texte .sec-content {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@media screen and (max-width: 992px) {
    .section-image-et-texte .sec-content .text-col {
        margin-top: 48px;
    }
}
.section-image-et-texte.alt .sec-img img {
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
}
.section-image-et-texte.alt .sec-content {
    transform: none;
}
/* .section-image-et-texte.alt .sec-content .text-col p strong {
    color: #161616;
} */
@media screen and (max-width: 992px) {
    .section-image-et-texte.alt .sec-content .text-col {
        margin-top: 48px;
    }
}
.section-image-et-textes {
    background: #f2f2f2;
    position: relative;
    z-index: 2;
}
.section-image-et-textes .sec-content {
    position: relative;
    z-index: 1;
}
.section-image-et-textes .sec-content .desc-col p {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 20px;
    color: #283377;
}
.section-image-et-textes .sec-content .desc-col p + p {
    margin-top: 24px;
}
@media screen and (max-width: 768px) {
    .section-image-et-textes .sec-content .desc-col p {
        font-size: 18px;
    }
}
.section-image-et-textes .sec-content .desc-col img {
    margin-top: 32px;
    width: 80%;
    aspect-ratio: 4/3;
    display: block;
    object-fit: cover;
    clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}
.section-image-et-textes .sec-content .text-col {
    padding-top: 80px;
}
.section-image-et-textes .sec-content .text-col p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #565656;
}
.section-image-et-textes .sec-content .text-col p strong {
    font-weight: 500;
    color: #283377;
    font-size: 20px;
}
.section-image-et-textes .sec-content .text-col p + p {
    margin-top: 24px;
}
.section-image-et-textes .sec-content .text-col p + a {
    margin-top: 40px;
}
@media screen and (max-width: 768px) {
    .section-image-et-textes .sec-content .text-col p {
        font-size: 16px;
    }
    .section-image-et-textes .sec-content .text-col p strong {
        font-size: 16px;
    }
}
@media screen and (max-width: 992px) {
    .section-image-et-textes .sec-content .text-col {
        padding-top: 48px;
    }
}
.section-entete {
    position: relative;
    z-index: 2;
    padding: 200px 0 130px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.section-entete .tf-container {
    position: relative;
    z-index: 3;
}
.section-entete::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(22, 22, 22, 0.6);
    z-index: 1;
}
.section-entete::after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -1px;
    left: 0;
    width: 40%;
    height: 91px;
    background: #f2f2f2;
    z-index: 2;
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 550px) {
    .section-entete::after {
        height: 46px;
    }
}
.section-entete .content-col {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px 64px;
    flex-wrap: wrap;
}
.section-entete .content-col .breadcrumb {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #f2f2f2;
    gap: 8px;
}
.section-entete .content-col .breadcrumb a {
    color: #a1a1a1;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.section-entete .content-col .breadcrumb a:hover {
    color: #f2f2f2;
}
.section-entete .content-col h1 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    color: #f2f2f2;
}
.section-equipe {
    position: relative;
    z-index: 2;
    background: #f2f2f2;
}
.section-equipe .tf-container {
    padding-top: 0;
}
.section-equipe .sec-title {
    position: relative;
    z-index: 2;
    margin-bottom: 32px;
}
.section-equipe .sec-title h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-equipe .sec-title h2 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-equipe .sec-title h2 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-equipe .sec-title h2 {
        font-size: 48px;
    }
}
.section-equipe .div-title {
    margin-top: 64px;
    margin-bottom: 32px;
}
.section-equipe .div-title h3 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    font-size: 48px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-equipe .div-title h3 {
        font-size: 36px;
    }
}
@media screen and (max-width: 768px) {
    .section-equipe .div-title h3 {
        font-size: 30px;
    }
}
.section-equipe .agent-item .img-style {
    border-radius: 4px;
}
.section-equipe .agent-item .name {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 20px;
    color: #161616;
}
.section-equipe .agent-item .text-caption-1 {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #565656;
}
.section-equipe .agent-item .wrap-icon a {
    border-color: #283377;
    color: #283377;
}
.section-equipe .agent-item .wrap-icon a:hover {
    background-color: #283377;
    color: #fff;
}
.section-certifications {
    position: relative;
    z-index: 2;
    background: #d4d4d4;
}
.section-certifications .sec-title {
    position: relative;
    z-index: 2;
    margin-bottom: 32px;
}
.section-certifications .sec-title h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
}
.section-services .process-item h5 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    color: #000;
    text-transform: uppercase;
}
.section-services .process-item p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    color: #565656;
    font-size: 18px;
}
@media screen and (max-width: 550px) {
    .section-services .process-item p {
        font-size: 16px;
    }
}
.section-services .process-item .line {
    background: #e0e0e0;
    width: 6px;
}
.section-services .process-item.active .line {
    background: #283377;
}
.section-services .tab-content .img-style {
    border-radius: 0;
}
.section-services .tab-content .img-style img {
    border-radius: 0;
    width: 100%;
    aspect-ratio: 1/1;
    clip-path: polygon(90% 0, 100% 10%, 100% 100%, 0 100%, 0 0);
    object-fit: cover;
}
.section-service-high {
    position: relative;
    z-index: 2;
    background: #f2f2f2;
}
.section-service-high .sec-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
    margin: 0;
    padding-top: 0;
    margin-bottom: 48px;
}
.section-service-high .sec-title h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    color: #2a2a2a;
    max-width: 520px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-service-high .sec-title h2 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-service-high .sec-title h2 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-service-high .sec-title h2 {
        font-size: 48px;
    }
}
.section-service-high .card-about {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.section-service-high .card-about > * {
    z-index: 3;
}
.section-service-high .card-about .img-style {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.section-service-high .card-about .img-style img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-service-high .card-about::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.section-service-high .card-about h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 48px;
    color: #2a2a2a;
}
.section-service-high .card-about h4 {
    font-family: "Quantico", sans-serif;
    font-weight: 600;
    letter-spacing: -0.07em !important;
    font-size: 36px;
    color: #2a2a2a;
    text-transform: uppercase;
}
.section-service-high .card-about:nth-child(4n-3)::before {
    background: rgba(242, 242, 242, 0.8);
}
.section-service-high .card-about:nth-child(4n-2)::before {
    background: rgba(44, 46, 121, 0.5);
}
.section-service-high .card-about:nth-child(4n-2) h2,
.section-service-high .card-about:nth-child(4n-2) h4 {
    color: #f2f2f2;
}
.section-service-high .card-about:nth-child(4n-2) .content {
    position: relative;
}
.section-service-high .card-about:nth-child(4n-1)::before {
    background: rgba(42, 42, 42, 0.5);
}
.section-service-high .card-about:nth-child(4n-1) h2,
.section-service-high .card-about:nth-child(4n-1) h4 {
    color: #f2f2f2;
}
.section-service-high .card-about:nth-child(4n)::before {
    background: rgba(242, 242, 242, 0);
}
.section-service-high .card-about:nth-child(4n) .img-style {
    background: #fff;
}
.section-service-high .card-about:nth-child(4n) .content {
    position: relative;
}
@media screen and (max-width: 767px) {
    .section-service-high .card-about {
        height: 350px !important;
    }
}
.section-realisations__filters .filter-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.section-realisations__filters .filter-group > div {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #161616;
}
.section-realisations__filters .filter-group .select-filter {
    width: 250px;
}
.section-realisations__grid {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}
.section-realisations .no-results {
    margin-top: 48px;
    text-align: center;
    grid-column: 1/-1;
}
.section-realisations .no-results p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 20px;
    color: rgba(22, 22, 22, 0.5);
}
@media screen and (max-width: 1024px) {
    .section-realisations__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 650px) {
    .section-realisations__filters .filter-group {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .section-realisations__filters .filter-group > div {
        width: 100%;
    }
    .section-realisations__filters .filter-group .select-filter {
        flex: 1;
    }
}
@media screen and (max-width: 600px) {
    .section-realisations__grid {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 500px) {
    .section-realisations__filters .filter-group .select-filter {
        flex: none;
        width: 100%;
        max-width: 100%;
    }
}
.real-loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.wp-admin .real-loading {
    display: none;
}
.ajax-loading .real-loading {
    opacity: 1;
    visibility: visible;
}
.real-loading .real-loader {
    width: 48px;
    height: 48px;
    border: 5px solid #f2f2f2;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.select2 {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 44px;
    border: 1px solid #d4d4d4;
    border-radius: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 300;
    letter-spacing: initial;
    font-size: 18px;
    color: #a1a1a1;
}
.select2-container .select2-selection--single .select2-selection__arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.select2-dropdown {
    border: 1px solid #e0e0e0;
    border-radius: 0 !important;
}
.select2-dropdown .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}
.select2-dropdown .select2-results__option {
    height: 44px;
    padding: 0 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 300;
    letter-spacing: initial;
    font-size: 18px;
    color: #a1a1a1;
    display: flex;
    align-items: center;
}
.select2-dropdown .select2-results__option[aria-selected="true"] {
    background: #05001a;
}
.select2-dropdown .select2-results__option--highlighted {
    background: #283377 !important;
    color: #fff !important;
}
.select2-search--dropdown {
    display: none !important;
}
.project-item:not(.home) {
    cursor: pointer;
}
.project-item__img {
    width: 100%;
    aspect-ratio: 5/3;
}
.project-item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
.project-item__details {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.project-item__details--cat {
    display: flex;
    align-items: center;
    gap: 4px;
}
.project-item__details--cat .location {
    background: #283377;
    color: #f2f2f2;
    padding: 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 14px;
}
.project-item__details--cat .type {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 14px;
    background: #e0e0e0;
    color: #0d0d0d;
    padding: 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 14px;
}
.project-item__details--date {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #283377;
}
.project-item__title h3 {
    margin: 12px 0 24px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 24px;
    color: #02000c;
    line-height: 1.2;
}
.project-item-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}
.project-item-popup__container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px 5vw;
}
.project-item-popup__close {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}
.project-item-popup__close button {
    border: none;
    width: 38px;
    height: 38px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #283377;
    color: #fff !important;
    font-size: 24px;
    transition: all 0.3s ease;
}
.project-item-popup__close button:hover {
    background: #a1a1a1;
}
.project-item-popup__wrapper {
    background: #fff;
    max-width: 950px;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    padding: 24px 48px 64px;
}
.project-item-popup__gallery {
    width: 100%;
    margin-top: 24px;
}
.project-item-popup__gallery .swiper-project {
    width: 100%;
    position: relative;
}
.project-item-popup__gallery .swiper-project .swiper-wrapper {
    position: relative;
    z-index: 1;
}
.project-item-popup__gallery .swiper-project .swiper-wrapper .swiper-slide {
    width: 100%;
}
.project-item-popup__gallery .swiper-project .swiper-wrapper .swiper-slide img {
    width: 100%;
    aspect-ratio: 5/3;
    object-fit: cover;
    border-radius: 4px;
}
.project-item-popup__gallery .swiper-project .swiper-nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 50px;
    height: 50px;
    background: #283377;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #fff;
    border-radius: 2px;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.project-item-popup__gallery .swiper-project .swiper-nav.swiper-nav-next {
    right: 10px;
}
.project-item-popup__gallery .swiper-project .swiper-nav.swiper-nav-prev {
    left: 10px;
}
.project-item-popup__gallery .swiper-project .swiper-nav:hover {
    background: #a1a1a1;
}
.project-item-popup__img {
    margin-top: 24px;
    width: 100%;
    aspect-ratio: 5/3;
    object-fit: cover;
    border-radius: 4px;
}
.project-item-popup__details {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px 18px;
}
.project-item-popup__details--cat {
    display: flex;
    align-items: center;
    gap: 4px;
}
.project-item-popup__details--cat .location {
    background: #283377;
    color: #f2f2f2;
    padding: 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 14px;
}
.project-item-popup__details--cat .type {
    background: #e0e0e0;
    padding: 12px;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 14px;
    color: #0d0d0d;
}
.project-item-popup__details--date {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 18px;
    color: #283377;
}
.project-item-popup__title {
    padding: 24px 0;
    border-bottom: 1px solid #e0e0e0;
}
.project-item-popup__title h3 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 42px;
    color: #161616;
    line-height: 1.2;
}
.project-item-popup__title p {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 24px;
}
.project-item-popup__title p iconify-icon {
    font-size: 20px;
    color: #283377;
}
.project-item-popup__title p span {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 16px;
    color: #6e6e6e;
}
.project-item-popup__texts {
    margin-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 48px 24px;
}
.project-item-popup__texts .description {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 20px;
    color: #283377;
    line-height: normal;
}
.project-item-popup__texts .t-content {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    font-size: 16px;
    color: #565656;
}
@media screen and (max-width: 768px) {
    .project-item-popup__wrapper {
        padding: 24px 24px 32px;
    }
    .project-item-popup__gallery .swiper-project .swiper-nav {
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
    .project-item-popup__texts {
        grid-template-columns: 1fr;
    }
}
.section-realisations-high {
    position: relative;
    z-index: 2;
    background: #d4d4d4;
}
.section-realisations-high .sec-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
    margin: 0 0 48px;
    padding-top: 0;
}
.section-realisations-high .sec-title h2 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    text-transform: uppercase;
    color: #2a2a2a;
    max-width: 520px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-realisations-high .sec-title h2 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-realisations-high .sec-title h2 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-realisations-high .sec-title h2 {
        font-size: 48px;
    }
}
.section-realisations-high .swiper-timeline {
    overflow: hidden;
    height: auto;
}
.section-realisations-high .swiper-timeline .swiper-wrapper {
    display: flex;
}
.section-realisations-high .swiper-timeline-navigation {
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.section-realisations-high .swiper-timeline-navigation .swiper-timeline-index {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 18px;
    color: #a1a1a1;
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
}
.section-realisations-high .swiper-timeline-navigation .swiper-timeline-index .current-index {
    color: #283377;
}
.section-realisations-high .swiper-timeline-navigation__scrollbar {
    flex-grow: 1;
    height: 3px;
    background: rgba(2, 0, 12, 0.15);
}
.section-realisations-high .swiper-timeline-navigation__scrollbar div {
    background: #283377;
}
.section-realisations-high .swiper-timeline-navigation__navigation {
    flex-shrink: 0;
}
.section-realisations-high .swiper-timeline-navigation__navigation .swiper-navigation {
    display: flex;
    align-items: center;
}
.section-realisations-high .swiper-timeline-navigation__navigation .swiper-navigation > * {
    position: relative;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    color: #283377;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 24px;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    margin-top: 0;
}
@media screen and (min-width: 550px) {
    .section-realisations-high .swiper-timeline-navigation__navigation .swiper-navigation > *:hover {
        color: #a1a1a1;
    }
}
.section-realisations-high .swiper-timeline-navigation__navigation .swiper-navigation > *:last-child {
    width: 38px;
    border-left: 1px solid #a1a1a1;
}
.section-realisations-high .swiper-timeline-navigation__navigation .swiper-navigation.alt > * {
    color: #fff;
}
.section-image-et-liste .heading-section h3 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    color: #2a2a2a;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-image-et-liste .heading-section h3 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-image-et-liste .heading-section h3 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-image-et-liste .heading-section h3 {
        font-size: 48px;
    }
}
.section-image-et-liste .heading-section span {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    color: #283377;
    font-size: 20px;
    line-height: normal;
}
@media screen and (max-width: 550px) {
    .section-image-et-liste .heading-section span {
        font-size: 18px;
    }
}
.section-image-et-liste .wrap-icon {
    margin-bottom: 0;
}
.section-image-et-liste .wrap-icon .tf-box-icon .icon {
    width: 50px;
    height: 50px;
}
.section-image-et-liste .wrap-icon .tf-box-icon .icon img {
    width: 60%;
    height: 60%;
    object-fit: contain;
}
.section-image-et-liste .wrap-icon .tf-box-icon .content h5 {
    font-family: "Lexend", sans-serif;
    font-weight: 600;
    letter-spacing: initial;
    color: #2a2a2a;
    font-size: 18px;
}
@media screen and (max-width: 550px) {
    .section-image-et-liste .wrap-icon .tf-box-icon .content h5 {
        font-size: 16px;
    }
}
.section-image-et-liste .wrap-icon .tf-box-icon .content p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    color: #565656;
    font-size: 16px;
}
.section-image-et-liste .wrap-icon .tf-box-icon:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
}
.section-image-et-liste .wrap-icon .tf-box-icon:hover .icon {
    background: #a1a1a1;
}
@media screen and (max-width: 991px) {
    .section-image-et-liste .thumbs {
        display: none;
    }
}
.section-emplois {
    background: #d4d4d4;
}
.section-emplois .heading-section h3 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    color: #2a2a2a;
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 72px;
    line-height: 1;
}
@media screen and (max-width: 1024px) {
    .section-emplois .heading-section h3 {
        font-size: 64px;
    }
}
@media screen and (max-width: 768px) {
    .section-emplois .heading-section h3 {
        font-size: 56px;
    }
}
@media screen and (max-width: 550px) {
    .section-emplois .heading-section h3 {
        font-size: 48px;
    }
}
.section-emplois .heading-section span {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    color: #404040;
    font-size: 18px;
    width: 100%;
}
@media screen and (max-width: 550px) {
    .section-emplois .heading-section span {
        font-size: 16px;
    }
}
.section-emplois .career-item {
    border-radius: 4px;
    border-color: #283377;
}
.section-emplois .career-item .text-title {
    font-family: "Quantico", sans-serif;
    font-weight: 600;
    letter-spacing: -0.07em !important;
    color: #2a2a2a;
    font-size: 18px;
    text-transform: uppercase;
}
.section-emplois .career-item ul li {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    color: #565656;
    font-size: 16px;
}
.section-emplois .career-item ul li i {
    color: #283377;
}
.section-contact {
    position: relative;
    z-index: 2;
    background: #f2f2f2;
}
.section-contact .heading h4 {
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    color: #2a2a2a;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.section-contact .heading p {
    font-family: "Lexend", sans-serif;
    font-weight: 400;
    letter-spacing: initial;
    color: #404040;
    font-size: 18px;
}
@media screen and (max-width: 550px) {
    .section-contact .heading p {
        font-size: 16px;
    }
}
.section-contact .info {
    margin-bottom: 0;
}
.section-contact .info .bureau {
    margin-top: 32px;
    display: block;
}
.section-contact .info .bureau__titre {
    color: #2a2a2a;
    font-family: "Quantico", sans-serif;
    font-weight: 700;
    letter-spacing: -0.07em !important;
    font-size: 16px;
    margin-bottom: 16px;
    text-transform: uppercase;
    line-height: 1.3;
}
.section-contact .info .bureau__detail {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #404040;
    margin-top: 8px;
}
.section-contact .info .bureau__detail .icon {
    font-size: 20px;
}
.section-contact .info .bureau__detail a,
.section-contact .info .bureau__detail p {
    font-family: "Lexend", sans-serif;
    font-weight: 500;
    letter-spacing: initial;
    font-size: 15px;
    color: #404040;
    transition: color 0.5s cubic-bezier(0.68, 0.16, 0.39, 0.98);
}
.section-contact .info .bureau__detail a:hover {
    color: #a1a1a1;
}
.tf-spacing-1 + .section-contact .tf-spacing-1 {
    padding-top: 0;
} /*# sourceMappingURL=style.min.css.map */