@charset "UTF-8";
/*
Theme Name: delajod-promotion
Theme URI: https://www.rl2b.com/
Author: RL2B DESIGN
Author URI: https://www.rl2b.com
Description: Thème Delajod Promotion
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rl2b
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
*::selection {
  background-color: #ED244A;
  color: #ffffff;
}

html, body {
  margin: 0 auto;
  scroll-behavior: smooth;
  overscroll-behavior: none;
  overflow-x: hidden;
}
html img, body img {
  -webkit-user-drag: none;
  user-select: none;
}

@font-face {
  font-family: "Gotham bold";
  src: url("assets/src/font/gotham/Gotham-Bold.ttf");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: "Gotham medium";
  src: url("assets/src/font/gotham/Gotham-Medium.otf");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Gotham";
  src: url("assets/src/font/gotham/Gotham-Book.otf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Inter";
  src: url("assets/src/font/inter/inter.ttf");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Inter bold";
  src: url("assets/src/font/inter/inter.ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Inter Bold";
  src: url("assets/src/font/inter/Inter-Bold.ttf");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "Inter Semi Bold";
  src: url("assets/src/font/inter/Inter-SemiBold.ttf");
  font-style: normal;
}
@font-face {
  font-family: "Inter Medium";
  src: url("assets/src/font/inter/Inter-Medium.ttf");
  font-style: normal;
}
header {
  position: fixed;
  padding: 0 50px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
@media screen and (max-width: 1500px) {
  header {
    padding: 0 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header {
    padding: 0 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header {
    padding: 0 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header {
    padding: 0 4.5%;
    align-items: flex-end;
  }
}
header .left-part {
  position: relative;
  height: 92px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 1500px) {
  header .left-part {
    height: 86px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part {
    height: 80px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .left-part {
    height: 74px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header .left-part {
    height: 63px;
  }
}
header .left-part a {
  position: relative;
  height: fit-content;
  width: fit-content;
  transform: translateY(-1px);
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
header .left-part a .logo {
  position: relative;
  height: fit-content;
  width: fit-content;
  padding: 23px 28px 19px;
  background-color: #172637;
}
@media screen and (max-width: 992px) {
  header .left-part a .logo {
    padding: 22px 25px 15px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  header .left-part a .logo {
    padding: 19px 17px 10px;
  }
}
header .left-part a .logo img {
  position: relative;
  height: auto;
  width: 135px;
}
@media screen and (max-width: 1500px) {
  header .left-part a .logo img {
    width: 115px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part a .logo img {
    width: 95px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  header .left-part a .logo img {
    width: 85px;
  }
}
header .left-part a.small {
  transform: translateY(-93px);
}
@media screen and (max-width: 1500px) {
  header .left-part a.small {
    transform: translateY(-86px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part a.small {
    transform: translateY(-80px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .left-part a.small {
    transform: translateY(-74px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header .left-part a.small {
    transform: translateY(-63px);
  }
}
header .left-part a.small .logo {
  padding: 23px 23px 23px 27px;
}
@media screen and (max-width: 1500px) {
  header .left-part a.small .logo {
    padding: 21px 22px 21px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part a.small .logo {
    padding: 21px 20px 21px 23px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .left-part a.small .logo {
    padding: 19px 17px 19px 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header .left-part a.small .logo {
    padding: 16px 16px 16px 19px;
  }
}
header .left-part a.small .logo img {
  height: 44px;
  width: auto;
}
@media screen and (max-width: 1500px) {
  header .left-part a.small .logo img {
    height: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part a.small .logo img {
    height: 36px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .left-part a.small .logo img {
    height: 32px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header .left-part a.small .logo img {
    height: 28px;
  }
}
header .left-part.is-small a {
  transform: translateY(95px);
}
@media screen and (max-width: 1500px) {
  header .left-part.is-small a {
    transform: translateY(87px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .left-part.is-small a {
    transform: translateY(81px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .left-part.is-small a {
    transform: translateY(75px);
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  header .left-part.is-small a {
    transform: translateY(64px);
  }
}
header .right-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
header .right-part a {
  position: relative;
  margin-right: 20px;
  text-decoration: none;
}
header .right-part a .find-house {
  position: relative;
  padding: 18px 30px;
  border-radius: 30px;
  background-color: #172637;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  header .right-part a .find-house {
    padding: 16px 23px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .right-part a .find-house {
    padding: 14px 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  header .right-part a .find-house {
    display: none;
  }
}
header .right-part a .find-house p {
  position: relative;
  text-align: center;
  font-family: "Gotham medium", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #ffffff;
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  header .right-part a .find-house p {
    font-size: 15px;
  }
}
header .right-part a .find-house:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 30px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  header .right-part a .find-house:before {
    display: none;
  }
}
header .right-part a .find-house:hover:before {
  left: -2.5%;
}
@media screen and (max-width: 576px) {
  header .right-part a .espace-client p span {
    display: none;
  }
}
header .right-part a .espace-client svg {
  margin-right: 5px;
}
@media screen and (max-width: 576px) {
  header .right-part a .espace-client svg {
    margin-right: 0px;
  }
}
header .right-part a .espace-client:hover svg g {
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
  stroke: #fff;
}
@media screen and (max-width: 576px) {
  header .right-part #openMailPopup {
    display: none;
  }
}
header .right-part .menu-button {
  position: relative;
  height: 60px;
  padding: 18px 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  header .right-part .menu-button {
    height: 56px;
    padding: 16px 26px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .right-part .menu-button {
    height: 52px;
    padding: 14px 22px;
  }
}
header .right-part .menu-button span {
  position: relative;
  height: 2px;
  width: 20px;
  border-radius: 3px;
  background-color: #172637;
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
header .right-part .menu-button span:before, header .right-part .menu-button span:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  border-radius: 3px;
  background-color: #172637;
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), top 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), bottom 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
header .right-part .menu-button span:before {
  top: -5px;
}
header .right-part .menu-button span:after {
  bottom: -5px;
}
header .right-part .menu-button:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 30px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  header .right-part .menu-button:before {
    display: none;
  }
}
header .right-part .menu-button:hover:before {
  left: -2.5%;
}
header .right-part .menu-button:hover span {
  background-color: #ffffff;
}
header .right-part .menu-button:hover span:before, header .right-part .menu-button:hover span:after {
  background-color: #ffffff;
}
@media screen and (max-width: 576px) {
  header .right-part .menu-button:hover span {
    background-color: #172637;
  }
  header .right-part .menu-button:hover span:before, header .right-part .menu-button:hover span:after {
    background-color: #172637;
  }
}
header .menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: -1;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  background-color: #172637;
  pointer-events: none;
  overflow: hidden;
  transition: clip-path 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  header .menu {
    height: 100dvh;
  }
}
header .menu .items {
  position: absolute;
  top: 55%;
  left: 7%;
  display: flex;
  max-width: 42%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transform: translateY(-50%);
}
@media screen and (max-width: 1800px) {
  header .menu .items {
    left: 6%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  header .menu .items {
    max-width: 53%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  header .menu .items {
    left: 50%;
    width: 40%;
    max-width: none;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  header .menu .items {
    width: 82%;
  }
}
header .menu .items ul {
  position: relative;
}
header .menu .items ul li {
  position: relative;
  list-style-type: none;
  margin-bottom: 50px;
}
@media screen and (max-width: 1500px) {
  header .menu .items ul li {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  header .menu .items ul li {
    margin-bottom: 25px;
  }
}
header .menu .items ul li a {
  position: relative;
  width: fit-content;
  font-family: "Gotham medium", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  header .menu .items ul li a {
    font-size: 37px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  header .menu .items ul li a {
    font-size: 34px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  header .menu .items ul li a {
    font-size: 32px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  header .menu .items ul li a {
    font-size: 30px;
  }
}
header .menu .items ul li a:last-child {
  margin-bottom: 0;
}
header .menu .items ul li a:before {
  position: absolute;
  content: "";
  bottom: 1px;
  left: 0;
  height: 3px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right;
  background-color: #ED244A;
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  header .menu .items ul li a:before {
    display: none;
  }
}
header .menu .items ul li a:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}
header .menu .items ul li .sub-menu {
  display: flex;
}
@media screen and (max-width: 576px) {
  header .menu .items ul li .sub-menu {
    flex-direction: column;
  }
}
header .menu .items ul li .sub-menu li {
  padding: 7px 0px 7px 16px;
  margin: 10px 0 0px;
  position: relative;
  /*&:last-child {
    &:after {
      content: none;
    }
  }*/
}
header .menu .items ul li .sub-menu li:before {
  position: absolute;
  margin-top: 8px;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #ED244A;
  left: 0px;
}
header .menu .items ul li .sub-menu li a {
  font-size: 18px;
}
header .menu .items ul li .sub-menu li a:hover:before {
  bottom: -2px;
}
header .menu .image {
  position: absolute;
  bottom: -10%;
  right: -10%;
  width: 60%;
  height: 85%;
  overflow: hidden;
  clip-path: ellipse(100% 100% at 100% 100%);
}
@media screen and (max-width: 1800px) {
  header .menu .image {
    width: 60%;
    height: 90%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  header .menu .image {
    height: 80%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  header .menu .image {
    width: 55%;
    height: 75%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  header .menu .image {
    display: none;
  }
}
header .menu .image img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
header.is-active:before {
  backdrop-filter: none;
}
header.is-active .right-part a .find-house {
  background-color: #ffffff;
}
header.is-active .right-part a .find-house p {
  color: #172637;
}
header.is-active .right-part a .find-house:before {
  left: -105%;
}
header.is-active .right-part a:hover .find-house {
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
header.is-active .right-part a:hover .find-house p {
  color: #fff;
}
header.is-active .right-part a:hover .find-house:before {
  left: -2.5%;
}
header.is-active .right-part .menu-button {
  background-color: #ffffff;
}
header.is-active .right-part .menu-button span {
  background-color: transparent;
}
header.is-active .right-part .menu-button span:before {
  top: 0;
  background-color: #ED244A;
  transform: rotate(45deg);
}
header.is-active .right-part .menu-button span:after {
  bottom: 0;
  background-color: #ED244A;
  transform: rotate(-45deg);
}
header.is-active .right-part .menu-button:before {
  left: -105%;
}
@media screen and (min-width: 576px) {
  header.is-active .right-part .menu-button:hover span {
    background-color: transparent;
  }
  header.is-active .right-part .menu-button:hover span:before {
    background-color: #ffffff;
  }
  header.is-active .right-part .menu-button:hover span:after {
    background-color: #ffffff;
  }
  header.is-active .right-part .menu-button:hover:before {
    left: -2.5%;
  }
}
header.is-active .menu {
  pointer-events: all;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

a.button {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  display: flex;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
a.button div {
  position: relative;
  width: fit-content;
  padding: 20px 30px;
  border-radius: 50px;
  overflow: hidden;
  background-color: #172637;
}
@media screen and (max-width: 1800px) {
  a.button div {
    padding: 18px 28px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  a.button div {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  a.button div {
    padding: 13px 23px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  a.button div {
    padding: 13px 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  a.button div {
    padding: 13px 19px;
  }
}
a.button div p {
  position: relative;
  font-family: "Gotham medium", sans-serif !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
  transition: color 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  a.button div p {
    font-size: 15px !important;
  }
}
a.button div:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 50px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  a.button div:before {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  a.button:hover div:before {
    left: -2.5%;
  }
  a.button:hover.white div p {
    color: #ffffff !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 576px) {
  a.button:hover.white div p {
    color: #172637;
  }
}
a.button.white div {
  background: #ffffff;
}
a.button.white div p {
  color: #172637 !important;
}
a.button.white div:before {
  background-color: #172637;
}
a.button.red div {
  background: #ED244A;
}
a.button.red div p {
  color: #ffffff !important;
}
a.button.red div:before {
  background-color: #172637;
}
a.button.hover-blue div:before {
  background-color: #172637;
}
a.button.hover-red div:before {
  background-color: #ED244A;
}

#quote {
  position: relative;
  padding-left: 8.8%;
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  background-color: #172637;
}
@media screen and (max-width: 1800px) {
  #quote {
    padding-left: 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #quote {
    padding-left: 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #quote {
    padding-left: 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #quote {
    padding-left: 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #quote {
    padding: 80px 6.5% 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #quote {
    padding: 70px 5.5% 55px;
  }
}
#quote .left-part {
  position: relative;
  max-width: 58%;
  padding: 250px 0 240px;
}
@media screen and (max-width: 1800px) {
  #quote .left-part {
    padding: 220px 0 210px;
    max-width: 54%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #quote .left-part {
    padding: 170px 0 160px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #quote .left-part {
    padding: 130px 0 120px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #quote .left-part {
    padding: 100px 0 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #quote .left-part {
    max-width: 100%;
    padding: 0;
  }
}
#quote .left-part h3 {
  position: relative;
  font-family: "Gotham", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5019607843);
}
@media screen and (max-width: 1800px) {
  #quote .left-part h3 {
    font-size: 37px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #quote .left-part h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #quote .left-part h3 {
    font-size: 27px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #quote .left-part h3 {
    font-size: 23px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #quote .left-part h3 {
    font-size: 20px;
    line-height: 1.45;
  }
}
#quote .left-part h3 span {
  color: #ffffff;
  font-family: "Gotham bold", sans-serif;
  font-weight: 700;
}
#quote .left-part h3 span.red {
  color: #ED244A;
  font-size: 50px;
  line-height: 0;
}
@media screen and (max-width: 576px) {
  #quote .left-part h3 span.red {
    font-size: 45px;
  }
}
#quote .left-part p {
  position: relative;
  padding-left: 80px;
  margin-top: 30px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0;
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #quote .left-part p {
    font-size: 15px;
    padding-left: 60px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #quote .left-part p {
    margin-top: 20px;
    padding-left: 45px;
  }
}
#quote .left-part p::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 2px;
  width: 70px;
  background-color: #ED244A;
}
@media screen and (max-width: 992px) {
  #quote .left-part p::before {
    width: 50px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #quote .left-part p::before {
    width: 35px;
  }
}
#quote .right-part {
  position: absolute;
  top: 0;
  right: 0;
  height: 80%;
  width: auto;
  aspect-ratio: 1;
  overflow: hidden;
  clip-path: ellipse(62% 62% at 62% 37%);
}
@media screen and (max-width: 1200px) {
  #quote .right-part {
    height: 83%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #quote .right-part {
    height: 80%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #quote .right-part {
    display: none;
  }
}
#quote .right-part img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.concept {
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  overflow: hidden;
  background-color: #ED244A;
}
@media screen and (max-width: 992px) {
  .concept {
    height: fit-content;
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  .concept {
    padding: 65px 4.5%;
  }
}
.concept h3 {
  position: relative;
  margin: 0 auto 60px;
  max-width: 60%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  .concept h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  .concept h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  .concept h3 {
    font-size: 40px;
  }
}
.concept h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  .concept h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  .concept h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  .concept h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  .concept h3 {
    margin: 0 auto 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept h3 {
    margin: 0 auto 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept h3 {
    margin: 0 auto 120px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  .concept h3 {
    max-width: none;
    margin: 0 auto 30px;
    font-size: 38px;
  }
}
.concept .slider {
  position: relative;
  height: auto;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 992px) {
  .concept .slider {
    display: none;
  }
}
.concept .slider .global-wrapper {
  position: relative;
  width: 100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.concept .slider .global-wrapper .wrapper {
  position: relative;
  height: 575px;
  width: 65%;
  border-radius: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  .concept .slider .global-wrapper .wrapper {
    height: 470px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider .global-wrapper .wrapper {
    height: 400px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper {
    height: 335px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  .concept .slider .global-wrapper .wrapper {
    width: 75%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) and (max-width: 576px) {
  .concept .slider .global-wrapper .wrapper {
    height: 360px;
    width: 88%;
  }
}
.concept .slider .global-wrapper .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  filter: brightness(0.62);
}
.concept .slider .global-wrapper .wrapper .dialog {
  position: relative;
  max-width: 90%;
  padding: 40px 70px 45px;
  border-radius: 300px;
  background: linear-gradient(180deg, rgba(41, 41, 41, 0.25) 0%, rgba(255, 255, 255, 0.1) 40%);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .concept .slider .global-wrapper .wrapper .dialog {
    padding: 35px 60px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper .dialog {
    padding: 30px 55px 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper .dialog {
    padding: 20px 35px 25px;
  }
}
.concept .slider .global-wrapper .wrapper .dialog .etape {
  position: relative;
  max-width: 100%;
  margin-top: 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 3.3px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff !important;
}
@media screen and (max-width: 1500px) {
  .concept .slider .global-wrapper .wrapper .dialog .etape {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider .global-wrapper .wrapper .dialog .etape {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  .concept .slider .global-wrapper .wrapper .dialog .etape {
    font-size: 13px;
    margin-bottom: 7px;
  }
}
.concept .slider .global-wrapper .wrapper .dialog h4 {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 350;
  line-height: 1;
  letter-spacing: -1.44px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  .concept .slider .global-wrapper .wrapper .dialog h4 {
    font-size: 65px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider .global-wrapper .wrapper .dialog h4 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper .dialog h4 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  .concept .slider .global-wrapper .wrapper .dialog h4 {
    font-size: 27px;
  }
}
.concept .slider .global-wrapper .wrapper p {
  position: relative;
  max-width: 50%;
  margin-top: 27px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  text-align: center;
  color: #ffffff !important;
}
@media screen and (max-width: 1500px) {
  .concept .slider .global-wrapper .wrapper p {
    margin-top: 20px;
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider .global-wrapper .wrapper p {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper p {
    max-width: 70%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 992px) {
  .concept .slider .global-wrapper .wrapper p {
    max-width: 93%;
    margin-top: 10px;
    font-size: 15px;
  }
}
.concept .slider-mobile {
  position: relative;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  display: none;
}
@media screen and (max-width: 992px) {
  .concept .slider-mobile {
    display: block;
  }
}
.concept .slider-mobile .carousel {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 576px) {
  .concept .slider-mobile .carousel .flickity-prev-next-button {
    height: 37px;
    width: 37px;
  }
}
.concept .slider-mobile .carousel .flickity-prev-next-button .flickity-button-icon {
  width: 40%;
  height: 40%;
  left: 30%;
  top: 30%;
}
.concept .slider-mobile .carousel .flickity-prev-next-button.next {
  right: 8px;
}
.concept .slider-mobile .carousel .flickity-prev-next-button.previous {
  left: 8px;
}
.concept .slider-mobile .carousel .flickity-enabled:focus, .concept .slider-mobile .carousel .flickity-button:focus {
  outline: none;
  box-shadow: none;
}
.concept .slider-mobile .carousel:focus {
  outline: none;
}
.concept .slider-mobile .carousel .carousel-cell {
  position: relative;
  margin: 0 10px;
  height: 350px;
  width: 100%;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
}
@media screen and (max-width: 576px) {
  .concept .slider-mobile .carousel .carousel-cell {
    height: 340px;
  }
}
.concept .slider-mobile .carousel .carousel-cell .dialog {
  position: relative;
  padding: 40px 70px 45px;
  border-radius: 300px;
  box-shadow: inset 0 2px 5px 1px rgba(237, 237, 237, 0.5);
  background: linear-gradient(180deg, rgba(41, 41, 41, 0.25) 0%, rgba(255, 255, 255, 0.1) 40%);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog {
    padding: 35px 60px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog {
    padding: 30px 55px 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog {
    padding: 15px 30px 20px;
  }
}
.concept .slider-mobile .carousel .carousel-cell .dialog .etape {
  position: relative;
  max-width: 100%;
  margin-top: 0;
  font-family: "Inter", sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 3.3px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog .etape {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog .etape {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog .etape {
    font-size: 13px;
    margin-bottom: 3px;
    line-height: 1.3;
  }
}
.concept .slider-mobile .carousel .carousel-cell .dialog h4 {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 72px;
  font-style: normal;
  font-weight: 350;
  line-height: 1;
  letter-spacing: -1.44px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog h4 {
    font-size: 65px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog h4 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog h4 {
    font-size: 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  .concept .slider-mobile .carousel .carousel-cell .dialog h4 {
    font-size: 27px;
  }
}
.concept .slider-mobile .carousel .carousel-cell p {
  position: relative;
  max-width: 50%;
  margin-top: 27px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  .concept .slider-mobile .carousel .carousel-cell p {
    margin-top: 20px;
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  .concept .slider-mobile .carousel .carousel-cell p {
    margin-top: 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  .concept .slider-mobile .carousel .carousel-cell p {
    max-width: 70%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 992px) {
  .concept .slider-mobile .carousel .carousel-cell p {
    max-width: 93%;
    margin-top: 10px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 992px) and (max-width: 576px) {
  .concept .slider-mobile .carousel .carousel-cell p {
    max-width: 100%;
  }
}
.concept .slider-mobile .carousel .carousel-cell img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  object-fit: cover;
  z-index: -1;
  filter: brightness(0.4);
}
.concept a {
  margin-top: 40px;
}
@media screen and (max-width: 576px) {
  .concept a {
    margin-top: 25px;
  }
}
.concept.piliers {
  padding: 99px 0 120px;
  height: inherit;
}
.concept.piliers .slider {
  width: 1578px;
  margin: auto;
  justify-content: space-between;
}
@media screen and (max-width: 1580px) {
  .concept.piliers .slider {
    width: 1200px;
  }
}
@media screen and (max-width: 1580px) and (max-width: 1200px) {
  .concept.piliers .slider {
    width: 992px;
  }
}
@media screen and (max-width: 1580px) and (max-width: 1200px) and (max-width: 992px) {
  .concept.piliers .slider {
    width: 768px;
    flex-direction: column;
    display: block;
  }
}
@media screen and (max-width: 1580px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) {
  .concept.piliers .slider {
    width: 100%;
  }
}
.concept.piliers .slider .global-wrapper {
  width: 492px;
  height: 600px;
}
@media screen and (max-width: 1580px) {
  .concept.piliers .slider .global-wrapper {
    width: 31%;
    height: 700px;
  }
}
@media screen and (max-width: 1580px) and (max-width: 768px) {
  .concept.piliers .slider .global-wrapper {
    width: 95%;
    margin: auto;
    height: 290px;
    margin-bottom: 40px;
  }
}
.concept.piliers .slider .global-wrapper a {
  text-decoration: none;
  width: 100%;
  margin-top: 0px;
}
.concept.piliers .slider .global-wrapper a .wrapper {
  width: 100%;
}
@media screen and (max-width: 1580px) {
  .concept.piliers .slider .global-wrapper a .wrapper {
    height: 700px;
  }
}
@media screen and (max-width: 1580px) and (max-width: 768px) {
  .concept.piliers .slider .global-wrapper a .wrapper {
    height: 290px;
  }
}
.concept.piliers .slider .global-wrapper a .wrapper:before {
  position: absolute;
  content: "";
  top: -100px;
  left: 0;
  height: 100px;
  width: auto;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #172637;
  z-index: 2;
  transform: translateX(50%) scale(1);
  transition: transform 0.35s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 992px) {
  .concept.piliers .slider .global-wrapper a .wrapper:before {
    display: none;
  }
}
.concept.piliers .slider .global-wrapper a .wrapper img {
  z-index: 1;
}
.concept.piliers .slider .global-wrapper a .wrapper .etape {
  font-size: 50px;
}
.concept.piliers .slider .global-wrapper a .wrapper h4 {
  font-size: 30px;
}
.concept.piliers .slider .global-wrapper a .wrapper .dialog {
  padding: 40px;
  z-index: 5;
  opacity: 1;
  transition: all 0.35s ease;
}
@media screen and (max-width: 1580px) {
  .concept.piliers .slider .global-wrapper a .wrapper .dialog {
    padding: 20px 0px;
    max-width: 95%;
  }
}
.concept.piliers .slider .global-wrapper a .wrapper .texte_pilier {
  max-width: 90%;
  z-index: 5;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  overflow: hidden;
  transition: all 0.35s ease;
  padding-top: 110px;
}
.concept.piliers .slider .global-wrapper a .wrapper .texte_pilier p {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%; /* 25.2px */
  letter-spacing: -1px;
  max-width: 100%;
}
.concept.piliers .slider .global-wrapper a .wrapper .texte_pilier p.etape {
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 64px */
  text-transform: uppercase;
}
.concept.piliers .slider .global-wrapper a .wrapper .texte_pilier p.more {
  text-decoration: underline;
}
@media screen and (max-width: 576px) {
  .concept.piliers .slider .global-wrapper a .wrapper .texte_pilier {
    padding-top: 30px;
  }
}
.concept.piliers .slider .global-wrapper a:hover .wrapper:before {
  transform: translateX(0) scale(15);
}
.concept.piliers .slider .global-wrapper a:hover .dialog {
  transition: all 0.35s ease;
  opacity: 0;
}
.concept.piliers .slider .global-wrapper a:hover .texte_pilier {
  transition: all 0.35s ease;
  opacity: 1;
}
.concept.piliers .piliers-cta {
  width: 100%;
  display: flex;
  justify-content: center;
}

#allProgramsOld {
  position: relative;
  padding: 90px 8.8%;
  height: 100vh;
  width: 100%;
  flex-direction: column;
  margin: 50px 0 110px 0;
  display: none;
}
@media screen and (max-width: 1800px) {
  #allProgramsOld {
    padding: 80px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allProgramsOld {
    padding: 70px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld {
    padding: 60px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #allProgramsOld {
    padding: 50px 4.5%;
    height: 70vh;
    margin: 25px 0px 25px 0px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  #allProgramsOld {
    height: 50vh;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) and (max-width: 576px) {
  #allProgramsOld {
    padding: 65px 4.5%;
    margin: 0;
    height: auto;
  }
}
#allProgramsOld .mobile-title {
  position: relative;
  display: none;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #allProgramsOld .mobile-title {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allProgramsOld .mobile-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .mobile-title {
    font-size: 40px;
  }
}
#allProgramsOld .mobile-title span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #allProgramsOld .mobile-title span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allProgramsOld .mobile-title span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .mobile-title span {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  #allProgramsOld .mobile-title {
    display: block;
    margin-bottom: 20px;
  }
}
#allProgramsOld .wrapper-mobile {
  position: relative;
  display: none;
}
@media screen and (max-width: 992px) {
  #allProgramsOld .wrapper-mobile {
    display: block;
  }
}
#allProgramsOld .wrapper-mobile .carousel {
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  #allProgramsOld .wrapper-mobile .carousel .flickity-prev-next-button {
    height: 37px;
    width: 37px;
  }
}
#allProgramsOld .wrapper-mobile .carousel .flickity-prev-next-button .flickity-button-icon {
  width: 40%;
  height: 40%;
  left: 30%;
  top: 30%;
}
#allProgramsOld .wrapper-mobile .carousel .flickity-prev-next-button.next {
  right: 8px;
}
#allProgramsOld .wrapper-mobile .carousel .flickity-prev-next-button.previous {
  left: 8px;
}
#allProgramsOld .wrapper-mobile .carousel .flickity-enabled:focus, #allProgramsOld .wrapper-mobile .carousel .flickity-button:focus {
  outline: none;
  box-shadow: none;
}
#allProgramsOld .wrapper-mobile .carousel:focus {
  outline: none;
}
#allProgramsOld .wrapper-mobile .carousel-cell {
  width: 100%;
  height: 300px;
  margin: 0 10px;
  border-radius: 20px;
}
@media screen and (max-width: 576px) {
  #allProgramsOld .wrapper-mobile .carousel-cell {
    height: 240px;
  }
}
#allProgramsOld .wrapper-mobile .carousel-cell img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
#allProgramsOld .wrapper-mobile .carousel-title {
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
#allProgramsOld .wrapper-mobile .carousel-title a {
  margin: 15px 8px 0;
}
#allProgramsOld .wrapper-mobile .carousel-title a div {
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#allProgramsOld .wrapper-mobile .carousel-title a.is-active div {
  background-color: #ED244A;
}
#allProgramsOld .wrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #0B0B0B;
}
@media screen and (max-width: 992px) {
  #allProgramsOld .wrapper {
    display: none;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #allProgramsOld .wrapper {
    height: 200px;
  }
}
#allProgramsOld .wrapper h3 {
  position: absolute;
  top: 6%;
  left: 8.75%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  z-index: 3;
}
@media screen and (max-width: 1800px) {
  #allProgramsOld .wrapper h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allProgramsOld .wrapper h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .wrapper h3 {
    font-size: 40px;
  }
}
#allProgramsOld .wrapper h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #allProgramsOld .wrapper h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allProgramsOld .wrapper h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .wrapper h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  #allProgramsOld .wrapper h3 {
    display: none;
  }
}
#allProgramsOld .wrapper .single-program {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  transform: scale(1.1);
  transition: opacity 1.25s cubic-bezier(0.1, 0.1, 0.36, 1), transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#allProgramsOld .wrapper .single-program.is-active {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}
#allProgramsOld .wrapper .single-program img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#allProgramsOld .info {
  position: relative;
  margin-top: 27px;
  width: fit-content;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  --translate: 85px;
}
@media screen and (max-width: 1500px) {
  #allProgramsOld .info {
    margin-top: 23px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #allProgramsOld .info {
    display: none;
  }
}
#allProgramsOld .info a {
  position: relative;
  text-decoration: none;
  margin-right: 25px;
}
@media screen and (max-width: 576px) {
  #allProgramsOld .info a {
    margin-right: 15px;
  }
}
#allProgramsOld .info a div {
  padding: 20px 48px;
}
@media screen and (max-width: 1500px) {
  #allProgramsOld .info a div {
    padding: 17px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .info a div {
    padding: 14px 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #allProgramsOld .info a div {
    padding: 13px 19px;
  }
}
#allProgramsOld .info a div p {
  font-size: 20px;
}
@media screen and (max-width: 1500px) {
  #allProgramsOld .info a div p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #allProgramsOld .info a div p {
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #allProgramsOld .info a div p {
    font-size: 15px;
  }
}
#allProgramsOld .info a:last-child {
  margin-right: 0;
}
#allProgramsOld .info:before {
  position: absolute;
  content: "";
  bottom: -24px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius: 50px;
  background-color: #ED244A;
  transform: translateX(var(--translate));
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #allProgramsOld .info:before {
    opacity: 0;
    visibility: hidden;
  }
}

#allPrograms {
  position: relative;
  padding: 160px 8.8%;
}
@media screen and (max-width: 1800px) {
  #allPrograms {
    padding: 130px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms {
    padding: 110px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms {
    padding: 90px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms {
    padding: 80px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms {
    padding: 65px 4.5%;
  }
}
#allPrograms .carousel {
  position: relative;
  height: 729px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel {
    height: 715px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel {
    height: 600px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel {
    height: 550px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms .carousel {
    height: auto;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel {
    border-radius: 0;
  }
}
#allPrograms .carousel .flickity-viewport {
  transition: height 0.38s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#allPrograms .carousel .flickity-viewport.is-pointer-down ~ .flickity-prev-next-button {
  opacity: 0;
}
#allPrograms .carousel .flickity-prev-next-button {
  position: absolute;
  top: auto;
  bottom: 56px;
  right: 65px;
  height: 64px;
  width: 84px;
  border-radius: 50px;
  transform: none;
  left: auto !important;
  background: #ffffff;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.075s;
}
#allPrograms .carousel .flickity-prev-next-button:not([disabled]) {
  opacity: 1;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .flickity-prev-next-button {
    bottom: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .flickity-prev-next-button {
    bottom: 30px;
    right: 35px;
    height: 54px;
    width: 74px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #allPrograms .carousel .flickity-prev-next-button {
    background: #172637;
    bottom: 75px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .flickity-prev-next-button {
    background: #ffffff;
    bottom: 153px;
    height: 40px;
    width: 60px;
    right: 12px;
  }
}
#allPrograms .carousel .flickity-prev-next-button svg {
  display: none;
}
#allPrograms .carousel .flickity-prev-next-button:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 18px;
  width: 18px;
  background: url("assets/dist/images/arrow-blue-small-rounded.svg") center/cover no-repeat;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .flickity-prev-next-button:before {
    height: 17px;
    width: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #allPrograms .carousel .flickity-prev-next-button:before {
    background: url("assets/dist/images/arrow-white-small-rounded.svg") center/cover no-repeat;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .flickity-prev-next-button:before {
    height: 15px;
    width: 15px;
    background: url("assets/dist/images/arrow-blue-small-rounded.svg") center/cover no-repeat;
  }
}
#allPrograms .carousel .flickity-prev-next-button.previous {
  right: 160px;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .flickity-prev-next-button.previous {
    right: 125px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #allPrograms .carousel .flickity-prev-next-button.previous {
    right: 82px;
  }
}
#allPrograms .carousel .flickity-prev-next-button.previous:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
#allPrograms .carousel .flickity-enabled:focus, #allPrograms .carousel .flickity-button:focus {
  outline: none;
  box-shadow: none;
}
#allPrograms .carousel:focus {
  outline: none;
}
#allPrograms .carousel .carousel-cell {
  position: relative;
  height: 100%;
  width: 100%;
  margin: 0 8.8%;
  border-radius: 20px;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell {
    margin: 0 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell {
    margin: 0 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell {
    margin: 0 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell {
    height: auto;
    margin: 0 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell {
    margin: 0 9%;
  }
}
#allPrograms .carousel .carousel-cell .wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper {
    flex-direction: column;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part {
  position: relative;
  width: 100%;
  max-width: 30%;
  padding: 40px 140px 40px 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    padding: 38px 110px 38px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    padding: 30px 90px 30px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    padding: 27px 80px 27px 0;
    max-width: 34%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    max-width: 36%;
    padding: 25px 70px 25px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    height: auto;
    padding: 0;
    margin-bottom: 40px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part {
    margin-bottom: 30px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part .top-part, #allPrograms .carousel .carousel-cell .wrapper .left-part .bottom-part {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  line-height: 1.08;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 {
    font-size: 40px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h3 span {
    font-size: 40px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part .localisation {
  position: relative;
  margin-top: 10px;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .localisation {
    font-size: 16px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .localisation {
    font-size: 15px;
    margin-top: 5px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part .line {
  position: relative;
  margin: 25px 0;
  height: 2px;
  width: 70px;
  background: #ED244A;
}
@media screen and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .line {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .line {
    width: 60px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part h5 {
  position: relative;
  margin-bottom: 25px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.8px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h5 {
    font-size: 36px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h5 {
    font-size: 33px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part h5 {
    font-size: 30px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part .paragraph {
  position: relative;
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .paragraph {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part .paragraph {
    margin-bottom: 0;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a {
  width: 100%;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a div {
  width: 100%;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a:last-child {
  margin-top: 24px;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a:last-child div {
  background: transparent;
  border: 2px solid #172637;
  transition: border 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a:last-child div p {
  color: #172637;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a:last-child:hover div {
  border: 2px solid #ED244A;
}
#allPrograms .carousel .carousel-cell .wrapper .left-part a:last-child:hover div p {
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .left-part a {
    display: none;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .right-part {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 70%;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part {
    max-width: 66%;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part {
    max-width: 64%;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    border-radius: 0;
  }
}
@media screen and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part {
    justify-content: center;
    align-items: center;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .right-part img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part img {
    position: relative;
    margin-bottom: 30px;
    height: 350px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part img {
    margin-bottom: 25px;
    height: 220px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .right-part .type {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 14px 30px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0;
  color: #172637;
  z-index: 1;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part .type {
    top: 20px;
    right: 20px;
    font-size: 15px;
    padding: 11px 26px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part .type {
    top: 17px;
    right: 17px;
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part .type {
    top: 15px;
    right: 15px;
    padding: 8px 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part .type {
    top: 12px;
    right: 12px;
    font-size: 13px;
    padding: 8px 14px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a {
  display: none;
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child {
  margin-top: 24px;
}
@media screen and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child {
    margin-top: 15px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child div {
  background: transparent;
  border: 2px solid #172637;
  transition: border 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child div p {
  color: #172637;
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child:hover div {
  border: 2px solid #ED244A;
}
#allPrograms .carousel .carousel-cell .wrapper .right-part a:last-child:hover div p {
  color: #ffffff;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part a {
    display: flex;
    margin: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper .right-part a {
    min-width: 70%;
  }
  #allPrograms .carousel .carousel-cell .wrapper .right-part a div {
    width: 100%;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .left-part {
  display: none;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .left-part {
    display: flex;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part {
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border-radius: 20px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part:before {
    height: 350px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part:before {
    height: 220px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .type {
  display: none;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .type {
    display: block;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  color: #ffffff;
  margin-bottom: 60px;
  z-index: 2;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
    font-size: 40px;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-title {
    display: none;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-sub-title {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #ffffff;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .hidden-sub-title {
    display: none;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .paragraph {
  position: relative;
  max-width: 50%;
  margin: 15px 0 90px;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  text-align: center;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
@media screen and (max-width: 1500px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .paragraph {
    margin: 15px 0 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .paragraph {
    display: none;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}
@media screen and (max-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden {
    margin-top: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a {
  display: flex;
  z-index: 2;
  min-width: 70%;
}
@media screen and (min-width: 992px) {
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a:last-child {
    margin-top: 0;
    margin-left: 20px;
  }
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a:last-child div {
    background: #ffffff;
    border: none;
  }
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a:last-child div p {
    color: #172637;
  }
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a:last-child:hover div {
    border: none;
  }
  #allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a:last-child:hover div p {
    color: #ffffff;
  }
}
#allPrograms .carousel .carousel-cell .wrapper.hidden .right-part .buttons-hidden a div {
  width: 100%;
}

#advice {
  position: relative;
  padding-left: 30%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  background-color: #172637;
}
@media screen and (max-width: 1400px) {
  #advice {
    padding-left: 32%;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1300px) {
  #advice {
    padding-left: 40%;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) {
  #advice {
    padding-left: 35%;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #advice {
    padding: 0 5.5% 40px 8%;
    flex-direction: column;
  }
}
@media screen and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #advice {
    padding: 0 4.5% 55px;
  }
}
#advice .picture {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  overflow: hidden;
  clip-path: circle(96% at 0 50%);
}
@media screen and (max-width: 1800px) {
  #advice .picture {
    width: 28%;
    clip-path: circle(90% at 0 50%);
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) {
  #advice .picture {
    width: 26%;
    clip-path: circle(80% at 0 50%);
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 1400px) {
  #advice .picture {
    width: 30%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 1400px) and (max-width: 1300px) {
  #advice .picture {
    width: 410px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) {
  #advice .picture {
    clip-path: circle(85% at 0 50%);
    width: 300px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #advice .picture {
    position: relative;
    clip-path: none;
    height: 330px;
    width: 130%;
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 1400px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #advice .picture {
    height: 220px;
    width: 110%;
  }
}
#advice .picture img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#advice .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 184px 0;
  width: 100%;
}
@media screen and (max-width: 1500px) {
  #advice .wrapper {
    padding: 160px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) {
  #advice .wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) {
  #advice .wrapper {
    padding: 90px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #advice .wrapper {
    padding: 0;
  }
}
#advice .wrapper .quote {
  position: relative;
  margin: 0 7%;
  max-width: 51%;
  min-width: 51%;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: rgba(255, 255, 255, 0.5019607843);
}
@media screen and (max-width: 1800px) {
  #advice .wrapper .quote {
    margin: 0 8%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #advice .wrapper .quote {
    font-size: 18px;
    margin: 0 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) {
  #advice .wrapper .quote {
    margin: 0 0 30px;
    max-width: 85%;
    min-width: 85%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) {
  #advice .wrapper .quote {
    margin: 0 0 30px;
    max-width: 100%;
    min-width: 50%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) and (max-width: 576px) {
  #advice .wrapper .quote {
    margin: 0 0 25px;
    line-height: 150%;
  }
}
#advice .wrapper .quote:before {
  position: absolute;
  content: "“";
  top: 0;
  left: -50px;
  font-family: "Gotham bold", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  text-transform: uppercase;
  color: #ED244A;
}
@media screen and (max-width: 576px) {
  #advice .wrapper .quote:before {
    top: -10px;
    left: 0;
    font-size: 45px;
  }
}
#advice .wrapper .quote span {
  color: #ffffff;
}
#advice .wrapper .quoteInfo {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
#advice .wrapper .quoteInfo h5 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #advice .wrapper .quoteInfo h5 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #advice .wrapper .quoteInfo h5 {
    font-size: 20px;
    margin-bottom: 2px;
  }
}
#advice .wrapper .quoteInfo h6 {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  color: #ED244A;
}
@media screen and (max-width: 576px) {
  #advice .wrapper .quoteInfo h6 {
    font-size: 14px;
  }
}

#team {
  position: relative;
  width: 100%;
  padding: 150px 8.8% 100px;
}
@media screen and (max-width: 1800px) {
  #team {
    padding: 130px 8.25% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #team {
    padding: 80px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #team {
    padding: 70px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #team {
    padding: 65px 4.5%;
  }
}
#team h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #team h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #team h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #team h3 {
    font-size: 40px;
  }
}
#team h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #team h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #team h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #team h3 span {
    font-size: 40px;
  }
}
#team .wrapper {
  position: relative;
  margin: 60px 0 40px;
  height: 630px;
  width: 100%;
  overflow: hidden;
  border-radius: 50px;
}
@media screen and (max-width: 1800px) {
  #team .wrapper {
    margin: 55px 0 35px;
    height: 630px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #team .wrapper {
    margin: 45px 0 30px;
    height: 560px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #team .wrapper {
    margin: 35px 0 30px;
    height: 490px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #team .wrapper {
    margin: 30px 0 30px;
    height: 420px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 700px) {
  #team .wrapper {
    height: 280px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 700px) and (max-width: 576px) {
  #team .wrapper {
    height: 220px;
    margin: 25px 0 25px;
    border-radius: 20px;
  }
}
#team .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#mailPopup, #mailPopupLots, #mailPopupPlanLot, #mailPopupPlaquette {
  position: fixed;
  padding: 25px 6.3% 25px;
  top: 0;
  right: 0;
  height: 100vh;
  min-height: 80vh;
  width: 50vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 25px 0 0 25px;
  background: #EDEDED;
  transform: translateX(100%);
  opacity: 0;
  z-index: 50;
  transition: transform 1s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopup.is-active, #mailPopupLots.is-active, #mailPopupPlanLot.is-active, #mailPopupPlaquette.is-active {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #mailPopup, #mailPopupLots, #mailPopupPlanLot, #mailPopupPlaquette {
    padding: 25px 5% 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #mailPopup, #mailPopupLots, #mailPopupPlanLot, #mailPopupPlaquette {
    width: 65vw;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #mailPopup, #mailPopupLots, #mailPopupPlanLot, #mailPopupPlaquette {
    width: 100vw;
    border-radius: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #mailPopup, #mailPopupLots, #mailPopupPlanLot, #mailPopupPlaquette {
    padding: 0;
    height: 100dvh;
  }
}
#mailPopup .wrapper, #mailPopupLots .wrapper, #mailPopupPlanLot .wrapper, #mailPopupPlaquette .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper, #mailPopupLots .wrapper, #mailPopupPlanLot .wrapper, #mailPopupPlaquette .wrapper {
    top: 0;
    padding: 40px 4.5% 65px;
    height: fit-content;
    overflow-y: scroll;
    display: block;
  }
}
#mailPopup .wrapper .close, #mailPopupLots .wrapper .close, #mailPopupPlanLot .wrapper .close, #mailPopupPlaquette .wrapper .close {
  position: fixed;
  top: 30px;
  right: 26px;
  height: 60px;
  padding: 18px 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  z-index: 2;
}
@media screen and (max-width: 1500px) {
  #mailPopup .wrapper .close, #mailPopupLots .wrapper .close, #mailPopupPlanLot .wrapper .close, #mailPopupPlaquette .wrapper .close {
    height: 56px;
    padding: 16px 26px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #mailPopup .wrapper .close, #mailPopupLots .wrapper .close, #mailPopupPlanLot .wrapper .close, #mailPopupPlaquette .wrapper .close {
    height: 52px;
    padding: 14px 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #mailPopup .wrapper .close, #mailPopupLots .wrapper .close, #mailPopupPlanLot .wrapper .close, #mailPopupPlaquette .wrapper .close {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
#mailPopup .wrapper .close span, #mailPopupLots .wrapper .close span, #mailPopupPlanLot .wrapper .close span, #mailPopupPlaquette .wrapper .close span {
  position: relative;
  height: 2px;
  width: 20px;
  border-radius: 3px;
  background-color: transparent;
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopup .wrapper .close span:before, #mailPopup .wrapper .close span:after, #mailPopupLots .wrapper .close span:before, #mailPopupLots .wrapper .close span:after, #mailPopupPlanLot .wrapper .close span:before, #mailPopupPlanLot .wrapper .close span:after, #mailPopupPlaquette .wrapper .close span:before, #mailPopupPlaquette .wrapper .close span:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 20px;
  border-radius: 3px;
  background-color: #172637;
  transition: background-color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), top 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), bottom 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopup .wrapper .close span:before, #mailPopupLots .wrapper .close span:before, #mailPopupPlanLot .wrapper .close span:before, #mailPopupPlaquette .wrapper .close span:before {
  top: 0;
  background-color: #ED244A;
  transform: rotate(45deg);
}
#mailPopup .wrapper .close span:after, #mailPopupLots .wrapper .close span:after, #mailPopupPlanLot .wrapper .close span:after, #mailPopupPlaquette .wrapper .close span:after {
  bottom: 0;
  background-color: #ED244A;
  transform: rotate(-45deg);
}
#mailPopup .wrapper .close:before, #mailPopupLots .wrapper .close:before, #mailPopupPlanLot .wrapper .close:before, #mailPopupPlaquette .wrapper .close:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 30px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .close:before, #mailPopupLots .wrapper .close:before, #mailPopupPlanLot .wrapper .close:before, #mailPopupPlaquette .wrapper .close:before {
    display: none;
  }
}
#mailPopup .wrapper .close:hover:before, #mailPopupLots .wrapper .close:hover:before, #mailPopupPlanLot .wrapper .close:hover:before, #mailPopupPlaquette .wrapper .close:hover:before {
  left: -2.5%;
}
#mailPopup .wrapper .close:hover span, #mailPopupLots .wrapper .close:hover span, #mailPopupPlanLot .wrapper .close:hover span, #mailPopupPlaquette .wrapper .close:hover span {
  background-color: transparent !important;
}
#mailPopup .wrapper .close:hover span:before, #mailPopup .wrapper .close:hover span:after, #mailPopupLots .wrapper .close:hover span:before, #mailPopupLots .wrapper .close:hover span:after, #mailPopupPlanLot .wrapper .close:hover span:before, #mailPopupPlanLot .wrapper .close:hover span:after, #mailPopupPlaquette .wrapper .close:hover span:before, #mailPopupPlaquette .wrapper .close:hover span:after {
  background-color: #ffffff;
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .close:hover span, #mailPopupLots .wrapper .close:hover span, #mailPopupPlanLot .wrapper .close:hover span, #mailPopupPlaquette .wrapper .close:hover span {
    background-color: #172637;
  }
  #mailPopup .wrapper .close:hover span:before, #mailPopup .wrapper .close:hover span:after, #mailPopupLots .wrapper .close:hover span:before, #mailPopupLots .wrapper .close:hover span:after, #mailPopupPlanLot .wrapper .close:hover span:before, #mailPopupPlanLot .wrapper .close:hover span:after, #mailPopupPlaquette .wrapper .close:hover span:before, #mailPopupPlaquette .wrapper .close:hover span:after {
    background-color: #172637;
  }
}
#mailPopup .wrapper h3, #mailPopupLots .wrapper h3, #mailPopupPlanLot .wrapper h3, #mailPopupPlaquette .wrapper h3 {
  position: relative;
  margin-bottom: 20px;
  font-family: "Gotham Bold", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  color: #172637;
}
#mailPopup .wrapper h3 span, #mailPopupLots .wrapper h3 span, #mailPopupPlanLot .wrapper h3 span, #mailPopupPlaquette .wrapper h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #mailPopup .wrapper h3, #mailPopupLots .wrapper h3, #mailPopupPlanLot .wrapper h3, #mailPopupPlaquette .wrapper h3 {
    max-width: 80%;
    font-size: 32px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #mailPopup .wrapper h3, #mailPopupLots .wrapper h3, #mailPopupPlanLot .wrapper h3, #mailPopupPlaquette .wrapper h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #mailPopup .wrapper h3, #mailPopupLots .wrapper h3, #mailPopupPlanLot .wrapper h3, #mailPopupPlaquette .wrapper h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #mailPopup .wrapper h3, #mailPopupLots .wrapper h3, #mailPopupPlanLot .wrapper h3, #mailPopupPlaquette .wrapper h3 {
    font-size: 30px;
    max-width: 80%;
  }
}
#mailPopup .wrapper .paragraph, #mailPopupLots .wrapper .paragraph, #mailPopupPlanLot .wrapper .paragraph, #mailPopupPlaquette .wrapper .paragraph {
  position: relative;
  margin-bottom: 65px;
  max-width: 100%;
  font-family: "Inter bold", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  color: #172637;
  /*
        &:nth-child(2) {
          max-width: 100%;
        }*/
}
#mailPopup .wrapper .paragraph span, #mailPopupLots .wrapper .paragraph span, #mailPopupPlanLot .wrapper .paragraph span, #mailPopupPlaquette .wrapper .paragraph span {
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #mailPopup .wrapper .paragraph, #mailPopupLots .wrapper .paragraph, #mailPopupPlanLot .wrapper .paragraph, #mailPopupPlaquette .wrapper .paragraph {
    max-width: 100%;
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #mailPopup .wrapper .paragraph, #mailPopupLots .wrapper .paragraph, #mailPopupPlanLot .wrapper .paragraph, #mailPopupPlaquette .wrapper .paragraph {
    font-size: 17px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #mailPopup .wrapper .paragraph, #mailPopupLots .wrapper .paragraph, #mailPopupPlanLot .wrapper .paragraph, #mailPopupPlaquette .wrapper .paragraph {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #mailPopup .wrapper .paragraph, #mailPopupLots .wrapper .paragraph, #mailPopupPlanLot .wrapper .paragraph, #mailPopupPlaquette .wrapper .paragraph {
    font-size: 15px;
    margin-bottom: 18px;
  }
}
#mailPopup .wrapper .wpcf7, #mailPopupLots .wrapper .wpcf7, #mailPopupPlanLot .wrapper .wpcf7, #mailPopupPlaquette .wrapper .wpcf7 {
  position: relative;
  width: 100%;
}
#mailPopup .wrapper .wpcf7 form, #mailPopupLots .wrapper .wpcf7 form, #mailPopupPlanLot .wrapper .wpcf7 form, #mailPopupPlaquette .wrapper .wpcf7 form {
  position: relative;
  width: 100%;
}
#mailPopup .wrapper .wpcf7 form label, #mailPopupLots .wrapper .wpcf7 form label, #mailPopupPlanLot .wrapper .wpcf7 form label, #mailPopupPlaquette .wrapper .wpcf7 form label {
  position: relative;
  padding-left: 30px;
  font-family: "Inter bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.36px;
  color: #172637;
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form label, #mailPopupLots .wrapper .wpcf7 form label, #mailPopupPlanLot .wrapper .wpcf7 form label, #mailPopupPlaquette .wrapper .wpcf7 form label {
    font-size: 16px;
    padding-left: 28px;
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form label, #mailPopupLots .wrapper .wpcf7 form label, #mailPopupPlanLot .wrapper .wpcf7 form label, #mailPopupPlaquette .wrapper .wpcf7 form label {
    padding-left: 5px;
  }
}
#mailPopup .wrapper .wpcf7 form .row, #mailPopupLots .wrapper .wpcf7 form .row, #mailPopupPlanLot .wrapper .wpcf7 form .row, #mailPopupPlaquette .wrapper .wpcf7 form .row {
  position: relative;
  margin-bottom: 27px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .row, #mailPopupLots .wrapper .wpcf7 form .row, #mailPopupPlanLot .wrapper .wpcf7 form .row, #mailPopupPlaquette .wrapper .wpcf7 form .row {
    flex-direction: column;
    margin-bottom: 20px;
  }
  #mailPopup .wrapper .wpcf7 form .row:last-child, #mailPopupLots .wrapper .wpcf7 form .row:last-child, #mailPopupPlanLot .wrapper .wpcf7 form .row:last-child, #mailPopupPlaquette .wrapper .wpcf7 form .row:last-child {
    margin-bottom: 0;
  }
}
#mailPopup .wrapper .wpcf7 form .row p, #mailPopupLots .wrapper .wpcf7 form .row p, #mailPopupPlanLot .wrapper .wpcf7 form .row p, #mailPopupPlaquette .wrapper .wpcf7 form .row p {
  position: relative;
  width: 47%;
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .row p, #mailPopupLots .wrapper .wpcf7 form .row p, #mailPopupPlanLot .wrapper .wpcf7 form .row p, #mailPopupPlaquette .wrapper .wpcf7 form .row p {
    width: 100%;
    margin-bottom: 20px;
  }
  #mailPopup .wrapper .wpcf7 form .row p:last-child, #mailPopupLots .wrapper .wpcf7 form .row p:last-child, #mailPopupPlanLot .wrapper .wpcf7 form .row p:last-child, #mailPopupPlaquette .wrapper .wpcf7 form .row p:last-child {
    margin-bottom: 0;
  }
}
#mailPopup .wrapper .wpcf7 form .row p input, #mailPopup .wrapper .wpcf7 form .row p select, #mailPopupLots .wrapper .wpcf7 form .row p input, #mailPopupLots .wrapper .wpcf7 form .row p select, #mailPopupPlanLot .wrapper .wpcf7 form .row p input, #mailPopupPlanLot .wrapper .wpcf7 form .row p select, #mailPopupPlaquette .wrapper .wpcf7 form .row p input, #mailPopupPlaquette .wrapper .wpcf7 form .row p select {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  padding: 20px 32px;
  border-radius: 50px;
  outline: 8px solid transparent;
  border: none;
  background: #ffffff;
  transition: outline 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
  font-family: "Inter bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.36px;
  color: #172637;
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form .row p input, #mailPopup .wrapper .wpcf7 form .row p select, #mailPopupLots .wrapper .wpcf7 form .row p input, #mailPopupLots .wrapper .wpcf7 form .row p select, #mailPopupPlanLot .wrapper .wpcf7 form .row p input, #mailPopupPlanLot .wrapper .wpcf7 form .row p select, #mailPopupPlaquette .wrapper .wpcf7 form .row p input, #mailPopupPlaquette .wrapper .wpcf7 form .row p select {
    font-size: 16px;
    margin-top: 13px;
    padding: 16px 28px;
    outline: 6px solid transparent;
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .row p input, #mailPopup .wrapper .wpcf7 form .row p select, #mailPopupLots .wrapper .wpcf7 form .row p input, #mailPopupLots .wrapper .wpcf7 form .row p select, #mailPopupPlanLot .wrapper .wpcf7 form .row p input, #mailPopupPlanLot .wrapper .wpcf7 form .row p select, #mailPopupPlaquette .wrapper .wpcf7 form .row p input, #mailPopupPlaquette .wrapper .wpcf7 form .row p select {
    outline: none;
    margin-top: 10px;
    border-radius: 15px;
    font-size: 15px;
    padding: 15px;
  }
}
#mailPopup .wrapper .wpcf7 form .row p input::placeholder, #mailPopup .wrapper .wpcf7 form .row p select::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p input::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p select::placeholder {
  position: relative;
  width: fit-content;
  font-family: "Inter bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.36px;
  color: #747474;
  transform: translateX(0);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form .row p input::placeholder, #mailPopup .wrapper .wpcf7 form .row p select::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p input::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p select::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .row p input::placeholder, #mailPopup .wrapper .wpcf7 form .row p select::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p input::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p select::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p input::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p select::placeholder {
    font-size: 15px;
  }
}
#mailPopup .wrapper .wpcf7 form .row p input:focus, #mailPopup .wrapper .wpcf7 form .row p select:focus, #mailPopupLots .wrapper .wpcf7 form .row p input:focus, #mailPopupLots .wrapper .wpcf7 form .row p select:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:focus {
  outline: 8px solid rgba(255, 255, 255, 0.5);
}
#mailPopup .wrapper .wpcf7 form .row p input:focus::placeholder, #mailPopup .wrapper .wpcf7 form .row p select:focus::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p input:focus::placeholder, #mailPopupLots .wrapper .wpcf7 form .row p select:focus::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:focus::placeholder, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:focus::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:focus::placeholder, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:focus::placeholder {
  transform: translateX(calc(-100% - 50px));
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form .row p input:focus, #mailPopup .wrapper .wpcf7 form .row p select:focus, #mailPopupLots .wrapper .wpcf7 form .row p input:focus, #mailPopupLots .wrapper .wpcf7 form .row p select:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:focus {
    outline: 6px solid rgba(255, 255, 255, 0.5);
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .row p input:focus, #mailPopup .wrapper .wpcf7 form .row p select:focus, #mailPopupLots .wrapper .wpcf7 form .row p input:focus, #mailPopupLots .wrapper .wpcf7 form .row p select:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:focus {
    outline: none;
  }
}
#mailPopup .wrapper .wpcf7 form .row p input:-webkit-autofill, #mailPopup .wrapper .wpcf7 form .row p input:-webkit-autofill:hover, #mailPopup .wrapper .wpcf7 form .row p input:-webkit-autofill:focus, #mailPopup .wrapper .wpcf7 form .row p input:-webkit-autofill:active, #mailPopup .wrapper .wpcf7 form .row p select:-webkit-autofill, #mailPopup .wrapper .wpcf7 form .row p select:-webkit-autofill:hover, #mailPopup .wrapper .wpcf7 form .row p select:-webkit-autofill:focus, #mailPopup .wrapper .wpcf7 form .row p select:-webkit-autofill:active, #mailPopupLots .wrapper .wpcf7 form .row p input:-webkit-autofill, #mailPopupLots .wrapper .wpcf7 form .row p input:-webkit-autofill:hover, #mailPopupLots .wrapper .wpcf7 form .row p input:-webkit-autofill:focus, #mailPopupLots .wrapper .wpcf7 form .row p input:-webkit-autofill:active, #mailPopupLots .wrapper .wpcf7 form .row p select:-webkit-autofill, #mailPopupLots .wrapper .wpcf7 form .row p select:-webkit-autofill:hover, #mailPopupLots .wrapper .wpcf7 form .row p select:-webkit-autofill:focus, #mailPopupLots .wrapper .wpcf7 form .row p select:-webkit-autofill:active, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:-webkit-autofill, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:-webkit-autofill:hover, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:-webkit-autofill:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p input:-webkit-autofill:active, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:-webkit-autofill, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:-webkit-autofill:hover, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:-webkit-autofill:focus, #mailPopupPlanLot .wrapper .wpcf7 form .row p select:-webkit-autofill:active, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:-webkit-autofill, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:-webkit-autofill:hover, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:-webkit-autofill:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p input:-webkit-autofill:active, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:-webkit-autofill, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:-webkit-autofill:hover, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:-webkit-autofill:focus, #mailPopupPlaquette .wrapper .wpcf7 form .row p select:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #172637;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #ffffff;
}
#mailPopup .wrapper .wpcf7 form .row p .selectLot span::before, #mailPopupLots .wrapper .wpcf7 form .row p .selectLot span::before, #mailPopupPlanLot .wrapper .wpcf7 form .row p .selectLot span::before, #mailPopupPlaquette .wrapper .wpcf7 form .row p .selectLot span::before {
  position: absolute;
  content: "";
  top: 50%;
  right: 30px;
  height: 17px;
  width: 17px;
  z-index: 5;
  transform: translateY(-50%);
  background: url("./assets/dist/images/arrow-down-red.svg") no-repeat center;
}
#mailPopup .wrapper .wpcf7 form .row p .selectLot span select, #mailPopupLots .wrapper .wpcf7 form .row p .selectLot span select, #mailPopupPlanLot .wrapper .wpcf7 form .row p .selectLot span select, #mailPopupPlaquette .wrapper .wpcf7 form .row p .selectLot span select {
  appearance: none;
}
#mailPopup .wrapper .wpcf7 form textarea, #mailPopupLots .wrapper .wpcf7 form textarea, #mailPopupPlanLot .wrapper .wpcf7 form textarea, #mailPopupPlaquette .wrapper .wpcf7 form textarea {
  position: relative;
  resize: vertical;
  min-height: 100px;
  max-height: 220px;
  height: 180px;
  width: 100%;
  margin-top: 18px;
  padding: 20px 32px;
  border-radius: 25px;
  outline: 8px solid transparent;
  border: none;
  background: #ffffff;
  transition: outline 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
  font-family: "Inter bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.36px;
  color: #172637;
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form textarea, #mailPopupLots .wrapper .wpcf7 form textarea, #mailPopupPlanLot .wrapper .wpcf7 form textarea, #mailPopupPlaquette .wrapper .wpcf7 form textarea {
    font-size: 16px;
    height: 130px;
    padding: 16px 28px;
    margin-top: 13px;
    outline: 6px solid transparent;
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form textarea, #mailPopupLots .wrapper .wpcf7 form textarea, #mailPopupPlanLot .wrapper .wpcf7 form textarea, #mailPopupPlaquette .wrapper .wpcf7 form textarea {
    outline: none;
    border-radius: 15px;
    margin-top: 10px;
    font-size: 15px;
    padding: 15px;
    min-height: 60px;
    max-height: 130px;
    height: 100px;
  }
}
#mailPopup .wrapper .wpcf7 form textarea:focus, #mailPopupLots .wrapper .wpcf7 form textarea:focus, #mailPopupPlanLot .wrapper .wpcf7 form textarea:focus, #mailPopupPlaquette .wrapper .wpcf7 form textarea:focus {
  outline: 8px solid rgba(255, 255, 255, 0.5);
}
@media screen and (max-height: 1500px) {
  #mailPopup .wrapper .wpcf7 form textarea:focus, #mailPopupLots .wrapper .wpcf7 form textarea:focus, #mailPopupPlanLot .wrapper .wpcf7 form textarea:focus, #mailPopupPlaquette .wrapper .wpcf7 form textarea:focus {
    outline: 6px solid rgba(255, 255, 255, 0.5);
  }
}
@media screen and (max-height: 1500px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form textarea:focus, #mailPopupLots .wrapper .wpcf7 form textarea:focus, #mailPopupPlanLot .wrapper .wpcf7 form textarea:focus, #mailPopupPlaquette .wrapper .wpcf7 form textarea:focus {
    outline: none;
  }
}
#mailPopup .wrapper .wpcf7 form .wpcf7-not-valid-tip, #mailPopupLots .wrapper .wpcf7 form .wpcf7-not-valid-tip, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-not-valid-tip, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-not-valid-tip {
  position: relative;
  margin-top: 6px;
  margin-bottom: -17px;
  width: fit-content;
  left: 50%;
  color: #ed244a;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transform: translateX(-50%);
}
#mailPopup .wrapper .wpcf7 form .wpcf7-acceptance, #mailPopupLots .wrapper .wpcf7 form .wpcf7-acceptance, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-acceptance, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-acceptance {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 18px auto 30px;
}
#mailPopup .wrapper .wpcf7 form .wpcf7-acceptance label, #mailPopupLots .wrapper .wpcf7 form .wpcf7-acceptance label, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-acceptance label, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-acceptance label {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 0;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: #172637;
}
#mailPopup .wrapper .wpcf7 form .wpcf7-acceptance input, #mailPopupLots .wrapper .wpcf7 form .wpcf7-acceptance input, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-acceptance input, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-acceptance input {
  position: relative;
  margin-right: 10px;
  height: 20px;
  width: 20px;
  min-width: 20px;
  border-radius: 5px;
  background: #ffffff;
  outline: none;
  border: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: background 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopup .wrapper .wpcf7 form .wpcf7-acceptance input:checked, #mailPopupLots .wrapper .wpcf7 form .wpcf7-acceptance input:checked, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-acceptance input:checked, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-acceptance input:checked {
  background: #ED244A;
}
#mailPopup .wrapper .wpcf7 form .wpcf7-acceptance .wpcf7-list-item, #mailPopupLots .wrapper .wpcf7 form .wpcf7-acceptance .wpcf7-list-item, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-acceptance .wpcf7-list-item, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}
#mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
  position: relative;
  display: flex;
  border: none;
  margin: 0 auto;
  width: fit-content;
  padding: 20px 30px;
  border-radius: 50px;
  background: #172637;
  text-align: center;
  font-family: "Gotham bold", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 150%;
  letter-spacing: -0.32px;
  color: #ffffff;
  cursor: pointer;
  transition: background 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopup .wrapper .wpcf7 form input[type=submit]:disabled, #mailPopupLots .wrapper .wpcf7 form input[type=submit]:disabled, #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit]:disabled, #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit]:disabled {
  background: rgba(23, 38, 55, 0.5);
  cursor: not-allowed;
}
#mailPopup .wrapper .wpcf7 form input[type=submit]:before, #mailPopupLots .wrapper .wpcf7 form input[type=submit]:before, #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit]:before, #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit]:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 50px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit]:before, #mailPopupLots .wrapper .wpcf7 form input[type=submit]:before, #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit]:before, #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit]:before {
    display: none;
  }
}
#mailPopup .wrapper .wpcf7 form input[type=submit]:hover:before, #mailPopupLots .wrapper .wpcf7 form input[type=submit]:hover:before, #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit]:hover:before, #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit]:hover:before {
  left: -2.5%;
}
@media screen and (max-width: 1800px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
    padding: 18px 28px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
    padding: 15px 25px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
    padding: 13px 23px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
    padding: 13px 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form input[type=submit], #mailPopupLots .wrapper .wpcf7 form input[type=submit], #mailPopupPlanLot .wrapper .wpcf7 form input[type=submit], #mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
    padding: 13px 19px;
  }
}
#mailPopup .wrapper .wpcf7 form .wpcf7-spinner, #mailPopupLots .wrapper .wpcf7 form .wpcf7-spinner, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-spinner, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-spinner {
  display: none;
}
#mailPopup .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupLots .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-response-output {
  position: relative;
  margin: 30px auto 0;
  border: none;
  padding: 0;
  width: fit-content;
  font-family: "Inter bold", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  color: #172637;
  text-align: center;
}
@media screen and (max-width: 576px) {
  #mailPopup .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupLots .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-response-output, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-response-output {
    margin: 20px auto 0;
  }
}
#mailPopup .wrapper .wpcf7 form .wpcf7-response-output.success, #mailPopupLots .wrapper .wpcf7 form .wpcf7-response-output.success, #mailPopupPlanLot .wrapper .wpcf7 form .wpcf7-response-output.success, #mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-response-output.success {
  color: #31B656;
}
#mailPopup .wrapper .wpcf7 form.sent .wpcf7-response-output, #mailPopupLots .wrapper .wpcf7 form.sent .wpcf7-response-output, #mailPopupPlanLot .wrapper .wpcf7 form.sent .wpcf7-response-output, #mailPopupPlaquette .wrapper .wpcf7 form.sent .wpcf7-response-output {
  color: #31B656;
}
#mailPopup .wrapper .wpcf7 form > p:has(.wpcf7-acceptance), #mailPopupLots .wrapper .wpcf7 form > p:has(.wpcf7-acceptance), #mailPopupPlanLot .wrapper .wpcf7 form > p:has(.wpcf7-acceptance), #mailPopupPlaquette .wrapper .wpcf7 form > p:has(.wpcf7-acceptance) {
  margin-top: 60px;
}

#mailPopupLots h3 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 576px) {
  #mailPopupLots h3 {
    margin-bottom: 30px !important;
  }
}

#mailPopupPlaquette {
  background-color: #172637;
}
#mailPopupPlaquette .background {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media screen and (max-width: 1600px) {
  #mailPopupPlaquette .background {
    width: 50%;
  }
}
@media screen and (max-width: 1600px) and (max-width: 576px) {
  #mailPopupPlaquette .background {
    width: 30%;
    display: none;
  }
}
#mailPopupPlaquette .wrapper h3, #mailPopupPlaquette .wrapper .paragraph, #mailPopupPlaquette .wrapper label, #mailPopupPlaquette .wrapper span {
  color: #ffffff;
}
@media screen and (max-width: 576px) {
  #mailPopupPlaquette .wrapper h3, #mailPopupPlaquette .wrapper p {
    max-width: 100% !important;
  }
}
#mailPopupPlaquette .wrapper .wpcf7 form label {
  color: #ffffff;
}
#mailPopupPlaquette .wrapper .wpcf7 form .wpcf7-not-valid-tip {
  position: relative;
  margin-top: 6px;
  margin-bottom: -17px;
  width: fit-content;
  left: 50%;
  color: #ed244a;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transform: translateX(-50%);
}
#mailPopupPlaquette .wrapper .wpcf7 form input[type=submit] {
  background-color: rgb(237, 36, 74);
}
#mailPopupPlaquette .wrapper .wpcf7 form input[type=submit]:disabled {
  background-color: rgba(237, 36, 74, 0.5);
}

#mailPopupBackground {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(23, 38, 55, 0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 30;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#mailPopupBackground.is-active {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
  transition: opacity 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}

#normal-page {
  position: relative;
  padding: 140px 8.8% 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1800px) {
  #normal-page {
    padding: 140px 8.25% 105px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #normal-page {
    padding: 125px 6.87% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #normal-page {
    padding: 110px 5.5% 65px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #normal-page {
    padding: 100px 4.5% 65px;
  }
}
#normal-page h1 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  margin-bottom: 60px;
}
@media screen and (max-width: 1800px) {
  #normal-page h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #normal-page h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #normal-page h1 {
    font-size: 40px;
  }
}
#normal-page h1 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #normal-page h1 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #normal-page h1 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #normal-page h1 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #normal-page h1 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #normal-page h1 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #normal-page h1 {
    margin-bottom: 30px;
  }
}
#normal-page p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.56px;
  text-align: left;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #normal-page p {
    font-size: 15px;
  }
}
#normal-page p strong {
  font-family: "Gotham medium", sans-serif;
}
#normal-page a {
  color: #ED244A;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#normal-page a:hover {
  text-underline-offset: 2px;
}

#noFoundPage {
  position: relative;
  height: 100vh;
  padding: 140px 8.8% 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #ED244A;
}
@media screen and (max-width: 1800px) {
  #noFoundPage {
    padding: 140px 8.25% 105px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #noFoundPage {
    padding: 125px 6.87% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #noFoundPage {
    padding: 110px 5.5% 65px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #noFoundPage {
    padding: 100px 4.5% 65px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #noFoundPage {
    height: auto;
  }
}
#noFoundPage h1 {
  position: relative;
  margin: 0 auto;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
  color: #ffffff;
  font-size: 200px;
}
@media screen and (max-width: 1800px) {
  #noFoundPage h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #noFoundPage h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #noFoundPage h1 {
    font-size: 40px;
  }
}
#noFoundPage h1 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #noFoundPage h1 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #noFoundPage h1 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #noFoundPage h1 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #noFoundPage h1 {
    font-size: 170px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #noFoundPage h1 {
    font-size: 130px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #noFoundPage h1 {
    font-size: 110px;
    line-height: 1;
  }
}
#noFoundPage h5 {
  position: relative;
  margin: 75px auto 40px;
  font-family: "Gotham medium", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  letter-spacing: -1.6px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #noFoundPage h5 {
    margin: 55px auto 30px;
    font-size: 26px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #noFoundPage h5 {
    margin: 40px auto 30px;
    font-size: 23px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #noFoundPage h5 {
    margin: 30px auto;
    font-size: 20px;
  }
}
#noFoundPage .wrapper {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #noFoundPage .wrapper {
    flex-direction: column;
  }
}
#noFoundPage .wrapper .button {
  margin: 0 25px 0 0;
}
@media screen and (max-width: 992px) {
  #noFoundPage .wrapper .button {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #noFoundPage .wrapper .button {
    margin: 0 0 15px 0;
  }
}
#noFoundPage .wrapper .button:last-child {
  margin: 0;
}

.bleu {
  color: #172637;
}

.gris {
  color: rgba(23, 38, 55, 0.5);
}

.grecaptcha-badge {
  display: none !important;
}

.surligne-rouge {
  background-color: #ED244A;
}

.arrowScrollTop {
  position: fixed;
  padding: 25px;
  border-radius: 50px;
  background-color: #172637;
  bottom: 120px;
  right: 40px;
  display: flex;
  transition: all 0.35s ease-in;
  opacity: 0;
}
.arrowScrollTop.show {
  opacity: 1;
}
@media screen and (max-width: 576px) {
  .arrowScrollTop {
    bottom: 40px;
    padding: 17px;
  }
  .arrowScrollTop img {
    width: 70%;
  }
}
.arrowScrollTop img {
  margin: auto;
  animation: arrowScrollTop 2.5s cubic-bezier(0.1, 0.1, 0.36, 1) infinite;
}
.arrowScrollTop:hover {
  background-color: #ED244A;
  cursor: pointer;
}

@keyframes arrowScrollTop {
  0% {
    transform: translateX(0%) translateY(0);
  }
  50% {
    transform: translateX(0%) translateY(10px);
  }
  100% {
    transform: translateX(0%) translateY(0);
  }
}
#feedDelajod {
  position: relative;
  width: 100%;
  padding: 30px 10% 140px 8.8%;
}
#feedDelajod h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.28px;
  color: #172637;
  max-width: 40%;
  z-index: 1;
  margin-bottom: 65px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #feedDelajod h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #feedDelajod h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #feedDelajod h3 {
    font-size: 40px;
  }
}
#feedDelajod h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #feedDelajod h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #feedDelajod h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #feedDelajod h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  #feedDelajod h3 {
    max-width: initial;
  }
}
#feedDelajod h3 span {
  color: #ED244A;
}
#feedDelajod #sb_instagram #sbi_images .sbi_item, #feedDelajod #sb_instagram.sbi_carousel_2_row #sbi_images.sbi_carousel .sbi_item {
  border-radius: 4.099px;
  background: #FFF;
  box-shadow: none !important;
  max-height: initial;
}
#feedDelajod #sb_instagram .sbi_inner_wrap {
  box-shadow: 0px 1.64px 4.099px 0px rgba(0, 0, 0, 0.25) !important;
}
#feedDelajod #sb_instagram .sbi_caption {
  font-family: "Inter", sans-serif;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24.594px */
}
#feedDelajod #sb_instagram .sbi_expand a .sbi_more, #feedDelajod #sb_instagram .sbi_expand a {
  color: #000;
  text-decoration-color: #000;
  font-size: 16px !important;
  font-weight: bold;
}
#feedDelajod .social {
  margin-top: 25px;
}
#feedDelajod .social .icons {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#feedDelajod .social .icons a {
  position: relative;
  margin-right: 25px;
}
#feedDelajod .social .icons a img {
  position: relative;
  width: 32px;
  height: 32px;
}
#feedDelajod .social .icons a:last-child {
  margin-right: 0;
  margin-top: 0;
}
#feedDelajod .social h4 {
  text-align: center;
  font-family: "Gotham medium", sans-serif !important;
  font-weight: 500 !important;
  color: #172637;
  margin-top: 25px;
}

#home {
  position: relative;
  width: 100%;
}
#home #masthead {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 0 0;
}
@media screen and (max-width: 576px) {
  #home #masthead {
    height: 100svh;
    min-height: 80vh;
  }
}
#home #masthead .global-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 0 0;
  z-index: 1;
  display: flex;
}
@media screen and (max-width: 992px) {
  #home #masthead .global-wrapper {
    height: 91%;
    border-radius: 0 0 60px 60px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #home #masthead .global-wrapper {
    height: 90%;
  }
}
#home #masthead .global-wrapper img, #home #masthead .global-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#home #masthead .global-wrapper .mobile-poster {
  display: none;
}
@media screen and (max-width: 576px) {
  #home #masthead .global-wrapper .mobile-poster {
    display: block;
  }
}
#home #masthead .global-wrapper .wrapper {
  position: absolute;
  max-width: 40%;
  padding: 50px 40px 37px;
  bottom: 28%;
  left: 8.8%;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 20px;
  z-index: 1;
  transform: translateY(60px);
  opacity: 0;
}
@media screen and (max-width: 1800px) {
  #home #masthead .global-wrapper .wrapper {
    left: 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #masthead .global-wrapper .wrapper {
    left: 6.87%;
    padding: 40px 35px 30px;
    max-width: 45%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #masthead .global-wrapper .wrapper {
    left: 5.5%;
    padding: 35px 30px 25px;
    max-width: 52%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #masthead .global-wrapper .wrapper {
    left: 4.5%;
    max-width: 60%;
    bottom: 18%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #masthead .global-wrapper .wrapper {
    max-width: 91%;
    padding: 20px;
    bottom: 24%;
    transform: translateY(0);
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
#home #masthead .global-wrapper .wrapper h1 {
  position: relative;
  margin-bottom: 27px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #home #masthead .global-wrapper .wrapper h1 {
    font-size: 35px;
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #masthead .global-wrapper .wrapper h1 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #masthead .global-wrapper .wrapper h1 {
    font-size: 35px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #masthead .global-wrapper .wrapper h1 {
    font-size: 35px;
    margin-bottom: 10px;
  }
}
#home #masthead .global-wrapper .wrapper p {
  position: relative;
  max-width: 70%;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #home #masthead .global-wrapper .wrapper p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #home #masthead .global-wrapper .wrapper p {
    font-size: 20px;
    max-width: 75%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #home #masthead .global-wrapper .wrapper p {
    display: none;
  }
}
#home #masthead .global-wrapper .wrapper-shortcuts {
  align-self: end;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}
@media screen and (max-width: 992px) {
  #home #masthead .global-wrapper .wrapper-shortcuts {
    display: none;
  }
}
#home #masthead .global-wrapper .wrapper-shortcuts a.button {
  margin: 0px 10px;
}
#home #masthead .arrow {
  position: absolute;
  height: 34px;
  width: auto;
  bottom: 30px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  animation: arrow 2.5s cubic-bezier(0.1, 0.1, 0.36, 1) infinite;
}
@media screen and (max-width: 576px) {
  #home #masthead .arrow {
    left: 49%;
    bottom: 20px;
  }
}
@keyframes arrow {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(10px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
#home #believe {
  position: relative;
  padding-top: 165px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  #home #believe {
    padding-top: 130px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #believe {
    padding-top: 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #believe {
    padding: 120px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #believe {
    padding: 65px 4.5% 0;
  }
}
#home #believe h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.8px;
  text-align: center;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #home #believe h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #believe h3 {
    font-size: 38px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #home #believe h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #home #believe h3 {
    line-height: 135%;
  }
  #home #believe h3 br {
    display: none;
  }
}
#home #believe h3 span {
  color: #ED244A;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#home #believe h3:hover span {
  text-underline-offset: 2px;
}
#home #what-we-like {
  position: relative;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #home #what-we-like {
    padding-top: 100px;
  }
}
#home #what-we-like .wrapper {
  position: relative;
  margin: 0 auto;
  height: 60%;
  width: 48.5%;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #home #what-we-like .wrapper {
    height: 55%;
    width: 52%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #what-we-like .wrapper {
    height: 55%;
    width: 45%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #what-we-like .wrapper {
    padding: 50px 4.5%;
    height: 100%;
    width: 100%;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#home #what-we-like .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.91);
}
#home #what-we-like .wrapper p {
  position: absolute;
  left: 10%;
  bottom: 25%;
  max-width: 45%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  opacity: 0;
  transform: translateY(40px);
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #home #what-we-like .wrapper p {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #what-we-like .wrapper p {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #what-we-like .wrapper p {
    font-size: 40px;
  }
}
#home #what-we-like .wrapper p span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #home #what-we-like .wrapper p span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #what-we-like .wrapper p span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #what-we-like .wrapper p span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #home #what-we-like .wrapper p {
    max-width: 50%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #what-we-like .wrapper p {
    max-width: 60%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #what-we-like .wrapper p {
    position: relative;
    height: fit-content;
    left: 0;
    bottom: 0;
    max-width: none;
  }
}
#home #follow {
  position: relative;
  padding: 180px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #172637;
}
@media screen and (max-width: 1800px) {
  #home #follow {
    padding: 160px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #follow {
    padding: 120px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #follow {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #follow {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #follow {
    padding: 65px 4.5%;
  }
}
#home #follow h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #home #follow h3 {
    font-size: 38px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #home #follow h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #home #follow h3 {
    line-height: 135%;
  }
  #home #follow h3 br {
    display: none;
  }
}
#home #follow h3 span {
  color: #ED244A;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #home #follow h3 span {
    position: relative;
    top: -1px;
  }
}
#home #follow h3:hover span {
  text-underline-offset: 2px;
}
#home #skills {
  position: relative;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
#home #skills .left-part {
  position: relative;
  top: 0;
  height: 100vh;
  width: 50%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 576px) {
  #home #skills .left-part {
    display: none;
  }
}
#home #skills .left-part .item {
  position: relative;
  height: 641px;
  width: 462px;
  border-radius: 20px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #home #skills .left-part .item {
    height: 500px;
    width: 360px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #skills .left-part .item {
    height: 440px;
    width: 320px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #skills .left-part .item {
    height: 400px;
    width: 300px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  #home #skills .left-part .item {
    height: 350px;
    width: 280px;
  }
}
#home #skills .left-part .item img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  --path: 100%;
  clip-path: polygon(0 0, 100% 0, 100% var(--path), 0 var(--path));
}
#home #skills .left-part .item img:nth-child(1) {
  z-index: 10;
}
#home #skills .left-part .item img:nth-child(2) {
  z-index: 9;
}
#home #skills .left-part .item img:nth-child(3) {
  z-index: 8;
}
#home #skills .left-part .item img:nth-child(4) {
  z-index: 7;
}
#home #skills .left-part .item img:nth-child(5) {
  z-index: 6;
}
#home #skills .left-part .item img:nth-child(6) {
  z-index: 5;
}
#home #skills .left-part .item img:nth-child(7) {
  z-index: 4;
}
#home #skills .left-part .item img:nth-child(8) {
  z-index: 3;
}
#home #skills .left-part .item img:nth-child(9) {
  z-index: 2;
}
#home #skills .left-part .item img:nth-child(10) {
  z-index: 1;
}
#home #skills .right-part {
  position: relative;
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 576px) {
  #home #skills .right-part {
    padding: 65px 4.5%;
    width: 100%;
  }
}
#home #skills .right-part .item {
  position: relative;
  padding-left: 20%;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1500px) {
  #home #skills .right-part .item {
    padding-left: 12%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #home #skills .right-part .item {
    height: auto;
    padding-left: 0;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(20px);
  }
  #home #skills .right-part .item:last-child {
    margin-bottom: 0;
  }
}
#home #skills .right-part .item h3 {
  position: relative;
  max-width: 58%;
  margin-bottom: 30px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #home #skills .right-part .item h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #skills .right-part .item h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #skills .right-part .item h3 {
    font-size: 40px;
  }
}
#home #skills .right-part .item h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #home #skills .right-part .item h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #skills .right-part .item h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #skills .right-part .item h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #home #skills .right-part .item h3 {
    max-width: 60%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #skills .right-part .item h3 {
    max-width: 65%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #skills .right-part .item h3 {
    max-width: none;
    margin-bottom: 10px;
  }
}
#home #skills .right-part .item p {
  position: relative;
  max-width: 58%;
  font-family: "Inter", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.77px;
  text-align: left;
  color: rgba(23, 38, 55, 0.5019607843);
}
@media screen and (max-width: 1500px) {
  #home #skills .right-part .item p {
    font-size: 19px;
    max-width: 60%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #skills .right-part .item p {
    max-width: 65%;
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #skills .right-part .item p {
    max-width: 70%;
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #skills .right-part .item p {
    max-width: none;
  }
}
#home #skills .right-part .item p span {
  color: #172637;
  font-weight: 600;
}
#home #prestations {
  position: relative;
  height: 100vh;
  padding: 120px 8.8% 70px;
  width: 100%;
}
@media screen and (max-width: 1800px) {
  #home #prestations {
    padding: 90px 8.25% 65px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #prestations {
    padding: 80px 6.87% 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #prestations {
    padding: 70px 5.5% 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #prestations {
    padding: 120px 4.5% 120px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 900px) {
  #home #prestations {
    height: auto;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 900px) and (max-width: 576px) {
  #home #prestations {
    padding: 65px 4.5% 35px;
  }
}
#home #prestations .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper {
    flex-direction: column;
  }
}
#home #prestations .wrapper .left-part, #home #prestations .wrapper .right-part {
  position: relative;
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 25px;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper .left-part, #home #prestations .wrapper .right-part {
    width: 100%;
  }
}
#home #prestations .wrapper .left-part .text, #home #prestations .wrapper .right-part .text {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  background-color: #172637;
}
@media screen and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text, #home #prestations .wrapper .right-part .text {
    border-radius: 20px;
  }
}
#home #prestations .wrapper .left-part .text.right, #home #prestations .wrapper .right-part .text.right {
  margin: 15px 0;
}
#home #prestations .wrapper .left-part .text p, #home #prestations .wrapper .right-part .text p {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.05s;
}
@media screen and (max-width: 1500px) {
  #home #prestations .wrapper .left-part .text p, #home #prestations .wrapper .right-part .text p {
    font-size: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #prestations .wrapper .left-part .text p, #home #prestations .wrapper .right-part .text p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text p, #home #prestations .wrapper .right-part .text p {
    font-size: 18px;
    text-align: center;
    white-space: normal;
  }
}
#home #prestations .wrapper .left-part .text p:before, #home #prestations .wrapper .right-part .text p:before {
  position: absolute;
  content: "En savoir plus";
  top: 0;
  left: 50%;
  font-family: "Gotham medium", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  transform: translate(-50%, 200%);
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.05s;
}
@media screen and (max-width: 1500px) {
  #home #prestations .wrapper .left-part .text p:before, #home #prestations .wrapper .right-part .text p:before {
    font-size: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #prestations .wrapper .left-part .text p:before, #home #prestations .wrapper .right-part .text p:before {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text p:before, #home #prestations .wrapper .right-part .text p:before {
    display: none;
  }
}
#home #prestations .wrapper .left-part .text a, #home #prestations .wrapper .right-part .text a {
  position: relative;
  padding: 30px 0;
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  text-decoration: none;
  border-radius: 25px;
}
@media screen and (max-width: 1500px) {
  #home #prestations .wrapper .left-part .text a, #home #prestations .wrapper .right-part .text a {
    padding: 23px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text a, #home #prestations .wrapper .right-part .text a {
    padding: 15px 10px;
  }
}
#home #prestations .wrapper .left-part .text a p, #home #prestations .wrapper .right-part .text a p {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.05s;
}
@media screen and (max-width: 1500px) {
  #home #prestations .wrapper .left-part .text a p, #home #prestations .wrapper .right-part .text a p {
    font-size: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #prestations .wrapper .left-part .text a p, #home #prestations .wrapper .right-part .text a p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text a p, #home #prestations .wrapper .right-part .text a p {
    font-size: 18px;
    text-align: center;
    white-space: normal;
  }
}
#home #prestations .wrapper .left-part .text a p:before, #home #prestations .wrapper .right-part .text a p:before {
  position: absolute;
  content: "En savoir plus";
  top: 0;
  left: 50%;
  font-family: "Gotham medium", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  white-space: nowrap;
  text-align: center;
  color: #ffffff;
  transform: translate(-50%, 200%);
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.05s;
}
@media screen and (max-width: 1500px) {
  #home #prestations .wrapper .left-part .text a p:before, #home #prestations .wrapper .right-part .text a p:before {
    font-size: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #prestations .wrapper .left-part .text a p:before, #home #prestations .wrapper .right-part .text a p:before {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text a p:before, #home #prestations .wrapper .right-part .text a p:before {
    display: none;
  }
}
#home #prestations .wrapper .left-part .text a:before, #home #prestations .wrapper .right-part .text a:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 25px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text a:before, #home #prestations .wrapper .right-part .text a:before {
    display: none;
  }
}
#home #prestations .wrapper .left-part .text a:hover:before, #home #prestations .wrapper .right-part .text a:hover:before {
  left: -2.5%;
}
#home #prestations .wrapper .left-part .text a:hover p, #home #prestations .wrapper .right-part .text a:hover p {
  transform: translateY(-200%);
}
#home #prestations .wrapper .left-part .text a:hover p:before, #home #prestations .wrapper .right-part .text a:hover p:before {
  transform: translate(-50%, 200%);
}
@media screen and (max-width: 576px) {
  #home #prestations .wrapper .left-part .text a:hover p, #home #prestations .wrapper .right-part .text a:hover p {
    transform: translateY(0);
  }
}
#home #prestations .wrapper .left-part .image, #home #prestations .wrapper .right-part .image {
  position: relative;
  margin: 15px 0;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper .left-part .image, #home #prestations .wrapper .right-part .image {
    border-radius: 20px;
    height: 300px;
  }
}
@media screen and (max-width: 900px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .image, #home #prestations .wrapper .right-part .image {
    height: 160px;
  }
}
#home #prestations .wrapper .left-part .split, #home #prestations .wrapper .right-part .split {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper .left-part .split, #home #prestations .wrapper .right-part .split {
    height: 300px;
  }
}
@media screen and (max-width: 900px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .split, #home #prestations .wrapper .right-part .split {
    height: 160px;
  }
}
#home #prestations .wrapper .left-part .split .image, #home #prestations .wrapper .right-part .split .image {
  position: relative;
  margin: 15px 0;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
@media screen and (max-width: 576px) {
  #home #prestations .wrapper .left-part .split .image, #home #prestations .wrapper .right-part .split .image {
    border-radius: 15px;
  }
}
#home #prestations .wrapper .left-part .split .image:first-child, #home #prestations .wrapper .right-part .split .image:first-child {
  margin-right: 24px;
  width: 120%;
}
@media screen and (max-width: 576px) {
  #home #prestations .wrapper .left-part .split .image:first-child, #home #prestations .wrapper .right-part .split .image:first-child {
    margin-right: 15px;
    width: 100%;
  }
}
#home #prestations .wrapper .left-part .smallImage, #home #prestations .wrapper .right-part .smallImage {
  position: relative;
  max-height: 30%;
  height: 100%;
  width: 100%;
  border-radius: 25px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper .left-part .smallImage, #home #prestations .wrapper .right-part .smallImage {
    max-height: none;
    height: 300px;
  }
}
@media screen and (max-width: 900px) and (max-width: 576px) {
  #home #prestations .wrapper .left-part .smallImage, #home #prestations .wrapper .right-part .smallImage {
    height: 160px;
  }
}
#home #prestations .wrapper .left-part img, #home #prestations .wrapper .right-part img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#home #prestations .wrapper .left-part .animLeft, #home #prestations .wrapper .right-part .animLeft {
  --clipPrestations: 100%;
  clip-path: polygon(0px 0px, var(--clipPrestations) 0px, var(--clipPrestations) 100%, 0px 100%);
}
#home #prestations .wrapper .left-part .animTop, #home #prestations .wrapper .right-part .animTop {
  --clipPrestations: 100%;
  clip-path: polygon(0px 0px, 100% 0px, 100% var(--clipPrestations), 0px var(--clipPrestations));
}
#home #prestations .wrapper .left-part {
  margin-right: 26px;
  width: 65%;
}
@media screen and (max-width: 900px) {
  #home #prestations .wrapper .left-part {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
#home #news {
  position: relative;
  width: 100%;
  padding: 30px 10% 140px 8.8%;
}
@media screen and (max-width: 1800px) {
  #home #news {
    padding: 30px 10% 120px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #news {
    padding: 30px 8% 90px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #news {
    padding: 10px 7% 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #news {
    padding: 30px 5.5% 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #home #news {
    padding: 65px 4.5% 75px;
  }
}
#home #news h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  max-width: 40%;
  transform: translateY(35%);
  z-index: 1;
}
@media screen and (max-width: 1800px) {
  #home #news h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #news h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #news h3 {
    font-size: 40px;
  }
}
#home #news h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #home #news h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #home #news h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #home #news h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  #home #news h3 {
    transform: none;
    margin-bottom: 35px;
    max-width: 60%;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #home #news h3 {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
#home #news h3 span {
  color: #ED244A;
}
#home #news .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 992px) {
  #home #news .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
#home #news .wrapper .left-part {
  position: relative;
  min-width: 47%;
  width: 100%;
  padding: 0 105px 40px 80px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part {
    padding: 0 80px 35px 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part {
    padding: 0 30px 20px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #news .wrapper .left-part {
    padding: 0;
    margin-bottom: 25px;
  }
}
#home #news .wrapper .left-part .item {
  height: 427px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part .item {
    height: 360px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part .item {
    height: 320px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part .item {
    height: 220px;
  }
}
#home #news .wrapper .right-part {
  position: relative;
  height: 100%;
  min-width: 53%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
@media screen and (max-width: 1200px) {
  #home #news .wrapper .right-part {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .right-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}
#home #news .wrapper .right-part .item {
  height: 290px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .right-part .item {
    height: 260px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .right-part .item {
    height: 220px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .right-part .item {
    height: 220px;
  }
}
#home #news .wrapper .left-part a, #home #news .wrapper .right-part a {
  position: relative;
  text-decoration: none;
}
#home #news .wrapper .left-part a .item, #home #news .wrapper .right-part a .item {
  position: relative;
  padding: 20px 20px 72px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(60px);
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item, #home #news .wrapper .right-part a .item {
    padding: 20px 20px 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #home #news .wrapper .left-part a .item, #home #news .wrapper .right-part a .item {
    padding: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item, #home #news .wrapper .right-part a .item {
    border-radius: 10px;
  }
}
#home #news .wrapper .left-part a .item .title, #home #news .wrapper .right-part a .item .title {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  opacity: 0;
  z-index: 3;
  color: #ffffff;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .title, #home #news .wrapper .right-part a .item .title {
    font-size: 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .title, #home #news .wrapper .right-part a .item .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #news .wrapper .left-part a .item .title, #home #news .wrapper .right-part a .item .title {
    display: none;
  }
}
#home #news .wrapper .left-part a .item .paragraph, #home #news .wrapper .right-part a .item .paragraph {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0;
  color: #ffffff;
  transform: translateY(30px);
  z-index: 3;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .paragraph, #home #news .wrapper .right-part a .item .paragraph {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .paragraph, #home #news .wrapper .right-part a .item .paragraph {
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #home #news .wrapper .left-part a .item .paragraph, #home #news .wrapper .right-part a .item .paragraph {
    display: none;
  }
}
#home #news .wrapper .left-part a .item img:not(.arrow), #home #news .wrapper .right-part a .item img:not(.arrow) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
#home #news .wrapper .left-part a .item .wrapper, #home #news .wrapper .right-part a .item .wrapper {
  position: absolute;
  margin: 0;
  padding: 15px 20px 45px;
  left: 50%;
  bottom: 13%;
  width: 88%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 9px;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .wrapper, #home #news .wrapper .right-part a .item .wrapper {
    bottom: 11%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .wrapper, #home #news .wrapper .right-part a .item .wrapper {
    bottom: 10%;
    padding: 15px 20px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item .wrapper, #home #news .wrapper .right-part a .item .wrapper {
    width: 92%;
    bottom: 17%;
    padding: 15px 15px 35px;
  }
}
#home #news .wrapper .left-part a .item .wrapper p, #home #news .wrapper .right-part a .item .wrapper p {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .wrapper p, #home #news .wrapper .right-part a .item .wrapper p {
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .wrapper p, #home #news .wrapper .right-part a .item .wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item .wrapper p, #home #news .wrapper .right-part a .item .wrapper p {
    font-size: 18px;
  }
}
#home #news .wrapper .left-part a .item .read-article, #home #news .wrapper .right-part a .item .read-article {
  position: absolute;
  padding: 16px 14px 16px 16px;
  right: 9%;
  bottom: 5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #172637;
  z-index: 3;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .read-article, #home #news .wrapper .right-part a .item .read-article {
    padding: 13px 12px 13px 13px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .read-article, #home #news .wrapper .right-part a .item .read-article {
    padding: 11px 12px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item .read-article, #home #news .wrapper .right-part a .item .read-article {
    bottom: 5%;
    padding: 14px 20px 15px 15px;
    width: fit-content;
    right: 10%;
  }
}
#home #news .wrapper .left-part a .item .read-article p, #home #news .wrapper .right-part a .item .read-article p {
  position: relative;
  margin-right: 15px;
  font-family: "Gotham medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 140%;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item .read-article p, #home #news .wrapper .right-part a .item .read-article p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item .read-article p, #home #news .wrapper .right-part a .item .read-article p {
    font-size: 13px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item .read-article p, #home #news .wrapper .right-part a .item .read-article p {
    font-size: 14px;
  }
}
#home #news .wrapper .left-part a .item .read-article .arrow, #home #news .wrapper .right-part a .item .read-article .arrow {
  position: relative;
  height: auto;
  width: 14px;
}
@media screen and (max-width: 576px) {
  #home #news .wrapper .left-part a .item .read-article .arrow, #home #news .wrapper .right-part a .item .read-article .arrow {
    width: 14px;
  }
}
#home #news .wrapper .left-part a .item:before, #home #news .wrapper .right-part a .item:before {
  position: absolute;
  content: "";
  top: -100px;
  right: 0;
  height: 100px;
  width: auto;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #172637;
  z-index: 2;
  transform: translateX(50%) scale(1);
  transition: transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 992px) {
  #home #news .wrapper .left-part a .item:before, #home #news .wrapper .right-part a .item:before {
    display: none;
  }
}
#home #news .wrapper .left-part a .item:hover .title, #home #news .wrapper .left-part a .item:hover .paragraph, #home #news .wrapper .right-part a .item:hover .title, #home #news .wrapper .right-part a .item:hover .paragraph {
  transition-delay: 0.2s;
  opacity: 1;
}
#home #news .wrapper .left-part a .item:hover .paragraph, #home #news .wrapper .right-part a .item:hover .paragraph {
  transition-delay: 0.3s;
  transform: translateY(0);
}
#home #news .wrapper .left-part a .item:hover:before, #home #news .wrapper .right-part a .item:hover:before {
  transform: translateX(0) scale(10);
}
#home #news .wrapper .left-part a .item:hover.large:before, #home #news .wrapper .right-part a .item:hover.large:before {
  transform: translateX(0) scale(15);
}
#home #news .wrapper .left-part a .item.large, #home #news .wrapper .right-part a .item.large {
  padding: 30px 30px 115px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item.large, #home #news .wrapper .right-part a .item.large {
    padding: 20px 20px 95px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #home #news .wrapper .left-part a .item.large, #home #news .wrapper .right-part a .item.large {
    padding: 0;
  }
}
#home #news .wrapper .left-part a .item.large .title, #home #news .wrapper .right-part a .item.large .title {
  font-size: 27px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item.large .title, #home #news .wrapper .right-part a .item.large .title {
    font-size: 25px;
  }
}
#home #news .wrapper .left-part a .item.large .paragraph, #home #news .wrapper .right-part a .item.large .paragraph {
  font-size: 17px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item.large .paragraph, #home #news .wrapper .right-part a .item.large .paragraph {
    font-size: 15px;
  }
}
#home #news .wrapper .left-part a .item.large:before, #home #news .wrapper .right-part a .item.large:before {
  background: #ED244A;
}
#home #news .wrapper .left-part a .item.large .wrapper, #home #news .wrapper .right-part a .item.large .wrapper {
  padding: 20px 20px 60px;
  bottom: 12%;
  border-radius: 18px;
}
@media screen and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item.large .wrapper, #home #news .wrapper .right-part a .item.large .wrapper {
    padding: 20px 20px 50px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item.large .wrapper, #home #news .wrapper .right-part a .item.large .wrapper {
    padding: 15px 15px 35px;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 10px;
    bottom: 17%;
    width: 92%;
  }
}
#home #news .wrapper .left-part a .item.large .wrapper p, #home #news .wrapper .right-part a .item.large .wrapper p {
  font-size: 24px;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item.large .wrapper p, #home #news .wrapper .right-part a .item.large .wrapper p {
    font-size: 21px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item.large .wrapper p, #home #news .wrapper .right-part a .item.large .wrapper p {
    font-size: 18px;
  }
}
#home #news .wrapper .left-part a .item.large .read-article, #home #news .wrapper .right-part a .item.large .read-article {
  padding: 26px 33px 26px 21px;
  bottom: 4%;
}
@media screen and (max-width: 1500px) {
  #home #news .wrapper .left-part a .item.large .read-article, #home #news .wrapper .right-part a .item.large .read-article {
    padding: 20px 30px 20px 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item.large .read-article, #home #news .wrapper .right-part a .item.large .read-article {
    padding: 14px 20px 15px 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item.large .read-article, #home #news .wrapper .right-part a .item.large .read-article {
    bottom: 5%;
    width: fit-content;
    right: 10%;
  }
}
#home #news .wrapper .left-part a .item.large .read-article p, #home #news .wrapper .right-part a .item.large .read-article p {
  margin-right: 30px;
  font-size: 17px;
}
@media screen and (max-width: 1200px) {
  #home #news .wrapper .left-part a .item.large .read-article p, #home #news .wrapper .right-part a .item.large .read-article p {
    margin-right: 15px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #home #news .wrapper .left-part a .item.large .read-article p, #home #news .wrapper .right-part a .item.large .read-article p {
    margin-right: 10px;
    font-size: 14px;
  }
}
#home #news .wrapper .left-part a .item.large .read-article .arrow, #home #news .wrapper .right-part a .item.large .read-article .arrow {
  width: 19px;
}
@media screen and (max-width: 576px) {
  #home #news .wrapper .left-part a .item.large .read-article .arrow, #home #news .wrapper .right-part a .item.large .read-article .arrow {
    width: 14px;
  }
}
#home #news .wrapper.bottom {
  margin-top: 55px;
}

#partners {
  position: relative;
  margin: 50px 0;
  padding: 130px 8.6% 120px;
  width: 100%;
  background-color: #EDEDED;
}
@media screen and (max-width: 1800px) {
  #partners {
    padding: 110px 8.25% 100px;
    margin: 40px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #partners {
    padding: 80px 6.87% 70px;
    margin: 30px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #partners {
    padding: 70px 5.5% 60px;
    margin: 20px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #partners {
    margin: 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #partners {
    padding: 65px 4.5%;
    min-height: auto;
    margin-top: 0;
  }
}
#partners h3 {
  position: relative;
  margin-bottom: 115px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #partners h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #partners h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #partners h3 {
    font-size: 40px;
  }
}
#partners h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #partners h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #partners h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #partners h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1800px) {
  #partners h3 {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #partners h3 {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #partners h3 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #partners h3 {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #partners h3 {
    margin-bottom: 35px;
    text-align: center;
  }
}
#partners h3 span {
  color: #ED244A;
}
#partners .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 576px) {
  #partners .wrapper {
    flex-direction: column;
    display: none;
  }
}
#partners .wrapper.bottom {
  color: rgba(25, 25, 25, 0.5);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
#partners .wrapper .brand {
  position: relative;
  margin-right: 40px;
  height: 225px;
  width: 17%;
  padding: 0px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 70px;
}
@media screen and (max-width: 1500px) {
  #partners .wrapper .brand {
    margin-right: 60px;
    width: 160px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #partners .wrapper .brand {
    margin-right: 50px;
    width: 140px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #partners .wrapper .brand {
    margin-right: 50px;
    width: 120px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #partners .wrapper .brand {
    margin-right: 0;
    margin-bottom: 40px;
    width: 130px;
  }
}
#partners .wrapper .brand img {
  position: relative;
  height: 160px;
  width: 100%;
  object-fit: scale-down;
  padding: 0px 20px;
}
#partners .wrapper .brand .bottom-part .ville {
  color: rgba(25, 25, 25, 0.5);
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
}
#partners .wrapper .brand .bottom-part .distance {
  color: rgba(25, 25, 25, 0.5);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.56px;
}
#partners .wrapper-mobile {
  position: relative;
  width: 100%;
  display: none;
}
@media screen and (max-width: 576px) {
  #partners .wrapper-mobile {
    display: block;
  }
}
#partners .wrapper-mobile .carousel {
  position: relative;
  padding-bottom: 35px;
  width: 100%;
}
#partners .wrapper-mobile .carousel .flickity-viewport {
  transition: height 0.55s cubic-bezier(0.1, 0.1, 0.36, 1);
  overflow: initial;
}
#partners .wrapper-mobile .carousel .flickity-page-dots .dot {
  background: #172637;
}
#partners .wrapper-mobile .carousel .carousel-cell {
  position: relative;
  height: auto;
  width: 100%;
  margin: 0 4.5%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
#partners .wrapper-mobile .carousel .carousel-cell .brand {
  position: relative;
  min-height: 45px;
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#partners .wrapper-mobile .carousel .carousel-cell .brand img {
  position: relative;
  height: auto;
  width: 58%;
  object-fit: scale-down;
}
#partners .wrapper-mobile .carousel .carousel-cell .brand .bottom-part .ville {
  color: rgba(25, 25, 25, 0.5);
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 350;
  line-height: 160%;
  text-transform: uppercase;
  text-align: center;
  margin-top: 20px;
}
#partners .wrapper-mobile .carousel .carousel-cell .brand .bottom-part .distance {
  color: rgba(25, 25, 25, 0.5);
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.56px;
}
#partners .wrapper-mobile .bottom {
  color: rgba(25, 25, 25, 0.5);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 50px;
}

#programs {
  position: relative;
  width: 100%;
}
#programs #discoverPrograms {
  position: relative;
  padding: 140px 8.8% 105px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1800px) {
  #programs #discoverPrograms {
    padding: 140px 8.25% 105px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #programs #discoverPrograms {
    padding: 125px 6.87% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms {
    padding: 110px 5.5% 65px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms {
    padding: 100px 4.5% 65px;
  }
}
#programs #discoverPrograms .wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 65px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .wrapper {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 800px) {
  #programs #discoverPrograms .wrapper {
    flex-direction: column;
    margin-bottom: 0;
  }
}
#programs #discoverPrograms .wrapper .left-part {
  position: relative;
  padding-top: 0;
  width: 40%;
}
@media screen and (max-width: 992px) {
  #programs #discoverPrograms .wrapper .left-part {
    width: 42%;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) {
  #programs #discoverPrograms .wrapper .left-part {
    width: 100%;
  }
}
#programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  margin-bottom: 100px;
}
@media screen and (max-width: 1800px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    font-size: 40px;
  }
}
#programs #discoverPrograms .wrapper .left-part h3 span, #programs #discoverPrograms .wrapper .left-part h1 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #programs #discoverPrograms .wrapper .left-part h3 span, #programs #discoverPrograms .wrapper .left-part h1 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #programs #discoverPrograms .wrapper .left-part h3 span, #programs #discoverPrograms .wrapper .left-part h1 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .wrapper .left-part h3 span, #programs #discoverPrograms .wrapper .left-part h1 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part h3, #programs #discoverPrograms .wrapper .left-part h1 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 800px) {
  #programs #discoverPrograms .wrapper .left-part a {
    display: none;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile {
  position: relative;
  width: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile {
    display: flex;
  }
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile a, #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .hidden {
    display: flex;
    margin-bottom: 30px;
  }
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile a:last-child, #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .hidden:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 800px) and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile a, #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .hidden {
    margin-bottom: 20px;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden {
  height: 350px;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden {
    height: 450px;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .title-hidden {
  position: relative;
  margin-bottom: 0;
  font-family: "Gotham bold", sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
  z-index: 2;
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .title-hidden span.rouge {
  color: #ED244A;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .title-hidden {
    font-size: 28px;
  }
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .title-hidden span {
    font-size: 28px;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .sub-title-hidden {
  position: relative;
  max-width: 70%;
  margin: 10px auto 0;
  font-family: "Gotham medium", sans-serif;
  font-size: 23px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
  z-index: 2;
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .sub-title-hidden span.rouge {
  color: #ED244A;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .sub-title-hidden {
    font-size: 22px;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .paragraph {
  position: relative;
  max-width: 100%;
  margin: 10px 0 8px;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  text-align: center;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden .paragraph {
    font-size: 13px;
    margin: 4px 0 8px;
  }
}
#programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden a {
  margin-bottom: 0;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden a {
    margin: 0 auto;
  }
  #programs #discoverPrograms .wrapper .left-part .wrapper-mobile .item.hidden a:first-of-type {
    margin-bottom: 10px;
  }
}
#programs #discoverPrograms .wrapper .right-part {
  position: relative;
  padding-top: 25px;
  width: 51%;
}
@media screen and (max-width: 1200px) {
  #programs #discoverPrograms .wrapper .right-part {
    padding-top: 15px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .wrapper .right-part {
    width: 52%;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #programs #discoverPrograms .wrapper .right-part {
    display: none;
  }
}
#programs #discoverPrograms .wrapper .right-part .item {
  height: 626px;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .wrapper .right-part .item {
    height: 500px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .wrapper .right-part .item {
    height: 425px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .wrapper .right-part .item {
    height: 350px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #programs #discoverPrograms .wrapper .right-part .item {
    height: 230px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #programs #discoverPrograms .wrapper .right-part .item {
    height: 220px;
  }
}
#programs #discoverPrograms .item {
  position: relative;
  padding: 40px 55px;
  margin: 0 auto;
  height: 384px;
  width: 100%;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  overflow: hidden;
  text-decoration: none;
  transform: translateY(60px);
  opacity: 0;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item {
    height: 315px;
    padding: 35px 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item {
    height: 270px;
    padding: 25px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item {
    height: 250px;
    padding: 20px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #programs #discoverPrograms .item {
    height: 230px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #programs #discoverPrograms .item {
    height: 220px;
    padding: 20px;
  }
}
#programs #discoverPrograms .item img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(1.05);
  object-fit: cover;
  transition: transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#programs #discoverPrograms .item .type {
  position: absolute;
  top: 25px;
  right: 25px;
  padding: 14px 30px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item .type {
    top: 20px;
    right: 20px;
    font-size: 15px;
    padding: 11px 26px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item .type {
    top: 17px;
    right: 17px;
    font-size: 14px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item .type {
    top: 15px;
    right: 15px;
    padding: 8px 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #programs #discoverPrograms .item .type {
    top: 12px;
    right: 12px;
    font-size: 13px;
    padding: 8px 14px;
  }
}
#programs #discoverPrograms .item .info {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 2;
}
#programs #discoverPrograms .item .info .left-part {
  position: relative;
  padding: 0;
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 576px) {
  #programs #discoverPrograms .item .info .left-part {
    width: 80%;
  }
}
#programs #discoverPrograms .item .info .left-part h4 {
  position: relative;
  margin-bottom: 9px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item .info .left-part h4 {
    font-size: 35px;
    margin-bottom: 6px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item .info .left-part h4 {
    font-size: 30px;
    margin-bottom: 3px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item .info .left-part h4 {
    font-size: 26px;
    margin-bottom: 2px;
  }
}
#programs #discoverPrograms .item .info .left-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item .info .left-part p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #programs #discoverPrograms .item .info .left-part p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #programs #discoverPrograms .item .info .left-part p {
    font-size: 13px;
  }
}
#programs #discoverPrograms .item .info span {
  position: relative;
  padding: 20px 30px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  transition: background ease-in 0.35s;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item .info span {
    padding: 18px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item .info span {
    padding: 15px 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item .info span {
    padding: 14px 21px;
  }
}
#programs #discoverPrograms .item.center {
  width: 40%;
}
@media screen and (max-width: 992px) {
  #programs #discoverPrograms .item.center {
    width: 42%;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) {
  #programs #discoverPrograms .item.center {
    display: none;
  }
}
#programs #discoverPrograms .item svg path {
  transition: stroke ease-in 0.35s;
}
#programs #discoverPrograms .item:hover:not(.hidden) {
  transition: background ease-in 0.35s;
}
#programs #discoverPrograms .item:hover:not(.hidden) img {
  transform: scale(1);
}
#programs #discoverPrograms .item:hover:not(.hidden) span {
  background: #ED244A;
}
#programs #discoverPrograms .item:hover:not(.hidden) svg path {
  stroke: #fff;
  transition: stroke ease-in 0.35s;
}
#programs #discoverPrograms .item .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(0deg, rgba(23, 38, 55, 0.75) 0%, rgba(255, 255, 255, 0) 40%);
  left: 0;
  bottom: 0;
  pointer-events: none;
}
#programs #discoverPrograms .item.hidden {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#programs #discoverPrograms .item.hidden .title-hidden {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
  z-index: 2;
}
#programs #discoverPrograms .item.hidden .title-hidden span.rouge {
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item.hidden .title-hidden {
    font-size: 53px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item.hidden .title-hidden {
    font-size: 46px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item.hidden .title-hidden {
    font-size: 35px;
  }
}
#programs #discoverPrograms .item.hidden .sub-title-hidden {
  position: relative;
  max-width: 70%;
  margin: 30px auto 0;
  font-family: "Gotham medium", sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
  z-index: 2;
}
#programs #discoverPrograms .item.hidden .sub-title-hidden span.rouge {
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item.hidden .sub-title-hidden {
    font-size: 32px;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .item.hidden .sub-title-hidden {
    font-size: 28px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .item.hidden .sub-title-hidden {
    font-size: 23px;
    margin: 10px auto 0;
  }
}
#programs #discoverPrograms .item.hidden .paragraph {
  position: relative;
  max-width: 75%;
  margin: 15px 0 30px;
  font-size: 20px;
  font-family: Inter, sans-serif;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.7px;
  text-align: center;
  font-style: normal;
  color: #ffffff;
  z-index: 2;
}
@media screen and (max-width: 1500px) {
  #programs #discoverPrograms .item.hidden .paragraph {
    max-width: 100%;
    font-size: 18px;
    margin: 15px 0 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #programs #discoverPrograms .item.hidden .paragraph {
    font-size: 16px;
    margin: 4px 0 15px;
  }
}
#programs #discoverPrograms .item.hidden a {
  z-index: 2;
}
#programs #discoverPrograms .item.hidden a:last-of-type {
  margin: 20px auto 0;
}
@media screen and (max-width: 992px) {
  #programs #discoverPrograms .item.hidden a:last-of-type {
    margin: 10px auto 0;
  }
}
#programs #discoverPrograms .item.hidden .overlay {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
#programs #discoverPrograms .decoration {
  position: absolute;
  bottom: 0;
  left: 0;
  height: auto;
  width: 730px;
  z-index: -1;
}
@media screen and (max-width: 1800px) {
  #programs #discoverPrograms .decoration {
    width: 660px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #programs #discoverPrograms .decoration {
    width: 540px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #programs #discoverPrograms .decoration {
    width: 460px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #discoverPrograms .decoration {
    width: 360px;
  }
}
#programs #meet {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  #programs #meet {
    flex-direction: column;
  }
}
#programs #meet .wrapper {
  position: relative;
  padding: 200px 0;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #F3F3F3;
}
@media screen and (max-width: 1500px) {
  #programs #meet .wrapper {
    padding: 130px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #programs #meet .wrapper {
    padding: 100px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 800px) {
  #programs #meet .wrapper {
    width: 100%;
    padding: 70px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 800px) and (max-width: 576px) {
  #programs #meet .wrapper {
    padding: 65px 0;
  }
}
#programs #meet .wrapper:nth-child(1) {
  background: #ED244A;
}
#programs #meet .wrapper:nth-child(1) h3 {
  color: #ffffff;
}
#programs #meet .wrapper:nth-child(1) .paragraph {
  color: #ffffff;
}
#programs #meet .wrapper h3 {
  position: relative;
  max-width: 30%;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #programs #meet .wrapper h3 {
    max-width: 35%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #programs #meet .wrapper h3 {
    font-size: 35px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #programs #meet .wrapper h3 {
    max-width: 38%;
    font-size: 32px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #meet .wrapper h3 {
    max-width: 48%;
    font-size: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #programs #meet .wrapper h3 {
    max-width: 48%;
    font-size: 26px;
  }
}
#programs #meet .wrapper .paragraph {
  position: relative;
  max-width: 40%;
  margin: 30px 0 40px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0;
  text-align: center;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #programs #meet .wrapper .paragraph {
    max-width: 45%;
    font-size: 15px;
    margin: 25px 0 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) {
  #programs #meet .wrapper .paragraph {
    max-width: 50%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) {
  #programs #meet .wrapper .paragraph {
    max-width: 60%;
    margin: 20px 0 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) and (max-width: 992px) {
  #programs #meet .wrapper .paragraph {
    max-width: 74%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #programs #meet .wrapper .paragraph {
    max-width: 80%;
    margin: 17px 0 23px;
  }
}
#programs #meet .wrapper a div p {
  max-width: none;
  margin: 0;
}

#single-program {
  position: relative;
  width: 100%;
}
#single-program #masthead {
  position: relative;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 0 0;
}
@media screen and (max-width: 576px) {
  #single-program #masthead {
    height: 100svh;
    min-height: 80vh;
  }
}
#single-program #masthead .global-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 0 0 0 0;
  z-index: 1;
}
@media screen and (max-width: 992px) {
  #single-program #masthead .global-wrapper {
    height: 91%;
    border-radius: 0 0 60px 60px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper {
    height: 90%;
  }
}
#single-program #masthead .global-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#single-program #masthead .global-wrapper .wrapper {
  position: absolute;
  bottom: 9%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 800px) {
  #single-program #masthead .global-wrapper .wrapper {
    width: 80%;
  }
}
@media screen and (max-width: 800px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper {
    width: 91%;
    bottom: 40%;
    left: 50%;
    transform: translate(-50%, 50%);
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part {
  position: relative;
  margin-bottom: 30px;
  padding: 50px 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.17);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 100px;
}
@media screen and (max-width: 1500px) {
  #single-program #masthead .global-wrapper .wrapper .top-part {
    padding: 40px 130px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #single-program #masthead .global-wrapper .wrapper .top-part {
    padding: 35px 100px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #single-program #masthead .global-wrapper .wrapper .top-part {
    padding: 35px 75px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #single-program #masthead .global-wrapper .wrapper .top-part {
    border-radius: 25px;
    padding: 20px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .top-part {
    padding: 20px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part .info {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 1500px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info {
    margin-bottom: 15px;
    flex-direction: column;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info {
    margin-bottom: 8px;
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part .info .title {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .title {
    font-size: 19px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .title {
    font-size: 17px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .title {
    font-size: 16px;
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part .info .line {
  position: relative;
  margin: 0 10px;
  height: 4px;
  width: 10px;
  background: #ffffff;
}
@media screen and (max-width: 1200px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .line {
    margin: 8px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .top-part .info .line {
    height: 3px;
    width: 8px;
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part h4 {
  position: relative;
  margin-bottom: 10px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #single-program #masthead .global-wrapper .wrapper .top-part h4 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #single-program #masthead .global-wrapper .wrapper .top-part h4 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #single-program #masthead .global-wrapper .wrapper .top-part h4 {
    font-size: 30px;
    margin-bottom: 7px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #single-program #masthead .global-wrapper .wrapper .top-part h4 {
    white-space: normal;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .top-part h4 {
    margin-bottom: 10px;
  }
}
#single-program #masthead .global-wrapper .wrapper .top-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
}
#single-program #masthead .global-wrapper .wrapper .bottom-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: max-content;
}
@media screen and (max-width: 1100px) {
  #single-program #masthead .global-wrapper .wrapper .bottom-part {
    flex-direction: column;
  }
}
#single-program #masthead .global-wrapper .wrapper .bottom-part .button {
  margin: 0 25px 0 0;
}
@media screen and (max-width: 1100px) {
  #single-program #masthead .global-wrapper .wrapper .bottom-part .button {
    margin: 0 0 20px 0;
  }
}
@media screen and (max-width: 1100px) and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .bottom-part .button {
    margin: 0 0 15px 0;
  }
}
#single-program #masthead .global-wrapper .wrapper .bottom-part .button:last-child {
  margin: 0;
}
@media screen and (max-width: 576px) {
  #single-program #masthead .global-wrapper .wrapper .bottom-part .button:not(.plaquette) {
    margin: 0 0 15px 0;
    display: none;
  }
}
#single-program #masthead .arrow {
  position: absolute;
  height: 34px;
  width: auto;
  bottom: 30px;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
  animation: arrow 2.5s cubic-bezier(0.1, 0.1, 0.36, 1) infinite;
}
@media screen and (max-width: 576px) {
  #single-program #masthead .arrow {
    left: 49%;
    bottom: 20px;
  }
}
@keyframes arrow {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(10px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
#single-program #cards {
  position: relative;
  padding: 100px 8.8%;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  #single-program #cards {
    padding: 90px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #single-program #cards {
    padding: 80px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #single-program #cards {
    padding: 70px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #single-program #cards {
    height: fit-content;
    padding: 65px 8%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #single-program #cards {
    padding: 65px 4.5%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    grid-column-gap: 0;
    grid-row-gap: 20px;
  }
}
#single-program #cards .card {
  position: relative;
  padding: 50px 31px 50px 35px;
  height: 70%;
  width: 23.8%;
  border-radius: 20px;
  overflow: hidden;
  will-change: top;
}
@media screen and (max-width: 1500px) {
  #single-program #cards .card {
    padding: 40px 25px 40px 25px;
    height: 69%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) {
  #single-program #cards .card {
    height: fit-content;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) {
  #single-program #cards .card {
    padding: 30px 25px 30px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) and (max-width: 992px) {
  #single-program #cards .card {
    height: max-content;
    min-height: 100%;
    width: 100%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1350px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #single-program #cards .card {
    height: fit-content;
    padding: 30px 18px 30px 20px;
  }
}
@media screen and (min-width: 992px) {
  #single-program #cards .card:nth-child(1) {
    transform: translateY(-15%);
  }
  #single-program #cards .card:nth-child(2) {
    transform: translateY(-5%);
  }
  #single-program #cards .card:nth-child(3) {
    transform: translateY(5%);
  }
  #single-program #cards .card:nth-child(4) {
    transform: translateY(15%);
  }
}
#single-program #cards .card img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.5);
}
#single-program #cards .card h4 {
  position: relative;
  margin-bottom: 30px;
  font-family: "Gotham bold", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  color: #ffffff;
  background-color: #ED244A;
  display: inline;
}
@media screen and (max-width: 1500px) {
  #single-program #cards .card h4 {
    font-size: 28px;
    line-height: 140%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #single-program #cards .card h4 {
    font-size: 25px;
    line-height: 130%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #single-program #cards .card h4 {
    margin-bottom: 12px;
  }
}
#single-program #cards .card p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #ffffff;
}
#single-program #cards .card p span.rouge {
  color: #ED244A;
  font-weight: 600;
}
#single-program #cards.three {
  padding: 100px 20%;
}
@media screen and (max-width: 1800px) {
  #single-program #cards.three {
    padding: 90px 17%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #single-program #cards.three {
    padding: 80px 14%;
  }
}
#single-program #cards.three .card {
  width: 30%;
}
@media screen and (max-width: 992px) {
  #single-program #cards.three .card {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  #single-program #cards.three:nth-child(1) {
    transform: translateY(-15%);
  }
  #single-program #cards.three:nth-child(2) {
    transform: translateY(-5%);
  }
  #single-program #cards.three:nth-child(3) {
    transform: translateY(5%);
  }
  #single-program #cards.three:nth-child(4) {
    transform: translateY(15%);
  }
}
#sliderPreview {
  position: relative;
  height: fit-content;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}
#sliderPreview .global-wrapper {
  position: relative;
  height: fit-content;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #sliderPreview .global-wrapper {
    flex-direction: column;
  }
}
#sliderPreview .global-wrapper .item {
  position: relative;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #sliderPreview .global-wrapper .item {
    height: 450px;
    margin-bottom: 20px;
  }
  #sliderPreview .global-wrapper .item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #sliderPreview .global-wrapper .item {
    height: 300px;
    margin-bottom: 15px;
  }
}
#sliderPreview .global-wrapper .item .wrapper {
  position: relative;
  height: 80%;
  width: 80%;
  border-radius: 400px;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #sliderPreview .global-wrapper .item .wrapper {
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
}
#sliderPreview .global-wrapper .item .wrapper img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#elegance {
  position: relative;
  width: 70%;
  display: flex;
  margin: 0 auto;
  padding: 230px 0 100px;
}
@media (max-width: 1500px) {
  #elegance {
    padding: 200px 0 100px;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) {
  #elegance {
    width: 85%;
    padding: 170px 0 80px;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #elegance {
    width: 100%;
    padding: 110px 5.5%;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #elegance {
    padding: 90px 5.5%;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #elegance {
    padding: 65px 4.5%;
  }
}
#elegance h3 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  margin: 160px 0 130px 0;
  text-align: center;
}
@media screen and (max-width: 1800px) {
  #elegance h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #elegance h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #elegance h3 {
    font-size: 40px;
  }
}
#elegance h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #elegance h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #elegance h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #elegance h3 span {
    font-size: 40px;
  }
}
#elegance .wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 710px;
}
@media (max-width: 1500px) {
  #elegance .wrapper {
    height: 560px;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper {
    height: 540px;
    width: 100%;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #elegance .wrapper {
    flex-direction: column;
    justify-content: center;
    height: auto;
  }
}
#elegance .wrapper .left-part {
  position: relative;
  height: 621px;
  width: auto;
  aspect-ratio: 1/1;
  border-radius: 25px;
}
@media (max-width: 1500px) {
  #elegance .wrapper .left-part {
    height: 500px;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper .left-part {
    height: 460px;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #elegance .wrapper .left-part {
    height: 350px;
    width: 100%;
  }
}
@media (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #elegance .wrapper .left-part {
    height: auto;
    display: flex;
    aspect-ratio: auto;
    flex-direction: column-reverse;
  }
}
#elegance .wrapper .left-part img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media (max-width: 850px) {
  #elegance .wrapper .left-part img {
    height: 350px;
  }
}
@media (max-width: 850px) and (max-width: 576px) {
  #elegance .wrapper .left-part img {
    height: 220px;
    border-radius: 20px;
    display: none;
  }
}
#elegance .wrapper .left-part .text {
  position: absolute;
  top: -145px;
  left: 445px;
  width: 1000px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border-radius: 50px;
  padding: 55px 65px;
}
@media screen and (max-width: 1500px) {
  #elegance .wrapper .left-part .text {
    left: 255px;
    top: -115px;
    width: 850px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper .left-part .text {
    width: 720px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #elegance .wrapper .left-part .text {
    position: relative;
    left: 215px;
    z-index: 1;
    width: 80%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 900px) {
  #elegance .wrapper .left-part .text {
    left: 150px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 900px) and (max-width: 850px) {
  #elegance .wrapper .left-part .text {
    padding: 0;
    top: 0;
    left: 0;
    margin-bottom: 40px;
    width: 100%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 900px) and (max-width: 850px) and (max-width: 576px) {
  #elegance .wrapper .left-part .text {
    margin-bottom: 0;
  }
}
#elegance .wrapper .left-part .text h4 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  color: #172637;
  margin-bottom: 25px;
}
@media screen and (max-width: 1800px) {
  #elegance .wrapper .left-part .text h4 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #elegance .wrapper .left-part .text h4 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper .left-part .text h4 {
    font-size: 40px;
  }
}
#elegance .wrapper .left-part .text h4 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #elegance .wrapper .left-part .text h4 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #elegance .wrapper .left-part .text h4 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper .left-part .text h4 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1200px) {
  #elegance .wrapper .left-part .text h4 {
    margin-bottom: 15px;
  }
}
#elegance .wrapper .left-part .text p {
  color: #172637;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 25.6px */
  max-width: 450px;
}
@media screen and (max-width: 1200px) {
  #elegance .wrapper .left-part .text p {
    max-width: 100%;
  }
}
#elegance .wrapper .right-part {
  position: relative;
  margin-left: 185px;
  width: 460px;
  height: 373px;
  align-self: end;
}
@media screen and (max-width: 1800px) {
  #elegance .wrapper .right-part {
    margin-left: 135px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #elegance .wrapper .right-part {
    width: 370px;
    height: 300px;
    margin-left: 115px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #elegance .wrapper .right-part {
    width: 340px;
    height: 280px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #elegance .wrapper .right-part {
    margin-top: 40px;
    height: 350px;
    width: 100%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #elegance .wrapper .right-part {
    margin-top: 20px;
    height: 220px;
    display: none;
  }
}
#elegance .wrapper .right-part img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media (max-width: 576px) {
  #elegance .wrapper .right-part img {
    border-radius: 20px;
  }
}

#maquette {
  position: relative;
  margin: 80px auto 130px;
  height: 85vh;
  width: 74%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  #maquette {
    height: 76vh;
    width: 77%;
    margin: 60px auto 90px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #maquette {
    height: 67vh;
    width: 80%;
    margin: 40px auto 80px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #maquette {
    display: none;
  }
}
#maquette .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  user-select: none;
}
#maquette .wrapper .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: 3;
  border-radius: 500px;
}
#maquette .wrapper h3 {
  position: relative;
  padding: 69px 50px;
  margin-top: 100px;
  margin-bottom: 43px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1px;
  border-radius: 100px;
  backdrop-filter: blur(3px);
  background: rgba(0, 0, 0, 0.1);
  z-index: 4;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #maquette .wrapper h3 {
    padding: 59px 39px;
    margin-bottom: 33px;
    font-size: 36px;
    margin-top: 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #maquette .wrapper h3 {
    padding: 50px 35px;
    margin-bottom: 25px;
    font-size: 31px;
    margin-top: 40px;
  }
}
#maquette .wrapper a {
  position: relative;
  z-index: 4;
}
#maquette .wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: none;
}
#maquette .wrapper .maquette {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#technologie {
  position: relative;
  padding: 80px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #172637;
}
@media screen and (max-width: 1500px) {
  #technologie {
    padding: 160px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #technologie {
    padding: 140px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #technologie {
    padding: 60px 0;
  }
}
#technologie .wrapper {
  position: relative;
  height: 300px;
  width: 85%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  flex-direction: row;
  flex-wrap: wrap;
  background: linear-gradient(0deg, rgb(23, 38, 55) 10%, rgba(23, 38, 55, 0) 25%, rgba(23, 38, 55, 0) 75%, rgb(23, 38, 55) 90%);
}
@media screen and (max-width: 1500px) {
  #technologie .wrapper {
    height: 160px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #technologie .wrapper {
    height: 100px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #technologie .wrapper {
    height: 170px;
  }
}
#technologie .wrapper h3 {
  position: relative;
  width: 100%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
  height: 100%;
  padding: 100px 0 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 1800px) {
  #technologie .wrapper h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #technologie .wrapper h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #technologie .wrapper h3 {
    font-size: 40px;
  }
}
#technologie .wrapper h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #technologie .wrapper h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #technologie .wrapper h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #technologie .wrapper h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1200px) {
  #technologie .wrapper h3 {
    white-space: normal;
    font-size: 35px !important;
    padding: 60px 0 70px;
  }
  #technologie .wrapper h3 span {
    font-size: 35px !important;
  }
}
@media screen and (max-width: 576px) {
  #technologie .wrapper h3 {
    font-size: 30px !important;
    padding: 70px 0;
  }
  #technologie .wrapper h3 span {
    font-size: 30px !important;
  }
}
@keyframes techno {
  0% {
    transform: translateY(-120%);
  }
  10% {
    transform: translateY(-120%);
  }
  30% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(120%);
  }
}
@media screen and (max-width: 576px) {
  @keyframes techno {
    0% {
      transform: translateY(-150%);
    }
    10% {
      transform: translateY(-150%);
    }
    30% {
      transform: translateY(0);
    }
    80% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(180%);
    }
  }
}

#make-difference {
  position: relative;
  padding: 160px 8.8% 150px;
}
@media screen and (max-width: 1800px) {
  #make-difference {
    padding: 130px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #make-difference {
    padding: 120px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #make-difference {
    display: none;
  }
}
#make-difference h3 {
  position: relative;
  margin-bottom: 56px;
  text-align: center;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #make-difference h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #make-difference h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference h3 {
    font-size: 40px;
  }
}
#make-difference h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #make-difference h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #make-difference h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference h3 span {
    font-size: 40px;
  }
}
#make-difference .global-wrapper {
  position: relative;
  width: 100%;
}
#make-difference .global-wrapper .wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 78.5/39.6;
  border-radius: 20px;
  overflow: hidden;
  margin: auto;
}
#make-difference .global-wrapper .wrapper .carousel {
  width: 100%;
  height: 100%;
}
#make-difference .global-wrapper .wrapper .carousel .carousel-cell {
  width: 100%;
  height: 100%;
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button {
  position: absolute;
  top: auto;
  bottom: 26px;
  right: 24px;
  height: 64px;
  width: 248px;
  border-radius: 50px;
  transform: none;
  left: auto !important;
  background: #ffffff;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1) 0.075s;
  /*
  &:after {
    position: absolute;
    content: "";
    top: -2.5%;
    left: -105%;
    height: 105%;
    width: 105%;
    border-radius: 50px;
    background-color: $red;
    transition: left 0.85s $ease-power4-out;

    @media screen and (max-width: 576px) {
      display: none;
    }
  }
  */
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:not([disabled]) {
  opacity: 1;
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button.previous {
  display: none;
}
@media screen and (max-width: 1800px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button {
    bottom: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button {
    bottom: 30px;
    right: 35px;
    height: 54px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button {
    background: #172637;
    bottom: 75px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button {
    background: #ffffff;
    bottom: 153px;
    height: 40px;
    right: 12px;
  }
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button svg {
  display: none;
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 18px;
  width: 188px;
  background: url("assets/dist/images/btn-nos-autres-prestations.svg") center/cover no-repeat;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:before {
    background: url("assets/dist/images/btn-nos-autres-prestations-white.svg") center/cover no-repeat;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:before {
    background: url("assets/dist/images/btn-nos-autres-prestations.svg") center/cover no-repeat;
  }
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button.previous {
  right: 160px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button.previous {
    right: 125px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button.previous {
    right: 82px;
  }
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button.previous:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:hover {
  background: #ED244A;
  transition: all 0.35s ease;
}
#make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:hover:before {
  background: url("assets/dist/images/btn-nos-autres-prestations-white.svg") center/cover no-repeat;
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:hover:before {
    background: url("assets/dist/images/btn-nos-autres-prestations.svg") center/cover no-repeat;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #make-difference .global-wrapper .wrapper .carousel .flickity-prev-next-button:hover:before {
    background: url("assets/dist/images/btn-nos-autres-prestations-white.svg") center/cover no-repeat;
  }
}
#make-difference .global-wrapper .wrapper .mid-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
#make-difference .global-wrapper .wrapper .inner-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot {
  position: absolute;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .spot {
  width: 20px;
  height: 20px;
  position: absolute;
  background-color: #ED244A;
  border-radius: 20px;
  z-index: 5;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .spot:hover {
  cursor: pointer;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .microTitre {
  color: white;
  font-family: "Gotham bold", sans-serif;
  background-color: #172637;
  padding: 5px 8px;
  border-radius: 10px;
  position: relative;
  text-transform: uppercase;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info {
  position: absolute;
  padding: 20px;
  border-radius: 20px;
  width: 300px;
  height: auto;
  opacity: 0;
  background-color: rgba(23, 38, 55, 0.85);
  backdrop-filter: blur(5px);
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info {
    width: 250px;
    height: 175px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info {
    width: 220px;
    height: fit-content;
  }
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info h4 {
  color: white;
  font-family: "Gotham bold", sans-serif;
  background-color: #ED244A;
  display: inline;
  margin-bottom: 20px;
  font-size: 18px;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info p {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  margin-bottom: 10px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info p {
    font-size: 15px;
  }
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.top {
  top: -220px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.top {
    top: -185px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.top {
    top: -160px;
  }
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.left {
  left: -320px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.left {
    left: -250px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.left {
    left: -200px;
  }
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.right {
  left: 20px;
}
#make-difference .global-wrapper .wrapper .wrapper-hotspots .hotspot .hotspot-info.bottom {
  top: 20px;
}
#make-difference .global-wrapper .wrapper .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  pointer-events: none;
  object-position: 50% 100%;
}
#make-difference .global-wrapper .wrapper .sideInfo {
  position: absolute;
  padding: 40px 40px 40px 35px;
  overflow: auto;
  top: 0;
  right: -40%;
  height: 100%;
  width: 40%;
  background-color: #172637;
  z-index: 8;
  border-radius: 0 20px 20px 0;
  transition: right 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
  opacity: 0;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .sideInfo {
    width: 37%;
    right: -37%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .global-wrapper .wrapper .sideInfo {
    padding: 65px 40px 40px 35px;
  }
}
#make-difference .global-wrapper .wrapper .sideInfo::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
#make-difference .global-wrapper .wrapper .sideInfo.is-active {
  right: 0;
  transition: right 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#make-difference .global-wrapper .wrapper .sideInfo .wrapper-close {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
#make-difference .global-wrapper .wrapper .sideInfo .wrapper-close svg {
  position: relative;
  height: 100%;
  width: 100%;
}
#make-difference .global-wrapper .wrapper .sideInfo .innerSideInfo {
  display: none;
}
#make-difference .global-wrapper .wrapper .sideInfo h1, #make-difference .global-wrapper .wrapper .sideInfo h2, #make-difference .global-wrapper .wrapper .sideInfo h3, #make-difference .global-wrapper .wrapper .sideInfo h4, #make-difference .global-wrapper .wrapper .sideInfo h5, #make-difference .global-wrapper .wrapper .sideInfo h6 {
  font-family: "Gotham bold", sans-serif;
  color: #fff;
  font-size: 32px;
  margin-bottom: 27px;
  line-height: 130%;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .sideInfo h1, #make-difference .global-wrapper .wrapper .sideInfo h2, #make-difference .global-wrapper .wrapper .sideInfo h3, #make-difference .global-wrapper .wrapper .sideInfo h4, #make-difference .global-wrapper .wrapper .sideInfo h5, #make-difference .global-wrapper .wrapper .sideInfo h6 {
    margin-bottom: 20px;
  }
}
#make-difference .global-wrapper .wrapper .sideInfo h1 span, #make-difference .global-wrapper .wrapper .sideInfo h2 span, #make-difference .global-wrapper .wrapper .sideInfo h3 span, #make-difference .global-wrapper .wrapper .sideInfo h4 span, #make-difference .global-wrapper .wrapper .sideInfo h5 span, #make-difference .global-wrapper .wrapper .sideInfo h6 span {
  font-family: "Gotham bold", sans-serif;
  color: #ED244A;
  font-size: 32px;
  line-height: 130%;
}
#make-difference .global-wrapper .wrapper .sideInfo p, #make-difference .global-wrapper .wrapper .sideInfo span, #make-difference .global-wrapper .wrapper .sideInfo strong, #make-difference .global-wrapper .wrapper .sideInfo u, #make-difference .global-wrapper .wrapper .sideInfo i {
  font-family: "Inter bold", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  color: #fff;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .sideInfo p, #make-difference .global-wrapper .wrapper .sideInfo span, #make-difference .global-wrapper .wrapper .sideInfo strong, #make-difference .global-wrapper .wrapper .sideInfo u, #make-difference .global-wrapper .wrapper .sideInfo i {
    font-size: 15px;
  }
}
#make-difference .global-wrapper .wrapper .sideInfo p {
  margin-bottom: 27px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .sideInfo p {
    margin-bottom: 20px;
  }
}
#make-difference .global-wrapper .wrapper .sideInfo img {
  border-radius: 20px;
  height: 170px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 27px;
}
@media screen and (max-width: 1500px) {
  #make-difference .global-wrapper .wrapper .sideInfo img {
    margin-bottom: 20px;
    height: 140px;
  }
}
#make-difference .global-wrapper .wrapper .sideInfo img:last-child {
  margin-bottom: 0;
}
#make-difference .wrapper-items {
  position: relative;
  margin: 150px auto 0;
  width: 85%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1800px) {
  #make-difference .wrapper-items {
    width: 87%;
    margin: 130px auto 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #make-difference .wrapper-items {
    margin: 90px auto 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .wrapper-items {
    margin: 70px auto 0;
    width: 93%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #make-difference .wrapper-items {
    margin: 40px auto 0;
    width: 100%;
    padding: 0 4.5%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
#make-difference .wrapper-items .item {
  position: relative;
  max-width: 290px;
  width: fit-content;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1500px) {
  #make-difference .wrapper-items .item {
    max-width: 270px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .wrapper-items .item {
    max-width: 250px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #make-difference .wrapper-items .item {
    margin-bottom: 40px;
  }
  #make-difference .wrapper-items .item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #make-difference .wrapper-items .item {
    max-width: 250px;
  }
}
#make-difference .wrapper-items .item h5 {
  position: relative;
  margin-bottom: 35px;
  padding: 16px 38px;
  font-family: "Inter bold", sans-serif;
  background-color: #172637;
  color: #ffffff;
  border-radius: 50px;
  display: inline;
  font-size: 28px;
  text-align: center;
}
@media screen and (max-width: 1500px) {
  #make-difference .wrapper-items .item h5 {
    font-size: 25px;
    padding: 13px 33px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .wrapper-items .item h5 {
    font-size: 22px;
    padding: 11px 26px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #make-difference .wrapper-items .item h5 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #make-difference .wrapper-items .item h5 {
    font-size: 20px;
    padding: 13px 20px;
  }
}
#make-difference .wrapper-items .item p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 180%;
  text-align: center;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #make-difference .wrapper-items .item p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #make-difference .wrapper-items .item p {
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #make-difference .wrapper-items .item p {
    font-size: 16px;
    line-height: 160%;
  }
}

#local-crafts {
  position: relative;
  padding: 0 8.8% 150px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1800px) {
  #local-crafts {
    padding: 0 8.25% 135px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #local-crafts {
    padding: 0 6.87% 125px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts {
    padding: 0 5.5% 100px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts {
    padding: 100px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #local-crafts {
    padding: 65px 4.5% 100px;
  }
}
#local-crafts h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #local-crafts h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #local-crafts h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts h3 {
    font-size: 40px;
  }
}
#local-crafts h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #local-crafts h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #local-crafts h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts h3 span {
    font-size: 40px;
  }
}
#local-crafts .wrapper {
  position: relative;
  margin: 56px 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper {
    margin: 45px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper {
    margin: 35px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts .wrapper {
    margin: 30px 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) {
  #local-crafts .wrapper {
    flex-direction: column;
    margin: 30px 0 20px;
  }
}
#local-crafts .wrapper a {
  position: relative;
  margin-right: 20px;
  text-decoration: none;
  min-width: 25%;
  width: 20%;
  transition: width 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 768px) {
  #local-crafts .wrapper a {
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#local-crafts .wrapper a.is-active {
  width: 100%;
}
#local-crafts .wrapper a.is-active .item .paragraph {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.5s cubic-bezier(0.1, 0.1, 0.36, 1) 0.5s, transform 0.5s cubic-bezier(0.1, 0.1, 0.36, 1) 0.5s;
}
#local-crafts .wrapper a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 576px) {
  #local-crafts .wrapper a:last-child {
    margin-bottom: 0;
  }
}
#local-crafts .wrapper a .item {
  position: relative;
  padding: 35px 30px;
  height: 585px;
  width: 100%;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper a .item {
    height: 475px;
    padding: 30px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper a .item {
    height: 380px;
    padding: 25px 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts .wrapper a .item {
    height: 330px;
    border-radius: 20px;
    padding: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #local-crafts .wrapper a .item {
    height: 280px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #local-crafts .wrapper a .item {
    height: 220px;
  }
}
#local-crafts .wrapper a .item .paragraph {
  position: relative;
  max-width: 80%;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.56px;
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.1, 0.1, 0.36, 1) 0s, transform 0.5s cubic-bezier(0.1, 0.1, 0.36, 1) 0s;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper a .item .paragraph {
    max-width: 60%;
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper a .item .paragraph {
    max-width: 80%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 768px) {
  #local-crafts .wrapper a .item .paragraph {
    max-width: 100%;
  }
}
#local-crafts .wrapper a .item .background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: brightness(0.7);
}
@media screen and (max-width: 768px) {
  #local-crafts .wrapper a .item .background {
    filter: brightness(0.5);
  }
}
#local-crafts .wrapper a .item .info {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper a .item .info {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper a .item .info {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts .wrapper a .item .info {
    margin-top: 0;
  }
}
#local-crafts .wrapper a .item .info h6 {
  position: relative;
  margin-right: 10px;
  font-family: "Gotham medium", sans-serif;
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -1.6px;
  word-break: break-word;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper a .item .info h6 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper a .item .info h6 {
    font-size: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 768px) {
  #local-crafts .wrapper a .item .info h6 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 768px) and (max-width: 576px) {
  #local-crafts .wrapper a .item .info h6 {
    font-size: 22px;
  }
}
#local-crafts .wrapper a .item .info .arrow {
  position: relative;
  top: 2px;
  height: auto;
  width: 65px;
}
@media screen and (max-width: 1500px) {
  #local-crafts .wrapper a .item .info .arrow {
    width: 55px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .wrapper a .item .info .arrow {
    width: 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts .wrapper a .item .info .arrow {
    width: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) {
  #local-crafts .wrapper a .item .info .arrow {
    display: none;
  }
}
#local-crafts .discover {
  position: relative;
  padding: 40px 60px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 50px;
  background-color: #172637;
  cursor: pointer;
  margin: 0 0 25px;
}
#local-crafts .discover:last-child {
  margin: 0;
}
@media screen and (max-width: 1500px) {
  #local-crafts .discover {
    padding: 30px 40px;
    border-radius: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #local-crafts .discover {
    padding: 25px 30px;
    border-radius: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #local-crafts .discover {
    padding: 20px 25px;
    border-radius: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #local-crafts .discover {
    padding: 20px;
    border-radius: 20px;
  }
}
#local-crafts .discover .top-part {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#local-crafts .discover .top-part p {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 145%;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
@media screen and (max-width: 576px) {
  #local-crafts .discover .top-part p {
    font-size: 22px;
  }
}
#local-crafts .discover .top-part .icon {
  position: relative;
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
}
#local-crafts .discover .top-part .icon:before, #local-crafts .discover .top-part .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: #ED244A;
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#local-crafts .discover .top-part .icon:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(90deg);
}
#local-crafts .discover .bottom-part {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #172637;
  transition: height 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
#local-crafts .discover .bottom-part ul {
  padding-top: 55px;
  flex-basis: 45%;
  max-width: 500px;
  list-style-type: none;
}
@media screen and (max-width: 992px) {
  #local-crafts .discover .bottom-part ul {
    flex-basis: 90%;
    flex-wrap: wrap;
  }
  #local-crafts .discover .bottom-part ul:last-child {
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #local-crafts .discover .bottom-part ul {
    flex-basis: 100%;
    padding-top: 25px;
  }
  #local-crafts .discover .bottom-part ul:last-child {
    padding-bottom: 10px;
  }
}
#local-crafts .discover .bottom-part ul li {
  position: relative;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.7px;
  font-family: "Gotham", sans-serif;
  color: #fff;
  margin-bottom: 25px;
}
#local-crafts .discover .bottom-part ul li:before {
  width: 10px;
  height: 10px;
  position: absolute;
  background-color: #ED244A;
  top: 10px;
  left: -20px;
  content: " ";
  border-radius: 10px;
}
@media screen and (max-width: 576px) {
  #local-crafts .discover .bottom-part ul li {
    line-height: 160%;
    font-size: 18px;
  }
  #local-crafts .discover .bottom-part ul li:last-child {
    margin-bottom: 0;
  }
}
#local-crafts .discover .bottom-part ul li span {
  font-weight: 600;
  font-family: "Gotham bold", sans-serif;
}
#local-crafts .discover .bottom-part ul li span.rouge {
  font-family: "Gotham", sans-serif;
  font-weight: 500;
  color: #ED244A;
}
#local-crafts .discover.is-open .top-part .icon:after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}
#local-crafts .discover.is-open .top-part p {
  color: #ED244A;
}
#local-crafts .discover.is-open .bottom-part {
  height: auto;
}

#map {
  position: relative;
  padding: 0 8.8% 185px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1800px) {
  #map {
    padding: 0 8.25% 170px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #map {
    padding: 0 6.87% 160px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #map {
    padding: 0 5.5% 130px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #map {
    padding: 0 4.5% 110px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #map {
    padding: 0 4.5% 100px;
  }
}
#map .mobile-title {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  display: none;
}
@media screen and (max-width: 1800px) {
  #map .mobile-title {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #map .mobile-title {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #map .mobile-title {
    font-size: 40px;
  }
}
#map .mobile-title span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #map .mobile-title span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #map .mobile-title span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #map .mobile-title span {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  #map .mobile-title {
    display: block;
    margin-bottom: 30px;
  }
}
#map .map {
  position: relative;
  height: 670px;
  width: 100%;
  background-color: #e3e3e3;
  border-radius: 20px 20px 0 20px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #map .map {
    height: 580px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .map {
    height: 460px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #map .map {
    height: 390px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #map .map {
    height: 330px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #map .map {
    height: 260px;
  }
}
#map .map iframe {
  position: relative;
  height: 100%;
  width: 100%;
  filter: grayscale(100%);
}
#map .map h3 {
  position: absolute;
  bottom: 10%;
  left: 6%;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #172637;
}
#map .map h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #map .map h3 {
    bottom: 7%;
    left: 6%;
    font-size: 36px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .map h3 {
    bottom: 9%;
    font-size: 33px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #map .map h3 {
    left: 8%;
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #map .map h3 {
    display: none;
  }
}
#map .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #map .wrapper {
    display: none;
  }
}
#map .wrapper .left-part {
  position: relative;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
#map .wrapper .left-part .info {
  position: relative;
  width: 100%;
  padding: 20px 10% 20px 70px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  #map .wrapper .left-part .info {
    padding: 20px 8% 20px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .wrapper .left-part .info {
    padding: 17px 6% 17px 25px;
  }
}
#map .wrapper .left-part .info p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: rgba(23, 38, 55, 0.5);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #map .wrapper .left-part .info p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .wrapper .left-part .info p {
    font-size: 20px;
  }
}
#map .wrapper .left-part .info img {
  position: relative;
  height: auto;
  width: 65px;
  left: -20px;
  opacity: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #map .wrapper .left-part .info img {
    width: 55px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .wrapper .left-part .info img {
    width: 50px;
  }
}
#map .wrapper .left-part .info.is-active p {
  color: #172637;
}
#map .wrapper .left-part .info.is-active img {
  left: 0;
  opacity: 1;
}
#map .wrapper .left-part hr {
  position: relative;
  height: 1px;
  width: 97.5%;
  border: none;
  outline: none;
  background-color: rgba(23, 38, 55, 0.3);
}
@media screen and (max-width: 1500px) {
  #map .wrapper .left-part hr {
    width: 96%;
  }
}
#map .wrapper .right-part {
  position: relative;
  width: 65%;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 35px 100px 40px 93px;
  background-color: #172637;
  border-bottom-right-radius: 20px;
}
@media screen and (max-width: 1500px) {
  #map .wrapper .right-part {
    padding: 10px 70px 20px 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .wrapper .right-part {
    padding: 10px 50px 15px 50px;
  }
}
#map .wrapper .right-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #map .wrapper .right-part p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #map .wrapper .right-part p {
    font-size: 20px;
  }
}
#map .wrapper-mobile {
  position: relative;
  margin-top: 10px;
  width: 100%;
  display: none;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  #map .wrapper-mobile {
    display: flex;
  }
}
#map .wrapper-mobile .item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(23, 38, 55, 0.3);
}
#map .wrapper-mobile .item .top-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
}
@media screen and (max-width: 576px) {
  #map .wrapper-mobile .item .top-part {
    padding: 18px 20px;
  }
}
#map .wrapper-mobile .item .top-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: rgba(23, 38, 55, 0.5);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #map .wrapper-mobile .item .top-part p {
    font-size: 19px;
  }
}
#map .wrapper-mobile .item .top-part img {
  position: relative;
  height: auto;
  width: 40px;
  left: -20px;
  opacity: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#map .wrapper-mobile .item .bottom-part {
  position: relative;
  height: 0;
  width: 100%;
  background: #172637;
  border-radius: 0 0 20px 20px;
  transition: height 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#map .wrapper-mobile .item .bottom-part p {
  position: relative;
  width: 80%;
  padding: 25px 45px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 40;
  line-height: 120%;
  color: #ffffff;
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #map .wrapper-mobile .item .bottom-part p {
    font-size: 18px;
    padding: 18px 20px;
    width: 100%;
    line-height: 140%;
  }
}
#map .wrapper-mobile .item.is-active {
  border-bottom: 1px solid transparent;
}
#map .wrapper-mobile .item.is-active .top-part p {
  color: #172637;
}
#map .wrapper-mobile .item.is-active .top-part img {
  left: 0;
  opacity: 1;
}
#map .wrapper-mobile .item:last-child {
  border-bottom: none;
}

#city {
  position: relative;
  padding: 0 0 185px 8.8%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 2100px) {
  #city {
    padding: 0 0 185px 0;
  }
}
@media screen and (max-width: 1800px) {
  #city {
    padding: 0 0 160px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #city {
    padding: 0 0 130px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #city {
    padding: 0 0 110px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #city {
    padding: 0 4.5% 70px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #city {
    padding: 0 4.5% 65px;
  }
}
#city .wrapper {
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: visible;
}
@media screen and (min-width: 2100px) {
  #city .wrapper {
    margin: auto;
  }
}
@media screen and (max-width: 992px) {
  #city .wrapper {
    flex-direction: column;
  }
}
#city .wrapper .item {
  position: relative;
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 992px) {
  #city .wrapper .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
  }
  #city .wrapper .item:last-child {
    margin-bottom: 0;
  }
}
#city .wrapper .item .top-part {
  position: relative;
  height: 350px;
  width: auto;
  aspect-ratio: 1.76/1;
  border-radius: 10px;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  #city .wrapper .item .top-part {
    height: 315px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #city .wrapper .item .top-part {
    height: 270px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #city .wrapper .item .top-part {
    width: 100%;
    aspect-ratio: auto;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #city .wrapper .item .top-part {
    height: 220px;
  }
}
#city .wrapper .item .top-part img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#city .wrapper .item .info {
  position: relative;
  margin: 26px 0 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
@media screen and (max-width: 1200px) {
  #city .wrapper .item .info {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #city .wrapper .item .info {
    margin: 20px 0 12px;
  }
}
#city .wrapper .item .info h3 {
  position: relative;
  margin-right: 31px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 0.8;
  letter-spacing: -1.6px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #city .wrapper .item .info h3 {
    font-size: 36px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #city .wrapper .item .info h3 {
    font-size: 33px;
    margin-right: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #city .wrapper .item .info h3 {
    font-size: 30px;
    margin-right: 17px;
  }
}
#city .wrapper .item .info p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  color: #ED244A;
}
@media screen and (max-width: 1500px) {
  #city .wrapper .item .info p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #city .wrapper .item .info p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #city .wrapper .item .info p {
    font-size: 16px;
  }
}
#city .wrapper .item .paragraph {
  position: relative;
  max-width: 300px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #city .wrapper .item .paragraph {
    max-width: 80%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #city .wrapper .item .paragraph {
    max-width: 90%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #city .wrapper .item .paragraph {
    max-width: 100%;
  }
}
#city .wrapper .item:last-child {
  margin-right: 0;
}

#lots {
  position: relative;
  padding: 190px 8.8%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#lots > h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.28px;
  color: #172637;
  align-self: start;
  margin-bottom: 50px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #lots > h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #lots > h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #lots > h3 {
    font-size: 40px;
  }
}
#lots > h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #lots > h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #lots > h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #lots > h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1800px) {
  #lots {
    padding: 110px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #lots {
    padding: 100px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #lots {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots {
    padding: 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #lots {
    padding: 65px 4.5%;
  }
}
#lots .wrapper {
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #172637;
  border-radius: 20px;
  overflow: hidden;
}
#lots .wrapper .top-part {
  position: relative;
  padding: 37px 80px 37px 52px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  #lots .wrapper .top-part {
    padding: 30px 65px 30px 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #lots .wrapper .top-part {
    padding: 25px 45px 25px 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .top-part {
    padding: 25px 40px 25px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 655px) {
  #lots .wrapper .top-part {
    padding: 20px 20px 15px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#lots .wrapper .top-part .left-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 655px) {
  #lots .wrapper .top-part .left-part {
    margin-bottom: 10px;
  }
}
#lots .wrapper .top-part .left-part .icon {
  position: relative;
  height: 20px;
  width: 20px;
  display: flex;
}
@media screen and (max-width: 1200px) {
  #lots .wrapper .top-part .left-part .icon {
    height: 17px;
    width: 17px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .top-part .left-part .icon {
    height: 15px;
    width: 15px;
  }
}
#lots .wrapper .top-part .left-part .icon:before, #lots .wrapper .top-part .left-part .icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: #ED244A;
  transition: transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1200px) {
  #lots .wrapper .top-part .left-part .icon:before, #lots .wrapper .top-part .left-part .icon:after {
    height: 4px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .top-part .left-part .icon:before, #lots .wrapper .top-part .left-part .icon:after {
    height: 3px;
  }
}
#lots .wrapper .top-part .left-part .icon:after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(90deg);
}
#lots .wrapper .top-part .left-part h3 {
  position: relative;
  margin-left: 24px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #lots .wrapper .top-part .left-part h3 {
    font-size: 34px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #lots .wrapper .top-part .left-part h3 {
    font-size: 30px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .top-part .left-part h3 {
    font-size: 27px;
    margin-left: 18px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #lots .wrapper .top-part .left-part h3 {
    font-size: 24px;
    margin-left: 15px;
  }
}
#lots .wrapper .top-part .right-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 655px) {
  #lots .wrapper .top-part .right-part {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
#lots .wrapper .top-part .right-part p {
  position: relative;
  margin-right: 100px;
  font-family: "Gotham medium", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.48px;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1500px) {
  #lots .wrapper .top-part .right-part p {
    font-size: 22px;
    margin-right: 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #lots .wrapper .top-part .right-part p {
    font-size: 20px;
    margin-right: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .top-part .right-part p {
    font-size: 18px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #lots .wrapper .top-part .right-part p {
    font-size: 18px;
    margin-right: 0;
  }
}
#lots .wrapper .top-part .right-part p:last-child {
  margin-right: 0;
}
#lots .wrapper .bottom-part {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  background: #172637;
  transition: height 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#lots .wrapper .bottom-part a.openMailPopupLot {
  cursor: pointer;
}
#lots .wrapper .bottom-part .info {
  position: relative;
  padding: 14px 80px 14px 65px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#lots .wrapper .bottom-part .info .info-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
#lots .wrapper .bottom-part .info .info-wrapper p {
  width: 150px;
}
#lots .wrapper .bottom-part .info .info-wrapper > p:first-child {
  text-align: left;
}
#lots .wrapper .bottom-part .info .info-wrapper > p:last-child {
  text-align: right;
}
@media screen and (max-width: 1500px) {
  #lots .wrapper .bottom-part .info {
    padding: 11px 35px 11px 40px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p {
    width: 100px;
  }
}
@media screen and (max-width: 1200px) {
  #lots .wrapper .bottom-part .info {
    padding: 9px 30px 9px 30px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #lots .wrapper .bottom-part .info .info-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p {
    width: 115px;
  }
  #lots .wrapper .bottom-part .info a.openMailPopupLot {
    margin: 20px 0px 35px;
  }
}
@media screen and (max-width: 992px) {
  #lots .wrapper .bottom-part .info {
    padding: 8px 40px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p {
    min-width: 15%;
    width: max-content;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p.info__n-lot {
    width: 80px;
    min-width: 80px;
  }
}
@media screen and (max-width: 655px) {
  #lots .wrapper .bottom-part .info {
    justify-content: center;
    padding: 0 40px;
    margin: 40px 0;
  }
  #lots .wrapper .bottom-part .info:first-child {
    margin-top: 20px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper {
    flex-wrap: wrap;
    justify-content: left;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p {
    min-width: 25%;
    width: max-content;
    margin-right: 30px;
    text-align: left !important;
  }
  #lots .wrapper .bottom-part .info .info-wrapper .info__n-lot {
    order: 1;
    min-width: 15% !important;
    width: 15% !important;
  }
  #lots .wrapper .bottom-part .info .info-wrapper .info__surface {
    order: 2;
  }
  #lots .wrapper .bottom-part .info .info-wrapper .info__price {
    order: 3;
    margin-right: 30px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper .info-normal {
    order: 4;
  }
  #lots .wrapper .bottom-part .info .info-wrapper .info__etage {
    min-width: 15%;
    width: 15%;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p.info-big {
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 20px;
  }
  #lots .wrapper .bottom-part .info a.openMailPopupLot {
    margin-inline: 15px;
  }
  #lots .wrapper .bottom-part .info a.btn-prendre-contact div {
    padding: 8px 20px;
  }
  #lots .wrapper .bottom-part .info:not(:last-child):after {
    position: absolute;
    content: "";
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    width: 89%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
  }
}
@media screen and (max-width: 500px) {
  #lots .wrapper .bottom-part .info {
    padding: 0 20px;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p {
    margin-right: 20px;
  }
  #lots .wrapper .bottom-part .info a.openMailPopupLot {
    margin: 10px;
  }
}
@media screen and (max-width: 365px) {
  #lots .wrapper .bottom-part .info .info-wrapper {
    flex-direction: column;
  }
  #lots .wrapper .bottom-part .info .info-wrapper p.info-big, #lots .wrapper .bottom-part .info .info-wrapper p.info-normal {
    width: 100% !important;
    min-width: 100% !important;
    text-align: left !important;
    margin: 0 0 20px 20px;
    font-size: 20px;
  }
}
#lots .wrapper .bottom-part p {
  position: relative;
  width: 115px;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: -0.48px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #lots .wrapper .bottom-part p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #lots .wrapper .bottom-part p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #lots .wrapper .bottom-part p {
    font-size: 19px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .bottom-part p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 768px) and (max-width: 576px) {
  #lots .wrapper .bottom-part p {
    font-size: 16px;
  }
}
#lots .wrapper .bottom-part .download {
  position: relative;
  text-decoration: none;
}
#lots .wrapper .bottom-part .download p {
  color: #ED244A;
  width: 220px;
  text-decoration: underline;
  text-underline-offset: 8px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1800px) {
  #lots .wrapper .bottom-part .download p {
    width: 195px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #lots .wrapper .bottom-part .download p {
    width: 175px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #lots .wrapper .bottom-part .download p {
    width: 165px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #lots .wrapper .bottom-part .download p {
    width: 157px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #lots .wrapper .bottom-part .download p {
    width: 140px;
  }
}
#lots .wrapper .bottom-part .download p:hover {
  text-underline-offset: 2px;
}
#lots .wrapper .bottom-part .button {
  margin: 0;
}
@media screen and (max-width: 992px) {
  #lots .wrapper .bottom-part .button {
    margin-top: 10px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #lots .wrapper .bottom-part .button {
    margin-top: 5px;
  }
  #lots .wrapper .bottom-part .button:hover p {
    color: #172637 !important;
  }
  #lots .wrapper .bottom-part .button div {
    padding: 11px 14px;
  }
}
#lots .wrapper .bottom-part .button p {
  width: auto;
  color: #172637;
}
#lots .wrapper.is-open .top-part .left-part .icon:after {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}
#lots .wrapper:last-child {
  margin-bottom: 0;
}

#etapes {
  position: relative;
  padding: 0px 8.8% 260px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#etapes > h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -1.28px;
  color: #172637;
  align-self: start;
  margin-bottom: 97px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #etapes > h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #etapes > h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #etapes > h3 {
    font-size: 40px;
  }
}
#etapes > h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #etapes > h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #etapes > h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #etapes > h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 576px) {
  #etapes > h3.h3-desktop {
    display: none;
  }
}
@media screen and (min-width: 576px) {
  #etapes > h3.h3-mobile {
    display: none;
  }
}
@media screen and (max-width: 1800px) {
  #etapes {
    padding: 110px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #etapes {
    padding: 100px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #etapes {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #etapes {
    padding: 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #etapes {
    padding: 65px 4.5%;
  }
}
#etapes .wrapper {
  position: relative;
  margin: 0 auto;
  width: 1576px;
}
@media screen and (max-width: 1350px) {
  #etapes .wrapper {
    width: 992px;
  }
}
@media screen and (max-width: 1350px) and (max-width: 992px) {
  #etapes .wrapper {
    width: 100%;
  }
}
#etapes .wrapper .top-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  #etapes .wrapper .top-part {
    flex-direction: column;
  }
}
#etapes .wrapper .top-part .state-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  /*filter: grayscale(1);
  opacity: 0.5;*/
}
#etapes .wrapper .top-part .state-wrapper.state-end, #etapes .wrapper .top-part .state-wrapper.state-complete {
  filter: grayscale(0);
  opacity: 1;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper {
    margin-bottom: 45px;
  }
  #etapes .wrapper .top-part .state-wrapper.state-end {
    filter: grayscale(0);
  }
  #etapes .wrapper .top-part .state-wrapper:last-child {
    margin-bottom: 0;
  }
  #etapes .wrapper .top-part .state-wrapper:not(.state-end) {
    display: none !important;
  }
}
#etapes .wrapper .top-part .state-wrapper img {
  position: relative;
  margin: 0 auto 0px;
  height: 120px;
  width: 120px;
  background-color: #172637;
  border-radius: 10px;
  object-fit: none;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper img {
    object-fit: cover;
    margin: 0 auto 11px;
  }
}
#etapes .wrapper .top-part .state-wrapper p {
  position: relative;
  margin-bottom: 0;
  font-family: "Gotham Bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: #AAA;
  filter: grayscale(1);
  margin: 34px 0px;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper p {
    font-size: 19px;
    line-height: 20px;
  }
}
#etapes .wrapper .top-part .state-wrapper.state-end {
  color: #172637;
  filter: grayscale(0);
}
#etapes .wrapper .top-part .state-wrapper.state-end img, #etapes .wrapper .top-part .state-wrapper.state-end p {
  filter: grayscale(0);
  color: #172637;
}
#etapes .wrapper .top-part .state-wrapper.state-complete {
  color: #172637;
}
#etapes .wrapper .top-part .state-wrapper.state-complete img, #etapes .wrapper .top-part .state-wrapper.state-complete p {
  filter: grayscale(0);
  color: #172637;
}
#etapes .wrapper .top-part .state-wrapper:after {
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  position: absolute;
  bottom: -54px;
  left: calc(50% - 10px);
  background-color: #AAA;
  z-index: 2;
  filter: grayscale(1);
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper:after {
    display: none;
  }
}
#etapes .wrapper .top-part .state-wrapper.state-complete:before {
  content: " ";
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: -45px;
  left: 0;
  background-color: #ED244A;
  z-index: 1;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper.state-complete:before {
    display: none;
  }
}
#etapes .wrapper .top-part .state-wrapper.state-complete:after {
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  outline: 5px solid rgba(237, 36, 74, 0.5);
  position: absolute;
  bottom: -54px;
  left: calc(50% - 10px);
  background-color: #ED244A;
  z-index: 2;
  filter: grayscale(0);
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper.state-complete:after {
    display: none;
  }
}
#etapes .wrapper .top-part .state-wrapper.state-end:before {
  content: " ";
  width: 50%;
  height: 2px;
  position: absolute;
  bottom: -45px;
  left: 0;
  background-color: #ED244A;
  z-index: 1;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper.state-end:before {
    display: none;
  }
}
#etapes .wrapper .top-part .state-wrapper.state-end:after {
  content: " ";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  outline: 5px solid rgba(237, 36, 74, 0.5);
  position: absolute;
  bottom: -54px;
  left: calc(50% - 10px);
  background-color: #ED244A;
  z-index: 2;
  filter: grayscale(0);
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .state-wrapper.state-end:after {
    display: none;
  }
}
#etapes .wrapper .top-part .red-lines {
  position: absolute;
  width: 100%;
  height: 2px;
  background-image: url(assets/dist/images/red-lines.png);
  background-repeat: repeat-x;
  background-position: top left;
  bottom: -45px;
  left: 0px;
  z-index: -1;
}
@media screen and (max-width: 576px) {
  #etapes .wrapper .top-part .red-lines {
    display: none;
  }
}

#like-it {
  position: relative;
  padding: 110px 8.8% 40px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1800px) {
  #like-it {
    padding: 90px 8.25% 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #like-it {
    padding: 80px 6.87% 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #like-it {
    padding: 80px 5.5% 35px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #like-it {
    padding: 80px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #like-it {
    padding: 65px 4.5%;
  }
}
#like-it h3 {
  position: relative;
  margin-bottom: 70px;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
}
@media screen and (max-width: 1800px) {
  #like-it h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #like-it h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #like-it h3 {
    font-size: 40px;
  }
}
#like-it h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #like-it h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #like-it h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #like-it h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #like-it h3 {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #like-it h3 {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #like-it h3 {
    margin-bottom: 40px;
  }
}
#like-it .wrapper {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 800px) {
  #like-it .wrapper {
    flex-direction: column;
  }
}
#like-it .wrapper .left-part {
  position: relative;
  height: 470px;
  width: 46.5%;
  border-radius: 500px;
  overflow: hidden;
  margin-bottom: 70px;
}
@media screen and (max-width: 1500px) {
  #like-it .wrapper .left-part {
    margin-right: 80px;
    height: 400px;
    width: 48%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #like-it .wrapper .left-part {
    margin-right: 60px;
    height: 320px;
    width: 45%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #like-it .wrapper .left-part {
    margin-right: 40px;
    height: 270px;
    width: 45%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) {
  #like-it .wrapper .left-part {
    margin-right: 0;
    height: 270px;
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #like-it .wrapper .left-part {
    height: 220px;
  }
}
#like-it .wrapper .left-part img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#like-it .wrapper .right-part {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 800px) {
  #like-it .wrapper .right-part {
    align-items: center;
    justify-content: center;
  }
}
#like-it .wrapper .right-part .button {
  margin: 0;
}
#like-it .wrapper .right-part .button div {
  border: none;
  border-radius: 50px;
  transition: border 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#like-it .wrapper .right-part .button:nth-child(2) {
  margin-top: 25px;
}
@media screen and (max-width: 800px) {
  #like-it .wrapper .right-part .button:nth-child(2) {
    margin-top: 15px;
  }
}
#like-it .wrapper .right-part .button:nth-child(2) div {
  border-radius: 50px;
  border: 2px solid #172637;
  background-color: transparent;
}
#like-it .wrapper .right-part .button:nth-child(2) div p {
  color: #172637;
}
#like-it .wrapper .right-part .button:nth-child(2) div:hover {
  border: 2px solid #ED244A;
}
#like-it .wrapper .right-part .button:nth-child(2) div:hover p {
  color: #ffffff;
}

#contenu {
  position: relative;
  width: 100%;
  /*display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;*/
}
#contenu .first-section {
  position: relative;
  height: 100vh;
  width: 100%;
  background-color: #172637;
}
@media screen and (max-width: 992px) {
  #contenu .first-section {
    height: fit-content;
    padding: 100px 5.5% 80px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .first-section {
    padding: 100px 4.5% 65px;
  }
}
#contenu .first-section .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
#contenu .first-section .wrapper .left-part {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-basis: 50%;
  justify-content: center;
  padding: 0 0 0 8.8%;
}
@media screen and (max-width: 1800px) {
  #contenu .first-section .wrapper .left-part {
    padding: 0 0 0 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .first-section .wrapper .left-part {
    padding: 0 0 0 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .first-section .wrapper .left-part {
    padding: 0 0 0 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .first-section .wrapper .left-part {
    padding: 0;
    width: 100%;
    flex-basis: 100%;
  }
}
#contenu .first-section .wrapper .left-part h1 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  margin-bottom: 40px;
  color: #fff;
  transform: translateY(60px);
  opacity: 0;
}
@media screen and (max-width: 1800px) {
  #contenu .first-section .wrapper .left-part h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .first-section .wrapper .left-part h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .first-section .wrapper .left-part h1 {
    font-size: 40px;
  }
}
#contenu .first-section .wrapper .left-part h1 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .first-section .wrapper .left-part h1 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .first-section .wrapper .left-part h1 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .first-section .wrapper .left-part h1 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  #contenu .first-section .wrapper .left-part h1 {
    word-break: break-word;
  }
  #contenu .first-section .wrapper .left-part h1 br {
    display: none;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .first-section .wrapper .left-part h1 {
    margin-bottom: 30px;
    transform: translateY(0);
    opacity: 1;
    word-break: initial;
  }
}
#contenu .first-section .wrapper .left-part .text {
  margin-bottom: 60px;
}
@media screen and (max-width: 1500px) {
  #contenu .first-section .wrapper .left-part .text {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #contenu .first-section .wrapper .left-part .text {
    margin-bottom: 0;
  }
}
#contenu .first-section .wrapper .left-part .text:last-child {
  margin-bottom: 0;
}
#contenu .first-section .wrapper .left-part .text p {
  color: #fff;
  margin-bottom: 20px;
}
#contenu .first-section .wrapper .left-part .text span.rouge {
  color: #ED244A;
}
#contenu .first-section .wrapper .left-part .button {
  margin: 0px;
}
#contenu .first-section .wrapper .right-part {
  flex-basis: 50%;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  #contenu .first-section .wrapper .right-part {
    flex-basis: 100%;
    display: none;
  }
}
#contenu .first-section .wrapper .right-part .right-part-inner {
  height: 100%;
  padding-left: 50px;
}
#contenu .first-section .wrapper .right-part .right-part-inner img {
  width: 100%;
  clip-path: ellipse(72% 76% at 72% 50%);
  display: block;
  margin: 0 0 0 auto;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
@media screen and (max-height: 576px) {
  #contenu .first-section .wrapper .right-part .right-part-inner img {
    opacity: 1;
  }
}
#contenu .second-section {
  position: relative;
  height: 100vh;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #contenu .second-section {
    height: 60vh;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) {
  #contenu .second-section {
    height: 400px;
  }
}
#contenu .second-section img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#contenu .second-section .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(23, 38, 55) 10%, rgba(0, 212, 255, 0) 30%);
  z-index: 2;
}
#contenu .fourth-section {
  position: relative;
  width: 100%;
  padding: 130px 8.8% 110px;
}
@media screen and (max-width: 1800px) {
  #contenu .fourth-section {
    padding: 120px 8.25% 100px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourth-section {
    padding: 80px 6.87% 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourth-section {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourth-section {
    padding: 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourth-section {
    padding: 30px 4.5% 30px;
  }
}
@media screen and (max-width: 576px) {
  #contenu .fourth-section.noSpace {
    padding: 50px 4.5% 0;
    margin-bottom: -30px;
  }
}
#contenu .fourth-section.noSpace .wrapper .top-part {
  margin-bottom: 0 !important;
}
#contenu .fourth-section .wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contenu .fourth-section .wrapper .top-part {
  position: relative;
  margin-bottom: 98px;
}
@media screen and (max-width: 1500px) {
  #contenu .fourth-section .wrapper .top-part {
    margin-bottom: 85px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu .fourth-section .wrapper .top-part {
    margin-bottom: 65px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourth-section .wrapper .top-part {
    margin-bottom: 30px;
    width: 100%;
  }
}
#contenu .fourth-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
}
@media screen and (max-width: 1800px) {
  #contenu .fourth-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourth-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourth-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .fourth-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .fourth-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourth-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourth-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
#contenu .fourth-section .wrapper .top-part h2 span {
  font-family: "Gotham bold", sans-serif;
}
@media screen and (max-width: 800px) {
  #contenu .fourth-section .wrapper .top-part h2 {
    text-align: left;
  }
}
#contenu .fourth-section .wrapper .top-part h3 {
  text-align: center;
  margin-top: 46px;
}
#contenu .fourth-section .wrapper .top-part.gauche {
  align-self: start;
}
#contenu .fourth-section .wrapper .top-part.gauche h2, #contenu .fourth-section .wrapper .top-part.gauche h3 {
  text-align: left;
}
#contenu .fourth-section .wrapper .bottom-part {
  position: relative;
  width: 85%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 1800px) {
  #contenu .fourth-section .wrapper .bottom-part {
    width: 90%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) {
  #contenu .fourth-section .wrapper .bottom-part {
    width: 92%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 992px) {
  #contenu .fourth-section .wrapper .bottom-part {
    width: 100%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1600px) and (max-width: 992px) and (max-width: 800px) {
  #contenu .fourth-section .wrapper .bottom-part {
    flex-direction: column;
    align-items: center;
  }
}
#contenu .fourth-section .wrapper .bottom-part .left-part, #contenu .fourth-section .wrapper .bottom-part .right-part {
  position: relative;
  max-width: 45%;
}
@media screen and (max-width: 992px) {
  #contenu .fourth-section .wrapper .bottom-part .left-part, #contenu .fourth-section .wrapper .bottom-part .right-part {
    width: 100%;
    margin-bottom: 40px;
    max-width: 45%;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) {
  #contenu .fourth-section .wrapper .bottom-part .left-part, #contenu .fourth-section .wrapper .bottom-part .right-part {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #contenu .fourth-section .wrapper .bottom-part .left-part, #contenu .fourth-section .wrapper .bottom-part .right-part {
    margin-bottom: 30px;
  }
}
#contenu .fourth-section .wrapper .bottom-part h3 {
  position: relative;
  margin-bottom: 35px;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #contenu .fourth-section .wrapper .bottom-part h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourth-section .wrapper .bottom-part h3 {
    font-size: 32px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourth-section .wrapper .bottom-part h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourth-section .wrapper .bottom-part h3 {
    margin-bottom: 20px;
  }
}
#contenu .fourth-section .wrapper .bottom-part .text strong {
  font-family: "Inter Bold";
}
#contenu .fourth-section .wrapper .bottom-part .text p, #contenu .fourth-section .wrapper .bottom-part .text span, #contenu .fourth-section .wrapper .bottom-part .text ul, #contenu .fourth-section .wrapper .bottom-part .text li, #contenu .fourth-section .wrapper .bottom-part .text a {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .fourth-section .wrapper .bottom-part .text p, #contenu .fourth-section .wrapper .bottom-part .text span, #contenu .fourth-section .wrapper .bottom-part .text ul, #contenu .fourth-section .wrapper .bottom-part .text li, #contenu .fourth-section .wrapper .bottom-part .text a {
    font-size: 15px;
  }
}
#contenu .fourth-section .wrapper .bottom-part .text p span.rouge, #contenu .fourth-section .wrapper .bottom-part .text span span.rouge, #contenu .fourth-section .wrapper .bottom-part .text ul span.rouge, #contenu .fourth-section .wrapper .bottom-part .text li span.rouge, #contenu .fourth-section .wrapper .bottom-part .text a span.rouge {
  color: #ED244A;
}
#contenu .fourth-section .wrapper .bottom-part .text ul {
  padding-left: 20px;
}
#contenu .fourth-section .wrapper .bottom-part .text ul li {
  margin-bottom: 20px;
}
#contenu .preview {
  position: relative;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 992px) {
  #contenu .preview {
    height: 60vh;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) {
  #contenu .preview {
    height: 400px;
  }
}
@media screen and (max-width: 992px) and (max-width: 800px) and (max-width: 576px) {
  #contenu .preview {
    height: 350px;
  }
}
#contenu .preview .wrapper {
  position: relative;
  height: 60%;
  width: 80%;
  border-radius: 400px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: height 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), width 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), border-radius 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 992px) {
  #contenu .preview .wrapper {
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
}
#contenu .preview .wrapper h3 {
  position: relative;
  max-width: 80%;
  font-family: "Gotham bold", sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #contenu .preview .wrapper h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .preview .wrapper h3 {
    font-size: 33px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .preview .wrapper h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .preview .wrapper h3 {
    max-width: 91%;
  }
}
#contenu .preview .wrapper h3 span.rouge {
  color: #ED244A;
}
#contenu .preview .wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
#contenu .preview .wrapper .full-screen-icon {
  position: absolute;
  top: auto;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  height: 24px;
  width: 24px;
  cursor: pointer;
  z-index: 2;
}
@media screen and (max-width: 992px) {
  #contenu .preview .wrapper .full-screen-icon {
    display: none;
  }
}
#contenu .preview .wrapper.is-active {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
#contenu .sixth-section {
  position: relative;
  width: 100%;
  padding: 0 8.8% 100px;
}
@media screen and (max-width: 1800px) {
  #contenu .sixth-section {
    padding: 0 8.25% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .sixth-section {
    padding: 0 6.87% 80px;
    margin-top: -50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .sixth-section {
    padding: 0 5.5% 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .sixth-section {
    padding: 80px 4.5%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section {
    padding: 30px 4.5%;
  }
}
#contenu .sixth-section .wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contenu .sixth-section .wrapper .top-part {
  max-width: 950px;
  padding: 55px 66px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  transform: translateY(70px);
  margin-left: 360px;
}
@media screen and (max-width: 1200px) {
  #contenu .sixth-section .wrapper .top-part {
    margin-left: 270px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .sixth-section .wrapper .top-part {
    margin-left: 0;
    transform: translateY(0);
    padding: 0;
    border-radius: 0;
    background: none;
    backdrop-filter: blur(0);
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section .wrapper .top-part {
    margin-bottom: 30px;
    width: 100%;
  }
}
#contenu .sixth-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #contenu .sixth-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .sixth-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .sixth-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .sixth-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .sixth-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .sixth-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .sixth-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
#contenu .sixth-section .wrapper .top-part h2 span {
  font-family: "Gotham bold", sans-serif;
}
#contenu .sixth-section .wrapper .bottom-part {
  width: 1480px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  #contenu .sixth-section .wrapper .bottom-part {
    width: 992px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .sixth-section .wrapper .bottom-part {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#contenu .sixth-section .wrapper .bottom-part .left-part {
  height: 577px;
  width: 745px;
}
@media screen and (max-width: 1500px) {
  #contenu .sixth-section .wrapper .bottom-part .left-part {
    height: 450px;
    width: 565px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu .sixth-section .wrapper .bottom-part .left-part {
    height: 350px;
    width: 100%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section .wrapper .bottom-part .left-part {
    height: 220px;
    max-height: 220px;
  }
}
#contenu .sixth-section .wrapper .bottom-part .left-part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media screen and (max-width: 576px) {
  #contenu .sixth-section .wrapper .bottom-part .left-part img {
    border-radius: 15px;
  }
}
#contenu .sixth-section .wrapper .bottom-part .right-part {
  padding-top: 85px;
  margin-left: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .sixth-section .wrapper .bottom-part .right-part {
    margin-left: 0;
    padding-top: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section .wrapper .bottom-part .right-part {
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  #contenu .sixth-section .wrapper .bottom-part .right-part .text {
    width: auto;
  }
}
#contenu .sixth-section .wrapper .bottom-part .right-part .text h1, #contenu .sixth-section .wrapper .bottom-part .right-part .text h2, #contenu .sixth-section .wrapper .bottom-part .right-part .text h3, #contenu .sixth-section .wrapper .bottom-part .right-part .text h4, #contenu .sixth-section .wrapper .bottom-part .right-part .text h5, #contenu .sixth-section .wrapper .bottom-part .right-part .text h6 {
  color: #172637;
  font-family: "Gotham Bold";
  margin-bottom: 38px;
  font-size: 25px;
  letter-spacing: -2px;
  max-width: 534px;
}
#contenu .sixth-section .wrapper .bottom-part .right-part .text p, #contenu .sixth-section .wrapper .bottom-part .right-part .text span, #contenu .sixth-section .wrapper .bottom-part .right-part .text ul, #contenu .sixth-section .wrapper .bottom-part .right-part .text li, #contenu .sixth-section .wrapper .bottom-part .right-part .text a {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: inherit;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .sixth-section .wrapper .bottom-part .right-part .text p, #contenu .sixth-section .wrapper .bottom-part .right-part .text span, #contenu .sixth-section .wrapper .bottom-part .right-part .text ul, #contenu .sixth-section .wrapper .bottom-part .right-part .text li, #contenu .sixth-section .wrapper .bottom-part .right-part .text a {
    font-size: 15px;
  }
}
#contenu .sixth-section .wrapper .bottom-part .right-part .text p span.rouge, #contenu .sixth-section .wrapper .bottom-part .right-part .text span span.rouge, #contenu .sixth-section .wrapper .bottom-part .right-part .text ul span.rouge, #contenu .sixth-section .wrapper .bottom-part .right-part .text li span.rouge, #contenu .sixth-section .wrapper .bottom-part .right-part .text a span.rouge {
  color: #ED244A;
}
#contenu .sixth-section .wrapper .bottom-part .right-part .text p {
  margin-bottom: 20px;
  max-width: 422px;
}
@media screen and (max-width: 576px) {
  #contenu .sixth-section .wrapper .bottom-part .right-part .text p {
    max-width: inherit;
  }
}
#contenu .sixth-section .wrapper .bottom-part .right-part .text ul {
  padding-left: 20px;
}
#contenu .sixth-section.image_right .wrapper .top-part {
  margin-left: 100px;
  align-self: start;
}
@media screen and (max-width: 1200px) {
  #contenu .sixth-section.image_right .wrapper .top-part {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .sixth-section.image_right .wrapper .top-part {
    margin-left: 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section.image_right .wrapper .top-part {
    margin-bottom: 30px;
    width: 100%;
  }
}
#contenu .sixth-section.image_right .wrapper .bottom-part {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1200px) {
  #contenu .sixth-section.image_right .wrapper .bottom-part {
    width: 992px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .sixth-section.image_right .wrapper .bottom-part {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#contenu .sixth-section.image_right .wrapper .bottom-part .right-part {
  margin-left: 0px;
  margin-right: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .sixth-section.image_right .wrapper .bottom-part .right-part {
    margin-left: 0;
    padding-top: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .sixth-section.image_right .wrapper .bottom-part .right-part {
    margin-top: 30px;
  }
}
#contenu .seventh-section {
  position: relative;
  width: 100%;
  padding: 100px 0;
}
@media screen and (max-width: 1800px) {
  #contenu .seventh-section {
    padding: 90px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .seventh-section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section {
    padding: 80px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .seventh-section {
    padding: 30px 4.5%;
  }
}
#contenu .seventh-section .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  #contenu .seventh-section .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
#contenu .seventh-section .wrapper .top-part {
  width: 100%;
  margin-bottom: 107px;
}
@media screen and (max-width: 1800px) {
  #contenu .seventh-section .wrapper .top-part {
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .top-part {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .top-part {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .top-part {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .top-part {
    margin-bottom: 65px;
  }
}
#contenu .seventh-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
}
@media screen and (max-width: 1800px) {
  #contenu .seventh-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .seventh-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .seventh-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
#contenu .seventh-section .wrapper .left-part,
#contenu .seventh-section .wrapper .right-part {
  flex-basis: 48%;
}
@media screen and (max-width: 992px) {
  #contenu .seventh-section .wrapper .left-part,
  #contenu .seventh-section .wrapper .right-part {
    flex-basis: 90%;
  }
}
#contenu .seventh-section .wrapper .left-part {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  #contenu .seventh-section .wrapper .left-part {
    order: 2;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 45px;
  }
}
@media screen and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .left-part {
    flex-direction: column;
    margin-top: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .left-part {
    margin-top: 20px;
  }
}
#contenu .seventh-section .wrapper .left-part .img-top {
  width: 100%;
  max-width: 960px;
  height: 630px;
  object-fit: cover;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .left-part .img-top {
    height: 440px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .left-part .img-top {
    height: 380px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .left-part .img-top {
    border-radius: 25px;
    flex-basis: 45%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .left-part .img-top {
    margin-bottom: 30px;
    max-width: none;
    height: 300px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .left-part .img-top {
    margin-bottom: 20px;
    border-radius: 15px;
    height: 220px;
    max-height: 220px;
  }
}
#contenu .seventh-section .wrapper .left-part .img-bottom {
  height: 370px;
  width: 100%;
  max-width: 790px;
  object-fit: cover;
  margin: 60px 0 0 auto;
  border-radius: 25px;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .left-part .img-bottom {
    height: 300px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .left-part .img-bottom {
    height: 250px;
    margin: 40px 0 0 auto;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .left-part .img-bottom {
    flex-basis: 45%;
    margin: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .left-part .img-bottom {
    height: 300px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .left-part .img-bottom {
    height: 220px;
    max-height: 220px;
  }
}
@media screen and (max-width: 992px) {
  #contenu .seventh-section .wrapper .left-part img {
    width: 48% !important;
    height: 300px !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .left-part img {
    flex-direction: column;
    width: 100% !important;
    border-radius: 20px !important;
  }
}
@media screen and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .left-part img {
    height: 220px !important;
    border-radius: 15px !important;
    max-height: 220px;
  }
}
#contenu .seventh-section .wrapper .right-part {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1800px) {
  #contenu .seventh-section .wrapper .right-part {
    padding-left: 35px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part {
    padding-left: 10px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .right-part {
    order: 1;
    flex-direction: row;
    padding: 0;
    justify-content: space-between;
  }
  #contenu .seventh-section .wrapper .right-part > * {
    flex-basis: 43%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part {
    flex-direction: column;
  }
}
#contenu .seventh-section .wrapper .right-part .info {
  position: relative;
  padding-left: 50px;
  width: 100%;
  max-width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part .info {
    padding-left: 40px;
    max-width: 90%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .right-part .info {
    padding-left: 25px;
    max-width: 100%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .right-part .info {
    padding-left: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part .info {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .right-part .info {
    margin-bottom: 30px;
  }
}
#contenu .seventh-section .wrapper .right-part .info h3 {
  position: relative;
  margin-bottom: 50px;
  font-family: "Gotham bold", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -1.6px;
  color: #172637;
  max-width: 680px;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part .info h3 {
    font-size: 36px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .right-part .info h3 {
    font-size: 33px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .right-part .info h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part .info h3 {
    max-width: none;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .right-part .info h3 {
    font-size: 28px;
  }
}
#contenu .seventh-section .wrapper .right-part .info h3 span {
  color: #ED244A;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#contenu .seventh-section .wrapper .right-part .info h3:hover span {
  text-underline-offset: 2px;
}
#contenu .seventh-section .wrapper .right-part .info .text {
  max-width: 75%;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part .info .text {
    max-width: 85%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part .info .text {
    max-width: initial;
  }
}
#contenu .seventh-section .wrapper .right-part .info .text p, #contenu .seventh-section .wrapper .right-part .info .text span {
  font-size: 16px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part .info .text p, #contenu .seventh-section .wrapper .right-part .info .text span {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part .info .text p, #contenu .seventh-section .wrapper .right-part .info .text span {
    margin-bottom: 0;
  }
}
#contenu .seventh-section .wrapper .right-part .info .text p, #contenu .seventh-section .wrapper .right-part .info .text span, #contenu .seventh-section .wrapper .right-part .info .text ul, #contenu .seventh-section .wrapper .right-part .info .text li, #contenu .seventh-section .wrapper .right-part .info .text a {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: inherit;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part .info .text p, #contenu .seventh-section .wrapper .right-part .info .text span, #contenu .seventh-section .wrapper .right-part .info .text ul, #contenu .seventh-section .wrapper .right-part .info .text li, #contenu .seventh-section .wrapper .right-part .info .text a {
    font-size: 15px;
  }
}
#contenu .seventh-section .wrapper .right-part .info .text p span.rouge, #contenu .seventh-section .wrapper .right-part .info .text span span.rouge, #contenu .seventh-section .wrapper .right-part .info .text ul span.rouge, #contenu .seventh-section .wrapper .right-part .info .text li span.rouge, #contenu .seventh-section .wrapper .right-part .info .text a span.rouge {
  color: #ED244A;
}
#contenu .seventh-section .wrapper .right-part .info .text p {
  margin-bottom: 20px;
}
#contenu .seventh-section .wrapper .right-part .info .text strong {
  font-family: "Gotham Bold";
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 30px */
  letter-spacing: -1px;
}
#contenu .seventh-section .wrapper .right-part .info .text ul {
  padding-left: 20px;
}
#contenu .seventh-section .wrapper .right-part img {
  width: 100%;
  max-width: 707px;
  height: 605px;
  object-fit: cover;
  border-radius: 25px;
}
@media screen and (max-width: 1500px) {
  #contenu .seventh-section .wrapper .right-part img {
    height: 430px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .seventh-section .wrapper .right-part img {
    height: 380px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .seventh-section .wrapper .right-part img {
    height: 300px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contenu .seventh-section .wrapper .right-part img {
    max-width: none;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 576px) {
  #contenu .seventh-section .wrapper .right-part img {
    height: 220px;
    max-height: 220px;
  }
}
#contenu .eight-section {
  position: relative;
  width: 100%;
  padding: 100px 0;
}
@media screen and (max-width: 1800px) {
  #contenu .eight-section {
    padding: 90px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eight-section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) {
  #contenu .eight-section {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) {
  #contenu .eight-section {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .eight-section {
    padding: 80px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section {
    padding: 30px 4.5%;
  }
}
#contenu .eight-section .wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1300px) {
  #contenu .eight-section .wrapper {
    width: 100%;
  }
}
#contenu .eight-section .wrapper .top-part {
  position: relative;
  margin-bottom: 180px;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .top-part {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) {
  #contenu .eight-section .wrapper .top-part {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .top-part {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .eight-section .wrapper .top-part {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section .wrapper .top-part {
    margin-bottom: 25px;
  }
}
#contenu .eight-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  max-width: 70%;
  text-align: center;
  margin: auto;
}
@media screen and (max-width: 1800px) {
  #contenu .eight-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eight-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .eight-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .eight-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eight-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1300px) {
  #contenu .eight-section .wrapper .top-part h2 {
    max-width: 90%;
  }
}
@media screen and (max-width: 1300px) and (max-width: 850px) {
  #contenu .eight-section .wrapper .top-part h2 {
    max-width: 100%;
    text-align: left;
  }
}
#contenu .eight-section .wrapper .bottom-part {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  #contenu .eight-section .wrapper .bottom-part {
    flex-direction: column;
  }
}
#contenu .eight-section .wrapper .bottom-part .left-part,
#contenu .eight-section .wrapper .bottom-part .right-part {
  flex-basis: 48%;
}
@media screen and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .left-part,
  #contenu .eight-section .wrapper .bottom-part .right-part {
    margin: auto;
    width: 100%;
  }
}
#contenu .eight-section .wrapper .bottom-part .left-part {
  display: flex;
  flex-direction: column;
}
#contenu .eight-section .wrapper .bottom-part .left-part .text {
  margin-left: 165px;
  margin-bottom: 160px;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .left-part .text {
    margin-left: 95px;
    margin-bottom: 95px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) {
  #contenu .eight-section .wrapper .bottom-part .left-part .text {
    margin: 0 auto 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .left-part .text {
    width: 100%;
    margin: 0 auto 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .left-part .text {
    margin: 0 auto 30px;
  }
}
#contenu .eight-section .wrapper .bottom-part .left-part .text p, #contenu .eight-section .wrapper .bottom-part .left-part .text span {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .left-part .text p, #contenu .eight-section .wrapper .bottom-part .left-part .text span {
    font-size: 15px;
  }
}
#contenu .eight-section .wrapper .bottom-part .left-part .text p.rouge, #contenu .eight-section .wrapper .bottom-part .left-part .text span.rouge {
  color: #ED244A;
}
#contenu .eight-section .wrapper .bottom-part .left-part img {
  width: 100%;
  height: 1110px;
  object-fit: cover;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .left-part img {
    height: 750px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) {
  #contenu .eight-section .wrapper .bottom-part .left-part img {
    border: 25px;
    height: 550px;
    object-position: center center;
    border-radius: 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .left-part img {
    height: 400px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .left-part img {
    border-radius: 15px;
    height: 220px;
    max-height: 220px;
  }
}
@media screen and (max-width: 1300px) {
  #contenu .eight-section .wrapper .bottom-part .right-part {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1300px) and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .right-part {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1300px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .right-part {
    margin-top: 20px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part img {
  width: 100%;
  height: 940px;
  object-fit: cover;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  display: block;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .right-part img {
    height: 750px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) {
  #contenu .eight-section .wrapper .bottom-part .right-part img {
    height: 470px;
    border-radius: 25px 25px 0 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .right-part img {
    height: 400px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1300px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .right-part img {
    border-radius: 15px;
    height: 220px;
    max-height: 220px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info {
    display: none;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part {
  position: relative;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 25px;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info {
  position: relative;
  width: 100%;
  padding: 20px 10% 20px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: rgba(23, 38, 55, 0.5);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info p {
    font-size: 20px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info img {
  position: relative;
  height: auto;
  width: 65px;
  left: -20px;
  opacity: 0;
  border-radius: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info img {
    width: 55px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info img {
    width: 50px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info.is-active p {
  color: #172637;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part .info.is-active img {
  left: 0;
  opacity: 1;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-left-part hr {
  position: relative;
  height: 1px;
  width: 97.5%;
  border: none;
  outline: none;
  background-color: rgba(23, 38, 55, 0.3);
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part {
  position: relative;
  min-height: 315px;
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 100px 55px 93px;
  background-color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part {
    padding: 30px;
    min-height: 225px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: #ffffff;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part p span.rouge {
  color: #ED244A;
  font-weight: 600;
}
@media screen and (max-width: 1500px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-info .info-right-part p {
    font-size: 20px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile {
  position: relative;
  margin-top: 10px;
  width: 100%;
  display: none;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile {
    display: flex;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(23, 38, 55, 0.3);
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .top-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  margin: 0;
}
@media screen and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .top-part {
    padding: 18px 20px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .top-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: rgba(23, 38, 55, 0.5);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .top-part p {
    font-size: 19px;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .top-part img {
  position: relative;
  height: auto;
  width: 40px;
  left: -20px;
  opacity: 0;
  border-radius: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .bottom-part {
  position: relative;
  height: 0;
  display: block;
  flex-direction: unset;
  width: 100%;
  overflow: hidden;
  background: #172637;
  border-radius: 0 0 20px 20px;
  transition: height 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .bottom-part p {
  position: relative;
  width: 100%;
  padding: 25px 45px;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 40;
  line-height: 120%;
  color: #ffffff;
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .bottom-part p {
    font-size: 18px;
    padding: 18px 20px;
    width: 100%;
    line-height: 140%;
  }
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item .bottom-part p span.rouge {
  color: #ED244A;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item.is-active {
  border-bottom: 1px solid transparent;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item.is-active .top-part p {
  color: #172637;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item.is-active .top-part img {
  left: 0;
  opacity: 1;
}
#contenu .eight-section .wrapper .bottom-part .right-part .wrapper-mobile .item:last-child {
  border-bottom: none;
}
#contenu .ninth-section {
  position: relative;
  width: 100%;
  padding: 100px 0;
}
@media screen and (max-width: 1800px) {
  #contenu .ninth-section {
    padding: 90px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .ninth-section {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section {
    padding: 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .ninth-section {
    padding: 80px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .ninth-section {
    padding: 30px 4.5%;
  }
}
#contenu .ninth-section .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 1600px;
  margin: auto;
}
@media screen and (max-width: 1600px) {
  #contenu .ninth-section .wrapper {
    width: 1200px;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 1600px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .ninth-section .wrapper {
    flex-direction: column;
  }
}
#contenu .ninth-section .wrapper .top-part {
  width: 100%;
}
#contenu .ninth-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 1800px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .ninth-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .ninth-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .top-part h2 {
    margin-bottom: 30px;
    text-align: left;
  }
}
#contenu .ninth-section .wrapper .top-part.gauche {
  align-self: start;
}
#contenu .ninth-section .wrapper .top-part.gauche h2 {
  text-align: left;
}
#contenu .ninth-section .wrapper .bottom-part {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 1540px;
}
@media screen and (max-width: 992px) {
  #contenu .ninth-section .wrapper .bottom-part {
    width: 100%;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col,
#contenu .ninth-section .wrapper .bottom-part .three-col {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 80px;
  justify-content: space-between;
}
@media screen and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col,
  #contenu .ninth-section .wrapper .bottom-part .three-col {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col,
  #contenu .ninth-section .wrapper .bottom-part .three-col {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col,
  #contenu .ninth-section .wrapper .bottom-part .three-col {
    justify-content: space-between;
    flex-direction: column;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col,
  #contenu .ninth-section .wrapper .bottom-part .three-col {
    margin-bottom: 30px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col h3,
#contenu .ninth-section .wrapper .bottom-part .three-col h3 {
  font-family: "Gotham bold", sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
  letter-spacing: -1.6px;
  color: #172637;
  margin-bottom: 40px;
}
@media screen and (max-width: 1800px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h3,
  #contenu .ninth-section .wrapper .bottom-part .three-col h3 {
    font-size: 36px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h3,
  #contenu .ninth-section .wrapper .bottom-part .three-col h3 {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h3,
  #contenu .ninth-section .wrapper .bottom-part .three-col h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h3,
  #contenu .ninth-section .wrapper .bottom-part .three-col h3 {
    margin-bottom: 25px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col h4,
#contenu .ninth-section .wrapper .bottom-part .three-col h4 {
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 48px */
  letter-spacing: -1.6px;
  color: #172637;
  margin-bottom: 32px;
}
@media screen and (max-width: 1800px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h4,
  #contenu .ninth-section .wrapper .bottom-part .three-col h4 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h4,
  #contenu .ninth-section .wrapper .bottom-part .three-col h4 {
    font-size: 22px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h4,
  #contenu .ninth-section .wrapper .bottom-part .three-col h4 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col h4,
  #contenu .ninth-section .wrapper .bottom-part .three-col h4 {
    margin-bottom: 15px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col .text,
#contenu .ninth-section .wrapper .bottom-part .three-col .text {
  width: 80%;
}
#contenu .ninth-section .wrapper .bottom-part .two-col .text p, #contenu .ninth-section .wrapper .bottom-part .two-col .text span, #contenu .ninth-section .wrapper .bottom-part .two-col .text ul, #contenu .ninth-section .wrapper .bottom-part .two-col .text li, #contenu .ninth-section .wrapper .bottom-part .two-col .text a,
#contenu .ninth-section .wrapper .bottom-part .three-col .text p,
#contenu .ninth-section .wrapper .bottom-part .three-col .text span,
#contenu .ninth-section .wrapper .bottom-part .three-col .text ul,
#contenu .ninth-section .wrapper .bottom-part .three-col .text li,
#contenu .ninth-section .wrapper .bottom-part .three-col .text a {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col .text p, #contenu .ninth-section .wrapper .bottom-part .two-col .text span, #contenu .ninth-section .wrapper .bottom-part .two-col .text ul, #contenu .ninth-section .wrapper .bottom-part .two-col .text li, #contenu .ninth-section .wrapper .bottom-part .two-col .text a,
  #contenu .ninth-section .wrapper .bottom-part .three-col .text p,
  #contenu .ninth-section .wrapper .bottom-part .three-col .text span,
  #contenu .ninth-section .wrapper .bottom-part .three-col .text ul,
  #contenu .ninth-section .wrapper .bottom-part .three-col .text li,
  #contenu .ninth-section .wrapper .bottom-part .three-col .text a {
    font-size: 15px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col .text p span.rouge, #contenu .ninth-section .wrapper .bottom-part .two-col .text span span.rouge, #contenu .ninth-section .wrapper .bottom-part .two-col .text ul span.rouge, #contenu .ninth-section .wrapper .bottom-part .two-col .text li span.rouge, #contenu .ninth-section .wrapper .bottom-part .two-col .text a span.rouge,
#contenu .ninth-section .wrapper .bottom-part .three-col .text p span.rouge,
#contenu .ninth-section .wrapper .bottom-part .three-col .text span span.rouge,
#contenu .ninth-section .wrapper .bottom-part .three-col .text ul span.rouge,
#contenu .ninth-section .wrapper .bottom-part .three-col .text li span.rouge,
#contenu .ninth-section .wrapper .bottom-part .three-col .text a span.rouge {
  color: #ED244A;
}
#contenu .ninth-section .wrapper .bottom-part .two-col .text p,
#contenu .ninth-section .wrapper .bottom-part .three-col .text p {
  margin-bottom: 20px;
}
#contenu .ninth-section .wrapper .bottom-part .two-col .text ul,
#contenu .ninth-section .wrapper .bottom-part .three-col .text ul {
  padding-left: 20px;
}
#contenu .ninth-section .wrapper .bottom-part .two-col img,
#contenu .ninth-section .wrapper .bottom-part .three-col img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media screen and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col img,
  #contenu .ninth-section .wrapper .bottom-part .three-col img {
    border-radius: 15px;
    height: 220px;
    max-height: 220px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .two-col:last-child,
#contenu .ninth-section .wrapper .bottom-part .three-col:last-child {
  margin-bottom: 0;
}
#contenu .ninth-section .wrapper .bottom-part .two-col {
  justify-content: space-around;
}
#contenu .ninth-section .wrapper .bottom-part .two-col .left-part,
#contenu .ninth-section .wrapper .bottom-part .two-col .right-part {
  flex-basis: 43%;
}
@media screen and (max-width: 992px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col .left-part,
  #contenu .ninth-section .wrapper .bottom-part .two-col .right-part {
    align-self: start;
  }
}
@media screen and (max-width: 992px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col .left-part {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .two-col .left-part {
    margin-bottom: 30px;
  }
}
#contenu .ninth-section .wrapper .bottom-part .three-col .left-part,
#contenu .ninth-section .wrapper .bottom-part .three-col .middle-part,
#contenu .ninth-section .wrapper .bottom-part .three-col .right-part {
  flex-basis: 30%;
}
@media screen and (max-width: 992px) {
  #contenu .ninth-section .wrapper .bottom-part .three-col .middle-part {
    margin: 40px 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .ninth-section .wrapper .bottom-part .three-col .middle-part {
    margin: 30px 0;
  }
}
#contenu .section *:not(h2) p, #contenu .section *:not(h2) span:not(.rouge), #contenu .section *:not(h3) p, #contenu .section *:not(h3) span:not(.rouge), #contenu .section *:not(h4) p, #contenu .section *:not(h4) span:not(.rouge) {
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.4px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .section *:not(h2) p, #contenu .section *:not(h2) span:not(.rouge), #contenu .section *:not(h3) p, #contenu .section *:not(h3) span:not(.rouge), #contenu .section *:not(h4) p, #contenu .section *:not(h4) span:not(.rouge) {
    font-size: 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .section *:not(h2) p, #contenu .section *:not(h2) span:not(.rouge), #contenu .section *:not(h3) p, #contenu .section *:not(h3) span:not(.rouge), #contenu .section *:not(h4) p, #contenu .section *:not(h4) span:not(.rouge) {
    font-size: 18px;
  }
}
#contenu .tenth-section {
  position: relative;
  width: 100%;
}
#contenu #news {
  position: relative;
  width: 100%;
  padding: 30px 10% 140px 8.8%;
}
@media screen and (max-width: 1800px) {
  #contenu #news {
    padding: 30px 10% 120px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu #news {
    padding: 30px 8% 90px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news {
    padding: 10px 7% 80px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu #news {
    padding: 30px 5.5% 70px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu #news {
    padding: 30px 4.5% 65px;
  }
}
#contenu #news h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  max-width: 40%;
  transform: translateY(35%);
  z-index: 1;
}
@media screen and (max-width: 1800px) {
  #contenu #news h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu #news h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news h3 {
    font-size: 40px;
  }
}
#contenu #news h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu #news h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu #news h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  #contenu #news h3 {
    transform: none;
    margin-bottom: 35px;
    max-width: 60%;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu #news h3 {
    margin-bottom: 30px;
    max-width: 100%;
  }
}
#contenu #news h3 span {
  color: #ED244A;
}
#contenu #news .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 992px) {
  #contenu #news .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
#contenu #news .wrapper .left-part {
  position: relative;
  min-width: 47%;
  width: 100%;
  padding: 0 105px 40px 80px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part {
    padding: 0 80px 35px 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part {
    padding: 0 30px 20px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu #news .wrapper .left-part {
    padding: 0;
    margin-bottom: 25px;
  }
}
#contenu #news .wrapper .left-part .item {
  height: 427px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part .item {
    height: 360px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part .item {
    height: 320px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part .item {
    height: 220px;
  }
}
#contenu #news .wrapper .right-part {
  position: relative;
  height: 100%;
  min-width: 53%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}
@media screen and (max-width: 1200px) {
  #contenu #news .wrapper .right-part {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .right-part {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}
#contenu #news .wrapper .right-part .item {
  height: 290px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .right-part .item {
    height: 260px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .right-part .item {
    height: 220px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .right-part .item {
    height: 220px;
  }
}
#contenu #news .wrapper .left-part a, #contenu #news .wrapper .right-part a {
  position: relative;
  text-decoration: none;
}
#contenu #news .wrapper .left-part a .item, #contenu #news .wrapper .right-part a .item {
  position: relative;
  padding: 20px 20px 72px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(60px);
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item, #contenu #news .wrapper .right-part a .item {
    padding: 20px 20px 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu #news .wrapper .left-part a .item, #contenu #news .wrapper .right-part a .item {
    padding: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item, #contenu #news .wrapper .right-part a .item {
    border-radius: 10px;
  }
}
#contenu #news .wrapper .left-part a .item .title, #contenu #news .wrapper .right-part a .item .title {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  opacity: 0;
  z-index: 3;
  color: #ffffff;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .title, #contenu #news .wrapper .right-part a .item .title {
    font-size: 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .title, #contenu #news .wrapper .right-part a .item .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu #news .wrapper .left-part a .item .title, #contenu #news .wrapper .right-part a .item .title {
    display: none;
  }
}
#contenu #news .wrapper .left-part a .item .paragraph, #contenu #news .wrapper .right-part a .item .paragraph {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0;
  color: #ffffff;
  transform: translateY(30px);
  z-index: 3;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .paragraph, #contenu #news .wrapper .right-part a .item .paragraph {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .paragraph, #contenu #news .wrapper .right-part a .item .paragraph {
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu #news .wrapper .left-part a .item .paragraph, #contenu #news .wrapper .right-part a .item .paragraph {
    display: none;
  }
}
#contenu #news .wrapper .left-part a .item img:not(.arrow), #contenu #news .wrapper .right-part a .item img:not(.arrow) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
#contenu #news .wrapper .left-part a .item .wrapper, #contenu #news .wrapper .right-part a .item .wrapper {
  position: absolute;
  margin: 0;
  padding: 15px 20px 45px;
  left: 50%;
  bottom: 13%;
  width: 88%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 9px;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .wrapper, #contenu #news .wrapper .right-part a .item .wrapper {
    bottom: 11%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .wrapper, #contenu #news .wrapper .right-part a .item .wrapper {
    bottom: 10%;
    padding: 15px 20px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item .wrapper, #contenu #news .wrapper .right-part a .item .wrapper {
    width: 92%;
    bottom: 17%;
    padding: 15px 15px 35px;
  }
}
#contenu #news .wrapper .left-part a .item .wrapper p, #contenu #news .wrapper .right-part a .item .wrapper p {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .wrapper p, #contenu #news .wrapper .right-part a .item .wrapper p {
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .wrapper p, #contenu #news .wrapper .right-part a .item .wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item .wrapper p, #contenu #news .wrapper .right-part a .item .wrapper p {
    font-size: 18px;
  }
}
#contenu #news .wrapper .left-part a .item .read-article, #contenu #news .wrapper .right-part a .item .read-article {
  position: absolute;
  padding: 16px 14px 16px 16px;
  right: 9%;
  bottom: 5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #172637;
  z-index: 3;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .read-article, #contenu #news .wrapper .right-part a .item .read-article {
    padding: 13px 12px 13px 13px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .read-article, #contenu #news .wrapper .right-part a .item .read-article {
    padding: 11px 12px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item .read-article, #contenu #news .wrapper .right-part a .item .read-article {
    bottom: 5%;
    padding: 14px 20px 15px 15px;
    width: fit-content;
    right: 10%;
  }
}
#contenu #news .wrapper .left-part a .item .read-article p, #contenu #news .wrapper .right-part a .item .read-article p {
  position: relative;
  margin-right: 15px;
  font-family: "Gotham medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 140%;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item .read-article p, #contenu #news .wrapper .right-part a .item .read-article p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item .read-article p, #contenu #news .wrapper .right-part a .item .read-article p {
    font-size: 13px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item .read-article p, #contenu #news .wrapper .right-part a .item .read-article p {
    font-size: 14px;
  }
}
#contenu #news .wrapper .left-part a .item .read-article .arrow, #contenu #news .wrapper .right-part a .item .read-article .arrow {
  position: relative;
  height: auto;
  width: 14px;
}
@media screen and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item .read-article .arrow, #contenu #news .wrapper .right-part a .item .read-article .arrow {
    width: 14px;
  }
}
#contenu #news .wrapper .left-part a .item:before, #contenu #news .wrapper .right-part a .item:before {
  position: absolute;
  content: "";
  top: -100px;
  right: 0;
  height: 100px;
  width: auto;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #172637;
  z-index: 2;
  transform: translateX(50%) scale(1);
  transition: transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 992px) {
  #contenu #news .wrapper .left-part a .item:before, #contenu #news .wrapper .right-part a .item:before {
    display: none;
  }
}
#contenu #news .wrapper .left-part a .item:hover .title, #contenu #news .wrapper .left-part a .item:hover .paragraph, #contenu #news .wrapper .right-part a .item:hover .title, #contenu #news .wrapper .right-part a .item:hover .paragraph {
  transition-delay: 0.2s;
  opacity: 1;
}
#contenu #news .wrapper .left-part a .item:hover .paragraph, #contenu #news .wrapper .right-part a .item:hover .paragraph {
  transition-delay: 0.3s;
  transform: translateY(0);
}
#contenu #news .wrapper .left-part a .item:hover:before, #contenu #news .wrapper .right-part a .item:hover:before {
  transform: translateX(0) scale(10);
}
#contenu #news .wrapper .left-part a .item:hover.large:before, #contenu #news .wrapper .right-part a .item:hover.large:before {
  transform: translateX(0) scale(15);
}
#contenu #news .wrapper .left-part a .item.large, #contenu #news .wrapper .right-part a .item.large {
  padding: 30px 30px 115px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item.large, #contenu #news .wrapper .right-part a .item.large {
    padding: 20px 20px 95px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu #news .wrapper .left-part a .item.large, #contenu #news .wrapper .right-part a .item.large {
    padding: 0;
  }
}
#contenu #news .wrapper .left-part a .item.large .title, #contenu #news .wrapper .right-part a .item.large .title {
  font-size: 27px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item.large .title, #contenu #news .wrapper .right-part a .item.large .title {
    font-size: 25px;
  }
}
#contenu #news .wrapper .left-part a .item.large .paragraph, #contenu #news .wrapper .right-part a .item.large .paragraph {
  font-size: 17px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item.large .paragraph, #contenu #news .wrapper .right-part a .item.large .paragraph {
    font-size: 15px;
  }
}
#contenu #news .wrapper .left-part a .item.large:before, #contenu #news .wrapper .right-part a .item.large:before {
  background: #ED244A;
}
#contenu #news .wrapper .left-part a .item.large .wrapper, #contenu #news .wrapper .right-part a .item.large .wrapper {
  padding: 20px 20px 60px;
  bottom: 12%;
  border-radius: 18px;
}
@media screen and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item.large .wrapper, #contenu #news .wrapper .right-part a .item.large .wrapper {
    padding: 20px 20px 50px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item.large .wrapper, #contenu #news .wrapper .right-part a .item.large .wrapper {
    padding: 15px 15px 35px;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 10px;
    bottom: 17%;
    width: 92%;
  }
}
#contenu #news .wrapper .left-part a .item.large .wrapper p, #contenu #news .wrapper .right-part a .item.large .wrapper p {
  font-size: 24px;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item.large .wrapper p, #contenu #news .wrapper .right-part a .item.large .wrapper p {
    font-size: 21px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item.large .wrapper p, #contenu #news .wrapper .right-part a .item.large .wrapper p {
    font-size: 18px;
  }
}
#contenu #news .wrapper .left-part a .item.large .read-article, #contenu #news .wrapper .right-part a .item.large .read-article {
  padding: 26px 33px 26px 21px;
  bottom: 4%;
}
@media screen and (max-width: 1500px) {
  #contenu #news .wrapper .left-part a .item.large .read-article, #contenu #news .wrapper .right-part a .item.large .read-article {
    padding: 20px 30px 20px 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item.large .read-article, #contenu #news .wrapper .right-part a .item.large .read-article {
    padding: 14px 20px 15px 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item.large .read-article, #contenu #news .wrapper .right-part a .item.large .read-article {
    bottom: 5%;
    width: fit-content;
    right: 10%;
  }
}
#contenu #news .wrapper .left-part a .item.large .read-article p, #contenu #news .wrapper .right-part a .item.large .read-article p {
  margin-right: 30px;
  font-size: 17px;
}
@media screen and (max-width: 1200px) {
  #contenu #news .wrapper .left-part a .item.large .read-article p, #contenu #news .wrapper .right-part a .item.large .read-article p {
    margin-right: 15px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item.large .read-article p, #contenu #news .wrapper .right-part a .item.large .read-article p {
    margin-right: 10px;
    font-size: 14px;
  }
}
#contenu #news .wrapper .left-part a .item.large .read-article .arrow, #contenu #news .wrapper .right-part a .item.large .read-article .arrow {
  width: 19px;
}
@media screen and (max-width: 576px) {
  #contenu #news .wrapper .left-part a .item.large .read-article .arrow, #contenu #news .wrapper .right-part a .item.large .read-article .arrow {
    width: 14px;
  }
}
#contenu .eleventh-section {
  position: relative;
  width: 100%;
  padding: 0 8.8% 0px;
  margin: 150px 0px;
}
@media screen and (max-width: 1800px) {
  #contenu .eleventh-section {
    padding: 0 8.25% 0px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eleventh-section {
    padding: 0 6.87% 0px;
    margin: 100px 0px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eleventh-section {
    padding: 0 5.5% 0px;
    margin: 120px 0px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .eleventh-section {
    padding: 80px 4.5%;
    margin: 100px 0px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eleventh-section {
    padding: 65px 4.5%;
    margin: 30px 0px;
  }
}
#contenu .eleventh-section .wrapper {
  max-width: 1400px;
  display: flex;
  flex-direction: column;
  margin: 0px auto 0px;
}
#contenu .eleventh-section .wrapper .pre-title {
  display: flex;
}
#contenu .eleventh-section .wrapper .pre-title.gauche {
  justify-content: flex-start;
}
#contenu .eleventh-section .wrapper .pre-title.droite {
  justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .pre-title.droite {
    justify-content: flex-start;
  }
}
#contenu .eleventh-section .wrapper .pre-title p {
  color: #EDEDED;
  font-family: "Gotham Bold";
  font-size: 170.6px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -3.412px;
}
#contenu .eleventh-section .wrapper .top-part {
  display: flex;
  margin-bottom: 75px;
}
#contenu .eleventh-section .wrapper .top-part.droite {
  text-align: right;
  justify-content: flex-end;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .top-part.droite {
    justify-content: flex-start;
  }
}
#contenu .eleventh-section .wrapper .top-part.droite h2 {
  text-align: right;
}
@media screen and (max-width: 576px) {
  #contenu .eleventh-section .wrapper .top-part.droite h2 {
    text-align: left;
  }
}
#contenu .eleventh-section .wrapper .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #contenu .eleventh-section .wrapper .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eleventh-section .wrapper .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eleventh-section .wrapper .top-part h2 {
    font-size: 40px;
  }
}
#contenu .eleventh-section .wrapper .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .eleventh-section .wrapper .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .eleventh-section .wrapper .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .eleventh-section .wrapper .top-part h2 span {
    font-size: 40px;
  }
}
#contenu .eleventh-section .wrapper .top-part h2 span {
  font-family: "Gotham bold", sans-serif;
}
#contenu .eleventh-section .wrapper .bottom-part {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 1200px) {
  #contenu .eleventh-section .wrapper .bottom-part {
    width: 992px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .image-part {
  height: 585px;
  width: 745px;
}
#contenu .eleventh-section .wrapper .bottom-part .image-part.image_left {
  margin-right: 62px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part.image_left {
    margin-right: 0px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .image-part.image_right {
  order: 2;
  margin-left: 130px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part.image_right {
    margin-left: 0px;
    order: initial;
  }
}
@media screen and (max-width: 1500px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part {
    height: 450px;
    width: 565px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part {
    height: 350px;
    width: 100%;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part {
    height: 220px;
    max-height: 220px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .image-part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media screen and (max-width: 576px) {
  #contenu .eleventh-section .wrapper .bottom-part .image-part img {
    border-radius: 15px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part.image_gauche {
  margin-left: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part.image_gauche {
    margin-left: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part.image_gauche {
    margin-top: 30px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part.image_droite {
  margin-right: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part.image_droite {
    margin-right: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part.image_droite {
    margin-top: 30px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text {
  width: 535px;
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part .text {
    width: auto;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text h1, #contenu .eleventh-section .wrapper .bottom-part .content-part .text h2, #contenu .eleventh-section .wrapper .bottom-part .content-part .text h3, #contenu .eleventh-section .wrapper .bottom-part .content-part .text h4, #contenu .eleventh-section .wrapper .bottom-part .content-part .text h5, #contenu .eleventh-section .wrapper .bottom-part .content-part .text h6 {
  color: #172637;
  font-family: "Gotham Bold";
  margin-bottom: 38px;
  font-size: 40px;
  letter-spacing: -2px;
  width: 100%;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text p {
  margin-bottom: 30px;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text p, #contenu .eleventh-section .wrapper .bottom-part .content-part .text span, #contenu .eleventh-section .wrapper .bottom-part .content-part .text ul, #contenu .eleventh-section .wrapper .bottom-part .content-part .text li, #contenu .eleventh-section .wrapper .bottom-part .content-part .text a {
  position: relative;
  font-family: "Inter Medium", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: inherit;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
  max-width: 485px;
}
@media screen and (max-width: 1500px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part .text p, #contenu .eleventh-section .wrapper .bottom-part .content-part .text span, #contenu .eleventh-section .wrapper .bottom-part .content-part .text ul, #contenu .eleventh-section .wrapper .bottom-part .content-part .text li, #contenu .eleventh-section .wrapper .bottom-part .content-part .text a {
    font-size: 15px;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text p span.rouge, #contenu .eleventh-section .wrapper .bottom-part .content-part .text span span.rouge, #contenu .eleventh-section .wrapper .bottom-part .content-part .text ul span.rouge, #contenu .eleventh-section .wrapper .bottom-part .content-part .text li span.rouge, #contenu .eleventh-section .wrapper .bottom-part .content-part .text a span.rouge {
  color: #ED244A;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text strong {
  font-family: "Inter Bold", sans-serif;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .text ul {
  padding-left: 20px;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part.image_right .text {
  width: 528px;
}
@media screen and (max-width: 992px) {
  #contenu .eleventh-section .wrapper .bottom-part .content-part.image_right .text {
    width: auto;
  }
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .button {
  margin: initial;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .button div {
  width: 260px;
}
#contenu .eleventh-section .wrapper .bottom-part .content-part .button div p {
  font-family: "Inter", sans-serif !important;
  color: #ffffff;
}
#contenu .twelfth-section {
  width: 100%;
  padding: 116px 90px;
}
@media screen and (max-width: 1500px) {
  #contenu .twelfth-section {
    padding: 80px 90px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .twelfth-section {
    padding: 80px 90px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .twelfth-section {
    padding: 60px 90px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .twelfth-section {
    padding: 30px 4.5% 60px;
  }
}
#contenu .twelfth-section .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
#contenu .twelfth-section .wrapper .filigrane {
  color: #EDEDED;
  leading-trim: both;
  text-edge: cap;
  font-family: "Gotham bold";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.28px;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .filigrane {
    font-size: 34px;
  }
}
#contenu .twelfth-section .wrapper a {
  leading-trim: both;
  text-edge: cap;
  font-family: "Gotham bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 38.4px */
  letter-spacing: -1.28px;
  color: #172637;
  text-decoration: none;
  display: inline-block;
  position: relative;
}
#contenu .twelfth-section .wrapper a .rouge {
  color: #ED244A;
}
#contenu .twelfth-section .wrapper a img {
  position: absolute;
  bottom: 0;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper a {
    font-size: 16px;
  }
}
#contenu .twelfth-section .wrapper .left-part {
  display: flex;
  flex-direction: column;
  align-items: end;
  text-align: right;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .left-part a {
    text-align: left;
  }
}
#contenu .twelfth-section .wrapper .left-part a img {
  left: -70px;
  rotate: 180deg;
  transition: all 0.35s ease;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .left-part a img {
    left: 0px;
    bottom: -40px;
  }
}
#contenu .twelfth-section .wrapper .left-part a:hover img {
  left: -80px;
  transition: all 0.35s ease;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .left-part a:hover img {
    left: 0px;
    bottom: -40px;
  }
}
#contenu .twelfth-section .wrapper .right-part {
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .right-part {
    margin-top: 35px;
  }
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .right-part a {
    text-align: right;
  }
}
#contenu .twelfth-section .wrapper .right-part a img {
  right: -70px;
  transition: all 0.35s ease;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .right-part a img {
    right: 0px;
    bottom: -40px;
  }
}
#contenu .twelfth-section .wrapper .right-part a:hover img {
  right: -80px;
  transition: all 0.35s ease;
}
@media screen and (max-width: 576px) {
  #contenu .twelfth-section .wrapper .right-part a:hover img {
    right: 0px;
    bottom: -40px;
  }
}
#contenu .fourteenth-section {
  position: relative;
  width: 100%;
  padding: 0 8.8% 100px;
}
@media screen and (max-width: 1800px) {
  #contenu .fourteenth-section {
    padding: 0 8.25% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourteenth-section {
    padding: 0 6.87% 80px;
    margin-top: -50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section {
    padding: 0 5.5% 80px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourteenth-section {
    padding: 80px 4.5%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section {
    padding: 30px 4.5%;
  }
}
#contenu .fourteenth-section .wrapper-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1260px;
  margin: auto;
}
#contenu .fourteenth-section .wrapper-section .top-part {
  max-width: 950px;
  padding: 55px 66px 55px 0px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  align-self: start;
}
@media screen and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .top-part {
    margin-left: 270px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .top-part {
    margin-left: 0;
    transform: translateY(0);
    padding: 0;
    border-radius: 0;
    background: none;
    backdrop-filter: blur(0);
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .top-part {
    margin-bottom: 30px;
    width: 100%;
  }
}
#contenu .fourteenth-section .wrapper-section .top-part h2 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
}
@media screen and (max-width: 1800px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 {
    font-size: 40px;
  }
}
#contenu .fourteenth-section .wrapper-section .top-part h2 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .top-part h2 span {
    font-size: 40px;
  }
}
#contenu .fourteenth-section .wrapper-section .top-part h2 span {
  font-family: "Gotham bold", sans-serif;
}
#contenu .fourteenth-section .wrapper-section .bottom-part {
  width: 1480px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part {
    width: 992px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
#contenu .fourteenth-section .wrapper-section .bottom-part .left-part {
  height: 577px;
  width: 745px;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .left-part {
    height: 450px;
    width: 565px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .left-part {
    height: 350px;
    width: 100%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .left-part {
    height: 220px;
    max-height: 220px;
  }
}
#contenu .fourteenth-section .wrapper-section .bottom-part .left-part img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
@media screen and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .left-part img {
    border-radius: 15px;
  }
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part {
  padding-top: 85px;
  margin-left: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .right-part {
    margin-left: 0;
    padding-top: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .right-part {
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text {
    width: auto;
  }
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h1, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h2, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h3, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h4, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h5, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text h6 {
  color: #172637;
  font-family: "Gotham Bold";
  margin-bottom: 38px;
  font-size: 25px;
  letter-spacing: -2px;
  max-width: 534px;
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text p, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text span, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text ul, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text li, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text a {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: inherit;
  line-height: 160%;
  letter-spacing: -0.56px;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text p, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text span, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text ul, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text li, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text a {
    font-size: 15px;
  }
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text p span.rouge, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text span span.rouge, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text ul span.rouge, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text li span.rouge, #contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text a span.rouge {
  color: #ED244A;
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text p {
  margin-bottom: 20px;
  max-width: 422px;
}
#contenu .fourteenth-section .wrapper-section .bottom-part .right-part .text ul {
  padding-left: 20px;
}
#contenu .fourteenth-section .wrapper-section .wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media screen and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .wrapper {
    display: none;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part {
  position: relative;
  width: 35%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info {
  position: relative;
  width: 100%;
  padding: 20px 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info {
    padding: 20px 8% 20px 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info {
    padding: 17px 6% 17px 25px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info .inner-info {
  display: none;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  color: #172637;
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info p {
    font-size: 16px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info p .rouge {
  color: #ED244A;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info img {
  position: relative;
  height: auto;
  width: 65px;
  left: -20px;
  opacity: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info img {
    width: 55px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part .info img {
    width: 50px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info.is-active {
  background-color: #172637;
  border-radius: 20px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info.is-active p {
  color: #ffffff;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part .info.is-active img {
  left: 0;
  opacity: 1;
}
#contenu .fourteenth-section .wrapper-section .wrapper .left-part hr {
  position: relative;
  height: 1px;
  width: 97.5%;
  border: none;
  outline: none;
  background-color: rgba(23, 38, 55, 0.3);
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .left-part hr {
    width: 96%;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part {
  position: relative;
  width: 60%;
  justify-content: center;
  align-items: center;
  padding: 52px 25px 52px 52px;
  background-color: #EDEDED;
  border-radius: 43px;
  height: 538px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part .inner-right-part {
  overflow-y: scroll;
  max-height: 458px;
  padding-right: 25px;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .right-part {
    padding: 10px 70px 20px 70px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .right-part {
    padding: 10px 50px 15px 50px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part * {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part h3 {
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  line-height: 160%;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part h3 span {
  font-family: "Gotham bold", sans-serif !important;
  font-size: 24px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part h4 {
  font-family: "Gotham bold", sans-serif;
  font-size: 20px;
  margin: 15px 0px 10px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part h4 span {
  font-family: "Gotham bold", sans-serif !important;
  font-size: 20px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part .rouge {
  color: #ED244A;
  font-family: "Inter", sans-serif;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: #172637;
  margin-bottom: 16px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part p strong {
  font-family: "Inter bold", sans-serif;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .right-part p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper .right-part p {
    font-size: 16px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part ul {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #172637;
  margin-bottom: 16px;
  padding-left: 25px;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part ul strong {
  font-family: "Inter bold", sans-serif;
}
#contenu .fourteenth-section .wrapper-section .wrapper .right-part ul .rouge {
  color: #ED244A;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile {
  position: relative;
  margin-top: 10px;
  width: 100%;
  display: none;
  flex-direction: column;
}
@media screen and (max-width: 992px) {
  #contenu .fourteenth-section .wrapper-section .wrapper-mobile {
    display: flex;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(23, 38, 55, 0.3);
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .top-part {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
}
@media screen and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .top-part {
    padding: 18px 20px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .top-part p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  color: rgba(23, 38, 55, 0.5);
  transition: color 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  #contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .top-part p {
    font-size: 19px;
    margin: auto;
    text-align: center;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .top-part img {
  position: relative;
  height: auto;
  width: 40px;
  left: -20px;
  opacity: 0;
  transition: left 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile {
  position: relative;
  height: 0;
  width: 100%;
  background: #172637;
  border-radius: 0 0 20px 20px;
  transition: height 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
  overflow: hidden;
  padding: 0px 15px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile * {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #ffffff;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile h3 {
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  line-height: 160%;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile h3 span {
  font-family: "Gotham bold", sans-serif !important;
  font-size: 24px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile h4 {
  font-family: "Gotham bold", sans-serif;
  font-size: 20px;
  margin: 15px 0px 10px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile h4 span {
  font-family: "Gotham bold", sans-serif !important;
  font-size: 20px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile .rouge {
  color: #ED244A;
  font-family: "Inter", sans-serif;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile p {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  color: #ffffff;
  margin-bottom: 16px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile p strong {
  font-family: "Inter bold", sans-serif;
}
@media screen and (max-width: 1500px) {
  #contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile p {
    font-size: 16px;
  }
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile ul {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  color: #ffffff;
  margin-bottom: 16px;
  padding-left: 25px;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile ul strong {
  font-family: "Inter bold", sans-serif;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item .bottom-part-mobile ul .rouge {
  color: #ED244A;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item.is-active {
  border-bottom: 1px solid transparent;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item.is-active .top-part p {
  color: #172637;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item.is-active .top-part img {
  left: 0;
  opacity: 1;
}
#contenu .fourteenth-section .wrapper-section .wrapper-mobile .item:last-child {
  border-bottom: none;
}
#contenu .fourteenth-section.image_right .wrapper .top-part {
  margin-left: 100px;
  align-self: start;
}
@media screen and (max-width: 1200px) {
  #contenu .fourteenth-section.image_right .wrapper .top-part {
    margin-left: 60px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) {
  #contenu .fourteenth-section.image_right .wrapper .top-part {
    margin-left: 0;
  }
}
@media screen and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section.image_right .wrapper .top-part {
    margin-bottom: 30px;
    width: 100%;
  }
}
#contenu .fourteenth-section.image_right .wrapper .bottom-part {
  flex-direction: row-reverse;
}
#contenu .fourteenth-section.image_right .wrapper .bottom-part .right-part {
  margin-left: 0px;
  margin-right: 65px;
}
@media screen and (max-width: 992px) {
  #contenu .fourteenth-section.image_right .wrapper .bottom-part .right-part {
    margin-left: 0;
    padding-top: 0;
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #contenu .fourteenth-section.image_right .wrapper .bottom-part .right-part {
    margin-top: 30px;
  }
}

#contact {
  position: relative;
  width: 100%;
}
#contact .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}
#contact #masthead {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 200px 8.8% 55vh;
}
@media screen and (max-width: 1800px) {
  #contact #masthead {
    padding: 170px 8.25% 50vh;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #masthead {
    padding: 150px 6.87% 45vh;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #masthead {
    padding: 130px 5.5% 70px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #masthead {
    padding: 110px 4.5% 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #masthead {
    padding: 100px 4.5% 100px;
  }
}
#contact #masthead h3 {
  position: relative;
  max-width: 50%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #contact #masthead h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #masthead h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #masthead h3 {
    font-size: 40px;
  }
}
#contact #masthead h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contact #masthead h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #masthead h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #masthead h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  #contact #masthead h3 {
    max-width: 65%;
  }
}
@media screen and (max-width: 992px) and (max-width: 700px) {
  #contact #masthead h3 {
    max-width: 80%;
  }
}
@media screen and (max-width: 992px) and (max-width: 700px) and (max-width: 576px) {
  #contact #masthead h3 {
    max-width: none;
  }
}
#contact #masthead a {
  position: relative;
  text-decoration: none;
  margin: 43px 0 10px;
}
@media screen and (max-width: 1500px) {
  #contact #masthead a {
    margin: 30px 0 5px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #masthead a {
    margin: 20px 0 2px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #masthead a {
    margin: 17px 0 0;
  }
}
#contact #masthead a p {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.48px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #contact #masthead a p {
    font-size: 20px;
  }
}
#contact #masthead a:last-child {
  margin: 0;
}
#contact #map {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0 8.8% 150px;
  scroll-margin-top: 125px;
}
@media screen and (max-width: 1800px) {
  #contact #map {
    padding: 0 8.25% 140px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #map {
    padding: 0 6.87% 110px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map {
    padding: 0 5.5% 90px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map {
    padding: 0 4.5% 70px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 700px) {
  #contact #map {
    padding: 0 4.5% 25px;
  }
}
#contact #map .arrow-down {
  position: absolute;
  top: -200px;
  left: calc(8.8% + 35px);
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 100px;
  animation: arrow 2.5s cubic-bezier(0.1, 0.1, 0.36, 1) infinite;
}
@keyframes arrow {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(10px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}
@media screen and (max-width: 1200px) {
  #contact #map .arrow-down {
    display: none;
  }
}
#contact #map .arrow-down img {
  position: relative;
  height: 45px;
  width: auto;
  opacity: 1;
  z-index: 1;
}
#contact #map .follow-us {
  position: relative;
  width: 67.5%;
  padding: 34px 46px 34px 66px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  background: #172637;
}
@media screen and (max-width: 1500px) {
  #contact #map .follow-us {
    padding: 29px 40px 29px 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .follow-us {
    padding: 26px 35px 26px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .follow-us {
    width: 100%;
    padding: 26px 35px 26px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #map .follow-us {
    flex-direction: column;
    border-radius: 20px;
    padding: 20px;
  }
}
#contact #map .follow-us p {
  position: relative;
  margin-right: 20px;
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.48px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #contact #map .follow-us p {
    font-size: 24px;
    text-align: center;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .follow-us p {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .follow-us p {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #map .follow-us p {
    margin-bottom: 20px;
    margin-right: 0;
    font-size: 18px;
  }
}
#contact #map .follow-us .icons {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
#contact #map .follow-us .icons a {
  position: relative;
  margin-right: 45px;
}
@media screen and (max-width: 1500px) {
  #contact #map .follow-us .icons a {
    margin-right: 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .follow-us .icons a {
    margin-right: 32px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .follow-us .icons a {
    margin-right: 30px;
  }
}
#contact #map .follow-us .icons a img {
  position: relative;
  width: 32px;
  height: 32px;
}
#contact #map .follow-us .icons a:last-child {
  margin-right: 0;
}
#contact #map .wrapper {
  position: relative;
  margin: 70px 0 110px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  #contact #map .wrapper {
    margin: 50px 0 80px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .wrapper {
    margin: 30px 0 50px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .wrapper {
    margin: 25px 0 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #map .wrapper {
    margin: 30px 0 65px;
  }
}
#contact #map .wrapper .left-part {
  position: relative;
  height: 492px;
  max-width: 67.5%;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  background-color: #e3e3e3;
}
@media screen and (max-width: 1800px) {
  #contact #map .wrapper .left-part {
    height: 460px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #map .wrapper .left-part {
    height: 384px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .wrapper .left-part {
    height: 305px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .wrapper .left-part {
    max-width: 100%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #map .wrapper .left-part {
    height: 260px;
  }
}
#contact #map .wrapper .left-part iframe {
  position: relative;
  height: 100%;
  width: 100%;
  filter: grayscale(100%);
}
#contact #map .wrapper .right-part {
  position: relative;
  max-width: 32.5%;
  padding-left: 5%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background: none;
}
@media screen and (max-width: 992px) {
  #contact #map .wrapper .right-part {
    padding-left: 0;
    margin-top: 35px;
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) and (max-width: 700px) {
  #contact #map .wrapper .right-part {
    margin-top: 30px;
  }
}
@media screen and (max-width: 992px) and (max-width: 700px) and (max-width: 576px) {
  #contact #map .wrapper .right-part {
    margin-top: 20px;
  }
}
#contact #map .wrapper .right-part h4 {
  position: relative;
  margin-bottom: 50px;
  font-family: "Gotham bold", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.12px;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #contact #map .wrapper .right-part h4 {
    font-size: 50px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #map .wrapper .right-part h4 {
    font-size: 43px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .wrapper .right-part h4 {
    font-size: 36px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map .wrapper .right-part h4 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  #contact #map .wrapper .right-part h4 {
    font-size: 32px;
    margin-bottom: 10px;
  }
}
#contact #map .wrapper .right-part .address {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #contact #map .wrapper .right-part .address {
    font-size: 20px;
  }
}
#contact #map .wrapper .right-part a {
  margin: 32px 0 0;
}
@media screen and (max-width: 1500px) {
  #contact #map .wrapper .right-part a {
    margin: 25px 0 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map .wrapper .right-part a {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #contact #map .wrapper .right-part a:hover p {
    color: #172637 !important;
  }
}
#contact #map h3 {
  position: relative;
  max-width: 65%;
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -2px;
  color: #172637;
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  #contact #map h3 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #map h3 {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map h3 {
    font-size: 40px;
  }
}
#contact #map h3 span {
  color: #ED244A;
}
@media screen and (max-width: 1800px) {
  #contact #map h3 span {
    font-size: 60px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #contact #map h3 span {
    font-size: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #contact #map h3 span {
    font-size: 40px;
  }
}
@media screen and (max-width: 1650px) {
  #contact #map h3 {
    max-width: 70%;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) {
  #contact #map h3 {
    max-width: 65%;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) and (max-width: 992px) {
  #contact #map h3 {
    max-width: 75%;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) {
  #contact #map h3 {
    max-width: 80%;
  }
}
@media screen and (max-width: 1650px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 850px) and (max-width: 750px) {
  #contact #map h3 {
    max-width: none;
  }
}

footer {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
footer .discuss {
  position: relative;
  padding: 0 0 90px 8.8%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 150px 150px 0 0;
  background-color: #EDEDED;
}
@media screen and (max-width: 1800px) {
  footer .discuss {
    padding: 0 0 90px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  footer .discuss {
    padding: 0 0 70px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss {
    padding: 0 0 50px 5.5%;
    border-radius: 100px 100px 0 0;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .discuss {
    padding: 0 0 55px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  footer .discuss {
    padding: 65px 5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) and (max-width: 576px) {
  footer .discuss {
    border-radius: 50px 50px 0 0;
  }
}
footer .discuss .left-part {
  position: relative;
  width: 48%;
  padding-top: 115px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (max-width: 1800px) {
  footer .discuss .left-part {
    width: 50%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1700px) {
  footer .discuss .left-part {
    width: 52%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1700px) and (max-width: 1500px) {
  footer .discuss .left-part {
    padding-top: 85px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1700px) and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .left-part {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1700px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .discuss .left-part {
    width: 60%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1700px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  footer .discuss .left-part {
    width: 100%;
    padding-top: 0;
    align-items: center;
  }
}
footer .discuss .left-part h3 {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  footer .discuss .left-part h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .left-part h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) {
  footer .discuss .left-part h3 {
    text-align: center;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) and (max-width: 576px) {
  footer .discuss .left-part h3 {
    font-size: 23px;
  }
}
footer .discuss .left-part h3 span {
  color: #ED244A;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-underline-color: #ED244A;
  transition: text-underline-offset 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  footer .discuss .left-part h3 span {
    display: flex;
    justify-content: center;
  }
}
footer .discuss .left-part h3:hover span {
  text-underline-offset: 2px;
}
footer .discuss .left-part .email {
  position: relative;
  margin-top: 60px;
  width: 95%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1500px) {
  footer .discuss .left-part .email {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .left-part .email {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) {
  footer .discuss .left-part .email {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) and (max-width: 576px) {
  footer .discuss .left-part .email {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }
}
footer .discuss .left-part .email input {
  position: relative;
  padding: 17px 32px;
  display: flex;
  flex-grow: 1;
  margin-right: -50px;
  outline: none;
  border: none;
  border-radius: 30px 0 0 30px;
  background-color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.32px;
  color: #172637;
}
footer .discuss .left-part .email input::placeholder {
  color: rgba(25, 25, 25, 0.5);
}
@media screen and (max-width: 1500px) {
  footer .discuss .left-part .email input {
    padding: 15px 28px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .left-part .email input {
    padding: 13px 23px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) {
  footer .discuss .left-part .email input {
    padding: 13px 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 750px) and (max-width: 576px) {
  footer .discuss .left-part .email input {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    border-radius: 30px;
  }
}
footer .discuss .left-part .email button {
  position: relative;
  padding: 17px 30px;
  outline: none;
  border: none;
  overflow: hidden;
  border-radius: 30px;
  white-space: nowrap;
  background-color: #172637;
  cursor: pointer;
}
@media screen and (max-width: 576px) {
  footer .discuss .left-part .email button {
    display: flex;
    margin: 0 auto;
  }
}
footer .discuss .left-part .email button p {
  position: relative;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  text-align: center;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  footer .discuss .left-part .email button p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) {
  footer .discuss .left-part .email button {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .left-part .email button {
    padding: 13px 23px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  footer .discuss .left-part .email button {
    padding: 13px 19px;
  }
}
footer .discuss .left-part .email button:before {
  position: absolute;
  content: "";
  top: -2.5%;
  left: -105%;
  height: 105%;
  width: 105%;
  border-radius: 50px;
  background-color: #ED244A;
  transition: left 0.85s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 576px) {
  footer .discuss .left-part .email button:before {
    display: none;
  }
}
footer .discuss .left-part .email button:hover:before {
  left: -2.5%;
}
footer .discuss .right-part {
  position: relative;
  height: auto;
  width: 45%;
  overflow: hidden;
  clip-path: ellipse(72% 100% at 75% 40%);
  border-radius: 0 0 0 275px;
}
@media screen and (max-width: 1800px) {
  footer .discuss .right-part {
    border-radius: 0 0 0 240px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  footer .discuss .right-part {
    width: 41%;
    border-radius: 0 0 0 200px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  footer .discuss .right-part {
    width: 39%;
    border-radius: 0 0 0 140px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .discuss .right-part {
    width: 35%;
    border-radius: 0 0 0 160px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  footer .discuss .right-part {
    display: none;
  }
}
footer .discuss .right-part img {
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
footer .info {
  position: relative;
  padding: 116px 8.8%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #EDEDED;
}
@media screen and (max-width: 1800px) {
  footer .info {
    padding: 100px 8.25%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  footer .info {
    padding: 90px 6.87%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  footer .info {
    padding: 70px 5.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .info {
    padding: 60px 4.5%;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  footer .info {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) and (max-width: 576px) {
  footer .info {
    padding: 60px 4.5% 65px;
  }
}
footer .info .left-part, footer .info .right-part {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (max-width: 750px) {
  footer .info .left-part, footer .info .right-part {
    align-items: center;
    width: 100%;
  }
}
footer .info .left-part a, footer .info .right-part a {
  position: relative;
  width: fit-content;
  text-decoration: none;
}
footer .info .left-part a h4, footer .info .right-part a h4 {
  position: relative;
  width: fit-content;
  font-family: "Gotham bold", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 145%;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  footer .info .left-part a h4, footer .info .right-part a h4 {
    font-size: 22px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .info .left-part a h4, footer .info .right-part a h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .info .left-part a h4, footer .info .right-part a h4 {
    font-size: 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) {
  footer .info .left-part a h4, footer .info .right-part a h4 {
    text-align: center;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 750px) and (max-width: 576px) {
  footer .info .left-part a h4, footer .info .right-part a h4 {
    font-size: 18px;
  }
}
footer .info .left-part a:last-child, footer .info .right-part a:last-child {
  margin-top: 15px;
}
@media screen and (max-width: 1200px) {
  footer .info .left-part a:last-child, footer .info .right-part a:last-child {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 750px) {
  footer .info .left-part a:last-child, footer .info .right-part a:last-child {
    margin-top: 5px;
  }
}
footer .info .left-part {
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  footer .info .left-part {
    margin-bottom: 40px;
    align-items: center;
  }
}
@media screen and (max-width: 750px) and (max-width: 576px) {
  footer .info .left-part {
    margin-bottom: 40px;
  }
}
footer .info .left-part .icons {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
footer .info .left-part .icons a {
  position: relative;
  margin-right: 25px;
}
footer .info .left-part .icons a img {
  position: relative;
  width: 32px;
  height: 32px;
}
footer .info .left-part .icons a:last-child {
  margin-right: 0;
  margin-top: 0;
}
footer .info .left-part h4 {
  font-family: "Gotham medium", sans-serif !important;
  font-weight: 500 !important;
}
footer .bottom {
  position: relative;
  padding: 47px 55px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #172637;
}
@media screen and (max-width: 1500px) {
  footer .bottom {
    padding: 35px 45px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  footer .bottom {
    padding: 30px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  footer .bottom {
    padding: 25px 35px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) and (max-width: 576px) {
  footer .bottom {
    flex-direction: column;
    padding: 35px 0 40px;
  }
}
footer .bottom a {
  position: relative;
  text-decoration: none;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 145%;
  color: #ffffff;
  min-width: 280px;
}
footer .bottom a:nth-child(2) {
  text-align: center;
}
footer .bottom a:nth-child(3) {
  text-align: right;
}
@media screen and (max-width: 1500px) {
  footer .bottom a {
    font-size: 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  footer .bottom a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  footer .bottom a {
    margin-bottom: 15px;
    font-size: 16px;
  }
  footer .bottom a:last-child {
    margin-bottom: 0;
    text-align: center;
  }
}

#news-list {
  position: relative;
  width: 100%;
  padding: 163px 8% 140px 8%;
}
#news-list .decoration {
  position: absolute;
  top: 40px;
  left: 0;
  height: auto;
  width: 730px;
  z-index: -1;
}
@media screen and (max-width: 1800px) {
  #news-list .decoration {
    width: 660px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #news-list .decoration {
    width: 540px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .decoration {
    width: 460px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #news-list .decoration {
    width: 360px;
  }
}
#news-list .top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 992px) {
  #news-list .top-wrapper {
    flex-direction: column;
  }
}
#news-list .top-wrapper h3 {
  font-family: "Gotham bold", sans-serif;
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.28px;
  color: #172637;
  max-width: 530px;
}
@media screen and (max-width: 1800px) {
  #news-list .top-wrapper h3 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) {
  #news-list .top-wrapper h3 {
    font-size: 38px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) {
  #news-list .top-wrapper h3 {
    font-size: 30px;
  }
}
@media screen and (max-width: 1800px) and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #news-list .top-wrapper h3 {
    line-height: 135%;
  }
}
#news-list .top-wrapper h3 span {
  color: #ED244A;
}
#news-list .top-wrapper div {
  max-width: 630px;
}
@media screen and (max-width: 992px) {
  #news-list .top-wrapper div {
    width: 100%;
    margin-top: 50px;
  }
}
#news-list .top-wrapper div p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  margin-bottom: 18px;
  padding-left: 32px;
}
#news-list .top-wrapper div select {
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
  width: 470px;
  padding: 20px;
  border-radius: 50px;
  border: 0px;
  background-color: #EDEDED;
  background-image: url("assets/dist/images/chevron-red.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: right 30px center;
  appearance: none;
  background-size: 17px;
}
@media screen and (max-width: 576px) {
  #news-list .top-wrapper div select {
    width: 100%;
  }
  #news-list .top-wrapper div select option {
    font-family: "Inter", sans-serif;
  }
}
#news-list .top-wrapper div select:focus {
  outline: 6px solid rgba(255, 255, 255, 0.5);
}
#news-list .bottom-wrapper {
  position: relative;
  height: 100%;
  min-width: 53%;
  width: 100%;
  /*display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;*/
  margin-top: 110px;
}
@media screen and (max-width: 992px) {
  #news-list .bottom-wrapper {
    margin-top: 25px;
  }
}
#news-list .bottom-wrapper a {
  position: relative;
  text-decoration: none;
  width: 32%;
  margin: 10px 10px;
}
@media screen and (max-width: 992px) {
  #news-list .bottom-wrapper a {
    width: 49%;
  }
}
@media screen and (max-width: 992px) and (max-width: 576px) {
  #news-list .bottom-wrapper a {
    width: 100%;
    margin: 10px 0px;
  }
}
#news-list .bottom-wrapper a .item {
  position: relative;
  padding: 20px 20px 72px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  width: 100%;
  border-radius: 13px;
  overflow: hidden;
  min-height: 425px;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item {
    padding: 20px 20px 60px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #news-list .bottom-wrapper a .item {
    padding: 0;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item {
    min-height: inherit;
    height: 260px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item {
    height: 220px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item {
    height: 220px;
  }
}
#news-list .bottom-wrapper a .item .title {
  position: relative;
  font-family: "Gotham medium", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  opacity: 0;
  z-index: 3;
  color: #ffffff;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .title {
    font-size: 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #news-list .bottom-wrapper a .item .title {
    display: none;
  }
}
#news-list .bottom-wrapper a .item .paragraph {
  position: relative;
  font-family: "Inter", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  opacity: 0;
  color: #ffffff;
  transform: translateY(30px);
  z-index: 3;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: opacity 0.8s cubic-bezier(0.1, 0.1, 0.36, 1), transform 0.8s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .paragraph {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .paragraph {
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 992px) {
  #news-list .bottom-wrapper a .item .paragraph {
    display: none;
  }
}
#news-list .bottom-wrapper a .item img:not(.arrow) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}
#news-list .bottom-wrapper a .item .wrapper {
  position: absolute;
  margin: 0;
  padding: 15px 20px 45px;
  left: 50%;
  bottom: 13%;
  width: 88%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 9px;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .wrapper {
    bottom: 11%;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .wrapper {
    bottom: 10%;
    padding: 15px 20px 40px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item .wrapper {
    width: 92%;
    bottom: 17%;
    padding: 15px 15px 35px;
  }
}
#news-list .bottom-wrapper a .item .wrapper p {
  position: relative;
  font-family: "Gotham bold", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #172637;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .wrapper p {
    font-size: 17px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .wrapper p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item .wrapper p {
    font-size: 18px;
  }
}
#news-list .bottom-wrapper a .item .read-article {
  position: absolute;
  padding: 16px 14px 16px 16px;
  right: 9%;
  bottom: 5%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 9px;
  background-color: #172637;
  z-index: 3;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .read-article {
    padding: 13px 12px 13px 13px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .read-article {
    padding: 11px 12px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item .read-article {
    bottom: 5%;
    padding: 14px 20px 15px 15px;
    width: fit-content;
    right: 10%;
  }
}
#news-list .bottom-wrapper a .item .read-article p {
  position: relative;
  margin-right: 15px;
  font-family: "Gotham medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 350;
  line-height: 140%;
  color: #ffffff;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item .read-article p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item .read-article p {
    font-size: 13px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item .read-article p {
    font-size: 14px;
  }
}
#news-list .bottom-wrapper a .item .read-article .arrow {
  position: relative;
  height: auto;
  width: 14px;
}
@media screen and (max-width: 576px) {
  #news-list .bottom-wrapper a .item .read-article .arrow {
    width: 14px;
  }
}
#news-list .bottom-wrapper a .item:before {
  position: absolute;
  content: "";
  top: -100px;
  right: 0;
  height: 100px;
  width: auto;
  aspect-ratio: 1/1;
  border-radius: 100px;
  background: #172637;
  z-index: 2;
  transform: translateX(50%) scale(1);
  transition: transform 1.25s cubic-bezier(0.1, 0.1, 0.36, 1);
}
@media screen and (max-width: 992px) {
  #news-list .bottom-wrapper a .item:before {
    display: none;
  }
}
#news-list .bottom-wrapper a .item:hover .title, #news-list .bottom-wrapper a .item:hover .paragraph {
  transition-delay: 0.2s;
  opacity: 1;
}
#news-list .bottom-wrapper a .item:hover .paragraph {
  transition-delay: 0.3s;
  transform: translateY(0);
}
#news-list .bottom-wrapper a .item:hover:before {
  transform: translateX(-100px) scale(10) translateY(40px);
}
#news-list .bottom-wrapper a .item:hover.large:before {
  transform: translateX(0) scale(15);
}
#news-list .bottom-wrapper a .item.large {
  padding: 30px 30px 115px;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item.large {
    padding: 20px 20px 95px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 992px) {
  #news-list .bottom-wrapper a .item.large {
    padding: 0;
  }
}
#news-list .bottom-wrapper a .item.large .title {
  font-size: 27px;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item.large .title {
    font-size: 25px;
  }
}
#news-list .bottom-wrapper a .item.large .paragraph {
  font-size: 17px;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item.large .paragraph {
    font-size: 15px;
  }
}
#news-list .bottom-wrapper a .item.large:before {
  background: #ED244A;
}
#news-list .bottom-wrapper a .item.large .wrapper {
  padding: 20px 20px 60px;
  bottom: 12%;
  border-radius: 18px;
}
@media screen and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item.large .wrapper {
    padding: 20px 20px 50px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item.large .wrapper {
    padding: 15px 15px 35px;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 10px;
    bottom: 17%;
    width: 92%;
  }
}
#news-list .bottom-wrapper a .item.large .wrapper p {
  font-size: 24px;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item.large .wrapper p {
    font-size: 21px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item.large .wrapper p {
    font-size: 18px;
  }
}
#news-list .bottom-wrapper a .item.large .read-article {
  padding: 26px 33px 26px 21px;
  bottom: 4%;
}
@media screen and (max-width: 1500px) {
  #news-list .bottom-wrapper a .item.large .read-article {
    padding: 20px 30px 20px 19px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item.large .read-article {
    padding: 14px 20px 15px 15px;
  }
}
@media screen and (max-width: 1500px) and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item.large .read-article {
    bottom: 5%;
    width: fit-content;
    right: 10%;
  }
}
#news-list .bottom-wrapper a .item.large .read-article p {
  margin-right: 30px;
  font-size: 17px;
}
@media screen and (max-width: 1200px) {
  #news-list .bottom-wrapper a .item.large .read-article p {
    margin-right: 15px;
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) and (max-width: 576px) {
  #news-list .bottom-wrapper a .item.large .read-article p {
    margin-right: 10px;
    font-size: 14px;
  }
}
#news-list .bottom-wrapper a .item.large .read-article .arrow {
  width: 19px;
}
@media screen and (max-width: 576px) {
  #news-list .bottom-wrapper a .item.large .read-article .arrow {
    width: 14px;
  }
}

/*# sourceMappingURL=style.css.map */