Sindbad~EG File Manager

Current Path : /home/j/u/l/julesbu/www/wp-content/themes/Jules_Belamy/styles/
Current File : /home/j/u/l/julesbu/www/wp-content/themes/Jules_Belamy/styles/style.css
@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&family=Red+Hat+Text&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cambay:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cambay:wght@400;700&display=swap");
:root {
  --purple100: #ded0f8;
  --purple200: #c6adf3;
  --purple300: #f7f3fd;
  --purple500: #7209b5;
  --purple600: #560bab;
  --purple800: #180835;
  --white: #ffffff;
  --neutre50: #fafafb;
  --black: #000000;
  --neutre100: #ecebed;
  --neutre300: #cfced3;
  --neutre600: #76737f;
  --neutre800: #0d0c0e;
  --fontKanit: "Kanit", sans-serif;
  --fontRedHat: "Red Hat Text", serif;
  --paddingHeader: 160px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span {
  color: var(--purple600);
}

p span {
  font-weight: 600;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.font-extrabold {
  font-weight: 800;
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-regular {
  font-weight: 400;
}

.text-purple100 {
  color: var(--purple100);
}

.text-purple200 {
  color: var(--purple200);
}

.text-purple300 {
  color: var(--purple300);
}

.text-purple500 {
  color: var(--purple500);
}

.text-purple600 {
  color: var(--purple600);
}

.text-purple800 {
  color: var(--purple800);
}

.text-white {
  color: var(--white);
}

.font-neutre50 {
  color: var(--neutre50);
}

.font-black {
  color: var(--black);
}

.font-neutre100 {
  color: var(--neutre100);
}

.font-neutre600 {
  color: var(--neutre600);
}

.font-neutre800 {
  color: var(--neutre800);
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.items-center {
  align-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

.display-1 {
  font-size: 95px;
  line-height: 100%;
  letter-spacing: -1.9px;
  font-family: var(--fontKanit);
}
@media (max-width: 768px) {
  .display-1 {
    font-size: 60px;
  }
}

.display-2 {
  font-size: 76px;
  line-height: 100% !important;
  letter-spacing: -1.52px;
  font-family: var(--fontKanit);
  font-weight: 700 !important;
}
@media (max-width: 768px) {
  .display-2 {
    font-size: 48px;
  }
}

.heading-1 {
  font-size: 61px;
  line-height: 1.2;
  letter-spacing: -1.22px;
  font-family: var(--fontKanit);
}
@media (max-width: 768px) {
  .heading-1 {
    font-size: 42px;
  }
}

.heading-1s {
  font-size: 49px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.98px;
}
@media (max-width: 768px) {
  .heading-1s {
    font-size: 39px;
  }
}

.heading-2 {
  font-size: 49px;
  font-family: var(--fontKanit);
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: -0.98px;
}
@media (max-width: 768px) {
  .heading-2 {
    font-size: 39px;
  }
}

.heading-2s {
  font-size: 39px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.78px;
}
@media (max-width: 768px) {
  .heading-2s {
    font-size: 31px;
  }
}

.heading-3 {
  font-size: 39px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.78px;
}
@media (max-width: 768px) {
  .heading-3 {
    font-size: 31px;
  }
}

.heading-3s {
  font-size: 31px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.62px;
}
@media (max-width: 768px) {
  .heading-3s {
    font-size: 25px;
  }
}

.heading-4 {
  font-size: 31px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.62px;
}
@media (max-width: 768px) {
  .heading-4 {
    font-size: 25px;
  }
}

.heading-4s {
  font-size: 25px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .heading-4s {
    font-size: 20px;
  }
}

.heading-5 {
  font-size: 25px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .heading-5 {
    font-size: 20px;
  }
}

.heading-5s {
  font-size: 20px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.4px;
}
@media (max-width: 768px) {
  .heading-5s {
    font-size: 16px;
  }
}

.heading-6 {
  font-size: 20px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.4px;
}
@media (max-width: 768px) {
  .heading-6 {
    font-size: 16px;
  }
}

.heading-6s {
  font-size: 16px;
  font-family: var(--fontKanit);
  line-height: 1.2;
  letter-spacing: -0.32px;
}

.body-1 {
  font-size: 14px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
}

.body-2 {
  font-size: 16px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
}

.body-3 {
  font-size: 18px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
}

.caption {
  font-size: 13px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
}

.footer-font {
  font-size: 10px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
  letter-spacing: 0.2px;
}

.subheading {
  font-size: 19px;
  font-family: var(--fontRedHat);
  line-height: 1.2;
}

.cta-button,
input[type=submit] {
  padding: 14px 24px;
  cursor: pointer;
  font-size: 16px;
  background: linear-gradient(85.51deg, #3a0ca3 0%, #560bad 54.14%, #7209b7 100%);
  border-radius: 40px;
  font-family: var(--fontRedHat);
  font-weight: 600;
  color: var(--neutre50);
  display: block;
  width: fit-content;
  border: 1px solid var(--purple500);
  text-decoration: none;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.cta-button:hover,
input[type=submit]:hover {
  background: transparent;
  color: var(--purple500);
}
.cta-button.white,
input[type=submit].white {
  background: var(--purple300);
  color: var(--purple500);
  border: 1px solid var(--purple300);
}
.cta-button.white:hover,
input[type=submit].white:hover {
  background: var(--purple500);
  color: var(--neutre50);
}
.cta-button.with-icon,
input[type=submit].with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 768px) {
  .cta-button,
  input[type=submit] {
    padding: 12px 20px;
    font-size: 14px;
  }
}

.cta {
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  font-family: var(--fontRedHat);
  font-weight: 600;
  color: var(--purple600);
}
@media (max-width: 768px) {
  .cta {
    font-size: 14px;
  }
}
.cta:hover {
  color: var(--purple600);
}

.plain-title {
  padding: 8px 24px;
  background: var(--purple500);
  color: var(--neutre50);
  text-align: center;
  max-width: fit-content;
  border-radius: 8px;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-1 {
  margin-bottom: 1px;
}

.mb-2 {
  margin-bottom: 2px;
}

.mb-3 {
  margin-bottom: 3px;
}

.mb-4 {
  margin-bottom: 4px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-6 {
  margin-bottom: 6px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mb-9 {
  margin-bottom: 9px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-11 {
  margin-bottom: 11px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-13 {
  margin-bottom: 13px;
}

.mb-14 {
  margin-bottom: 14px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-17 {
  margin-bottom: 17px;
}

.mb-18 {
  margin-bottom: 18px;
}

.mb-19 {
  margin-bottom: 19px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-21 {
  margin-bottom: 21px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-26 {
  margin-bottom: 26px;
}

.mb-27 {
  margin-bottom: 27px;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-29 {
  margin-bottom: 29px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-31 {
  margin-bottom: 31px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-33 {
  margin-bottom: 33px;
}

.mb-34 {
  margin-bottom: 34px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-36 {
  margin-bottom: 36px;
}

.mb-37 {
  margin-bottom: 37px;
}

.mb-38 {
  margin-bottom: 38px;
}

.mb-39 {
  margin-bottom: 39px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-41 {
  margin-bottom: 41px;
}

.mb-42 {
  margin-bottom: 42px;
}

.mb-43 {
  margin-bottom: 43px;
}

.mb-44 {
  margin-bottom: 44px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-46 {
  margin-bottom: 46px;
}

.mb-47 {
  margin-bottom: 47px;
}

.mb-48 {
  margin-bottom: 48px;
}

.mb-49 {
  margin-bottom: 49px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-51 {
  margin-bottom: 51px;
}

.mb-52 {
  margin-bottom: 52px;
}

.mb-53 {
  margin-bottom: 53px;
}

.mb-54 {
  margin-bottom: 54px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-56 {
  margin-bottom: 56px;
}

.mb-57 {
  margin-bottom: 57px;
}

.mb-58 {
  margin-bottom: 58px;
}

.mb-59 {
  margin-bottom: 59px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-61 {
  margin-bottom: 61px;
}

.mb-62 {
  margin-bottom: 62px;
}

.mb-63 {
  margin-bottom: 63px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mb-67 {
  margin-bottom: 67px;
}

.mb-68 {
  margin-bottom: 68px;
}

.mb-69 {
  margin-bottom: 69px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-71 {
  margin-bottom: 71px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mb-73 {
  margin-bottom: 73px;
}

.mb-74 {
  margin-bottom: 74px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-76 {
  margin-bottom: 76px;
}

.mb-77 {
  margin-bottom: 77px;
}

.mb-78 {
  margin-bottom: 78px;
}

.mb-79 {
  margin-bottom: 79px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-81 {
  margin-bottom: 81px;
}

.mb-82 {
  margin-bottom: 82px;
}

.mb-83 {
  margin-bottom: 83px;
}

.mb-84 {
  margin-bottom: 84px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-86 {
  margin-bottom: 86px;
}

.mb-87 {
  margin-bottom: 87px;
}

.mb-88 {
  margin-bottom: 88px;
}

.mb-89 {
  margin-bottom: 89px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-91 {
  margin-bottom: 91px;
}

.mb-92 {
  margin-bottom: 92px;
}

.mb-93 {
  margin-bottom: 93px;
}

.mb-94 {
  margin-bottom: 94px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mb-97 {
  margin-bottom: 97px;
}

.mb-98 {
  margin-bottom: 98px;
}

.mb-99 {
  margin-bottom: 99px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mt-0 {
  margin-top: 0px;
}

.mt-1 {
  margin-top: 1px;
}

.mt-2 {
  margin-top: 2px;
}

.mt-3 {
  margin-top: 3px;
}

.mt-4 {
  margin-top: 4px;
}

.mt-5 {
  margin-top: 5px;
}

.mt-6 {
  margin-top: 6px;
}

.mt-7 {
  margin-top: 7px;
}

.mt-8 {
  margin-top: 8px;
}

.mt-9 {
  margin-top: 9px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-11 {
  margin-top: 11px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-13 {
  margin-top: 13px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-17 {
  margin-top: 17px;
}

.mt-18 {
  margin-top: 18px;
}

.mt-19 {
  margin-top: 19px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-21 {
  margin-top: 21px;
}

.mt-22 {
  margin-top: 22px;
}

.mt-23 {
  margin-top: 23px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-26 {
  margin-top: 26px;
}

.mt-27 {
  margin-top: 27px;
}

.mt-28 {
  margin-top: 28px;
}

.mt-29 {
  margin-top: 29px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-31 {
  margin-top: 31px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-33 {
  margin-top: 33px;
}

.mt-34 {
  margin-top: 34px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-37 {
  margin-top: 37px;
}

.mt-38 {
  margin-top: 38px;
}

.mt-39 {
  margin-top: 39px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-41 {
  margin-top: 41px;
}

.mt-42 {
  margin-top: 42px;
}

.mt-43 {
  margin-top: 43px;
}

.mt-44 {
  margin-top: 44px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-46 {
  margin-top: 46px;
}

.mt-47 {
  margin-top: 47px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-49 {
  margin-top: 49px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-51 {
  margin-top: 51px;
}

.mt-52 {
  margin-top: 52px;
}

.mt-53 {
  margin-top: 53px;
}

.mt-54 {
  margin-top: 54px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-56 {
  margin-top: 56px;
}

.mt-57 {
  margin-top: 57px;
}

.mt-58 {
  margin-top: 58px;
}

.mt-59 {
  margin-top: 59px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-61 {
  margin-top: 61px;
}

.mt-62 {
  margin-top: 62px;
}

.mt-63 {
  margin-top: 63px;
}

.mt-64 {
  margin-top: 64px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-66 {
  margin-top: 66px;
}

.mt-67 {
  margin-top: 67px;
}

.mt-68 {
  margin-top: 68px;
}

.mt-69 {
  margin-top: 69px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-71 {
  margin-top: 71px;
}

.mt-72 {
  margin-top: 72px;
}

.mt-73 {
  margin-top: 73px;
}

.mt-74 {
  margin-top: 74px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-76 {
  margin-top: 76px;
}

.mt-77 {
  margin-top: 77px;
}

.mt-78 {
  margin-top: 78px;
}

.mt-79 {
  margin-top: 79px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-81 {
  margin-top: 81px;
}

.mt-82 {
  margin-top: 82px;
}

.mt-83 {
  margin-top: 83px;
}

.mt-84 {
  margin-top: 84px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-86 {
  margin-top: 86px;
}

.mt-87 {
  margin-top: 87px;
}

.mt-88 {
  margin-top: 88px;
}

.mt-89 {
  margin-top: 89px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-91 {
  margin-top: 91px;
}

.mt-92 {
  margin-top: 92px;
}

.mt-93 {
  margin-top: 93px;
}

.mt-94 {
  margin-top: 94px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-96 {
  margin-top: 96px;
}

.mt-97 {
  margin-top: 97px;
}

.mt-98 {
  margin-top: 98px;
}

.mt-99 {
  margin-top: 99px;
}

.mt-100 {
  margin-top: 100px;
}

.pt-0 {
  padding-top: 0px;
}

.pt-1 {
  padding-top: 1px;
}

.pt-2 {
  padding-top: 2px;
}

.pt-3 {
  padding-top: 3px;
}

.pt-4 {
  padding-top: 4px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-6 {
  padding-top: 6px;
}

.pt-7 {
  padding-top: 7px;
}

.pt-8 {
  padding-top: 8px;
}

.pt-9 {
  padding-top: 9px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-11 {
  padding-top: 11px;
}

.pt-12 {
  padding-top: 12px;
}

.pt-13 {
  padding-top: 13px;
}

.pt-14 {
  padding-top: 14px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-16 {
  padding-top: 16px;
}

.pt-17 {
  padding-top: 17px;
}

.pt-18 {
  padding-top: 18px;
}

.pt-19 {
  padding-top: 19px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-21 {
  padding-top: 21px;
}

.pt-22 {
  padding-top: 22px;
}

.pt-23 {
  padding-top: 23px;
}

.pt-24 {
  padding-top: 24px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-26 {
  padding-top: 26px;
}

.pt-27 {
  padding-top: 27px;
}

.pt-28 {
  padding-top: 28px;
}

.pt-29 {
  padding-top: 29px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-31 {
  padding-top: 31px;
}

.pt-32 {
  padding-top: 32px;
}

.pt-33 {
  padding-top: 33px;
}

.pt-34 {
  padding-top: 34px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-36 {
  padding-top: 36px;
}

.pt-37 {
  padding-top: 37px;
}

.pt-38 {
  padding-top: 38px;
}

.pt-39 {
  padding-top: 39px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-41 {
  padding-top: 41px;
}

.pt-42 {
  padding-top: 42px;
}

.pt-43 {
  padding-top: 43px;
}

.pt-44 {
  padding-top: 44px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-46 {
  padding-top: 46px;
}

.pt-47 {
  padding-top: 47px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-49 {
  padding-top: 49px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-51 {
  padding-top: 51px;
}

.pt-52 {
  padding-top: 52px;
}

.pt-53 {
  padding-top: 53px;
}

.pt-54 {
  padding-top: 54px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-56 {
  padding-top: 56px;
}

.pt-57 {
  padding-top: 57px;
}

.pt-58 {
  padding-top: 58px;
}

.pt-59 {
  padding-top: 59px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-61 {
  padding-top: 61px;
}

.pt-62 {
  padding-top: 62px;
}

.pt-63 {
  padding-top: 63px;
}

.pt-64 {
  padding-top: 64px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-66 {
  padding-top: 66px;
}

.pt-67 {
  padding-top: 67px;
}

.pt-68 {
  padding-top: 68px;
}

.pt-69 {
  padding-top: 69px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-71 {
  padding-top: 71px;
}

.pt-72 {
  padding-top: 72px;
}

.pt-73 {
  padding-top: 73px;
}

.pt-74 {
  padding-top: 74px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-76 {
  padding-top: 76px;
}

.pt-77 {
  padding-top: 77px;
}

.pt-78 {
  padding-top: 78px;
}

.pt-79 {
  padding-top: 79px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-81 {
  padding-top: 81px;
}

.pt-82 {
  padding-top: 82px;
}

.pt-83 {
  padding-top: 83px;
}

.pt-84 {
  padding-top: 84px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-86 {
  padding-top: 86px;
}

.pt-87 {
  padding-top: 87px;
}

.pt-88 {
  padding-top: 88px;
}

.pt-89 {
  padding-top: 89px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-91 {
  padding-top: 91px;
}

.pt-92 {
  padding-top: 92px;
}

.pt-93 {
  padding-top: 93px;
}

.pt-94 {
  padding-top: 94px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-96 {
  padding-top: 96px;
}

.pt-97 {
  padding-top: 97px;
}

.pt-98 {
  padding-top: 98px;
}

.pt-99 {
  padding-top: 99px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-1 {
  padding-bottom: 1px;
}

.pb-2 {
  padding-bottom: 2px;
}

.pb-3 {
  padding-bottom: 3px;
}

.pb-4 {
  padding-bottom: 4px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-6 {
  padding-bottom: 6px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pb-9 {
  padding-bottom: 9px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-11 {
  padding-bottom: 11px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pb-13 {
  padding-bottom: 13px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pb-19 {
  padding-bottom: 19px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-21 {
  padding-bottom: 21px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pb-23 {
  padding-bottom: 23px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pb-29 {
  padding-bottom: 29px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-31 {
  padding-bottom: 31px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pb-33 {
  padding-bottom: 33px;
}

.pb-34 {
  padding-bottom: 34px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pb-37 {
  padding-bottom: 37px;
}

.pb-38 {
  padding-bottom: 38px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-41 {
  padding-bottom: 41px;
}

.pb-42 {
  padding-bottom: 42px;
}

.pb-43 {
  padding-bottom: 43px;
}

.pb-44 {
  padding-bottom: 44px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-46 {
  padding-bottom: 46px;
}

.pb-47 {
  padding-bottom: 47px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pb-49 {
  padding-bottom: 49px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-51 {
  padding-bottom: 51px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pb-53 {
  padding-bottom: 53px;
}

.pb-54 {
  padding-bottom: 54px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pb-57 {
  padding-bottom: 57px;
}

.pb-58 {
  padding-bottom: 58px;
}

.pb-59 {
  padding-bottom: 59px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-61 {
  padding-bottom: 61px;
}

.pb-62 {
  padding-bottom: 62px;
}

.pb-63 {
  padding-bottom: 63px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-66 {
  padding-bottom: 66px;
}

.pb-67 {
  padding-bottom: 67px;
}

.pb-68 {
  padding-bottom: 68px;
}

.pb-69 {
  padding-bottom: 69px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-71 {
  padding-bottom: 71px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pb-73 {
  padding-bottom: 73px;
}

.pb-74 {
  padding-bottom: 74px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-76 {
  padding-bottom: 76px;
}

.pb-77 {
  padding-bottom: 77px;
}

.pb-78 {
  padding-bottom: 78px;
}

.pb-79 {
  padding-bottom: 79px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-81 {
  padding-bottom: 81px;
}

.pb-82 {
  padding-bottom: 82px;
}

.pb-83 {
  padding-bottom: 83px;
}

.pb-84 {
  padding-bottom: 84px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-86 {
  padding-bottom: 86px;
}

.pb-87 {
  padding-bottom: 87px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pb-89 {
  padding-bottom: 89px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-91 {
  padding-bottom: 91px;
}

.pb-92 {
  padding-bottom: 92px;
}

.pb-93 {
  padding-bottom: 93px;
}

.pb-94 {
  padding-bottom: 94px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pb-97 {
  padding-bottom: 97px;
}

.pb-98 {
  padding-bottom: 98px;
}

.pb-99 {
  padding-bottom: 99px;
}

.pb-100 {
  padding-bottom: 100px;
}

.gap-0 {
  gap: 0px;
}

.gap-1 {
  gap: 1px;
}

.gap-2 {
  gap: 2px;
}

.gap-3 {
  gap: 3px;
}

.gap-4 {
  gap: 4px;
}

.gap-5 {
  gap: 5px;
}

.gap-6 {
  gap: 6px;
}

.gap-7 {
  gap: 7px;
}

.gap-8 {
  gap: 8px;
}

.gap-9 {
  gap: 9px;
}

.gap-10 {
  gap: 10px;
}

.gap-11 {
  gap: 11px;
}

.gap-12 {
  gap: 12px;
}

.gap-13 {
  gap: 13px;
}

.gap-14 {
  gap: 14px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-17 {
  gap: 17px;
}

.gap-18 {
  gap: 18px;
}

.gap-19 {
  gap: 19px;
}

.gap-20 {
  gap: 20px;
}

.gap-21 {
  gap: 21px;
}

.gap-22 {
  gap: 22px;
}

.gap-23 {
  gap: 23px;
}

.gap-24 {
  gap: 24px;
}

.gap-25 {
  gap: 25px;
}

.gap-26 {
  gap: 26px;
}

.gap-27 {
  gap: 27px;
}

.gap-28 {
  gap: 28px;
}

.gap-29 {
  gap: 29px;
}

.gap-30 {
  gap: 30px;
}

.gap-31 {
  gap: 31px;
}

.gap-32 {
  gap: 32px;
}

.gap-33 {
  gap: 33px;
}

.gap-34 {
  gap: 34px;
}

.gap-35 {
  gap: 35px;
}

.gap-36 {
  gap: 36px;
}

.gap-37 {
  gap: 37px;
}

.gap-38 {
  gap: 38px;
}

.gap-39 {
  gap: 39px;
}

.gap-40 {
  gap: 40px;
}

.gap-41 {
  gap: 41px;
}

.gap-42 {
  gap: 42px;
}

.gap-43 {
  gap: 43px;
}

.gap-44 {
  gap: 44px;
}

.gap-45 {
  gap: 45px;
}

.gap-46 {
  gap: 46px;
}

.gap-47 {
  gap: 47px;
}

.gap-48 {
  gap: 48px;
}

.gap-49 {
  gap: 49px;
}

.gap-50 {
  gap: 50px;
}

.gap-51 {
  gap: 51px;
}

.gap-52 {
  gap: 52px;
}

.gap-53 {
  gap: 53px;
}

.gap-54 {
  gap: 54px;
}

.gap-55 {
  gap: 55px;
}

.gap-56 {
  gap: 56px;
}

.gap-57 {
  gap: 57px;
}

.gap-58 {
  gap: 58px;
}

.gap-59 {
  gap: 59px;
}

.gap-60 {
  gap: 60px;
}

.gap-61 {
  gap: 61px;
}

.gap-62 {
  gap: 62px;
}

.gap-63 {
  gap: 63px;
}

.gap-64 {
  gap: 64px;
}

.gap-65 {
  gap: 65px;
}

.gap-66 {
  gap: 66px;
}

.gap-67 {
  gap: 67px;
}

.gap-68 {
  gap: 68px;
}

.gap-69 {
  gap: 69px;
}

.gap-70 {
  gap: 70px;
}

.gap-71 {
  gap: 71px;
}

.gap-72 {
  gap: 72px;
}

.gap-73 {
  gap: 73px;
}

.gap-74 {
  gap: 74px;
}

.gap-75 {
  gap: 75px;
}

.gap-76 {
  gap: 76px;
}

.gap-77 {
  gap: 77px;
}

.gap-78 {
  gap: 78px;
}

.gap-79 {
  gap: 79px;
}

.gap-80 {
  gap: 80px;
}

.gap-81 {
  gap: 81px;
}

.gap-82 {
  gap: 82px;
}

.gap-83 {
  gap: 83px;
}

.gap-84 {
  gap: 84px;
}

.gap-85 {
  gap: 85px;
}

.gap-86 {
  gap: 86px;
}

.gap-87 {
  gap: 87px;
}

.gap-88 {
  gap: 88px;
}

.gap-89 {
  gap: 89px;
}

.gap-90 {
  gap: 90px;
}

.gap-91 {
  gap: 91px;
}

.gap-92 {
  gap: 92px;
}

.gap-93 {
  gap: 93px;
}

.gap-94 {
  gap: 94px;
}

.gap-95 {
  gap: 95px;
}

.gap-96 {
  gap: 96px;
}

.gap-97 {
  gap: 97px;
}

.gap-98 {
  gap: 98px;
}

.gap-99 {
  gap: 99px;
}

.gap-100 {
  gap: 100px;
}

.container {
  scroll-behavior: smooth;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .container {
    max-width: 100%;
    padding: 0px 1rem;
  }
}
@media only screen and (min-width: 600px) {
  .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.h_animation {
  position: relative;
  width: fit-content;
}

.h_animation::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: transform 0.3s ease-in-out;
  transform-origin: right;
  transform: scaleX(0);
}

@media (min-width: 768px) {
  .h_animation:hover::before,
  .group:hover .h_animation::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s;
  }
}
.wpcf7-not-valid-tip,
.wpcf7-spinner {
  display: none !important;
}

.header {
  padding: 20px 0;
  box-shadow: 0px 1px 2px 0px rgba(12, 4, 27, 0.0509803922);
  border-bottom: 1px solid var(--neutre50);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: var(--white);
}
.header .header-container {
  z-index: 5;
  position: relative;
}
.header .header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.header .header_image {
  width: 100%;
  max-width: 64px;
}
.header .header_image img {
  width: 100%;
  object-fit: cover;
}
.header .header_title {
  font-size: 26px;
  font-weight: 700;
  font-family: var(--fontRedHat);
  color: var(--purple800);
  line-height: 31.2px;
}
.header .header_subtitle {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--fontRedHat);
  color: var(--purple800);
  line-height: 14.4px;
  text-transform: uppercase;
}
.header .header_nav {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
}
@media (max-width: 768px) {
  .header .header_nav {
    display: none;
  }
}
.header .header_nav .header_link {
  list-style: none;
}
.header .header_nav .header_link a {
  text-decoration: none;
  color: var(--purple200);
}
.header .header_nav .header_link a.active {
  color: var(--purple600);
}
@media (max-width: 768px) {
  .header .header_desktop-cta {
    display: none;
  }
}
.header .header_burger {
  display: none;
}
@media (max-width: 768px) {
  .header .header_burger {
    display: block;
  }
}
.header .header_burger span {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--purple800);
  margin: 4px 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.header .header_burger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.header .header_burger.active span:nth-child(2) {
  opacity: 0;
}
.header .header_burger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -3px);
}
.header .header_mobile {
  height: 50vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateX(-100%);
  pointer-events: none;
  visibility: hidden;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  background: var(--white);
}
@media (max-width: 768px) {
  .header .header_mobile {
    pointer-events: all;
    visibility: visible;
  }
}
.header .header_mobile.active {
  transform: translateX(0);
}
.header .header_mobile .header_mobile-container {
  padding-top: 100px;
  height: 100vh;
}
.header .header_mobile .header_mobile-container .header_mobile-links-list {
  padding: 0;
}
.header .header_mobile .header_mobile-container .header_mobile-links-list .header_mobile-link {
  list-style: none;
  margin: 24px 0;
  transition: opacity 0.3s ease-in-out;
}
.header .header_mobile .header_mobile-container .header_mobile-links-list .header_mobile-link a {
  opacity: 0.4;
}
.header .header_mobile .header_mobile-container .header_mobile-links-list .header_mobile-link a.active {
  opacity: 1;
}

.home {
  background: var(--neutre50);
}
.home .home_hero-section-container {
  display: flex;
  padding-top: var(--paddingHeader);
}
@media (max-width: 768px) {
  .home .home_hero-section-container {
    flex-direction: column;
  }
}
.home .home_hero-section-container .home_hero-subcontainer {
  width: 50%;
}
@media (max-width: 768px) {
  .home .home_hero-section-container .home_hero-subcontainer {
    width: 100%;
  }
}
.home .home_hero-section-container .home_hero-subcontainer .home_hero-image {
  width: 100%;
}
.home .home_hero-section-container .home_hero-subcontainer .home_hero-items-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  position: relative;
}
.home .home_hero-section-container .home_hero-subcontainer .home_hero-items-container .home_hero-item {
  display: flex;
  align-items: center;
  gap: 8px;
  row-gap: 16px;
}
.home .home_hero-section-container .home_hero-subcontainer .home_hero-items-container .home_hero-item .home_hero-item-icon-container {
  width: 24px;
  height: 24px;
  background: var(--purple100);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .home .home_s2 .home_s2-title {
    margin-bottom: 24px;
  }
}
.home .home_s3 {
  background: url("../assets/star-bg.svg"), linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);
  padding: 60px 0;
}
.home .home_s3 .container {
  position: relative;
}
.home .home_s3 .container .home_s3-rock1 {
  position: absolute;
  width: 100%;
  max-width: 104px;
  top: -20px;
  left: -50px;
  z-index: 3;
}
.home .home_s3 .home_s3-container {
  background: var(--white);
  border-radius: 32px;
  padding: 60px 72px;
  position: relative;
  display: flex;
  gap: 114px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .home .home_s3 .home_s3-container {
    flex-direction: column;
    gap: 32px;
    padding: 32px 16px;
    z-index: 4;
  }
}
.home .home_s3 .home_s3-container .home_s3-rock2 {
  position: absolute;
  width: 100%;
  max-width: 104px;
  bottom: -10px;
  left: 30%;
}
.home .home_s3 .home_s3-container .home_s3-subcontainer:nth-child(1) {
  width: 50%;
}
@media (max-width: 768px) {
  .home .home_s3 .home_s3-container .home_s3-subcontainer:nth-child(1) {
    width: 100%;
  }
}
.home .home_s3 .home_s3-container .home_s3-subcontainer:nth-child(2) {
  width: 40%;
}
@media (max-width: 768px) {
  .home .home_s3 .home_s3-container .home_s3-subcontainer:nth-child(2) {
    width: 100%;
  }
}
.home .home_s3 .home_s3-container .home_s3-subcontainer .home_s3-title {
  position: relative;
  z-index: 4;
}
.home .home_s3 .home_s3-container .home_s3-tag {
  padding: 4px 8px;
  border-radius: 20px;
  border: 1px solid var(--purple100);
  background: var(--purple300);
  display: flex;
  align-items: center;
  justify-content: center;
  text-wrap: nowrap;
}
.home .home_s3 .home_s3-container .home_s3-progress-container {
  width: 100%;
  position: relative;
  background: var(--neutre100);
  height: 4px;
  border-radius: 40px;
}
.home .home_s3 .home_s3-container .home_s3-progress-container .home_s3-progress {
  background: linear-gradient(85.51deg, #3a0ca3 0%, #560bad 54.14%, #7209b7 100%);
  height: 100%;
  border-radius: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.home .home_s4 {
  background: var(--purple300);
  padding: 60px 0;
  padding-bottom: 0;
}
.home .home_s4 .home_s4-wrapper {
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .home .home_s4 .home_s4-wrapper {
    flex-direction: column;
    gap: 32px;
  }
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer:nth-child(1) {
  display: flex;
  width: 40%;
  gap: 24px;
}
@media (max-width: 768px) {
  .home .home_s4 .home_s4-wrapper .home_s4-subcontainer:nth-child(1) {
    width: 100%;
    flex-direction: column;
    gap: 16px;
  }
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer:nth-child(2) {
  width: 55%;
}
@media (max-width: 768px) {
  .home .home_s4 .home_s4-wrapper .home_s4-subcontainer:nth-child(2) {
    width: 100%;
  }
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .home_s4-image {
  width: 64px;
  min-width: 64px;
  height: 77px;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper {
  width: 100%;
  height: 100%;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-wrapper {
  align-items: center;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-top-wrapper {
  display: flex;
  justify-content: flex-end;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swipper-btn-wrapper {
  display: flex;
  gap: 12px;
  z-index: 10;
  position: relative;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swipper-btn-wrapper .swipper-btn {
  border: 0;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swipper-btn-wrapper .swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  height: 384px;
  overflow: visible;
  align-items: center;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-slide > a {
  height: 100%;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-pagination {
  position: absolute;
  left: 0;
  top: 0;
  height: fit-content;
  text-align: left;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-pagination-bullet {
  background: var(--purple500);
  opacity: 0.1;
  transition: opacity 0.3s ease-in-out;
}
.home .home_s4 .home_s4-wrapper .home_s4-subcontainer .swiper-pagination-bullet-active {
  background: var(--purple500);
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.home .home_s5 {
  padding: 60px 0;
  background: var(--purple300);
}
.home .home_s5 .home_s5-container {
  border-top: 1px solid var(--neutre300);
  position: relative;
}
.home .home_s5 .home_s5-container .home_s5-icon-container {
  position: absolute;
  left: -70px;
  top: 250px;
  z-index: 3;
  width: 166px;
  height: auto;
}
@media (max-width: 768px) {
  .home .home_s5 .home_s5-container .home_s5-icon-container {
    width: 80px;
    top: 300px;
    left: -20px;
  }
}
.home .home_s5 .home_s5-container .home_s5-icon-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home_s5 .home_s5-container .home_s5-items-container {
  mask-image: linear-gradient(180deg, #000000 50.08%, rgba(0, 0, 0, 0) 100%);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: center;
  position: relative;
  overflow: auto;
}
@media (max-width: 768px) {
  .home .home_s5 .home_s5-container .home_s5-items-container {
    grid-template-columns: 1fr;
    gap: 8px;
    mask-image: linear-gradient(180deg, #000000 80.08%, rgba(0, 0, 0, 0) 100%);
  }
}
.home .home_s5 .home_s5-container .home_s5-items-container .home_s5-image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  opacity: 0.5;
}
.home .home_s5 .home_s5-container .home_s5-items-container .home_s5-items-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .home .home_s5 .home_s5-container .home_s5-items-container .home_s5-items-wrapper {
    gap: 8px;
  }
}
.home .home_s5 .home_s5-container .home_s5-items-container .home_s5-items-wrapper .home_s5-items {
  width: 100%;
}
.home .home_s5 .home_s5-container .home_s5-items-container .home_s5-items-wrapper .home_s5-items img {
  border-radius: 24px;
  height: 240px;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .home .home_s5 .home_s5-container .home_s5-items-container .home_s5-items-wrapper .home_s5-items img {
    height: 200px;
  }
}
.home .home_s5 .home_s5-container .home_s5-cta {
  margin: 0 auto;
}
.home .home_s6 {
  background: url("../assets/star-bg.svg"), linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);
  overflow: hidden;
  padding: 60px 0;
}
.home .home_s6 .home_s6-items-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  position: relative;
}
@media (max-width: 768px) {
  .home .home_s6 .home_s6-items-container {
    grid-template-columns: 1fr;
  }
}
.home .home_s6 .home_s6-items-container .home_s6-rocket-container {
  position: absolute;
  top: 130px;
  left: -100px;
}
.home .home_s6 .home_s6-items-container .home_s6-planet-container {
  position: absolute;
  top: -90px;
  right: -80px;
}
.home .home_s6 .home_s6-items-container .home_s6-item {
  position: relative;
  z-index: 3;
  background: var(--white);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--neutre100);
  display: flex;
  flex-direction: column;
}
.home .home_s6 .home_s6-items-container .home_s6-item .home_s6-item-image-container {
  width: 100%;
  height: 226px;
}
.home .home_s6 .home_s6-items-container .home_s6-item .home_s6-item-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home_s6 .home_s6-items-container .home_s6-item .home_s6-item-content {
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  height: 100%;
}
.home .home_s6 .home_s6-items-container .home_s6-item .home_s6-item-content .home_s6-cta {
  margin-top: auto;
}
.home .home_s7 {
  background: var(--purple300);
  padding: 60px 0;
}
.home .home_s7 .home_s7-items-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 768px) {
  .home .home_s7 .home_s7-items-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.home .home_s7 .home_s7-items-container .home_s7-item {
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  overflow: hidden;
  border-radius: 8px;
  background: var(--white);
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container {
  display: flex;
  flex-direction: column;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-image-container {
  width: 100%;
  height: 226px;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-content {
  padding: 24px;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-content .home_s7-category {
  padding: 6px 12px;
  border-radius: 20px;
  background: var(--purple300);
  width: fit-content;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-content .home_s7-item-title-container {
  display: flex;
  justify-content: space-between;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-item-content .home_s7-item-title-container .home_s7-item-title {
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  font-family: var(--fontRedHat);
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .rt-time {
  color: var(--purple800);
  font-weight: 400;
}
.home .home_s7 .home_s7-items-container .home_s7-item .home_s7-item-container .home_s7-rating {
  margin-top: auto;
}
.home .home_s8 {
  padding: 60px 0;
}
.home .home_s8 .home_s8-container {
  display: flex;
  gap: 32px;
  background: var(--white);
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  padding-left: 72px;
  padding-top: 32px;
  border-radius: 32px;
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
}
@media (max-width: 768px) {
  .home .home_s8 .home_s8-container {
    flex-direction: column;
    gap: 32px;
    padding: 32px 16px;
  }
}
.home .home_s8 .home_s8-subcontainer {
  width: 50%;
}
@media (max-width: 768px) {
  .home .home_s8 .home_s8-subcontainer {
    width: 100%;
  }
}
.home .home_s8 .home_s8-subcontainer:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.home .home_s8 .home_s8-subcontainer .home_s8-image-container {
  width: 100%;
}
.home .home_s8 .home_s8-subcontainer .home_s8-image-container img {
  width: 100%;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row {
    flex-direction: column;
  }
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col {
  width: 100%;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col label {
  font-size: 14px;
  font-family: var(--fontRedHat);
  line-height: 21px;
  color: var(--purple800);
  font-weight: 600;
  margin-bottom: 8px;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col input,
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col textarea {
  margin-top: 8px;
  width: 100%;
  font-size: 16px;
  padding: 12px 4px;
  border-radius: 8px;
  border: 1px solid #dddde0;
  font-family: var(--fontRedHat);
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col .wpcf7-radio {
  display: grid;
  margin-top: 16px;
  grid-template-columns: repeat(2, 1fr);
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col .wpcf7-radio .wpcf7-list-item {
  margin: 0;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col .wpcf7-radio .wpcf7-list-item label {
  display: flex;
  gap: 8px;
  align-items: center;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col .wpcf7-radio .wpcf7-list-item label span {
  color: var(--purple800);
  font-weight: 400;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .form-row .form-col input[type=radio] {
  width: 16px;
  height: 16px;
  align-items: flex-start;
  margin-top: 0;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .wpcf7-submit {
  display: block;
  margin-bottom: 32px;
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container .wpcf7-response-output {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: var(--fontKanit);
  margin-bottom: 32px;
  color: var(--purple800);
}
.home .home_s8 .home_s8-subcontainer .home_s8-form-container form[data-status=invalid] .wpcf7-response-output {
  color: red;
}

.dreamline-studio .video-blok {
  background: var(--neutre50);
  padding: 96px 0px;
}
.dreamline-studio .video-blok .video-blok__container {
  text-align: center;
}
.dreamline-studio .video-blok .video-blok__container p,
.dreamline-studio .video-blok .video-blok__container h3,
.dreamline-studio .video-blok .video-blok__container a {
  position: relative;
  z-index: 2;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__cta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__picto-container {
  position: absolute;
  top: -80px;
  pointer-events: none;
  left: 0px;
  width: 120px;
  height: 120px;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__blur-container {
  width: 100%;
  position: absolute;
  z-index: 0;
  top: -300px;
  pointer-events: none;
  left: 50%;
  opacity: 0.6;
  transform: translateX(-50%);
}
.dreamline-studio .video-blok .video-blok__container .video-blok__blur-container img {
  width: 100%;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__planet-container {
  position: absolute;
  pointer-events: none;
  bottom: -80px;
  right: 0px;
  width: 160px;
  height: 160px;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__image-container {
  margin-top: 64px;
  width: 100%;
  position: relative;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__image-container .video-blok__image {
  width: 100%;
}
.dreamline-studio .video-blok .video-blok__container .video-blok__image-container .video-blok__video {
  position: absolute;
  width: 100%;
  border: 8px solid var(--purple200);
  border-radius: 16px;
  max-width: 1120px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dreamline-studio .testimonials {
  padding: 96px 0;
  background: var(--neutre50);
}
.dreamline-studio .testimonials .testimonials__items-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 768px) {
  .dreamline-studio .testimonials .testimonials__items-container {
    grid-template-columns: 1fr;
  }
}
.dreamline-studio .testimonials .testimonials__items-container .testimonials__item {
  padding: 32px;
  border-radius: 2px;
  border: 12px solid;
  border: 2px solid rgba(247, 243, 253, 0.6);
  background: linear-gradient(121.23deg, rgba(250, 250, 251, 0.7) -0.05%, rgba(250, 250, 251, 0.4) 119.22%);
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  backdrop-filter: blur(20px);
}
@media (max-width: 768px) {
  .dreamline-studio .testimonials .testimonials__items-container .testimonials__item {
    padding: 12px 16px;
  }
}
.dreamline-studio .testimonials .testimonials__items-container .testimonials__item .testimonials__item-content {
  line-height: 1.5;
}
.dreamline-studio .testimonials .testiomnials__cta {
  margin: 0 auto;
  margin-top: 64px;
}

.selul .s-city__slider {
  padding: 60px 0;
  background: var(--purple300);
}
.selul .s-city__slider .s-city__card {
  border-radius: 16px;
  height: 530px;
  overflow: hidden;
  background: var(--neutre50);
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
}
.selul .s-city__slider .s-city__card .s-city__slider-image {
  width: 100%;
  object-fit: cover;
  height: 226px;
}
.selul .s-city__slider .s-city__card .s-city__slider-card-content {
  padding: 24px 32px;
}
.selul .s-city__slider .s-city__card .s-city__slider-icon {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.selul .s-city__slider .s-city__card .s-city__slider-title {
  color: #27262a;
}
.selul .s-city__slider .s-city__card .s-city__slider-location-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.selul .s-city__slider .s-city__card .s-city__slider-location-content {
  color: #27262a;
}
.selul .s-city__slider .swipper-btn-wrapper {
  display: flex;
  margin-top: 64px;
  align-items: center;
  gap: 70px;
  justify-content: center;
}
@media (max-width: 768px) {
  .selul .s-city__slider .swipper-btn-wrapper {
    gap: 32px;
  }
}
.selul .s-city__slider .swipper-btn-wrapper .swiper-pagination-dots {
  width: fit-content;
}
.selul .s-city__slider .swipper-btn-wrapper .swipper-btn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  border-radius: 50%;
  background-color: var(--white);
  transition: opacity 0.3s ease-in-out;
}
.selul .s-city__slider .swipper-btn-wrapper .swiper-button-disabled {
  transition: opacity 0.3s ease-in-out;
  opacity: 0.4;
  cursor: not-allowed;
}
.selul .s-city__slider .swipper-btn-wrapper .swiper-pagination-bullet {
  background: var(--purple100);
  opacity: 1;
}
.selul .s-city__slider .swipper-btn-wrapper .swiper-pagination-bullet-active {
  background: var(--purple500);
}
.selul .s-testimonials {
  padding-top: 96px;
  padding-bottom: 60px;
}
.selul .s-testimonials .s-testimonials__cols {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .selul .s-testimonials .s-testimonials__cols {
    flex-direction: column;
  }
}
.selul .s-testimonials .s-testimonials__cols .s-testimonials_col {
  flex: 0 0 33%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.selul .s-testimonials .s-testimonials__cols .s-testimonials_col .s-testimonial_card {
  padding: 32px;
  border-radius: 12px;
  border: 2px solid;
  border-image-source: linear-gradient(122.64deg, rgba(247, 243, 253, 0.6) -0.05%, rgba(247, 243, 253, 0.6) 100.01%);
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  backdrop-filter: blur(20px);
}
@media (max-width: 768px) {
  .selul .s-testimonials .s-testimonials__cols .s-testimonials_col.s-testimonials_col-1 {
    flex-direction: column-reverse;
  }
}
.selul .s-testimonials .s-testimonials__cols .s-testimonials_col.s-testimonials_col-1 .s-testimonial_image {
  width: 100%;
  height: 100%;
  max-height: 330px;
  border-radius: 16px;
  overflow: hidden;
}
.selul .s-testimonials .s-testimonials__cols .s-testimonials_col.s-testimonials_col-1 .s-testimonial_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog .blog__hero {
  position: relative;
  overflow: hidden;
  background: url("../assets/star-bg.svg"), linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);
  padding: 60px 0;
  padding-top: 120px;
}
.blog .blog__hero .hero-image_planet {
  position: absolute;
  right: -100px;
  top: -100px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 768px) {
  .blog .blog__hero .hero-image_planet {
    display: none;
  }
}
.blog .blog__hero .blog__hero-container {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 768px) {
  .blog .blog__hero .blog__hero-container {
    flex-direction: column;
    gap: 0;
  }
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer {
  flex: 1;
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__hero-image {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__hero-image {
    display: none;
  }
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p {
  display: flex;
  gap: 12px;
  align-items: center;
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p input {
  height: 45px;
  border-radius: 8px;
  border: 0;
  font-family: var(--fontRedHat);
  font-size: 14px;
  font-weight: 600;
  color: var(--purple300);
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p input[type=email] {
  padding: 0px 8px;
  font-weight: 400;
  color: #9f9da6;
}
@media (max-width: 768px) {
  .blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p input[type=email] {
    width: 100%;
  }
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p input[type=submit] {
  border: 1px solid var(--purple200);
  background: var(--purple500);
  box-shadow: 0px 4px 4px 0px rgba(12, 4, 27, 0.0588235294);
  line-height: 1;
  box-shadow: 0px 1px 3px 0px rgba(12, 4, 27, 0.1019607843);
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .form-row p input[type=submit]:hover {
  background: transparent;
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container .wpcf7-response-output {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: var(--fontKanit);
  margin-bottom: 32px;
  margin-top: 8px;
  color: var(--purple800);
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .blog__form-container form[data-status=invalid] .wpcf7-response-output {
  color: red;
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .single-article__newsletter-policy {
  font-size: 13px;
  line-height: 1.5;
  font-family: var(--fontRedHat);
  color: #dddde0;
  font-weight: 400;
}
.blog .blog__hero .blog__hero-container .blog__hero-subcontainer .single-article__newsletter-policy a {
  color: #dddde0;
}
.blog .blog__section-2 {
  padding: 60px 0;
}
.blog .blog__section-2 .blog__section-2-categories {
  background: var(--neutre50);
  border: 1px solid var(--neutre100);
  border-radius: 8px;
  display: flex;
  width: fit-content;
}
.blog .blog__section-2 .blog__section-2-categories .blog__section-2-category {
  padding: 8px 12px;
  display: block;
}
.blog .blog__section-2 .blog__section-2-categories .blog__section-2-category.active {
  border: 1px solid #ad8aee;
  border-radius: 8px;
  color: var(--purple500);
  box-shadow: 0px 4px 4px 0px rgba(12, 4, 27, 0.0588235294);
  box-shadow: 0px 1px 3px 0px rgba(12, 4, 27, 0.1019607843);
}
.blog .blog__section-2 .blog__section-2-items-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 768px) {
  .blog .blog__section-2 .blog__section-2-items-container {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item {
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  overflow: hidden;
  border-radius: 8px;
  background: var(--white);
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container {
  display: flex;
  flex-direction: column;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-image-container {
  width: 100%;
  height: 226px;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-content {
  padding: 24px;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-content .blog__section-2-category {
  padding: 6px 12px;
  border-radius: 20px;
  background: var(--purple300);
  width: fit-content;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-content .blog__section-2-item-title-container {
  display: flex;
  justify-content: space-between;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-item-content .blog__section-2-item-title-container .blog__section-2-item-title {
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  font-family: var(--fontRedHat);
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .rt-time {
  color: var(--purple800);
  font-weight: 400;
}
.blog .blog__section-2 .blog__section-2-items-container .blog__section-2-item .blog__section-2-item-container .blog__section-2-rating {
  margin-top: auto;
}
.blog .blog__section-2 .pagination {
  text-align: center;
  align-items: center;
  margin-top: 20px;
  font-family: var(--fontRedHat);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2;
  justify-content: center;
}
.blog .blog__section-2 .pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.blog .blog__section-2 .pagination .prev {
  all: unset;
  margin-right: auto;
  color: var(--black);
  cursor: pointer;
}
.blog .blog__section-2 .pagination .next {
  all: unset;
  color: var(--black);
  cursor: pointer;
  margin-left: auto;
}
.blog .blog__section-2 .pagination a,
.blog .blog__section-2 .pagination span {
  color: var(--neutre600);
  display: inline-block;
}
.blog .blog__section-2 .pagination .current {
  background: var(--neutre50);
  font-weight: bold;
  color: var(--purple600);
}
.blog .blog__section-2 .next-placeholder,
.blog .blog__section-2 .prev-placeholder {
  width: 80px;
  margin-left: auto;
}

.single-article {
  background: #fafafb;
}
.single-article .single-article__hero {
  background: var(--purple300);
  padding-top: 120px;
  padding-bottom: 64px;
}
.single-article .single-article__hero .single-article__hero-container {
  padding: 0px 1rem;
}
.single-article .single-article__hero .single-article__hero-container .single-article__wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.single-article .single-article__hero .single-article__hero-container .single-article__date-container {
  text-align: right;
}
.single-article .single-article__hero .single-article__hero-container .single-article__date-container .single-article__date-title {
  font-size: 10px;
  line-height: 1.2;
  color: var(--neutre600);
  text-transform: uppercase;
  font-family: var(--fontRedHat);
}
.single-article .single-article__hero .single-article__hero-container .single-article__date-container .single-article__date {
  font-family: var(--fontRedHat);
  font-size: 14px;
  font-weight: 700;
  color: var(--purple800);
  line-height: 1.2;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-row .single-article__author-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-row .single-article__author-image img {
  width: 100%;
  object-fit: cover;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-row .single-article__author-label {
  font-size: 10px;
  font-family: var(--fontRedHat);
  color: var(--neutre600);
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-row .single-article__author-name {
  font-family: var(--fontRedHat);
  color: var(--purple800);
  font-weight: 700;
  line-height: 1.2;
  font-size: 14px;
}
.single-article .single-article__hero .single-article__hero-container .single-article__author-description {
  font-family: var(--fontRedHat);
  font-weight: 500;
  font-size: 12px;
  font-style: italic;
  color: #2f0f6a;
  margin-bottom: 24px;
}
.single-article .single-article__hero .single-article__hero-container .single-article__excerpt {
  width: 100%;
  max-width: 780px;
  font-weight: 400;
}
.single-article .single-article__hero .single-article__hero-container .single-article__excerpt b {
  font-weight: 600;
}
.single-article .single-article__hero .single-article__hero-container .single-article__categories {
  display: flex;
  gap: 8px;
}
.single-article .single-article__hero .single-article__hero-container .single-article__categories .single-article__category {
  padding: 6px 12px;
  border-radius: 20px;
  font-family: var(--fontRedHat);
  border: 1px solid var(--purple100);
}
.single-article .single-article__hero .single-article__hero-container .single-article__thumbnail {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
}
.single-article .single-article__hero .single-article__hero-container .single-article__thumbnail img {
  width: 100%;
  object-fit: cover;
  height: auto;
}
.single-article .single-article__content-container {
  padding: 32px 1rem;
}
.single-article .single-article__content-container .single-article__content-wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  gap: 32px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__share {
  padding-left: 42px;
  display: flex;
  position: sticky;
  top: 150px;
  height: fit-content;
  flex-direction: column;
}
@media (max-width: 768px) {
  .single-article .single-article__content-container .single-article__content-wrapper .single-article__share {
    display: none;
  }
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__share .single-article__share-icon-container {
  width: 32px;
  height: 32px;
  background: var(--purple300);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__share .single-article__share-icon-container.linkedin {
  margin-top: 3px;
  margin-bottom: 18px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__share .single-article__share-icon-container.reverse {
  background: var(--purple500);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content {
  width: 100%;
  max-width: 600px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__table-of-content {
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 12px;
  background: var(--purple300);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__table-of-content .single-article__toc-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__table-of-content .single-article__toc-arrow {
  transition: transform 0.3s ease-in-out;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__table-of-content .single-article__toc-content {
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__table-of-content .single-article__toc-content ul {
  margin-top: 24px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h2 {
  font-size: 31px;
  font-family: var(--fontKanit);
  font-weight: 700;
  line-height: 1.2;
  color: var(--purple600);
  letter-spacing: -0.62px;
  margin-bottom: 20px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h3:not(.single-article__newsletter-container *),
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h4:not(.single-article__newsletter-container *),
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h5:not(.single-article__newsletter-container *) {
  font-size: 25px;
  font-family: var(--fontKanit);
  color: var(--purple800);
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-bottom: 20px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h4:not(.single-article__newsletter-container *) {
  font-size: 20px;
  letter-spacing: -0.4px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg h5:not(.single-article__newsletter-container *) {
  font-size: 16px;
  letter-spacing: -0.32px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg p:not(.single-article__newsletter-container *) {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-family: var(--fontRedHat);
  color: var(--purple800);
  margin-bottom: 32px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg p:not(.single-article__newsletter-container *) a {
  color: var(--purple500);
  text-decoration: underline;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg figure:not(.single-article__newsletter-container *),
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg img:not(.single-article__newsletter-container *) {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg ul {
  padding-left: 16px;
  margin-bottom: 24px;
  margin-top: 0;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__wysiwyg ul li {
  margin-bottom: 8px;
  font-family: var(--fontRedHat);
  color: var(--purple800);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__conclusion {
  padding: 24px;
  border-radius: 12px;
  background: var(--purple300);
  margin-bottom: 24px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container {
  background: url("../assets/star-bg.svg"), linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);
  padding: 16px 24px;
  border-radius: 12px;
  margin-bottom: 32px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p {
  display: flex;
  gap: 12px;
  align-items: center;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p input {
  height: 45px;
  border-radius: 8px;
  border: 0;
  font-family: var(--fontRedHat);
  font-size: 14px;
  font-weight: 600;
  color: var(--purple300);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p input[type=email] {
  padding: 0px 8px;
  font-weight: 400;
  color: #9f9da6;
}
@media (max-width: 768px) {
  .single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p input[type=email] {
    width: 100%;
  }
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p input[type=submit] {
  border: 1px solid var(--purple200);
  background: var(--purple500);
  box-shadow: 0px 4px 4px 0px rgba(12, 4, 27, 0.0588235294);
  line-height: 1;
  box-shadow: 0px 1px 3px 0px rgba(12, 4, 27, 0.1019607843);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .form-row p input[type=submit]:hover {
  background: transparent;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form .wpcf7-response-output {
  border: 0;
  padding: 0;
  margin: 0;
  font-family: var(--fontKanit);
  margin-bottom: 32px;
  margin-top: 8px;
  color: var(--purple800);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-form form[data-status=invalid] .wpcf7-response-output {
  color: red;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-policy {
  font-size: 13px;
  line-height: 1.5;
  font-family: var(--fontRedHat);
  color: #dddde0;
  font-weight: 400;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__newsletter-container .single-article__newsletter-policy a {
  color: #dddde0;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__post-nav {
  padding: 20px 0;
  border-top: 1px solid var(--purple100);
  border-bottom: 1px solid var(--purple100);
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  justify-content: space-between;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__post-nav .single-article__post-nav-link.next {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container {
  padding: 2px 24px;
  background: var(--purple300);
  border-radius: 8px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item {
  overflow: hidden;
  border-bottom: 1px solid var(--purple100);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item:last-child {
  border-bottom: 0;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item .single-article__faq-arrow {
  transition: transform 0.3s ease-in-out;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item.active .single-article__faq-arrow {
  transform: rotate(180deg);
  transition: transform 0.3s ease-in-out;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item .single-article__faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item .single-article__faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__content .single-article__faq-container .single-article__faq-item .single-article__faq-answer p {
  margin-bottom: 24px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles {
  position: sticky;
  top: 150px;
  height: fit-content;
}
@media (max-width: 768px) {
  .single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles {
    display: none;
  }
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles h3 {
  text-transform: uppercase;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles .single-article__latest-article-card {
  border: 1px solid var(--purple100);
  background: var(--purple300);
  padding: 18px 24px;
  border-radius: 8px;
  margin-bottom: 8px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles .single-article__latest-article-card .latest-article__category {
  padding: 8px 10px;
  border-radius: 20px;
  font-size: 12px;
  width: fit-content;
  margin-bottom: 16px;
  background: var(--neutre50);
  border: 1px solid var(--purple100);
  font-family: var(--fontRedHat);
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles .single-article__latest-article-card .latest-article__content {
  font-size: 13px;
  font-family: var(--fontRedHat);
  font-weight: 400;
  line-height: 1.5;
  color: #4f4d55;
  margin-bottom: 16px;
}
.single-article .single-article__content-container .single-article__content-wrapper .single-article__latest-articles .single-article__latest-article-card .latest-article__cta {
  font-size: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.single-article .single-article__comment {
  padding: 0 1rem;
}
.single-article .single-article__comment .single-article__comment-wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container {
  margin-left: 100px;
}
@media (max-width: 768px) {
  .single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container {
    margin-left: 0;
  }
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .single-article__comment-title {
  color: #2d3a55;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--purple100);
  margin-bottom: 12px;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list {
  padding-left: 0;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment {
  padding: 32px;
  list-style: none;
  border-radius: 8px;
  margin-bottom: 12px;
  background: var(--purple300);
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment .comment-author {
  display: flex;
  gap: 12px;
  margin-bottom: 24px;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment .comment-author img {
  border-radius: 50%;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment .comment-author .comment-author-details {
  display: flex;
  flex-direction: column;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment .comment-author .comment-author-details .comment-meta-date {
  color: #2d3a55;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-list .comment .comment-author .comment-author-details .comment-content {
  color: #4a4a4a;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-reply-title {
  display: none;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-notes {
  margin-bottom: 12px;
  margin-top: 12px;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-col textarea {
  height: 240px;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #dddde0;
  color: var(--purple800);
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-col input {
  border-radius: 8px;
  padding: 8px 12px;
  border: 1px solid #dddde0;
  background: var(--white);
  color: var(--purple800);
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-col label {
  font-size: 19px;
  font-family: var(--fontRedHat);
  font-weight: 600;
  color: #2d3a55;
  background: var(--white);
  line-height: 1.2;
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-row {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-row {
    flex-direction: column;
  }
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-form-cookies-consent {
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-form-cookies-consent {
    display: flex;
    gap: 8px;
    align-items: flex-start;
  }
  .single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .comment-form-cookies-consent input {
    margin-top: 8px;
  }
}
.single-article .single-article__comment .single-article__comment-wrapper .single-article__comment-container .form-submit {
  margin-bottom: 32px;
}

.footer {
  background: linear-gradient(360deg, #7209b5 -83.05%, #560bab 100%);
  padding: 48px 0px;
}
.footer .footer_container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .footer .footer_container {
    flex-direction: column;
  }
}
.footer .footer_container .footer_image {
  width: 100%;
  max-width: 64px;
}
.footer .footer_container .footer_image img {
  width: 100%;
  object-fit: cover;
}
.footer .footer_container .footer_title {
  font-size: 26px;
  font-weight: 700;
  font-family: var(--fontRedHat);
  color: var(--purple300);
  line-height: 31.2px;
}
.footer .footer_container .footer_subtitle {
  font-size: 12px;
  font-weight: 400;
  font-family: var(--fontRedHat);
  color: var(--purple300);
  line-height: 14.4px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .footer .footer_container .footer_links {
    flex-direction: column;
    padding: 0;
    gap: 24px;
  }
}
.footer .footer_container .footer_links li {
  list-style: none;
}
.footer .footer_container .footer_links li a {
  text-decoration: none;
}
.footer .footer_container .footer_links li a:hover {
  color: var(--white);
}
.footer .footer_container .footer_links .footer_icon-container {
  width: 32px;
  height: 32px;
  background: var(--neutre50);
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
.footer .footer_container .footer_links .footer_icon-container img {
  width: 100%;
  max-width: 24px;
  margin: 0 auto;
}

:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(200px, 1rem + 40vmin, 200px);
  --gap: calc(var(--size) / 20);
  --duration: 30s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-text: papayawhip;
    --color-bg: navy;
    --color-bg-accent: #2626a0;
  }
}
.marquee {
  margin-top: 80px;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
  mask-image: linear-gradient(var(--mask-direction, to right), hsla(0, 0%, 0%, 0), hsl(0, 0%, 0%) 10%, hsl(0, 0%, 0%) 90%, hsla(0, 0%, 0%, 0));
}
@media (max-width: 768px) {
  .marquee {
    margin-top: 24px;
  }
}

.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__group {
    animation-play-state: paused;
  }
}
.marquee--vertical {
  --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee--vertical .marquee__group {
  animation-name: scroll-y;
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}
@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}
/* Element styles */
.marquee .marquee_container {
  display: grid;
  place-items: center;
  width: var(--size);
  fill: var(--color-text);
  height: 60px;
  padding: 0px;
  border-radius: 0.5rem;
}

.marquee_container img {
  width: 100%;
  height: 100%;
  max-height: 82px;
  object-fit: contain;
}

.marquee--vertical .marquee_container {
  aspect-ratio: 1;
  width: calc(var(--size) / 1.5);
  padding: calc(var(--size) / 6);
}

/* Parent wrapper */
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}

.wrapper--vertical {
  flex-direction: row;
  height: 100vh;
}

/* Toggle direction button */
.toggle {
  --size: 3rem;
  position: relative;
  position: fixed;
  top: 1rem;
  left: 1rem;
  width: var(--size);
  height: var(--size);
  font: inherit;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: none;
  border-radius: 50%;
  color: inherit;
  background-color: var(--color-bg-accent);
  z-index: 1;
}

.toggle:focus-visible {
  box-shadow: 0 0 0 2px var(--color-text);
}

.toggle span {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: calc(100% + 0.4em);
  width: fit-content;
  white-space: nowrap;
  transform: translateY(-50%);
  animation: fade 400ms 4s ease-out forwards;
  user-select: none;
}

.toggle .marquee_container {
  --size: 1.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
  fill: currentcolor;
  transform: translate(-50%, -50%);
  transition: transform 300ms cubic-bezier(0.25, 1, 0.5, 1);
}

.toggle--vertical .marquee_container {
  transform: translate(-50%, -50%) rotate(-90deg);
}

@keyframes fade {
  to {
    opacity: 0;
    visibility: hidden;
  }
}
.search-form {
  display: flex;
  align-items: center;
  border: 1px solid #dddde0;
  border-radius: 8px;
  max-width: 400px;
  padding: 0px 16px;
}
.search-form input.search-field {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  padding: 8px;
  background: transparent;
  color: #9f9da6;
}
.search-form input.search-field::placeholder {
  color: #9f9da6;
}
.search-form button.search-submit {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-form button.search-submit svg {
  color: #9f9da6;
  width: 20px;
  height: 20px;
}
.search-form button.search-submit:hover svg {
  color: #85828e;
}

.hero-generic {
  padding: 120px 0;
  padding-top: calc(var(--paddingHeader) * 1.25);
  background: url("../assets/star-bg.svg"), linear-gradient(to bottom, #680ab3, #560bad);
  overflow: hidden;
  position: relative;
}
.hero-generic .hero-image_planet {
  position: absolute;
  right: -100px;
  top: -100px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 768px) {
  .hero-generic .hero-image_planet {
    display: none;
  }
}
.hero-generic .hero-generic_container {
  position: relative;
}
.hero-generic .hero-generic_container .subheading {
  color: var(--purple200);
}
.hero-generic .hero-generic_container .cta-button {
  margin: 0 auto;
}
.hero-generic .hero-generic_container .hero-image_logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  max-width: 200px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.56), 0px 0px 10px 0px rgba(255, 255, 255, 0.56);
  border-radius: 50%;
}
@media (max-width: 768px) {
  .hero-generic .hero-generic_container .hero-image_logo {
    display: none;
  }
}

.text-image {
  background: var(--neutre50);
  padding: 96px 0;
}
@media (max-width: 768px) {
  .text-image {
    padding: 48px 0;
  }
}
.text-image .text-image__container {
  display: flex;
  gap: 64px;
}
@media (max-width: 768px) {
  .text-image .text-image__container {
    flex-direction: column;
    gap: 24px;
  }
}
.text-image .text-image__container .text-image__subcontainer {
  flex: 1;
}
.text-image .text-image__container .text-image__subcontainer .text-image__content {
  color: var(--purple800);
}
.text-image .text-image__container .text-image__subcontainer .text-image__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 65px;
}
@media (max-width: 768px) {
  .text-image .text-image__container .text-image__subcontainer .text-image__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.text-image .text-image__container .text-image__subcontainer .text-image__items .text-image__item {
  display: flex;
  flex-direction: column;
}
.text-image .text-image__container .text-image__subcontainer .text-image__image {
  height: fit-content;
  width: 100%;
  max-height: 742px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .text-image .text-image__container .text-image__subcontainer .text-image__image {
    max-height: 400px;
  }
}
.text-image .text-image__container .text-image__subcontainer .text-image__cta {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pack-block {
  padding: 60px 0;
  background: var(--purple300);
}
@media (max-width: 768px) {
  .pack-block .pack-block__container-subheading {
    margin-bottom: 24px;
  }
}
.pack-block .pack-block__items-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 768px) {
  .pack-block .pack-block__items-container {
    grid-template-columns: 1fr;
  }
}
.pack-block .pack-block__items-container .pack-block__item {
  padding: 32px;
  background: var(--white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 24px;
  box-shadow: 0px 4px 6px -2px rgba(12, 4, 27, 0.031372549);
  box-shadow: 0px 12px 16px -4px rgba(12, 4, 27, 0.0784313725);
  border-radius: 16px;
  color: var(--purple800);
}
.pack-block .pack-block__items-container .pack-block__item .pack-block__item-icon-container {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  background: var(--purple100);
  justify-content: center;
  border-radius: 50%;
}
.pack-block .pack-block__items-container .pack-block__item.highlighted {
  background: linear-gradient(0deg, #560bab 7.04%, #7209b5 100%);
  color: var(--purple300);
  transform: translate(0, -32px);
}
@media (max-width: 768px) {
  .pack-block .pack-block__items-container .pack-block__item.highlighted {
    transform: translate(0, 0);
  }
}
.pack-block .pack-block__items-container .pack-block__item.highlighted .pack-block__item-icon-container {
  background: var(--purple500);
}

.card-title {
  padding: 60px 0;
}
.card-title .heading-2,
.card-title .subheading {
  max-width: 820px;
}
@media (max-width: 768px) {
  .card-title .subheading {
    margin-bottom: 24px;
  }
}
.card-title .card-title-items__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media (max-width: 768px) {
  .card-title .card-title-items__container {
    grid-template-columns: 1fr;
  }
}
.card-title .card-title-items__container .card-title__item {
  padding: 32px;
  border-radius: 16px;
  background: var(--neutre50);
}
.card-title .card-title-items__container .card-title__item .card-title__item-icon-container {
  margin-bottom: 18px;
  width: 48px;
  height: 48px;
  background: var(--purple100);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stepper {
  padding: 60px 0;
}
.stepper .stepper__container .subheading {
  max-width: 820px;
}
.stepper .stepper__container .tab-content {
  width: 100%;
  flex: 1;
}
.stepper .stepper__container .tab-content > .active {
  display: flex;
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .tab-content {
    height: 300px;
  }
}
.stepper .stepper__container .tab-content .tab-pane {
  width: 100%;
  height: 550px;
  justify-content: flex-end;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .tab-content .tab-pane {
    height: 300px;
  }
}
.stepper .stepper__container .tab-content .tab-pane iframe {
  width: 100%;
  max-width: 311px;
  height: 550px;
  border-radius: 8px;
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .tab-content .tab-pane iframe {
    height: 300px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .stepper-nav-container {
    flex-direction: column;
  }
}
.stepper .stepper__container .stepper-nav-container .nav {
  width: 100%;
  flex: 1.9;
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .stepper-nav-container .nav {
    flex: 1;
  }
}
@media only screen and (max-width: 600px) {
  .stepper .stepper__container .stepper-nav-container .nav .cta-button {
    margin-top: 12px;
    margin-bottom: 24px;
  }
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link {
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #dddde0;
  transition: transform 0.3s ease-in-out;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link .stepper-title__container {
  display: flex;
  gap: 16px;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link .stepper-number {
  color: var(--neutre600);
  font-weight: 700;
  margin-top: 8px;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link .stepper-title {
  font-weight: 600;
  color: var(--purple800);
  margin-bottom: 18px;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link .stepper-content {
  color: var(--purple800);
  max-height: 0px;
  overflow: hidden;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link.active {
  border-radius: 0;
  background: none;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link.active::before {
  background: var(--purple500);
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link.active .stepper-title {
  color: var(--purple500);
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link.active .stepper-content {
  max-height: 400px;
  transition: max-height 0.3s ease-in-out;
}
.stepper .stepper__container .stepper-nav-container .nav .nav-link.active .stepper-number {
  color: var(--purple500);
}

.valeur-block {
  padding: 60px 0;
  background: url("../assets/star-bg.svg"), linear-gradient(254.32deg, #560bab 0%, #7209b5 100%);
  overflow: hidden;
  position: relative;
}
.valeur-block .valeur-block__shape {
  position: absolute;
  bottom: -100px;
  left: -100px;
  width: 100%;
  max-width: 400px;
}
.valeur-block .valeur-block__container {
  display: flex;
  color: var(--neutre50);
  gap: 134px;
}
@media (max-width: 768px) {
  .valeur-block .valeur-block__container {
    flex-direction: column;
    gap: 24px;
  }
}
.valeur-block .valeur-block__container .valeur-block__subcontainer {
  flex: 1;
  z-index: 2;
  position: relative;
}
.valeur-block .valeur-block__container .valeur-block__subcontainer:nth-child(2) {
  flex: 1.2;
}
@media (max-width: 768px) {
  .valeur-block .valeur-block__container .valeur-block__subcontainer:nth-child(2) {
    flex: 1;
  }
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__content {
  line-height: 1.5;
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item {
  padding: 32px;
}
@media (max-width: 768px) {
  .valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item {
    padding: 24px;
  }
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item:nth-child(1), .valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item:nth-child(3) {
  border-right: 1px solid var(--purple100);
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item:nth-child(1), .valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item:nth-child(2) {
  border-bottom: 1px solid var(--purple100);
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item .valeur-block__item-icon-container {
  width: 40px;
  height: 40px;
  background: var(--purple300);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item .valeur-block__item-title {
  color: var(--purple500);
}
.valeur-block .valeur-block__container .valeur-block__subcontainer .valeur-block__items-container .valeur-block__item .valeur-block__item-content {
  color: var(--purple800);
  line-height: 1.4;
}

/*# sourceMappingURL=style.css.map */
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists