.text-yellow {
  color: #FBBB16;
}

.bg-blue {
  background-color: #E4EFFF;
}

.bg-blue-dark {
  background-color: #0E1C63;
}

.bg-yellow {
  background-color: #FBBB16;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1,
h2 {
  line-height: 120%;
}

h1 {
  font-size: 2.4rem;
}
@media screen and (width >= 1024px) {
  h1 {
    font-size: 2.8rem;
  }
}

h2 {
  font-size: 2rem;
}
@media screen and (width >= 1024px) {
  h2 {
    font-size: 2.4rem;
  }
}

h3 {
  font-size: 2rem;
  line-height: 130%;
}

html {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #0E1C63;
}
@media screen and (width >= 1024px) {
  html {
    font-variant-ligatures: none;
    font-size: 0.9765625vw;
    font-size: calc(0.9765625vw - var(0px) / 102.4);
  }
}
@media screen and (width < 1024px) {
  html {
    font-size: 2.6666666667vw;
    font-size: calc(2.6666666667vw - var(0px) / 37.5);
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
html::-webkit-scrollbar {
  display: none;
}

body {
  overflow-x: hidden;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  font-size: 1.4rem;
}
@media screen and (width < 1024px) {
  body.freeze {
    overflow: hidden;
    overflow: hidden !important;
    overscroll-behavior: contain;
    position: relative !important;
    padding: 0px !important;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0px !important;
  }
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0;
  padding: 0;
}

input,
button {
  background: none;
  border: 0;
  box-shadow: none;
}
input:focus,
button:focus {
  outline: none;
}

button {
  padding: 0;
}
button:not(:disabled) {
  cursor: pointer;
}

a,
input,
button {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

a {
  text-decoration: none;
}

picture {
  display: block;
}

img {
  width: 100%;
}

@media screen and (width < 1024px) {
  .is-desktop {
    display: none !important;
  }
}

@media screen and (width >= 1024px) {
  .is-mobile {
    display: none !important;
  }
}

.hidden {
  display: none !important;
}

.superscript {
  position: relative;
  font-size: 70%;
  bottom: 0.2rem;
}

.app {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  position: relative;
}

.container {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.container__title {
  margin-top: 4rem;
  margin-bottom: 3rem;
  text-align: center;
}
@media screen and (width >= 1024px) {
  .container__title {
    margin-top: 6rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 48.8rem;
  }
}
.container__cta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 3rem;
}
@media screen and (width < 1024px) {
  .container__cta {
    flex-direction: column;
    gap: 1.8rem;
    margin-top: 3.2rem;
  }
}
@media screen and (width >= 1024px) {
  .container {
    padding-left: 4.8rem;
    padding-right: 4.8rem;
  }
}

main {
  flex-grow: 1;
}

.header {
  padding-top: 6rem;
  padding-bottom: 1rem;
  overflow: hidden;
}
@media screen and (width >= 1024px) {
  .header {
    padding-top: 3.1rem;
    padding-bottom: 4rem;
  }
  .header .container {
    display: flex;
    justify-content: space-between;
  }
}
.header__logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;
}
@media screen and (width >= 1024px) {
  .header__logo {
    gap: 0;
    justify-content: start;
    align-items: start;
  }
}
.header__logo--optim {
  width: 19.3rem;
}
@media screen and (width >= 1024px) {
  .header__logo--optim {
    width: 16rem;
  }
}
.header__logo--synerciel {
  width: 5.33rem;
  height: 1.33rem;
}
.header__logo--bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.6rem;
}
@media screen and (width >= 1024px) {
  .header__logo--bottom {
    padding-left: 11.2rem;
  }
}
.header__logo--bottom p {
  font-size: 1rem;
}
@media screen and (width >= 1024px) {
  .header__logo--bottom p {
    font-size: 0.8rem;
  }
}
.header__content {
  margin-top: 3.2rem;
}
@media screen and (width < 1024px) {
  .header__content {
    text-align: center;
  }
}
@media screen and (width >= 1024px) {
  .header__content {
    width: 47.5rem;
    margin-top: 5.3rem;
  }
}
.header__content .highlight {
  position: relative;
  display: inline;
}
.header__content .highlight::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -4%;
  top: 0;
  width: 108%;
  height: 100%;
  border-radius: 0.6rem;
  background-color: #FBBB16;
}
@media screen and (width >= 1024px) {
  .header__content .highlight::after {
    width: 103%;
    left: -1.5%;
  }
}
@media screen and (width >= 1024px) {
  .header__content .highlight__sm::after {
    display: none;
  }
}
@media screen and (width < 1024px) {
  .header__content .highlight__lg::after {
    display: none;
  }
}
.header__content .highlight__text {
  position: relative;
  z-index: 1;
}
.header__content--title p {
  margin-top: 1rem;
  margin-bottom: 3.2rem;
}
@media screen and (width >= 1024px) {
  .header__content--title p {
    margin-bottom: 3rem;
  }
}
.header__content--subtitle {
  font-size: 1.6rem;
  font-weight: 700;
}
.header__content--cta {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 2.8rem;
}
@media screen and (width < 1024px) {
  .header__content--cta {
    flex-direction: column;
    justify-content: center;
    gap: 1.8rem;
    margin-top: 2rem;
  }
}
.header__img {
  position: relative;
}
@media screen and (width < 1024px) {
  .header__img {
    margin-top: 3rem;
    height: 29rem;
  }
}
@media screen and (width >= 1024px) {
  .header__img {
    flex-grow: 1;
  }
}
.header__img--content {
  display: inline-block;
  position: absolute;
  bottom: 8.9rem;
  transform: rotate(-2deg);
  background-color: #ffffff;
  border-radius: 0.6rem;
  padding: 1rem;
}
@media screen and (width < 1024px) {
  .header__img--content {
    left: 0;
  }
}
@media screen and (width >= 1024px) {
  .header__img--content {
    bottom: -1rem;
    right: 1rem;
  }
}
.header__img--content p {
  font-size: 1.6rem;
}
.header__img--img {
  position: absolute;
  right: -13rem;
  width: 36rem;
  height: 36rem;
  border-radius: 36rem;
  border: 1.2rem solid #FBBB16;
  overflow: hidden;
}
@media screen and (width < 1024px) {
  .header__img--img {
    bottom: -10rem;
  }
}
@media screen and (width >= 1024px) {
  .header__img--img {
    width: 50.3rem;
    height: 50.3rem;
    border: 1.4rem solid #FBBB16;
    top: -18rem;
    right: -18rem;
  }
}
.header__img--img img {
  object-fit: cover;
  height: 100%;
}

.synerciel {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.synerciel .container__title {
  margin-top: 0;
}
.synerciel__inner {
  display: flex;
}
@media screen and (width < 1024px) {
  .synerciel__inner {
    flex-direction: column;
    gap: 6rem;
  }
}
@media screen and (width >= 1024px) {
  .synerciel__inner {
    justify-content: space-between;
  }
}
.synerciel h2,
.synerciel h3,
.synerciel p,
.synerciel .btn__outline {
  color: #ffffff;
}
.synerciel__subtitle {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
.synerciel__text {
  line-height: 140%;
  font-family: "Open sans", sans-serif;
}
@media screen and (width >= 1024px) {
  .synerciel__left {
    order: 2;
  }
  .synerciel__left--inner {
    padding-top: 3rem;
    width: 39.3rem;
  }
}
.synerciel__left .btn {
  margin-top: 2.4rem;
  gap: 0.2rem;
}
@media screen and (width < 1024px) {
  .synerciel__left .btn {
    flex-wrap: wrap;
  }
}
@media screen and (width >= 1024px) {
  .synerciel__left .btn {
    justify-content: space-between;
  }
}
.synerciel__left .btn strong {
  text-decoration: underline;
}
.synerciel__left .btn__call {
  font-size: 1rem;
}
@media screen and (width < 1024px) {
  .synerciel__left .btn__call {
    display: block;
    flex: 0 0 100%;
    text-align: center;
  }
}
@media screen and (width >= 1024px) {
  .synerciel__right {
    order: 1;
  }
  .synerciel__right .container__cta {
    justify-content: flex-start;
  }
}
.synerciel__img {
  position: relative;
}
.synerciel__img--bg {
  border-radius: 1.6rem;
  width: 34.3rem;
  height: 22.86rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media screen and (width >= 1024px) {
  .synerciel__img--bg {
    width: 45.5rem;
    height: 30.4rem;
  }
}
.synerciel__img--logo {
  width: 11.2rem;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 2;
}
@media screen and (width >= 1024px) {
  .synerciel__img--logo {
    width: 15.6rem;
    left: 1.7rem;
    bottom: 1.27rem;
  }
}

.illustration {
  padding-top: 4rem;
  margin-bottom: 6rem;
}
@media screen and (width >= 1024px) {
  .illustration {
    margin-left: -4.8rem;
    margin-right: -4.8rem;
  }
  .illustration__inner {
    position: relative;
  }
}
.illustration__img {
  position: relative;
  margin-top: 6rem;
}
.illustration__img--img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28rem;
  height: 28rem;
  position: relative;
  margin: 0 auto;
}
.illustration__img--img img {
  width: 27rem;
  height: 20.25rem;
  position: relative;
  z-index: 1;
}
@media screen and (width >= 1024px) {
  .illustration__img--img {
    width: 43.6rem;
    height: 43.6rem;
  }
  .illustration__img--img img {
    width: 45.4rem;
    height: 34rem;
    margin-bottom: 2.5rem;
  }
}
.illustration__img--img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  background-color: rgba(251, 187, 22, 0.2);
  border-radius: 100%;
}
.illustration__icons {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.illustration__icons,
.illustration__icons button {
  position: absolute;
}
.illustration__icons--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 3rem;
  background-color: #0D72BF;
  transition: all 0.3s ease;
}
.illustration__icons--icon img {
  width: 1.6rem;
  height: 1.6rem;
}
.illustration__icons button.active .illustration__icons--icon {
  background-color: #0E1C63;
}
.illustration__icons--line {
  position: absolute;
  z-index: 10;
}
.illustration__icons--1 .illustration__icons--line, .illustration__icons--2 .illustration__icons--line, .illustration__icons--4 .illustration__icons--line, .illustration__icons--5 .illustration__icons--line {
  top: 1.2rem;
}
.illustration__icons--3 .illustration__icons--line, .illustration__icons--7 .illustration__icons--line {
  bottom: 0.8rem;
}
.illustration__icons--1, .illustration__icons--2, .illustration__icons--3 {
  left: 0;
}
.illustration__icons--1 .illustration__icons--line, .illustration__icons--2 .illustration__icons--line, .illustration__icons--3 .illustration__icons--line {
  left: 3.6rem;
}
.illustration__icons--4, .illustration__icons--5, .illustration__icons--6, .illustration__icons--7 {
  right: 0;
}
.illustration__icons--4 .illustration__icons--line, .illustration__icons--5 .illustration__icons--line, .illustration__icons--6 .illustration__icons--line, .illustration__icons--7 .illustration__icons--line {
  right: 3.6rem;
}
.illustration__icons--1 {
  top: -2.04rem;
}
.illustration__icons--1 .illustration__icons--line {
  width: 11.7rem;
}
.illustration__icons--2 {
  top: 10.3rem;
}
.illustration__icons--2 .illustration__icons--line {
  width: 5.69rem;
}
.illustration__icons--3 {
  top: 24.1rem;
}
.illustration__icons--3 .illustration__icons--line {
  width: 8.5rem;
}
.illustration__icons--3 {
  top: 24.1rem;
}
.illustration__icons--3 .illustration__icons--line {
  width: 8.5rem;
}
.illustration__icons--3 {
  top: 24.1rem;
}
.illustration__icons--3 .illustration__icons--line {
  width: 8.5rem;
}
.illustration__icons--4 {
  top: -2.96rem;
}
.illustration__icons--4 .illustration__icons--line {
  width: 8.14rem;
}
.illustration__icons--5 {
  top: 8rem;
}
.illustration__icons--5 .illustration__icons--line {
  width: 11.1rem;
}
.illustration__icons--6 {
  top: 17.36rem;
}
.illustration__icons--6 .illustration__icons--line {
  top: 0.5rem;
  width: 3.76rem;
}
.illustration__icons--7 {
  top: 27.1rem;
}
.illustration__icons--7 .illustration__icons--line {
  width: 15.6rem;
}
.illustration__content {
  display: flex;
}
@media screen and (width < 1024px) {
  .illustration__content {
    margin-top: 5.1rem;
  }
}
@media screen and (width >= 1024px) {
  .illustration__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.illustration__content .slider__item {
  text-align: center;
  align-items: center;
  flex-direction: column;
  display: flex;
}
@media screen and (width < 1024px) {
  .illustration__content .slider__item {
    flex: 0 0 100%;
  }
}
.illustration__content .slider__item h3 {
  color: #0D72BF;
  letter-spacing: -0.05rem;
  line-height: 100%;
  margin-bottom: 0.6rem;
}
.illustration__content .slider__item p {
  display: inline-block;
  position: relative;
  padding: 0.5rem 0.45rem;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 110%;
  font-weight: 900;
  transform: rotate(-1deg);
}
.illustration__content .slider__item p::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.4rem;
  background-color: #0E1C63;
}
@media screen and (width >= 1024px) {
  .illustration__content .slider__item.active .illustration__content--icon {
    background-color: #0E1C63;
  }
  .illustration__content .slider__item.active .illustration__content--icon svg path:first-child {
    display: none;
  }
  .illustration__content .slider__item.active .illustration__content--img {
    visibility: visible;
  }
}
.illustration__content--img {
  margin-top: 1.6rem;
}
.illustration__content--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: 0.6rem auto 0;
  border-radius: 2rem;
  background-color: #0D72BF;
  transition: all 0.3s ease;
}
.illustration__content--icon svg {
  width: 1rem;
  height: 1rem;
}
.illustration__content--icon:hover, .illustration__content--icon:focus {
  background-color: #0E1C63;
}
.illustration__content--inner {
  position: relative;
}
@media screen and (width < 1024px) {
  .illustration__content--inner {
    padding-bottom: 1.6rem;
  }
}
.illustration__content--1 .illustration__content--img {
  width: 34.3rem;
}
@media screen and (width >= 1024px) {
  .illustration__content--1 .illustration__content--img {
    width: 17rem;
  }
}
.illustration__content--2 .illustration__content--img, .illustration__content--3 .illustration__content--img, .illustration__content--5 .illustration__content--img {
  width: 26rem;
}
.illustration__content--4 .illustration__content--img {
  width: 17rem;
}
.illustration__content--6 .illustration__content--img {
  width: 21.5rem;
}
.illustration__content--7 .illustration__content--img {
  width: 12.5rem;
}
@media screen and (width >= 1024px) {
  .illustration__content .slider__item {
    position: absolute;
  }
  .illustration__content .slider__item .illustration__content--img {
    visibility: hidden;
  }
  .illustration__content .slider__item .illustration__content--line {
    position: absolute;
    z-index: 10;
  }
  .illustration__content--1 {
    top: 0.8rem;
    left: 10rem;
  }
  .illustration__content--1 .illustration__content--inner {
    width: 17rem;
  }
  .illustration__content--1 .illustration__content--line {
    width: 21.9rem;
    top: 3.2rem;
    left: 17rem;
  }
  .illustration__content--2 {
    top: 16rem;
    left: 3.6rem;
  }
  .illustration__content--2 .illustration__content--inner {
    width: 18rem;
  }
  .illustration__content--2 .illustration__content--line {
    width: 12.1rem;
    top: 3.45rem;
    left: 19rem;
  }
  .illustration__content--3 {
    top: 30.5rem;
    left: 6.4rem;
  }
  .illustration__content--3 .illustration__content--inner {
    width: 14.5rem;
  }
  .illustration__content--3 .illustration__content--line {
    width: 16.9rem;
    bottom: 6.2rem;
    left: 15.5rem;
  }
  .illustration__content--4 {
    top: -4.2rem;
    right: 6.5rem;
  }
  .illustration__content--4 .illustration__content--inner {
    width: 14.8rem;
  }
  .illustration__content--4 .illustration__content--line {
    width: 17.5rem;
    top: 3rem;
    right: 15.5rem;
  }
  .illustration__content--5 {
    top: 8.7rem;
    right: 1.4rem;
  }
  .illustration__content--5 .illustration__content--inner {
    width: 14.8rem;
  }
  .illustration__content--5 .illustration__content--line {
    width: 21.6rem;
    top: 3.7rem;
    right: 16.8rem;
  }
  .illustration__content--6 {
    top: 23.4rem;
    right: 5.4rem;
  }
  .illustration__content--6 .illustration__content--inner {
    width: 18.2rem;
  }
  .illustration__content--6 .illustration__content--line {
    width: 8.6rem;
    top: 2.6rem;
    right: 19.5rem;
  }
  .illustration__content--7 {
    top: 35.5rem;
    right: 12.3rem;
  }
  .illustration__content--7 .illustration__content--inner {
    width: 15.6rem;
  }
  .illustration__content--7 .illustration__content--line {
    width: 24.7rem;
    bottom: 6rem;
    right: 16rem;
  }
}
.illustration__dots {
  height: 1rem;
  margin-top: 2.4rem;
}
@media screen and (width >= 1024px) {
  .illustration .container__cta {
    margin-top: 10.8rem;
  }
}

.prefooter {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.prefooter .container {
  display: flex;
  gap: 3rem;
}
@media screen and (width < 1024px) {
  .prefooter .container {
    flex-direction: column;
  }
}
@media screen and (width >= 1024px) {
  .prefooter .container {
    justify-content: space-between;
    align-items: center;
  }
}
.prefooter p {
  font-size: 1.6rem;
  font-weight: 600;
}
@media screen and (width < 1024px) {
  .prefooter p {
    text-align: center;
  }
}
@media screen and (width >= 1024px) {
  .prefooter p {
    width: 48.6rem;
  }
}

footer {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (width < 1024px) {
  footer {
    flex-direction: column;
  }
}
@media screen and (width >= 1024px) {
  footer {
    justify-content: space-between;
  }
}

.cards {
  display: flex;
  align-items: center;
  height: 33rem;
}
@media screen and (width < 1024px) {
  .cards {
    padding-top: 2.7rem;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media screen and (width >= 1024px) {
  .cards {
    justify-content: center;
    padding-top: 2.5rem;
  }
}
.cards__dots {
  margin-top: 1.5rem;
}
.cards__card {
  position: relative;
  width: 24.4rem;
  height: 30.4rem;
  border-radius: 1rem;
}
.cards__card--inner {
  padding: 2rem;
}
.cards__card picture {
  width: 20.4rem;
  height: 14rem;
  overflow: hidden;
  border-radius: 1rem;
}
.cards__card picture img {
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.cards__card h3 {
  margin-top: 2rem;
  margin-bottom: 0.6rem;
}
.cards__card p {
  font-size: 1.2rem;
  line-height: 150%;
  font-family: "Open sans", sans-serif;
}
.cards__card.bg-blue-dark {
  color: #ffffff;
}
.cards__card:first-child {
  transform: rotate(-3deg);
  z-index: 0;
}
.cards__card:nth-child(2) {
  z-index: 2;
  bottom: 2rem;
  left: -2rem;
}
.cards__card:last-child {
  transform: rotate(-3deg);
  z-index: 2;
  left: -4rem;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem 1.6rem;
  font-size: 1.4rem;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #0E1C63;
  border-radius: 10rem;
}
.btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.btn__full {
  background-color: #FBBB16;
}
.btn__outline {
  border: 0.1rem solid currentColor;
}

.slider {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
@media screen and (width < 1024px) {
  .slider {
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .slider::-webkit-scrollbar {
    display: none;
  }
  .slider__item {
    scroll-snap-align: center;
  }
}
@media screen and (width < 1024px) {
  .slider__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    height: 1rem;
  }
  .slider__dots button {
    width: 0.8rem;
    height: 0.8rem;
    background-color: #E4EFFF;
    border-radius: 1rem;
    transition: all 0.3s ease;
  }
  .slider__dots button.active {
    width: 1rem;
    height: 1rem;
    background-color: #0E1C63;
  }
}

/*# sourceMappingURL=cc-styles.css.map */