@tailwind base;

@tailwind components;

@tailwind utilities;

@font-face{
  font-family:"Hug Me Tight";

  src:url("./assets/fonts/HugMeTight.otf") format("opentype")
}

body{
  padding:0;
  margin:0;
  box-sizing:border-box;
  background-color:#F8F8F8;
  font-family:"Raleway", sans-serif
}

h1,h2,h3,h4,h5{
  line-height:1.15
}

p{
  line-height:1.5
}

.no-scroll{
  position:fixed;
  width:100%;
  overflow:hidden
}

html,body{
  overflow-x:hidden !important
}

html .swiper-3d .swiper-slide-shadow-left,html .swiper-3d .swiper-slide-shadow-right,body .swiper-3d .swiper-slide-shadow-left,body .swiper-3d .swiper-slide-shadow-right{
  pointer-events:none
}

html .swiper-slide .card,body .swiper-slide .card{
  position:relative;
  z-index:2;
  pointer-events:auto
}

html #hp-content .hero,body #hp-content .hero{
  position:relative;
  padding:30px 50px;
  margin:0 auto;
  max-width:1366px
}

@media (max-width:768px){
  html #hp-content .hero,body #hp-content .hero{
    padding:30px 35px 0
  }
}

html #hp-content .hero__image,body #hp-content .hero__image{
  width:100%;
  border-radius:30px;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top;
     object-position:top;
  overflow:hidden;
  filter:brightness(0.65);
  aspect-ratio:2.03
}

@media (max-width:768px){
  html #hp-content .hero__image,body #hp-content .hero__image{
    aspect-ratio:0.62
  }
}

html #hp-content .hero__content,body #hp-content .hero__content{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:calc(80% - 50px);
  color:#FEF1E9;
  text-align:center;
  transform:translate(-50%, -50%);
  gap:92px
}

@media (max-width:1024px){
  html #hp-content .hero__content,body #hp-content .hero__content{
    gap:50px;
    width:calc(80% - 30px)
  }
}

html #hp-content .hero__content__text,body #hp-content .hero__content__text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px
}

@media (max-width:768px){
  html #hp-content .hero__content__text,body #hp-content .hero__content__text{
    gap:50px
  }
}

html #hp-content .hero__content__text__title,body #hp-content .hero__content__text__title{
  font-size:calc(48px + ((52 - 48 ) * (100vw - 393px) / (1366 - 393)));
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .hero__content__text__title,body #hp-content .hero__content__text__title{
    font-size:52px
  }
}

@media (max-width: 393px){
  html #hp-content .hero__content__text__title,body #hp-content .hero__content__text__title{
    font-size:48px
  }
}

html #hp-content .hero__content__text__subtitle,body #hp-content .hero__content__text__subtitle{
  font-size:calc(28px + ((32 - 28 ) * (100vw - 768px) / (1366 - 768)));
  font-weight:400;
  display:inline-block;
  background:rgba(248, 248, 248, 0.1);
  padding:0.2em 0.4em;
  border-radius:15px;
  overflow:hidden
}

@media (min-width: 1366px){
  html #hp-content .hero__content__text__subtitle,body #hp-content .hero__content__text__subtitle{
    font-size:32px
  }
}

@media (max-width: 768px){
  html #hp-content .hero__content__text__subtitle,body #hp-content .hero__content__text__subtitle{
    font-size:28px
  }
}

@media (max-width:768px){
  html #hp-content .hero__content__text__subtitle,body #hp-content .hero__content__text__subtitle{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:15px
  }

  html #hp-content .hero__content__text__subtitle__part1,body #hp-content .hero__content__text__subtitle__part1{
    font-size:calc(28px + ((28 - 28 ) * (100vw - 393px) / (768 - 393)))
  }

  html #hp-content .hero__content__text__subtitle__part2,body #hp-content .hero__content__text__subtitle__part2{
    font-size:calc(22px + ((22 - 22 ) * (100vw - 393px) / (768 - 393)))
  }
}

@media (max-width:768px) and (min-width: 768px){
  html #hp-content .hero__content__text__subtitle__part1,body #hp-content .hero__content__text__subtitle__part1{
    font-size:28px
  }
}

@media (max-width:768px) and (max-width: 393px){
  html #hp-content .hero__content__text__subtitle__part1,body #hp-content .hero__content__text__subtitle__part1{
    font-size:28px
  }
}

@media (max-width:768px) and (min-width: 768px){
  html #hp-content .hero__content__text__subtitle__part2,body #hp-content .hero__content__text__subtitle__part2{
    font-size:22px
  }
}

@media (max-width:768px) and (max-width: 393px){
  html #hp-content .hero__content__text__subtitle__part2,body #hp-content .hero__content__text__subtitle__part2{
    font-size:22px
  }
}

html #hp-content .hero__content__button,body #hp-content .hero__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)))
}

html #hp-content .hero__content__button:hover,body #hp-content .hero__content__button:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  html #hp-content .hero__content__button,body #hp-content .hero__content__button{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .hero__content__button,body #hp-content .hero__content__button{
    font-size:16px
  }
}

@media (max-width:768px){
  html #hp-content .hero__content__button,body #hp-content .hero__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#52509E;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  html #hp-content .hero__content__button:hover,body #hp-content .hero__content__button:hover{
    background-color:#DF7F7B;
    color:#ffffff
  }
}

html #hp-content .about,body #hp-content .about{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 140px;
  margin:90px auto 130px;
  max-width:1366px
}

@media (max-width:1024px){
  html #hp-content .about,body #hp-content .about{
    padding:0 25px;
    margin:55px 25px 80px
  }
}

html #hp-content .about .header,body #hp-content .about .header{
  position:relative;
  width:350px
}

@media (max-width:768px){
  html #hp-content .about .header,body #hp-content .about .header{
    width:275px
  }
}

html #hp-content .about .header__title,body #hp-content .about .header__title{
  width:100%;
  color:#D83D36;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start;
  font-weight:500
}

@media (min-width: 1366px){
  html #hp-content .about .header__title,body #hp-content .about .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  html #hp-content .about .header__title,body #hp-content .about .header__title{
    font-size:36px
  }
}

html #hp-content .about .header__subtitle,body #hp-content .about .header__subtitle{
  width:100%;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:20px;
  text-align:end;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .about .header__subtitle,body #hp-content .about .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  html #hp-content .about .header__subtitle,body #hp-content .about .header__subtitle{
    font-size:32px
  }
}

@media (max-width:1024px){
  html #hp-content .about .header__subtitle,body #hp-content .about .header__subtitle{
    margin-top:15px
  }
}

html #hp-content .about .header__wave,body #hp-content .about .header__wave{
  display:flex;
  justify-content:end;
  align-items:center;
  width:100%;
  margin-top:4px
}

html #hp-content .about .cards,body #hp-content .about .cards{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  width:100%;
  padding:0;
  margin-top:80px;
  gap:35px
}

@media (max-width:1024px){
  html #hp-content .about .cards,body #hp-content .about .cards{
    display:block;
    grid-template-columns:none;
    padding:0 20px;
    margin-top:55px
  }

  html #hp-content .about .cards .swiper-wrapper,body #hp-content .about .cards .swiper-wrapper{
    display:flex;
    align-items:center;
    width:-moz-fit-content;
    width:fit-content;
    overflow-x:visible !important
  }

  html #hp-content .about .cards .swiper-slide,body #hp-content .about .cards .swiper-slide{
    width:-moz-fit-content;
    width:fit-content
  }

  html #hp-content .about .cards .card,body #hp-content .about .cards .card{
    pointer-events:none
  }
}

html #hp-content .about .cards .card,body #hp-content .about .cards .card{
  position:relative;
  display:flex;
  z-index:1;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:40px;
  margin:0 auto;
  box-shadow:10px 10px 40px rgba(0, 0, 0, 0.1);
  background-color:#ffffff;
  border-radius:30px;
  cursor:pointer;
  transition:all 0.3s ease;
  aspect-ratio:0.8
}

@media (min-width:1024px){
  html #hp-content .about .cards .card,body #hp-content .about .cards .card{
    width:100%;
    max-width:100%;
    min-width:0;
    padding:65px;
    box-sizing:border-box
  }
}

@media (max-width:1024px) and (min-width:768px){
  html #hp-content .about .cards .card,body #hp-content .about .cards .card{
    width:60vw;
    pointer-events:all
  }
}

@media (max-width:768px){
  html #hp-content .about .cards .card,body #hp-content .about .cards .card{
    width:75vw;
    padding:50px 40px;
    pointer-events:all
  }
}

html #hp-content .about .cards .card:hover,body #hp-content .about .cards .card:hover{
  box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25)
}

html #hp-content .about .cards .card__content,body #hp-content .about .cards .card__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:calc(5px + ((40 - 5 ) * (100vw - 1024px) / (1366 - 1024)));
  align-items:center;
  width:100%;
  height:100%
}

@media (min-width: 1366px){
  html #hp-content .about .cards .card__content,body #hp-content .about .cards .card__content{
    gap:40px
  }
}

@media (max-width: 1024px){
  html #hp-content .about .cards .card__content,body #hp-content .about .cards .card__content{
    gap:5px
  }
}

html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
  color:#52509E;
  font-weight:500;
  font-size:calc(18px + ((22 - 18 ) * (100vw - 1024px) / (1366 - 1024)));
  display:flex;
  flex-direction:column;
  flex-grow:1;
  justify-content:center;
  align-items:center;
  width:100%;
  text-align:center
}

@media (min-width: 1366px){
  html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
    font-size:22px
  }
}

@media (max-width: 1024px){
  html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
    font-size:18px
  }
}

@media (max-width:1024px){
  html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
    font-size:calc(22px + ((22 - 22 ) * (100vw - 393px) / (1024 - 393)))
  }
}

@media (max-width:1024px) and (min-width: 1024px){
  html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
    font-size:22px
  }
}

@media (max-width:1024px) and (max-width: 393px){
  html #hp-content .about .cards .card__content__title,body #hp-content .about .cards .card__content__title{
    font-size:22px
  }
}

html #hp-content .about .cards .card__content__image,body #hp-content .about .cards .card__content__image{
  width:115px
}

@media (max-width:1366px) and (min-width:1024px){
  html #hp-content .about .cards .card__content__image,body #hp-content .about .cards .card__content__image{
    height:80px
  }
}

html #hp-content .about .cards .card__content__icon,body #hp-content .about .cards .card__content__icon{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  overflow:visible
}

html #hp-content .about .cards .card__content__icon__arrow,body #hp-content .about .cards .card__content__icon__arrow{
  display:block !important
}

@media (max-width:1024px){
  html #hp-content .about .cards .card__content__icon__arrow,body #hp-content .about .cards .card__content__icon__arrow{
    display:none !important
  }
}

html #hp-content .about .cards .card__content__icon__more,body #hp-content .about .cards .card__content__icon__more{
  display:none !important
}

@media (max-width:1024px){
  html #hp-content .about .cards .card__content__icon__more,body #hp-content .about .cards .card__content__icon__more{
    display:block !important
  }
}

html #hp-content .about .cards .card__expanded_content,body #hp-content .about .cards .card__expanded_content{
  display:none;
  color:#52509E;
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .about .cards .card__expanded_content,body #hp-content .about .cards .card__expanded_content{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .about .cards .card__expanded_content,body #hp-content .about .cards .card__expanded_content{
    font-size:18px
  }
}

html #hp-content .about .cards .card.hidden,body #hp-content .about .cards .card.hidden{
  display:none
}

html #hp-content .about .cards .card.expanded,body #hp-content .about .cards .card.expanded{
  display:flex;
  z-index:1000;
  justify-content:flex-start;
  grid-column:span 3;
  width:100%;
  height:var(--original-height);
  margin:0;
  box-shadow:15px 15px 50px rgba(0, 0, 0, 0.3);
  background-color:#ffffff;
  text-align:left;
  transition:all 0.3s ease-in-out;
  gap:100px
}

html #hp-content .about .cards .card.expanded.card-left,body #hp-content .about .cards .card.expanded.card-left{
  flex-direction:row
}

html #hp-content .about .cards .card.expanded.card-right,body #hp-content .about .cards .card.expanded.card-right{
  flex-direction:row-reverse
}

html #hp-content .about .cards .card.expanded .card__expanded_content,body #hp-content .about .cards .card.expanded .card__expanded_content{
  display:flex;
  flex:1
}

html #hp-content .about .cards .card.expanded .card__content,body #hp-content .about .cards .card.expanded .card__content{
  flex-shrink:0;
  width:var(--original-width)
}

html #hp-content .about .modal__overlay,body #hp-content .about .modal__overlay{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  background:rgba(0, 0, 0, 0.5)
}

html #hp-content .about .modal__content,body #hp-content .about .modal__content{
  position:fixed;
  top:50%;
  left:50%;
  padding:70px 25px;
  background:#52509E;
  border-radius:30px;
  color:#ffffff;
  transform:translate(-50%, -50%);
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  z-index:1001;
  width:80%;
  max-height:80%;
  font-weight:500;
  overflow:auto
}

@media (min-width: 1366px){
  html #hp-content .about .modal__content,body #hp-content .about .modal__content{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .about .modal__content,body #hp-content .about .modal__content{
    font-size:16px
  }
}

html #hp-content .about .modal__content__close,body #hp-content .about .modal__content__close{
  position:absolute;
  top:35px;
  right:25px;
  background:none;
  border:none;
  cursor:pointer;
  color:#ffffff
}

html #hp-content .actions,body #hp-content .actions{
  padding:100px 0 115px;
  background-color:#ffffff
}

@media (max-width:1024px){
  html #hp-content .actions,body #hp-content .actions{
    padding:45px 0 65px
  }
}

html #hp-content .actions .content,body #hp-content .actions .content{
  max-width:1366px;
  padding:0 140px;
  margin:0 auto
}

@media (max-width:1024px){
  html #hp-content .actions .content,body #hp-content .actions .content{
    padding:0 25px
  }
}

html #hp-content .actions .content .header,body #hp-content .actions .content .header{
  position:relative;
  width:-moz-min-content;
  width:min-content;
  margin:0 auto 115px
}

@media (max-width:1024px){
  html #hp-content .actions .content .header,body #hp-content .actions .content .header{
    margin:0 auto 50px
  }
}

html #hp-content .actions .content .header__title,body #hp-content .actions .content .header__title{
  width:-moz-fit-content;
  width:fit-content;
  color:#D83D36;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start
}

@media (min-width: 1366px){
  html #hp-content .actions .content .header__title,body #hp-content .actions .content .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  html #hp-content .actions .content .header__title,body #hp-content .actions .content .header__title{
    font-size:36px
  }
}

html #hp-content .actions .content .header__subtitle,body #hp-content .actions .content .header__subtitle{
  width:-moz-fit-content;
  width:fit-content;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:20px;
  text-align:start;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .actions .content .header__subtitle,body #hp-content .actions .content .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  html #hp-content .actions .content .header__subtitle,body #hp-content .actions .content .header__subtitle{
    font-size:32px
  }
}

@media (max-width:1024px){
  html #hp-content .actions .content .header__subtitle,body #hp-content .actions .content .header__subtitle{
    margin-top:15px
  }
}

html #hp-content .actions .content .header__line,body #hp-content .actions .content .header__line{
  width:-moz-min-content;
  width:min-content;
  margin-top:4px
}

html #hp-content .actions .content .mental_card,body #hp-content .actions .content .mental_card{
  width:100%
}

@media (min-width:500px) and (max-width:1024px){
  html #hp-content .actions .content .mental_card,body #hp-content .actions .content .mental_card{
    width:80%;
    margin:0 auto
  }
}

html #hp-content .actions .content .mental_card.desktop,body #hp-content .actions .content .mental_card.desktop{
  overflow:visible
}

html #hp-content .actions .content .mental_card.desktop svg,body #hp-content .actions .content .mental_card.desktop svg{
  overflow:visible
}

html #hp-content .actions .content .mental_card.desktop svg .zone,body #hp-content .actions .content .mental_card.desktop svg .zone{
  cursor:pointer;
  transform-origin:center;
  transition:transform 0.3s ease, opacity 0.3s ease
}

html #hp-content .actions .content .mental_card.desktop svg .zone.active,body #hp-content .actions .content .mental_card.desktop svg .zone.active{
  opacity:1;
  transform:scale(1.01)
}

html #hp-content .actions .content .mental_card.desktop svg .zone.active .banner,body #hp-content .actions .content .mental_card.desktop svg .zone.active .banner{
  fill:#D83D36 !important;
  transition:fill 0.3s ease
}

html #hp-content .actions .content .mental_card.desktop svg .zone.dimmed:not(.active),body #hp-content .actions .content .mental_card.desktop svg .zone.dimmed:not(.active){
  opacity:0.4;
  transform:scale(1)
}

html #hp-content .actions .content .mental_card.desktop svg .zone path,body #hp-content .actions .content .mental_card.desktop svg .zone path{
  pointer-events:all
}

html #hp-content .actions .content .mental_card.mobile svg,body #hp-content .actions .content .mental_card.mobile svg{
  overflow:visible
}

html #hp-content .actions .content .mental_card.mobile svg .zone path,body #hp-content .actions .content .mental_card.mobile svg .zone path{
  pointer-events:all
}

html #hp-content .actions .content .info_bubble,body #hp-content .actions .content .info_bubble{
  position:absolute;
  display:none;
  z-index:1000;
  max-width:250px;
  padding:16px;
  box-shadow:0 12px 32px rgba(0, 0, 0, 0.5);
  background:#FEF1E9;
  border-radius:12px;
  color:#52509E;
  font-size:1rem;
  transition:opacity 0.2s ease
}

html #hp-content .actions .content .info_bubble::before,body #hp-content .actions .content .info_bubble::before{
  position:absolute;
  top:50%;
  width:40px;
  height:28px;
  background:#FEF1E9;
  transform:translateY(-50%);
  content:"";
  clip-path:polygon(100% 50%, 0 0, 0 100%)
}

html #hp-content .actions .content .info_bubble[data-side="left"]::before,body #hp-content .actions .content .info_bubble[data-side="left"]::before{
  right:-36px
}

html #hp-content .actions .content .info_bubble[data-side="right"]::before,body #hp-content .actions .content .info_bubble[data-side="right"]::before{
  left:-36px;
  transform:translateY(-50%) scaleX(-1)
}

html #hp-content .actions .content .modal__overlay,body #hp-content .actions .content .modal__overlay{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  background:rgba(0, 0, 0, 0.5)
}

html #hp-content .actions .content .modal__content,body #hp-content .actions .content .modal__content{
  position:fixed;
  top:50%;
  left:50%;
  padding:70px 25px;
  background:#FEF1E9;
  border-radius:30px;
  color:black;
  transform:translate(-50%, -50%);
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  z-index:1001;
  width:80%;
  max-height:80%;
  font-weight:500;
  overflow:auto
}

@media (min-width: 1366px){
  html #hp-content .actions .content .modal__content,body #hp-content .actions .content .modal__content{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .actions .content .modal__content,body #hp-content .actions .content .modal__content{
    font-size:16px
  }
}

html #hp-content .actions .content .modal__content__close,body #hp-content .actions .content .modal__content__close{
  position:absolute;
  top:35px;
  right:25px;
  background:none;
  border:none;
  cursor:pointer;
  color:#ffffff
}

html #hp-content .actions .contact,body #hp-content .actions .contact{
  width:100%
}

html #hp-content .actions .contact__form,body #hp-content .actions .contact__form{
  width:100%;
  overflow:hidden
}

html #hp-content .values,body #hp-content .values{
  padding:120px 0 0;
  margin:0 auto
}

@media (max-width:1024px){
  html #hp-content .values,body #hp-content .values{
    padding:80px 25px 100px
  }
}

html #hp-content .values .header,body #hp-content .values .header{
  position:relative;
  width:400px;
  margin:0 auto
}

@media (max-width:500px){
  html #hp-content .values .header,body #hp-content .values .header{
    width:100%;
    padding:0 20px
  }
}

html #hp-content .values .header__title,body #hp-content .values .header__title{
  width:100%;
  color:#D83D36;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start
}

@media (min-width: 1366px){
  html #hp-content .values .header__title,body #hp-content .values .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  html #hp-content .values .header__title,body #hp-content .values .header__title{
    font-size:36px
  }
}

html #hp-content .values .header__subtitle,body #hp-content .values .header__subtitle{
  width:100%;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:20px;
  text-align:end;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .values .header__subtitle,body #hp-content .values .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  html #hp-content .values .header__subtitle,body #hp-content .values .header__subtitle{
    font-size:32px
  }
}

@media (max-width:1024px){
  html #hp-content .values .header__subtitle,body #hp-content .values .header__subtitle{
    margin-top:15px
  }
}

html #hp-content .values .header__line,body #hp-content .values .header__line{
  display:flex;
  justify-content:end;
  align-items:center;
  width:100%;
  margin-top:4px
}

html #hp-content .values .values_swiper,body #hp-content .values .values_swiper{
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  overflow:visible;
  top:4rem
}

@media (max-width:1024px) and (min-width:768px){
  html #hp-content .values .values_swiper,body #hp-content .values .values_swiper{
    width:400px;
    margin:60px auto 0;
    aspect-ratio:0.75
  }
}

@media (max-width:768px) and (min-width:500px){
  html #hp-content .values .values_swiper,body #hp-content .values .values_swiper{
    width:350px;
    margin:50px auto 0;
    aspect-ratio:0.75
  }
}

@media (max-width:500px){
  html #hp-content .values .values_swiper,body #hp-content .values .values_swiper{
    width:250px;
    margin:50px auto 0;
    aspect-ratio:0.75
  }
}

html #hp-content .values .values_swiper .swiper-wrapper,body #hp-content .values .values_swiper .swiper-wrapper{
  height:-moz-fit-content;
  height:fit-content
}

@media (min-width:1025px){
  html #hp-content .values .values_swiper .swiper-wrapper,body #hp-content .values .values_swiper .swiper-wrapper{
    position:relative;
    display:flex;
    z-index:100;
    justify-content:center;
    align-items:center;
    width:100vw;
    height:100%
  }
}

html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:center;
  width:340px;
  max-width:340px;
  padding:35px;
  margin:0 auto;
  box-sizing:border-box;
  background-color:#ffffff;
  border-radius:30px;
  overflow:hidden !important;
  aspect-ratio:0.75
}

@media (min-width:1025px){
  html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
    box-shadow:10px 10px 40px rgba(0, 0, 0, 0.1);
    transform:translateX(100vw)
  }

  html #hp-content .values .values_swiper .card:hover,body #hp-content .values .values_swiper .card:hover{
    box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25)
  }
}

@media (max-width:1024px){
  html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
    margin:0
  }
}

@media (max-width:1024px) and (min-width:768px){
  html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
    width:400px;
    height:533px;
    max-width:400px
  }
}

@media (max-width:768px) and (min-width:500px){
  html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
    width:350px;
    height:466px;
    max-width:350px
  }
}

@media (max-width:500px){
  html #hp-content .values .values_swiper .card,body #hp-content .values .values_swiper .card{
    width:300px;
    height:400px;
    max-width:300px;
    padding:20px
  }
}

html #hp-content .values .values_swiper .card__header,body #hp-content .values .values_swiper .card__header{
  position:absolute;
  top:-15%;
  display:flex;
  flex-direction:column;
  justify-content:end;
  align-items:center;
  width:100%;
  height:40%;
  padding-bottom:30px;
  background-color:#ffffff;
  border-radius:50%;
  font-size:calc(19px + ((22 - 19 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  html #hp-content .values .values_swiper .card__header,body #hp-content .values .values_swiper .card__header{
    font-size:22px
  }
}

@media (max-width: 393px){
  html #hp-content .values .values_swiper .card__header,body #hp-content .values .values_swiper .card__header{
    font-size:19px
  }
}

@media (max-width:500px){
  html #hp-content .values .values_swiper .card__header,body #hp-content .values .values_swiper .card__header{
    height:40%;
    padding-bottom:20px
  }
}

html #hp-content .values .values_swiper .card__header__title,body #hp-content .values .values_swiper .card__header__title{
  font-weight:500
}

html #hp-content .values .values_swiper .card__header__subtitle,body #hp-content .values .values_swiper .card__header__subtitle{
  font-weight:700
}

html #hp-content .values .values_swiper .card__content,body #hp-content .values .values_swiper .card__content{
  display:flex;
  flex-direction:column;
  align-items:start;
  width:100%;
  font-weight:400;
  gap:16px
}

@media (max-width:1024px){
  html #hp-content .values .values_swiper .card__content,body #hp-content .values .values_swiper .card__content{
    gap:10px
  }
}

html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
  font-size:calc(12px + ((18 - 12 ) * (100vw - 1024px) / (1366 - 1024)));
  width:100%
}

@media (min-width: 1366px){
  html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
    font-size:18px
  }
}

@media (max-width: 1024px){
  html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
    font-size:12px
  }
}

@media (max-width:1024px){
  html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
    font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1024 - 393)))
  }
}

@media (max-width:1024px) and (min-width: 1024px){
  html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
    font-size:18px
  }
}

@media (max-width:1024px) and (max-width: 393px){
  html #hp-content .values .values_swiper .card__content__description,body #hp-content .values .values_swiper .card__content__description{
    font-size:16px
  }
}

html #hp-content .values .values_swiper .card__content__button,body #hp-content .values .values_swiper .card__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#ffffff;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(16px + ((19 - 16 ) * (100vw - 393px) / (1366 - 393)))
}

html #hp-content .values .values_swiper .card__content__button:hover,body #hp-content .values .values_swiper .card__content__button:hover{
  background-color:#ffffff;
  color:#ffffff
}

@media (min-width: 1366px){
  html #hp-content .values .values_swiper .card__content__button,body #hp-content .values .values_swiper .card__content__button{
    font-size:19px
  }
}

@media (max-width: 393px){
  html #hp-content .values .values_swiper .card__content__button,body #hp-content .values .values_swiper .card__content__button{
    font-size:16px
  }
}

@media (max-width:1024px){
  html #hp-content .values .values_swiper .card__content__button,body #hp-content .values .values_swiper .card__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#ffffff;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  html #hp-content .values .values_swiper .card__content__button:hover,body #hp-content .values .values_swiper .card__content__button:hover{
    background-color:#ffffff;
    color:#ffffff
  }
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+1),body #hp-content .values .values_swiper .card:nth-of-type(5n+1){
  background-color:#6E72B3;
  color:#ffffff
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+1) .card__header,body #hp-content .values .values_swiper .card:nth-of-type(5n+1) .card__header{
  color:#6E72B3
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+1) .card__content__button,body #hp-content .values .values_swiper .card:nth-of-type(5n+1) .card__content__button{
  color:#6E72B3
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+2),body #hp-content .values .values_swiper .card:nth-of-type(5n+2){
  background-color:#DF7F7B;
  color:#ffffff
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+2) .card__header,body #hp-content .values .values_swiper .card:nth-of-type(5n+2) .card__header{
  color:#DF7F7B
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+2) .card__content__button,body #hp-content .values .values_swiper .card:nth-of-type(5n+2) .card__content__button{
  color:#DF7F7B
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+3),body #hp-content .values .values_swiper .card:nth-of-type(5n+3){
  background-color:#FEF1E9;
  color:#D83D36
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+3) .card__header,body #hp-content .values .values_swiper .card:nth-of-type(5n+3) .card__header{
  color:#D83D36
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+3) .card__content__button,body #hp-content .values .values_swiper .card:nth-of-type(5n+3) .card__content__button{
  color:#D83D36
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+4),body #hp-content .values .values_swiper .card:nth-of-type(5n+4){
  background-color:#52509E;
  color:#ffffff
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+4) .card__header,body #hp-content .values .values_swiper .card:nth-of-type(5n+4) .card__header{
  color:#52509E
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+4) .card__content__button,body #hp-content .values .values_swiper .card:nth-of-type(5n+4) .card__content__button{
  color:#52509E
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+5),body #hp-content .values .values_swiper .card:nth-of-type(5n+5){
  background-color:#D83D36;
  color:#ffffff
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+5) .card__header,body #hp-content .values .values_swiper .card:nth-of-type(5n+5) .card__header{
  color:#D83D36
}

html #hp-content .values .values_swiper .card:nth-of-type(5n+5) .card__content__button,body #hp-content .values .values_swiper .card:nth-of-type(5n+5) .card__content__button{
  color:#D83D36
}

html #hp-content .our_news,body #hp-content .our_news{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:0 140px;
  margin:10rem auto 130px;
  max-width:1366px
}

@media (max-width:1024px){
  html #hp-content .our_news,body #hp-content .our_news{
    margin:0 auto 75px
  }
}

@media (max-width:1024px) and (min-width:768px){
  html #hp-content .our_news,body #hp-content .our_news{
    padding:0 30px
  }
}

@media (max-width:768px) and (min-width:500px){
  html #hp-content .our_news,body #hp-content .our_news{
    padding:0 50px
  }
}

@media (max-width:500px){
  html #hp-content .our_news,body #hp-content .our_news{
    padding:0 20px
  }
}

html #hp-content .our_news .header,body #hp-content .our_news .header{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:-moz-min-content;
  width:min-content;
  margin:0 auto 75px
}

html #hp-content .our_news .header__title,body #hp-content .our_news .header__title{
  width:-moz-fit-content;
  width:fit-content;
  color:#D83D36;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start
}

@media (min-width: 1366px){
  html #hp-content .our_news .header__title,body #hp-content .our_news .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .header__title,body #hp-content .our_news .header__title{
    font-size:36px
  }
}

html #hp-content .our_news .header__subtitle,body #hp-content .our_news .header__subtitle{
  width:-moz-fit-content;
  width:fit-content;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:20px;
  text-align:start;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .our_news .header__subtitle,body #hp-content .our_news .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .header__subtitle,body #hp-content .our_news .header__subtitle{
    font-size:32px
  }
}

@media (max-width:1024px){
  html #hp-content .our_news .header__subtitle,body #hp-content .our_news .header__subtitle{
    margin-top:15px
  }
}

html #hp-content .our_news .header__line,body #hp-content .our_news .header__line{
  width:-moz-min-content;
  width:min-content;
  margin-top:4px
}

html #hp-content .our_news .news,body #hp-content .our_news .news{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  gap:50px
}

html #hp-content .our_news .news .news_card,body #hp-content .our_news .news .news_card{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  padding:30px;
  box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25);
  background-color:#ffffff;
  border-radius:30px;
  gap:50px
}

@media (min-width:769px){
  html #hp-content .our_news .news .news_card,body #hp-content .our_news .news .news_card{
    height:350px
  }

  html #hp-content .our_news .news .news_card.image_left,body #hp-content .our_news .news .news_card.image_left{
    flex-direction:row
  }

  html #hp-content .our_news .news .news_card.image_right,body #hp-content .our_news .news .news_card.image_right{
    flex-direction:row-reverse
  }
}

@media (max-width:768px){
  html #hp-content .our_news .news .news_card,body #hp-content .our_news .news .news_card{
    flex-direction:column;
    padding:15px 25px 40px;
    gap:20px
  }
}

@media (max-width:768px) and (min-width:500px){
  html #hp-content .our_news .news .news_card,body #hp-content .our_news .news .news_card{
    width:80%;
    height:auto;
    max-width:80%
  }
}

@media (max-width:500px){
  html #hp-content .our_news .news .news_card,body #hp-content .our_news .news .news_card{
    width:85%;
    height:auto;
    max-width:85%
  }
}

html #hp-content .our_news .news .news_card__illustration,body #hp-content .our_news .news .news_card__illustration{
  height:100%;
  border-radius:15px;
  -o-object-fit:cover;
     object-fit:cover;
  aspect-ratio:1
}

@media (max-width:768px){
  html #hp-content .our_news .news .news_card__illustration,body #hp-content .our_news .news .news_card__illustration{
    width:100%;
    height:auto;
    aspect-ratio:1.25
  }
}

@media (max-width:768px) and (min-width:500px){
  html #hp-content .our_news .news .news_card__illustration,body #hp-content .our_news .news .news_card__illustration{
    aspect-ratio:1.25
  }
}

html #hp-content .our_news .news .news_card__content,body #hp-content .our_news .news .news_card__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:start;
  width:100%;
  height:100%;
  gap:20px
}

@media (max-width:768px){
  html #hp-content .our_news .news .news_card__content,body #hp-content .our_news .news .news_card__content{
    flex:1 1 0;
    height:auto
  }
}

@media (min-width:768px){
  html #hp-content .our_news .news .news_card__content__header,body #hp-content .our_news .news .news_card__content__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
  }
}

html #hp-content .our_news .news .news_card__content__header__title,body #hp-content .our_news .news .news_card__content__header__title{
  font-size:calc(21px + ((25 - 21 ) * (100vw - 393px) / (1366 - 393)));
  color:#D83D36;
  font-weight:700
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__header__title,body #hp-content .our_news .news .news_card__content__header__title{
    font-size:25px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__header__title,body #hp-content .our_news .news .news_card__content__header__title{
    font-size:21px
  }
}

html #hp-content .our_news .news .news_card__content__header__reading_time,body #hp-content .our_news .news .news_card__content__header__reading_time{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  color:#DF7F7B;
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__header__reading_time,body #hp-content .our_news .news .news_card__content__header__reading_time{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__header__reading_time,body #hp-content .our_news .news .news_card__content__header__reading_time{
    font-size:16px
  }
}

@media (max-width:768px){
  html #hp-content .our_news .news .news_card__content__header__reading_time,body #hp-content .our_news .news .news_card__content__header__reading_time{
    display:none
  }

  html #hp-content .our_news .news .news_card__content__informations,body #hp-content .our_news .news .news_card__content__informations{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
  }
}

html #hp-content .our_news .news .news_card__content__informations__date,body #hp-content .our_news .news .news_card__content__informations__date{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  color:#DF7F7B;
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__informations__date,body #hp-content .our_news .news .news_card__content__informations__date{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__informations__date,body #hp-content .our_news .news .news_card__content__informations__date{
    font-size:16px
  }
}

html #hp-content .our_news .news .news_card__content__informations__reading_time,body #hp-content .our_news .news .news_card__content__informations__reading_time{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  color:#DF7F7B;
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__informations__reading_time,body #hp-content .our_news .news .news_card__content__informations__reading_time{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__informations__reading_time,body #hp-content .our_news .news .news_card__content__informations__reading_time{
    font-size:16px
  }
}

@media (min-width:768px){
  html #hp-content .our_news .news .news_card__content__informations__reading_time,body #hp-content .our_news .news .news_card__content__informations__reading_time{
    display:none
  }
}

html #hp-content .our_news .news .news_card__content__text,body #hp-content .our_news .news .news_card__content__text{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  align-items:start
}

html #hp-content .our_news .news .news_card__content__text__description,body #hp-content .our_news .news .news_card__content__text__description{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  color:#52509E;
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__text__description,body #hp-content .our_news .news .news_card__content__text__description{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__text__description,body #hp-content .our_news .news .news_card__content__text__description{
    font-size:18px
  }
}

html #hp-content .our_news .news .news_card__content__text__taxonomy,body #hp-content .our_news .news .news_card__content__text__taxonomy{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  color:#A6A6CD;
  font-style:italic;
  font-weight:400
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__text__taxonomy,body #hp-content .our_news .news .news_card__content__text__taxonomy{
    font-size:18px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__text__taxonomy,body #hp-content .our_news .news .news_card__content__text__taxonomy{
    font-size:18px
  }
}

html #hp-content .our_news .news .news_card__content__button,body #hp-content .our_news .news .news_card__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#DF7F7B;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(14px + ((16 - 14 ) * (100vw - 393px) / (1366 - 393)))
}

html #hp-content .our_news .news .news_card__content__button:hover,body #hp-content .our_news .news .news_card__content__button:hover{
  background-color:#52509E;
  color:#ffffff
}

@media (min-width: 1366px){
  html #hp-content .our_news .news .news_card__content__button,body #hp-content .our_news .news .news_card__content__button{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .news .news_card__content__button,body #hp-content .our_news .news .news_card__content__button{
    font-size:14px
  }
}

@media (max-width:1024px){
  html #hp-content .our_news .news .news_card__content__button,body #hp-content .our_news .news .news_card__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#DF7F7B;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  html #hp-content .our_news .news .news_card__content__button:hover,body #hp-content .our_news .news .news_card__content__button:hover{
    background-color:#52509E;
    color:#ffffff
  }
}

html #hp-content .our_news .news .swiper-pagination,body #hp-content .our_news .news .swiper-pagination{
  display:flex;
  justify-content:center;
  margin-top:20px
}

html #hp-content .our_news .news .swiper-pagination .swiper-pagination-bullet,body #hp-content .our_news .news .swiper-pagination .swiper-pagination-bullet{
  background:#A6A6CD
}

html #hp-content .our_news .news .swiper-pagination .swiper-pagination-bullet-active,body #hp-content .our_news .news .swiper-pagination .swiper-pagination-bullet-active{
  background:#52509E
}

html #hp-content .our_news .button,body #hp-content .our_news .button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:80px;
  font-weight:500
}

html #hp-content .our_news .button:hover,body #hp-content .our_news .button:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  html #hp-content .our_news .button,body #hp-content .our_news .button{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .our_news .button,body #hp-content .our_news .button{
    font-size:16px
  }
}

@media (max-width:768px){
  html #hp-content .our_news .button,body #hp-content .our_news .button{
    margin-top:50px
  }
}

html #hp-content .contact,body #hp-content .contact{
  padding:105px 0 150px;
  background-color:#ffffff
}

@media (max-width:1024px){
  html #hp-content .contact,body #hp-content .contact{
    padding:75px 0 80px
  }
}

html #hp-content .contact .content,body #hp-content .contact .content{
  max-width:1366px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:end;
  padding:0 140px;
  margin:0 auto;
  gap:7rem
}

@media (max-width:1024px) and (min-width:768px){
  html #hp-content .contact .content,body #hp-content .contact .content{
    padding:0 50px;
    gap:4rem
  }
}

@media (max-width:768px){
  html #hp-content .contact .content,body #hp-content .contact .content{
    flex-direction:column;
    align-items:center;
    padding:0 50px;
    gap:4rem
  }
}

html #hp-content .contact .content .form_container,body #hp-content .contact .content .form_container{
  display:flex;
  flex-direction:column;
  flex-grow:1;
  justify-content:space-between;
  align-items:center;
  width:-moz-max-content;
  width:max-content;
  max-width:100%;
  gap:90px
}

html #hp-content .contact .content .form_container .header,body #hp-content .contact .content .form_container .header{
  position:relative;
  width:250px
}

@media (max-width:768px){
  html #hp-content .contact .content .form_container .header,body #hp-content .contact .content .form_container .header{
    padding:0
  }
}

html #hp-content .contact .content .form_container .header__title,body #hp-content .contact .content .form_container .header__title{
  width:100%;
  color:#D83D36;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start
}

@media (min-width: 1366px){
  html #hp-content .contact .content .form_container .header__title,body #hp-content .contact .content .form_container .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  html #hp-content .contact .content .form_container .header__title,body #hp-content .contact .content .form_container .header__title{
    font-size:36px
  }
}

html #hp-content .contact .content .form_container .header__subtitle,body #hp-content .contact .content .form_container .header__subtitle{
  width:100%;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:20px;
  text-align:end;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  html #hp-content .contact .content .form_container .header__subtitle,body #hp-content .contact .content .form_container .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  html #hp-content .contact .content .form_container .header__subtitle,body #hp-content .contact .content .form_container .header__subtitle{
    font-size:32px
  }
}

@media (max-width:1024px){
  html #hp-content .contact .content .form_container .header__subtitle,body #hp-content .contact .content .form_container .header__subtitle{
    margin-top:15px
  }
}

html #hp-content .contact .content .form_container .header__wave,body #hp-content .contact .content .form_container .header__wave{
  display:flex;
  justify-content:end;
  align-items:center;
  width:100%;
  margin-top:4px
}

html #hp-content .contact .content .form_container .form,body #hp-content .contact .content .form_container .form{
  max-width:900px;
  margin:0
}

html #hp-content .contact .content .form_container .form form,body #hp-content .contact .content .form_container .form form{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:1rem
}

html #hp-content .contact .content .form_container .form form .name,html #hp-content .contact .content .form_container .form form .contact_details,body #hp-content .contact .content .form_container .form form .name,body #hp-content .contact .content .form_container .form form .contact_details{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:2rem
}

@media (max-width:768px){
  html #hp-content .contact .content .form_container .form form .name,html #hp-content .contact .content .form_container .form form .contact_details,body #hp-content .contact .content .form_container .form form .name,body #hp-content .contact .content .form_container .form form .contact_details{
    flex-direction:column;
    justify-content:center;
    gap:1rem
  }
}

html #hp-content .contact .content .form_container .form form .validation,body #hp-content .contact .content .form_container .form form .validation{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:2rem
}

@media (max-width:768px){
  html #hp-content .contact .content .form_container .form form .validation,body #hp-content .contact .content .form_container .form form .validation{
    flex-direction:column;
    justify-content:center;
    align-items:start;
    margin-top:2rem;
    gap:1rem
  }
}

html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"],body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"]{
  color:#52509E;
  font-size:calc(13px + ((13 - 13 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"],body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"]{
    font-size:13px
  }
}

@media (max-width: 393px){
  html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"],body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"]{
    font-size:13px
  }
}

html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] span.wpcf7-list-item,body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] span.wpcf7-list-item{
  display:flex !important;
  align-items:center;
  margin:0;
  gap:0.5rem
}

html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] input[type="checkbox"],body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] input[type="checkbox"]{
  vertical-align:middle;
  width:16px;
  height:16px;
  border:2px solid #A6A6CD;
  border-radius:50%;
  outline:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  accent-color:#A6A6CD
}

html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] input[type="checkbox"]:checked,body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] input[type="checkbox"]:checked{
  background-color:#A6A6CD
}

html #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] .wpcf7-list-item-label,body #hp-content .contact .content .form_container .form form .validation span[data-name="agree"] .wpcf7-list-item-label{
  line-height:1
}

html #hp-content .contact .content .form_container .form form .validation .wpcf7-spinner,body #hp-content .contact .content .form_container .form form .validation .wpcf7-spinner{
  display:none
}

html #hp-content .contact .content .form_container .form form .validation input[type="submit"],body #hp-content .contact .content .form_container .form form .validation input[type="submit"]{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)))
}

html #hp-content .contact .content .form_container .form form .validation input[type="submit"]:hover,body #hp-content .contact .content .form_container .form form .validation input[type="submit"]:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  html #hp-content .contact .content .form_container .form form .validation input[type="submit"],body #hp-content .contact .content .form_container .form form .validation input[type="submit"]{
    font-size:16px
  }
}

@media (max-width: 393px){
  html #hp-content .contact .content .form_container .form form .validation input[type="submit"],body #hp-content .contact .content .form_container .form form .validation input[type="submit"]{
    font-size:16px
  }
}

@media (max-width:1024px){
  html #hp-content .contact .content .form_container .form form .validation input[type="submit"],body #hp-content .contact .content .form_container .form form .validation input[type="submit"]{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#DF7F7B;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  html #hp-content .contact .content .form_container .form form .validation input[type="submit"]:hover,body #hp-content .contact .content .form_container .form form .validation input[type="submit"]:hover{
    background-color:#52509E;
    color:#ffffff
  }
}

@media (max-width:768px){
  html #hp-content .contact .content .form_container .form form .validation input[type="submit"],body #hp-content .contact .content .form_container .form form .validation input[type="submit"]{
    margin-top:1.5rem
  }
}

html #hp-content .contact .content .form_container .form form .first_name,html #hp-content .contact .content .form_container .form form .last_name,html #hp-content .contact .content .form_container .form form .phone,html #hp-content .contact .content .form_container .form form .email,html #hp-content .contact .content .form_container .form form .company,html #hp-content .contact .content .form_container .form form .message,body #hp-content .contact .content .form_container .form form .first_name,body #hp-content .contact .content .form_container .form form .last_name,body #hp-content .contact .content .form_container .form form .phone,body #hp-content .contact .content .form_container .form form .email,body #hp-content .contact .content .form_container .form form .company,body #hp-content .contact .content .form_container .form form .message{
  display:flex;
  flex-direction:column;
  align-items:start;
  width:100%
}

html #hp-content .contact .content .form_container .form form .first_name [data-name="your-message"],html #hp-content .contact .content .form_container .form form .first_name [data-name="your-company"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-message"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-company"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-message"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-company"],html #hp-content .contact .content .form_container .form form .email [data-name="your-message"],html #hp-content .contact .content .form_container .form form .email [data-name="your-company"],html #hp-content .contact .content .form_container .form form .company [data-name="your-message"],html #hp-content .contact .content .form_container .form form .company [data-name="your-company"],html #hp-content .contact .content .form_container .form form .message [data-name="your-message"],html #hp-content .contact .content .form_container .form form .message [data-name="your-company"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-message"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-company"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-message"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-company"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-message"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-company"],body #hp-content .contact .content .form_container .form form .email [data-name="your-message"],body #hp-content .contact .content .form_container .form form .email [data-name="your-company"],body #hp-content .contact .content .form_container .form form .company [data-name="your-message"],body #hp-content .contact .content .form_container .form form .company [data-name="your-company"],body #hp-content .contact .content .form_container .form form .message [data-name="your-message"],body #hp-content .contact .content .form_container .form form .message [data-name="your-company"]{
  width:100%
}

html #hp-content .contact .content .form_container .form form .first_name .label,html #hp-content .contact .content .form_container .form form .last_name .label,html #hp-content .contact .content .form_container .form form .phone .label,html #hp-content .contact .content .form_container .form form .email .label,html #hp-content .contact .content .form_container .form form .company .label,html #hp-content .contact .content .form_container .form form .message .label,body #hp-content .contact .content .form_container .form form .first_name .label,body #hp-content .contact .content .form_container .form form .last_name .label,body #hp-content .contact .content .form_container .form form .phone .label,body #hp-content .contact .content .form_container .form form .email .label,body #hp-content .contact .content .form_container .form form .company .label,body #hp-content .contact .content .form_container .form form .message .label{
  z-index:2;
  width:100%;
  color:#52509E;
  transform:translateY(25px);
  transition:0.3s ease-in-out;
  pointer-events:none
}

html #hp-content .contact .content .form_container .form form .first_name .label.active,html #hp-content .contact .content .form_container .form form .last_name .label.active,html #hp-content .contact .content .form_container .form form .phone .label.active,html #hp-content .contact .content .form_container .form form .email .label.active,html #hp-content .contact .content .form_container .form form .company .label.active,html #hp-content .contact .content .form_container .form form .message .label.active,body #hp-content .contact .content .form_container .form form .first_name .label.active,body #hp-content .contact .content .form_container .form form .last_name .label.active,body #hp-content .contact .content .form_container .form form .phone .label.active,body #hp-content .contact .content .form_container .form form .email .label.active,body #hp-content .contact .content .form_container .form form .company .label.active,body #hp-content .contact .content .form_container .form form .message .label.active{
  transform:translateY(0)
}

html #hp-content .contact .content .form_container .form form .first_name .label.required::after,html #hp-content .contact .content .form_container .form form .last_name .label.required::after,html #hp-content .contact .content .form_container .form form .phone .label.required::after,html #hp-content .contact .content .form_container .form form .email .label.required::after,html #hp-content .contact .content .form_container .form form .company .label.required::after,html #hp-content .contact .content .form_container .form form .message .label.required::after,body #hp-content .contact .content .form_container .form form .first_name .label.required::after,body #hp-content .contact .content .form_container .form form .last_name .label.required::after,body #hp-content .contact .content .form_container .form form .phone .label.required::after,body #hp-content .contact .content .form_container .form form .email .label.required::after,body #hp-content .contact .content .form_container .form form .company .label.required::after,body #hp-content .contact .content .form_container .form form .message .label.required::after{
  margin-left:2px;
  color:#D83D36;
  font-size:1rem;
  font-weight:700;
  content:"*"
}

@media (max-width:1024px){
  html #hp-content .contact .content .form_container .form form .first_name [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .first_name [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .first_name [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .first_name [data-name="your-email"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .last_name [data-name="your-email"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .phone [data-name="your-email"],html #hp-content .contact .content .form_container .form form .email [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .email [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .email [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .email [data-name="your-email"],html #hp-content .contact .content .form_container .form form .company [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .company [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .company [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .company [data-name="your-email"],html #hp-content .contact .content .form_container .form form .message [data-name="your-first-name"],html #hp-content .contact .content .form_container .form form .message [data-name="your-last-name"],html #hp-content .contact .content .form_container .form form .message [data-name="your-phone"],html #hp-content .contact .content .form_container .form form .message [data-name="your-email"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .first_name [data-name="your-email"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .last_name [data-name="your-email"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .phone [data-name="your-email"],body #hp-content .contact .content .form_container .form form .email [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .email [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .email [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .email [data-name="your-email"],body #hp-content .contact .content .form_container .form form .company [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .company [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .company [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .company [data-name="your-email"],body #hp-content .contact .content .form_container .form form .message [data-name="your-first-name"],body #hp-content .contact .content .form_container .form form .message [data-name="your-last-name"],body #hp-content .contact .content .form_container .form form .message [data-name="your-phone"],body #hp-content .contact .content .form_container .form form .message [data-name="your-email"]{
    width:100%
  }
}

html #hp-content .contact .content .form_container .form form .first_name .input,html #hp-content .contact .content .form_container .form form .last_name .input,html #hp-content .contact .content .form_container .form form .phone .input,html #hp-content .contact .content .form_container .form form .email .input,html #hp-content .contact .content .form_container .form form .company .input,html #hp-content .contact .content .form_container .form form .message .input,body #hp-content .contact .content .form_container .form form .first_name .input,body #hp-content .contact .content .form_container .form form .last_name .input,body #hp-content .contact .content .form_container .form form .phone .input,body #hp-content .contact .content .form_container .form form .email .input,body #hp-content .contact .content .form_container .form form .company .input,body #hp-content .contact .content .form_container .form form .message .input{
  width:100%;
  padding:0 0 2px;
  background-color:transparent;
  border:0 transparent;
  border-bottom:2px solid #EFBFAE
}

html #hp-content .contact .content .form_container .form form .first_name .input:focus,html #hp-content .contact .content .form_container .form form .last_name .input:focus,html #hp-content .contact .content .form_container .form form .phone .input:focus,html #hp-content .contact .content .form_container .form form .email .input:focus,html #hp-content .contact .content .form_container .form form .company .input:focus,html #hp-content .contact .content .form_container .form form .message .input:focus,body #hp-content .contact .content .form_container .form form .first_name .input:focus,body #hp-content .contact .content .form_container .form form .last_name .input:focus,body #hp-content .contact .content .form_container .form form .phone .input:focus,body #hp-content .contact .content .form_container .form form .email .input:focus,body #hp-content .contact .content .form_container .form form .company .input:focus,body #hp-content .contact .content .form_container .form form .message .input:focus{
  box-shadow:none !important;
  outline:none !important
}

html #hp-content .contact .content .form_container .form form .first_name .input::placeholder,html #hp-content .contact .content .form_container .form form .first_name .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .first_name .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .first_name .input:-ms-input-placeholder,html #hp-content .contact .content .form_container .form form .last_name .input::placeholder,html #hp-content .contact .content .form_container .form form .last_name .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .last_name .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .last_name .input:-ms-input-placeholder,html #hp-content .contact .content .form_container .form form .phone .input::placeholder,html #hp-content .contact .content .form_container .form form .phone .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .phone .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .phone .input:-ms-input-placeholder,html #hp-content .contact .content .form_container .form form .email .input::placeholder,html #hp-content .contact .content .form_container .form form .email .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .email .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .email .input:-ms-input-placeholder,html #hp-content .contact .content .form_container .form form .company .input::placeholder,html #hp-content .contact .content .form_container .form form .company .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .company .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .company .input:-ms-input-placeholder,html #hp-content .contact .content .form_container .form form .message .input::placeholder,html #hp-content .contact .content .form_container .form form .message .input::-webkit-input-placeholder,html #hp-content .contact .content .form_container .form form .message .input::-moz-placeholder,html #hp-content .contact .content .form_container .form form .message .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .first_name .input::placeholder,body #hp-content .contact .content .form_container .form form .first_name .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .first_name .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .first_name .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .last_name .input::placeholder,body #hp-content .contact .content .form_container .form form .last_name .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .last_name .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .last_name .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .phone .input::placeholder,body #hp-content .contact .content .form_container .form form .phone .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .phone .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .phone .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .email .input::placeholder,body #hp-content .contact .content .form_container .form form .email .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .email .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .email .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .company .input::placeholder,body #hp-content .contact .content .form_container .form form .company .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .company .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .company .input:-ms-input-placeholder,body #hp-content .contact .content .form_container .form form .message .input::placeholder,body #hp-content .contact .content .form_container .form form .message .input::-webkit-input-placeholder,body #hp-content .contact .content .form_container .form form .message .input::-moz-placeholder,body #hp-content .contact .content .form_container .form form .message .input:-ms-input-placeholder{
  color:#A6A6CD;
  font-style:italic
}

html #hp-content .contact .content .form_container .form form .message .input,body #hp-content .contact .content .form_container .form form .message .input{
  height:4rem;
  resize:none !important
}

html #hp-content .contact .content .form_container .form form .message .label,body #hp-content .contact .content .form_container .form form .message .label{
  transform:translateY(60px)
}

html #hp-content .contact .content .form_container .form form .message .label.active,body #hp-content .contact .content .form_container .form form .message .label.active{
  transform:translateY(0)
}

html #hp-content .contact .content .form_container .form form .note,body #hp-content .contact .content .form_container .form form .note{
  color:#DF7F7B;
  font-size:0.85rem
}

@media (max-width:768px){
  html #hp-content .contact .content .form_container .form form .note.desktop,body #hp-content .contact .content .form_container .form form .note.desktop{
    display:none
  }
}

@media (min-width:768px){
  html #hp-content .contact .content .form_container .form form .note.mobile,body #hp-content .contact .content .form_container .form form .note.mobile{
    display:none
  }
}

html #hp-content .contact .content .form_container .form form .note span,body #hp-content .contact .content .form_container .form form .note span{
  color:#D83D36;
  font-size:1rem;
  font-weight:700
}

html #hp-content .contact .content .illustration,body #hp-content .contact .content .illustration{
  flex:0 0 40%
}

html #hp-content .contact .content .illustration img,body #hp-content .contact .content .illustration img{
  width:100%;
  border-radius:30px;
  -o-object-fit:cover;
     object-fit:cover;
  aspect-ratio:0.85
}

#edito-content{
  display:flex;
  flex-direction:column;
  align-items:center
}

#edito-content .hero{
  max-width:1366px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:0 60px 70px 140px;
  margin:0 auto;
  gap:85px;
  width:100%
}

@media (max-width:1024px){
  #edito-content .hero{
    flex-direction:column-reverse;
    justify-content:center;
    padding:30px 30px 70px;
    margin:0;
    gap:30px
  }
}

#edito-content .hero__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:start;
  gap:40px
}

@media (max-width:1024px) and (min-width:768px){
  #edito-content .hero__content{
    gap:30px;
    width:75%
  }
}

@media (max-width:768px){
  #edito-content .hero__content{
    gap:30px;
    width:100%
  }
}

#edito-content .hero__content__title{
  color:#52509E;
  font-family:"Hug Me Tight", sans-serif;
  font-size:calc(30px + ((52 - 30 ) * (100vw - 393px) / (1366 - 393)));
  word-break:break-word
}

@media (min-width: 1366px){
  #edito-content .hero__content__title{
    font-size:52px
  }
}

@media (max-width: 393px){
  #edito-content .hero__content__title{
    font-size:30px
  }
}

#edito-content .hero__content__description{
  color:#DF7F7B;
  font-size:calc(20px + ((20 - 20 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:600
}

@media (min-width: 1366px){
  #edito-content .hero__content__description{
    font-size:20px
  }
}

@media (max-width: 393px){
  #edito-content .hero__content__description{
    font-size:20px
  }
}

#edito-content .hero__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#FFFFFF;
  font-weight:500;
  white-space:nowrap
}

#edito-content .hero__content__button:hover{
  background-color:#DF7F7B;
  color:#FFFFFF
}

@media (max-width:1024px){
  #edito-content .hero__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#52509E;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#FFFFFF;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  #edito-content .hero__content__button:hover{
    background-color:#DF7F7B;
    color:#FFFFFF
  }
}

#edito-content .hero__image{
  width:50%;
  border-radius:30px;
  -o-object-fit:cover;
     object-fit:cover;
  aspect-ratio:1
}

@media (max-width:1024px) and (min-width:768px){
  #edito-content .hero__image{
    width:75%
  }
}

@media (max-width:768px){
  #edito-content .hero__image{
    width:100%
  }
}

#edito-content .news_values{
  width:100%;
  padding:80px 140px 90px;
  background-color:#ffffff
}

@media (max-width:1024px){
  #edito-content .news_values{
    padding:80px 30px 90px
  }
}

#edito-content .news_values .content{
  max-width:1366px;
  display:flex;
  flex-direction:column;
  align-items:center;
  margin:0 auto
}

#edito-content .news_values .content .header{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:-moz-max-content;
  width:max-content;
  margin:0 auto 80px
}

#edito-content .news_values .content .header__title{
  width:-moz-fit-content;
  width:fit-content;
  color:#D83D36;
  font-weight:500;
  font-size:calc(34px + ((44 - 34 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #edito-content .news_values .content .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  #edito-content .news_values .content .header__title{
    font-size:34px
  }
}

#edito-content .news_values .content .header__subtitle{
  width:-moz-fit-content;
  width:fit-content;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:15px;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  #edito-content .news_values .content .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  #edito-content .news_values .content .header__subtitle{
    font-size:32px
  }
}

#edito-content .news_values .content .header__line{
  width:-moz-min-content;
  width:min-content;
  margin-top:4px
}

@media (min-width:1024px){
  #edito-content .news_values .content .cards{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:repeat(3, 1fr);
    width:100%;
    height:var(--grid-height);
    gap:35px
  }

  #edito-content .news_values .content .cards .card{
    position:relative;
    box-shadow:10px 10px 40px rgba(0, 0, 0, 0.16);
    border-radius:30px;
    cursor:pointer;
    overflow:hidden
  }

  #edito-content .news_values .content .cards .card__illustration{
    width:100%;
    height:100%;
    -o-object-fit:cover;
       object-fit:cover
  }

  #edito-content .news_values .content .cards .card__content{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    z-index:1000;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    height:100%;
    color:#ffffff;
    padding-left:calc(10px + ((20 - 10 ) * (100vw - 1024px) / (1366 - 1024)));
    padding-right:calc(10px + ((20 - 10 ) * (100vw - 1024px) / (1366 - 1024)));
    padding-bottom:calc(10px + ((20 - 10 ) * (100vw - 1024px) / (1366 - 1024)));
    padding-top:calc(20px + ((30 - 20 ) * (100vw - 1024px) / (1366 - 1024)));
    gap:calc(5px + ((10 - 5 ) * (100vw - 1024px) / (1366 - 1024)))
  }

  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:calc(23px + ((25 - 23 ) * (100vw - 393px) / (1366 - 393)));
    font-weight:600
  }

  #edito-content .news_values .content .cards .card__content__header__group{
    display:none
  }

  #edito-content .news_values .content .cards .card__content__informations,#edito-content .news_values .content .cards .card__content__line,#edito-content .news_values .content .cards .card__content__bottom{
    display:none
  }

  #edito-content .news_values .content .cards .card__content__line{
    height:-moz-fit-content;
    height:fit-content;
    max-width:100%
  }

  #edito-content .news_values .content .cards .card__content__informations{
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    width:100%;
    font-size:calc(16px + ((18 - 16 ) * (100vw - 1024px) / (1366 - 1024)));
    color:#EFBFAE;
    font-weight:500
  }

  #edito-content .news_values .content .cards .card__content__informations__date,#edito-content .news_values .content .cards .card__content__informations__reading_time{
    width:-moz-fit-content;
    width:fit-content
  }

  #edito-content .news_values .content .cards .card__content__informations__reading_time{
    text-align:end
  }

  #edito-content .news_values .content .cards .card__content__bottom{
    flex-direction:column;
    flex-grow:1;
    justify-content:center;
    align-items:center;
    gap:15px
  }

  #edito-content .news_values .content .cards .card__content__bottom__text{
    font-size:calc(15px + ((18 - 15 ) * (100vw - 1024px) / (1366 - 1024)));
    flex-grow:1;
    font-weight:400
  }

  #edito-content .news_values .content .cards .card__content__bottom__text__description{
    width:100%
  }

  #edito-content .news_values .content .cards .card__content__bottom__text__taxonomy{
    width:100%;
    color:#A6A6CD;
    font-style:italic
  }

  #edito-content .news_values .content .cards .card__content__bottom__button{
    width:-moz-fit-content;
    width:fit-content;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#DF7F7B;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    font-weight:500;
    white-space:nowrap;
    font-size:calc(14px + ((16 - 14 ) * (100vw - 393px) / (1366 - 393)));
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25)
  }

  #edito-content .news_values .content .cards .card__content__bottom__button:hover{
    background-color:#52509E;
    color:#ffffff
  }

  #edito-content .news_values .content .cards .card:hover .card__content{
    background-color:#6E72B3
  }

  #edito-content .news_values .content .cards .card:hover .card__content__line,#edito-content .news_values .content .cards .card:hover .card__content__button{
    display:block
  }

  #edito-content .news_values .content .cards .card:hover .card__content__bottom,#edito-content .news_values .content .cards .card:hover .card__content__informations{
    display:flex
  }

  #edito-content .news_values .content .cards .card:hover .card__content__header__group{
    display:none
  }

  #edito-content .news_values .content .cards .card:hover.card-4 .card__content{
    gap:0
  }

  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__informations{
    display:none
  }

  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__header{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    width:100%;
    gap:20px
  }

  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__header__group{
    display:flex;
    flex-direction:row;
    flex-grow:1;
    justify-content:space-between;
    align-items:center;
    font-size:calc(18px + ((18 - 18 ) * (100vw - 1024px) / (1366 - 1024)));
    color:#EFBFAE;
    font-weight:500
  }

  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__bottom{
    flex-direction:row;
    align-items:flex-end;
    gap:10px
  }

  #edito-content .news_values .content .cards .card-1{
    grid-column:1 / 2;
    grid-row:1 / 3
  }

  #edito-content .news_values .content .cards .card-2{
    grid-column:2 / 3;
    grid-row:1 / 3
  }

  #edito-content .news_values .content .cards .card-3{
    grid-column:3 / 4;
    grid-row:1 / 4
  }

  #edito-content .news_values .content .cards .card-4{
    grid-column:1 / 3;
    grid-row:3 / 4;
    box-shadow:none
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content{
    padding-left:20px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content{
    padding-left:10px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content{
    padding-right:20px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content{
    padding-right:10px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content{
    padding-bottom:20px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content{
    padding-bottom:10px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content{
    padding-top:30px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content{
    padding-top:20px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content{
    gap:10px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content{
    gap:5px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:25px
  }
}

@media (min-width:1024px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:23px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__informations{
    font-size:18px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content__informations{
    font-size:16px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__bottom__text{
    font-size:18px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card__content__bottom__text{
    font-size:15px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__bottom__button{
    font-size:16px
  }
}

@media (min-width:1024px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__bottom__button{
    font-size:14px
  }
}

@media (min-width:1024px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__header__group{
    font-size:18px
  }
}

@media (min-width:1024px) and (max-width: 1024px){
  #edito-content .news_values .content .cards .card:hover.card-4 .card__content__header__group{
    font-size:18px
  }
}

@media (max-width:1023px){
  #edito-content .news_values .content .cards{
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100vw;
    height:-moz-fit-content;
    height:fit-content;
    gap:50px
  }

  #edito-content .news_values .content .cards .card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    width:50%;
    height:auto;
    max-width:50%;
    padding:25px;
    box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25);
    background-color:#ffffff;
    border-radius:30px;
    gap:20px;
    aspect-ratio:0.65
  }

  #edito-content .news_values .content .cards .card__illustration{
    width:100%;
    height:auto;
    border-radius:15px;
    -o-object-fit:cover;
       object-fit:cover;
    aspect-ratio:1
  }

  #edito-content .news_values .content .cards .card__content{
    display:flex;
    flex:1 1 0;
    flex-direction:column;
    justify-content:center;
    align-items:start;
    width:100%;
    gap:15px
  }

  #edito-content .news_values .content .cards .card__content__header{
    width:100%
  }

  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:calc(21px + ((25 - 21 ) * (100vw - 393px) / (1366 - 393)));
    color:#D83D36;
    font-weight:700
  }

  #edito-content .news_values .content .cards .card__content__header__group{
    display:none
  }

  #edito-content .news_values .content .cards .card__content__line{
    display:none
  }

  #edito-content .news_values .content .cards .card__content__informations{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%
  }

  #edito-content .news_values .content .cards .card__content__informations__date{
    font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
    color:#DF7F7B;
    font-weight:400
  }

  #edito-content .news_values .content .cards .card__content__informations__reading_time{
    font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
    color:#DF7F7B;
    text-align:end;
    font-weight:400
  }

  #edito-content .news_values .content .cards .card__content__bottom{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    justify-content:center;
    align-items:flex-start;
    gap:20px
  }

  #edito-content .news_values .content .cards .card__content__bottom__text{
    flex-grow:1
  }

  #edito-content .news_values .content .cards .card__content__bottom__text__description{
    font-size:calc(16px + ((17 - 16 ) * (100vw - 393px) / (1366 - 393)));
    color:#52509E;
    font-weight:400
  }

  #edito-content .news_values .content .cards .card__content__bottom__text__taxonomy{
    font-size:calc(16px + ((17 - 16 ) * (100vw - 393px) / (1366 - 393)));
    color:#A6A6CD;
    font-style:italic;
    font-weight:400
  }

  #edito-content .news_values .content .cards .card__content__bottom__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#EFBFAE;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap;
    font-size:calc(14px + ((16 - 14 ) * (100vw - 393px) / (1366 - 393)));
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25)
  }

  #edito-content .news_values .content .cards .card__content__bottom__button:hover{
    background-color:#52509E;
    color:#ffffff
  }
}

@media (max-width:1023px) and (max-width:768px){
  #edito-content .news_values .content .cards .card{
    width:75%;
    max-width:75%;
    aspect-ratio:0.565
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:25px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__header__title{
    font-size:21px
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__informations__date{
    font-size:18px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__informations__date{
    font-size:16px
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__informations__reading_time{
    font-size:18px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__informations__reading_time{
    font-size:16px
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__bottom__text__description{
    font-size:17px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__bottom__text__description{
    font-size:16px
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__bottom__text__taxonomy{
    font-size:17px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__bottom__text__taxonomy{
    font-size:16px
  }
}

@media (max-width:1023px) and (min-width: 1366px){
  #edito-content .news_values .content .cards .card__content__bottom__button{
    font-size:16px
  }
}

@media (max-width:1023px) and (max-width: 393px){
  #edito-content .news_values .content .cards .card__content__bottom__button{
    font-size:14px
  }
}

#edito-content .news_values .content .swiper-pagination{
  display:flex;
  justify-content:center;
  margin-top:20px
}

#edito-content .news_values .content .swiper-pagination .swiper-pagination-bullet{
  background:#A6A6CD
}

#edito-content .news_values .content .swiper-pagination .swiper-pagination-bullet-active{
  background:#52509E
}

#edito-content .news_values .content .button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#DF7F7B;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:80px;
  font-weight:500
}

#edito-content .news_values .content .button:hover{
  background-color:#52509E;
  color:#ffffff
}

@media (min-width: 1366px){
  #edito-content .news_values .content .button{
    font-size:16px
  }
}

@media (max-width: 393px){
  #edito-content .news_values .content .button{
    font-size:16px
  }
}

@media (max-width:1024px){
  #edito-content .news_values .content .button{
    margin-top:40px
  }
}

#edito-content .edito{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  min-width:100%;
  gap:100px
}

@media (max-width:1024px){
  #edito-content .edito{
    background:linear-gradient(to bottom, #F8F8F8 0%, #ffffff 100%);
    gap:70px
  }
}

#edito-content .edito .ic{
  position:relative;
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  gap:80px
}

#edito-content .edito .ic.image-right{
  flex-direction:row;
  padding-left:clamp(140px, calc((100vw - 1366px) / 2 + 140px), 9999px)
}

@media (max-width:1024px){
  #edito-content .edito .ic.image-right{
    flex-direction:column;
    padding:0
  }
}

#edito-content .edito .ic.image-left{
  flex-direction:row-reverse;
  padding-right:clamp(140px, calc((100vw - 1366px) / 2 + 140px), 9999px)
}

@media (max-width:1024px){
  #edito-content .edito .ic.image-left{
    flex-direction:column;
    padding:0
  }

  #edito-content .edito .ic{
    padding:0;
    gap:55px
  }
}

#edito-content .edito .ic__content{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  display:flex;
  flex-direction:column;
  flex-grow:1;
  color:#52509E;
  font-weight:500;
  gap:25px
}

@media (min-width: 1366px){
  #edito-content .edito .ic__content{
    font-size:18px
  }
}

@media (max-width: 393px){
  #edito-content .edito .ic__content{
    font-size:18px
  }
}

@media (max-width:1024px){
  #edito-content .edito .ic__content{
    padding:0 35px
  }
}

#edito-content .edito .ic__content h2{
  color:#D83D36;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #edito-content .edito .ic__content h2{
    font-size:44px
  }
}

@media (max-width: 393px){
  #edito-content .edito .ic__content h2{
    font-size:36px
  }
}

#edito-content .edito .ic__content h3{
  font-family:"Hug Me Tight", sans-serif;
  font-size:calc(18px + ((20 - 18 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #edito-content .edito .ic__content h3{
    font-size:20px
  }
}

@media (max-width: 393px){
  #edito-content .edito .ic__content h3{
    font-size:18px
  }
}

#edito-content .edito .ic__content strong{
  font-weight:700
}

#edito-content .edito .ic__content hr{
  visibility:hidden
}

#edito-content .edito .ic__illustration{
  display:flex;
  flex:0 0 auto;
  justify-content:flex-end;
  width:52%;
  overflow:visible
}

@media (max-width:1024px){
  #edito-content .edito .ic__illustration{
    width:100%
  }
}

#edito-content .edito .ic__illustration__image{
  width:100%;
  -o-object-fit:cover;
     object-fit:cover;
  aspect-ratio:1.17
}

#edito-content .edito .ic.image-right .ic__illustration{
  margin-right:0
}

@media (max-width:1024px){
  #edito-content .edito .ic.image-right .ic__illustration{
    padding-left:35px
  }
}

#edito-content .edito .ic.image-right .ic__illustration__image{
  border-bottom-left-radius:30px;
  border-top-left-radius:30px
}

#edito-content .edito .ic.image-left .ic__illustration{
  margin-left:0
}

@media (max-width:1024px){
  #edito-content .edito .ic.image-left .ic__illustration{
    padding-right:35px
  }
}

#edito-content .edito .ic.image-left .ic__illustration__image{
  border-top-right-radius:30px;
  border-bottom-right-radius:30px
}

#edito-content .edito .vpp{
  max-width:1366px;
  width:100%;
  height:-moz-fit-content;
  height:fit-content;
  padding:0 140px
}

@media (max-width:1024px){
  #edito-content .edito .vpp{
    padding:0 35px
  }
}

#edito-content .edito .vpp__video{
  width:100%;
  border-radius:30px;
  aspect-ratio:1.7777777778
}

#edito-content .edito .tppfc{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  padding:140px 315px;
  background-color:#A6A6CD
}

@media (max-width:1024px){
  #edito-content .edito .tppfc{
    padding:80px 140px
  }
}

@media (max-width:768px){
  #edito-content .edito .tppfc{
    padding:65px 35px
  }
}

#edito-content .edito .tppfc__container{
  max-width:1366px
}

#edito-content .edito .tppfc__container__content{
  display:flex;
  flex-direction:column;
  margin:0 auto;
  gap:40px
}

@media (min-width:1024px){
  #edito-content .edito .tppfc__container__content{
    width:80%
  }
}

#edito-content .edito .tppfc__container__content__text{
  color:#ffffff;
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700
}

@media (min-width: 1366px){
  #edito-content .edito .tppfc__container__content__text{
    font-size:18px
  }
}

@media (max-width: 393px){
  #edito-content .edito .tppfc__container__content__text{
    font-size:18px
  }
}

#edito-content .edito .tppfc__container__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:600
}

#edito-content .edito .tppfc__container__content__button:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  #edito-content .edito .tppfc__container__content__button{
    font-size:16px
  }
}

@media (max-width: 393px){
  #edito-content .edito .tppfc__container__content__button{
    font-size:16px
  }
}

@media (max-width:1024px){
  #edito-content .edito .tppfc__container__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#52509E;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  #edito-content .edito .tppfc__container__content__button:hover{
    background-color:#DF7F7B;
    color:#ffffff
  }
}

#edito-content .edito .tppfi{
  position:relative;
  padding:6px 50px;
  margin:0 auto;
  max-width:1366px;
  width:100%
}

@media (max-width:1024px){
  #edito-content .edito .tppfi{
    padding:30px 35px 0
  }
}

#edito-content .edito .tppfi__image{
  width:100%;
  border-radius:30px;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top;
     object-position:top;
  overflow:hidden;
  filter:brightness(0.65);
  aspect-ratio:2.03
}

@media (max-width:1024px){
  #edito-content .edito .tppfi__image{
    aspect-ratio:0.62
  }
}

#edito-content .edito .tppfi__content{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:calc(80% - 50px);
  color:#ffffff;
  text-align:center;
  transform:translate(-50%, -50%);
  gap:35px
}

@media (max-width:1024px){
  #edito-content .edito .tppfi__content{
    gap:15px;
    width:calc(80% - 30px)
  }
}

#edito-content .edito .tppfi__content h2{
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:500
}

@media (min-width: 1366px){
  #edito-content .edito .tppfi__content h2{
    font-size:44px
  }
}

@media (max-width: 393px){
  #edito-content .edito .tppfi__content h2{
    font-size:36px
  }
}

@media (max-width:1024px){
  #edito-content .edito .tppfi__content h2{
    font-weight:600
  }
}

#edito-content .edito .tppfi__content p,#edito-content .edito .tppfi__content span{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700
}

@media (min-width: 1366px){
  #edito-content .edito .tppfi__content p,#edito-content .edito .tppfi__content span{
    font-size:18px
  }
}

@media (max-width: 393px){
  #edito-content .edito .tppfi__content p,#edito-content .edito .tppfi__content span{
    font-size:18px
  }
}

#edito-content .edito .tppfi__content strong{
  font-weight:700
}

#edito-content .edito .tppfi__content hr{
  visibility:hidden
}

#edito-content .edito>:not(.tppfc):first-child{
  margin-top:130px
}

@media (max-width:1024px){
  #edito-content .edito>:not(.tppfc):first-child{
    margin-top:60px
  }
}

#edito-content .edito>:not(.tppfc):last-child{
  margin-bottom:150px
}

@media (max-width:1024px){
  #edito-content .edito>:not(.tppfc):last-child{
    margin-bottom:50px
  }
}

#edito-content .logos{
  display:grid;
  align-items:center;
  grid-template-columns:repeat(2, 1fr);
  grid-template-rows:300px;
  padding:0 250px;
  margin:70px 0;
  gap:40px;
  max-width:1366px
}

@media (max-width:768px){
  #edito-content .logos{
    grid-template-rows:max-content;
    width:100%;
    padding:0 70px;
    margin:70px 0
  }
}

#edito-content .logos__caf,#edito-content .logos__pref{
  width:auto;
  height:100%;
  max-width:100%;
  -o-object-fit:contain;
     object-fit:contain
}

@media (max-width:768px){
  #edito-content .entry-content{
    padding:0 1rem !important
  }

  #edito-content .wsp-container{
    padding:0 1rem
  }
}

#edito-content .wsp-container h2{
  color:#DF7F7B;
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700;
  margin-bottom:1rem;
  margin-top:2rem
}

@media (min-width: 1366px){
  #edito-content .wsp-container h2{
    font-size:18px
  }
}

@media (max-width: 393px){
  #edito-content .wsp-container h2{
    font-size:18px
  }
}

#edito-content .wsp-container li{
  color:#6E72B3;
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700
}

@media (min-width: 1366px){
  #edito-content .wsp-container li{
    font-size:18px
  }
}

@media (max-width: 393px){
  #edito-content .wsp-container li{
    font-size:18px
  }
}

#contact-content .contact{
  max-width:1366px;
  margin:90px auto 80px;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  padding:0 140px;
  gap:calc(80px + ((170 - 80 ) * (100vw - 1024px) / (1366 - 1024)))
}

@media (min-width: 1366px){
  #contact-content .contact{
    gap:170px
  }
}

@media (max-width: 1024px){
  #contact-content .contact{
    gap:80px
  }
}

@media (max-width:1024px){
  #contact-content .contact{
    flex-direction:column;
    padding:0;
    gap:50px;
    margin:50px auto
  }
}

#contact-content .contact .content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:start;
  gap:85px
}

@media (max-width:1024px){
  #contact-content .contact .content{
    width:100%;
    gap:50px;
    align-items:center
  }
}

#contact-content .contact .content .header{
  position:relative;
  width:250px
}

@media (max-width:768px){
  #contact-content .contact .content .header{
    padding:0
  }
}

#contact-content .contact .content .header__title{
  width:100%;
  color:#D83D36;
  font-size:calc(34px + ((44 - 34 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start;
  font-weight:500
}

@media (min-width: 1366px){
  #contact-content .contact .content .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  #contact-content .contact .content .header__title{
    font-size:34px
  }
}

#contact-content .contact .content .header__subtitle{
  width:100%;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  text-align:end;
  margin-top:15px;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  #contact-content .contact .content .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  #contact-content .contact .content .header__subtitle{
    font-size:32px
  }
}

#contact-content .contact .content .header__wave{
  width:100%;
  display:flex;
  justify-content:end;
  align-items:center;
  margin-top:4px
}

@media (max-width:1024px){
  #contact-content .contact .content .informations_container{
    background-color:#ffffff;
    width:100%;
    padding:40px 35px
  }
}

#contact-content .contact .content .informations_container .informations{
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:25px;
  width:-moz-fit-content;
  width:fit-content
}

@media (max-width:1024px){
  #contact-content .contact .content .informations_container .informations{
    margin:0 auto
  }
}

#contact-content .contact .content .informations_container .informations .address,#contact-content .contact .content .informations_container .informations .phone,#contact-content .contact .content .informations_container .informations .schedules{
  display:flex;
  align-items:center;
  gap:1rem;
  color:#DF7F7B
}

#contact-content .contact .content .informations_container .informations .address__text,#contact-content .contact .content .informations_container .informations .phone__text,#contact-content .contact .content .informations_container .informations .schedules__text{
  font-size:20px;
  font-weight:500
}

#contact-content .contact .content .informations_container .informations .address__text.several_lines,#contact-content .contact .content .informations_container .informations .phone__text.several_lines,#contact-content .contact .content .informations_container .informations .schedules__text.several_lines{
  display:flex;
  flex-direction:column;
  align-items:start
}

#contact-content .contact .form{
  max-width:900px;
  margin:0;
  width:50%
}

#contact-content .contact .form form{
  display:flex;
  flex-direction:column;
  width:100%;
  gap:1rem
}

#contact-content .contact .form form .name,#contact-content .contact .form form .contact_details{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:2rem
}

@media (max-width:768px){
  #contact-content .contact .form form .name,#contact-content .contact .form form .contact_details{
    flex-direction:column;
    justify-content:center;
    gap:1rem
  }
}

#contact-content .contact .form form .validation{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:center;
  gap:2rem
}

@media (max-width:768px){
  #contact-content .contact .form form .validation{
    flex-direction:column;
    justify-content:center;
    align-items:start;
    margin-top:2rem;
    gap:1rem
  }
}

#contact-content .contact .form form .validation span[data-name="agree"]{
  color:#52509E;
  font-size:calc(13px + ((13 - 13 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #contact-content .contact .form form .validation span[data-name="agree"]{
    font-size:13px
  }
}

@media (max-width: 393px){
  #contact-content .contact .form form .validation span[data-name="agree"]{
    font-size:13px
  }
}

#contact-content .contact .form form .validation span[data-name="agree"] span.wpcf7-list-item{
  display:flex !important;
  align-items:center;
  margin:0;
  gap:0.5rem
}

#contact-content .contact .form form .validation span[data-name="agree"] input[type="checkbox"]{
  vertical-align:middle;
  width:16px;
  height:16px;
  border:2px solid #A6A6CD;
  border-radius:50%;
  outline:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  accent-color:#A6A6CD
}

#contact-content .contact .form form .validation span[data-name="agree"] input[type="checkbox"]:checked{
  background-color:#A6A6CD
}

#contact-content .contact .form form .validation span[data-name="agree"] .wpcf7-list-item-label{
  line-height:1
}

#contact-content .contact .form form .validation .wpcf7-spinner{
  display:none
}

#contact-content .contact .form form .validation input[type="submit"]{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)))
}

#contact-content .contact .form form .validation input[type="submit"]:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  #contact-content .contact .form form .validation input[type="submit"]{
    font-size:16px
  }
}

@media (max-width: 393px){
  #contact-content .contact .form form .validation input[type="submit"]{
    font-size:16px
  }
}

@media (max-width:1024px){
  #contact-content .contact .form form .validation input[type="submit"]{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#DF7F7B;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  #contact-content .contact .form form .validation input[type="submit"]:hover{
    background-color:#52509E;
    color:#ffffff
  }
}

@media (max-width:768px){
  #contact-content .contact .form form .validation input[type="submit"]{
    margin-top:1.5rem
  }
}

#contact-content .contact .form form .first_name,#contact-content .contact .form form .last_name,#contact-content .contact .form form .phone,#contact-content .contact .form form .email,#contact-content .contact .form form .company,#contact-content .contact .form form .message{
  display:flex;
  flex-direction:column;
  align-items:start;
  width:100%
}

#contact-content .contact .form form .first_name [data-name="your-message"],#contact-content .contact .form form .first_name [data-name="your-company"],#contact-content .contact .form form .last_name [data-name="your-message"],#contact-content .contact .form form .last_name [data-name="your-company"],#contact-content .contact .form form .phone [data-name="your-message"],#contact-content .contact .form form .phone [data-name="your-company"],#contact-content .contact .form form .email [data-name="your-message"],#contact-content .contact .form form .email [data-name="your-company"],#contact-content .contact .form form .company [data-name="your-message"],#contact-content .contact .form form .company [data-name="your-company"],#contact-content .contact .form form .message [data-name="your-message"],#contact-content .contact .form form .message [data-name="your-company"]{
  width:100%
}

#contact-content .contact .form form .first_name .label,#contact-content .contact .form form .last_name .label,#contact-content .contact .form form .phone .label,#contact-content .contact .form form .email .label,#contact-content .contact .form form .company .label,#contact-content .contact .form form .message .label{
  z-index:2;
  width:100%;
  color:#52509E;
  transform:translateY(25px);
  transition:0.3s ease-in-out;
  pointer-events:none
}

#contact-content .contact .form form .first_name .label.active,#contact-content .contact .form form .last_name .label.active,#contact-content .contact .form form .phone .label.active,#contact-content .contact .form form .email .label.active,#contact-content .contact .form form .company .label.active,#contact-content .contact .form form .message .label.active{
  transform:translateY(0)
}

#contact-content .contact .form form .first_name .label.required::after,#contact-content .contact .form form .last_name .label.required::after,#contact-content .contact .form form .phone .label.required::after,#contact-content .contact .form form .email .label.required::after,#contact-content .contact .form form .company .label.required::after,#contact-content .contact .form form .message .label.required::after{
  margin-left:2px;
  color:#D83D36;
  font-size:1rem;
  font-weight:700;
  content:"*"
}

@media (max-width:1024px){
  #contact-content .contact .form form .first_name [data-name="your-first-name"],#contact-content .contact .form form .first_name [data-name="your-last-name"],#contact-content .contact .form form .first_name [data-name="your-phone"],#contact-content .contact .form form .first_name [data-name="your-email"],#contact-content .contact .form form .last_name [data-name="your-first-name"],#contact-content .contact .form form .last_name [data-name="your-last-name"],#contact-content .contact .form form .last_name [data-name="your-phone"],#contact-content .contact .form form .last_name [data-name="your-email"],#contact-content .contact .form form .phone [data-name="your-first-name"],#contact-content .contact .form form .phone [data-name="your-last-name"],#contact-content .contact .form form .phone [data-name="your-phone"],#contact-content .contact .form form .phone [data-name="your-email"],#contact-content .contact .form form .email [data-name="your-first-name"],#contact-content .contact .form form .email [data-name="your-last-name"],#contact-content .contact .form form .email [data-name="your-phone"],#contact-content .contact .form form .email [data-name="your-email"],#contact-content .contact .form form .company [data-name="your-first-name"],#contact-content .contact .form form .company [data-name="your-last-name"],#contact-content .contact .form form .company [data-name="your-phone"],#contact-content .contact .form form .company [data-name="your-email"],#contact-content .contact .form form .message [data-name="your-first-name"],#contact-content .contact .form form .message [data-name="your-last-name"],#contact-content .contact .form form .message [data-name="your-phone"],#contact-content .contact .form form .message [data-name="your-email"]{
    width:100%
  }
}

#contact-content .contact .form form .first_name .input,#contact-content .contact .form form .last_name .input,#contact-content .contact .form form .phone .input,#contact-content .contact .form form .email .input,#contact-content .contact .form form .company .input,#contact-content .contact .form form .message .input{
  width:100%;
  padding:0 0 2px;
  background-color:transparent;
  border:0 transparent;
  border-bottom:2px solid #EFBFAE
}

#contact-content .contact .form form .first_name .input:focus,#contact-content .contact .form form .last_name .input:focus,#contact-content .contact .form form .phone .input:focus,#contact-content .contact .form form .email .input:focus,#contact-content .contact .form form .company .input:focus,#contact-content .contact .form form .message .input:focus{
  box-shadow:none !important;
  outline:none !important
}

#contact-content .contact .form form .first_name .input::placeholder,#contact-content .contact .form form .first_name .input::-webkit-input-placeholder,#contact-content .contact .form form .first_name .input::-moz-placeholder,#contact-content .contact .form form .first_name .input:-ms-input-placeholder,#contact-content .contact .form form .last_name .input::placeholder,#contact-content .contact .form form .last_name .input::-webkit-input-placeholder,#contact-content .contact .form form .last_name .input::-moz-placeholder,#contact-content .contact .form form .last_name .input:-ms-input-placeholder,#contact-content .contact .form form .phone .input::placeholder,#contact-content .contact .form form .phone .input::-webkit-input-placeholder,#contact-content .contact .form form .phone .input::-moz-placeholder,#contact-content .contact .form form .phone .input:-ms-input-placeholder,#contact-content .contact .form form .email .input::placeholder,#contact-content .contact .form form .email .input::-webkit-input-placeholder,#contact-content .contact .form form .email .input::-moz-placeholder,#contact-content .contact .form form .email .input:-ms-input-placeholder,#contact-content .contact .form form .company .input::placeholder,#contact-content .contact .form form .company .input::-webkit-input-placeholder,#contact-content .contact .form form .company .input::-moz-placeholder,#contact-content .contact .form form .company .input:-ms-input-placeholder,#contact-content .contact .form form .message .input::placeholder,#contact-content .contact .form form .message .input::-webkit-input-placeholder,#contact-content .contact .form form .message .input::-moz-placeholder,#contact-content .contact .form form .message .input:-ms-input-placeholder{
  color:#A6A6CD;
  font-style:italic
}

#contact-content .contact .form form .message .input{
  height:4rem;
  resize:none !important
}

#contact-content .contact .form form .message .label{
  transform:translateY(60px)
}

#contact-content .contact .form form .message .label.active{
  transform:translateY(0)
}

#contact-content .contact .form form .note{
  color:#DF7F7B;
  font-size:0.85rem
}

@media (max-width:768px){
  #contact-content .contact .form form .note.desktop{
    display:none
  }
}

@media (min-width:768px){
  #contact-content .contact .form form .note.mobile{
    display:none
  }
}

#contact-content .contact .form form .note span{
  color:#D83D36;
  font-size:1rem;
  font-weight:700
}

@media (max-width:1024px){
  #contact-content .contact .form{
    padding:0 35px;
    width:100%
  }
}

#contact-content .map_container{
  position:relative;
  width:100%;
  z-index:0
}

@media (max-width:1024px){
  #contact-content .map_container{
    padding:0 40px 75px
  }
}

#contact-content .map_container::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:100vw;
  height:75%;
  background-color:#A6A6CD;
  z-index:1;
  pointer-events:none
}

#contact-content .map_container .map_content{
  max-width:1366px;
  padding:0 140px 165px;
  margin:0 auto;
  width:100%
}

@media (max-width:1024px){
  #contact-content .map_container .map_content{
    padding:0
  }
}

#contact-content .map_container .map_content .map{
  margin:0 auto;
  border-radius:30px;
  overflow:hidden;
  z-index:10;
  aspect-ratio:2.38;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25)
}

@media (max-width:1024px){
  #contact-content .map_container .map_content .map{
    aspect-ratio:0.9
  }
}

#sas_page .our_news{
  margin:0 auto 130px;
  padding:0 100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:1366px
}

@media (max-width:1024px) and (min-width:768px){
  #sas_page .our_news{
    padding:0 30px
  }
}

@media (max-width:768px) and (min-width:500px){
  #sas_page .our_news{
    padding:0 50px
  }
}

@media (max-width:500px){
  #sas_page .our_news{
    padding:0 20px
  }
}

#sas_page .our_news .header{
  position:relative;
  margin:0 auto 105px;
  width:-moz-min-content;
  width:min-content;
  display:flex;
  flex-direction:column;
  align-items:center
}

#sas_page .our_news .header__title{
  width:-moz-fit-content;
  width:fit-content;
  color:#D83D36;
  font-size:calc(34px + ((44 - 34 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start
}

@media (min-width: 1366px){
  #sas_page .our_news .header__title{
    font-size:44px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .header__title{
    font-size:34px
  }
}

#sas_page .our_news .header__subtitle{
  width:-moz-fit-content;
  width:fit-content;
  color:#52509E;
  font-size:calc(32px + ((38 - 32 ) * (100vw - 393px) / (1366 - 393)));
  text-align:start;
  margin-top:21px;
  font-family:"Hug Me Tight", sans-serif
}

@media (min-width: 1366px){
  #sas_page .our_news .header__subtitle{
    font-size:38px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .header__subtitle{
    font-size:32px
  }
}

#sas_page .our_news .header__line{
  width:-moz-min-content;
  width:min-content;
  margin-top:4px
}

#sas_page .our_news .news{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:50px
}

#sas_page .our_news .news .news_card{
  width:100%;
  background-color:#ffffff;
  padding:30px 40px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:50px;
  border-radius:30px;
  box-shadow:10px 10px 40px rgba(0, 0, 0, 0.25)
}

@media (min-width:768px){
  #sas_page .our_news .news .news_card{
    height:350px
  }

  #sas_page .our_news .news .news_card.image_left{
    flex-direction:row
  }

  #sas_page .our_news .news .news_card.image_right{
    flex-direction:row-reverse
  }
}

@media (max-width:768px){
  #sas_page .our_news .news .news_card{
    padding:15px 25px 40px;
    flex-direction:column;
    gap:20px
  }
}

@media (max-width:768px) and (min-width:500px){
  #sas_page .our_news .news .news_card{
    width:80%;
    max-width:80%;
    height:auto
  }
}

@media (max-width:500px){
  #sas_page .our_news .news .news_card{
    width:85%;
    max-width:85%;
    height:auto
  }
}

#sas_page .our_news .news .news_card__illustration{
  height:100%;
  aspect-ratio:1;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:30px
}

@media (max-width:768px){
  #sas_page .our_news .news .news_card__illustration{
    height:auto;
    width:100%;
    aspect-ratio:1.25
  }
}

@media (max-width:768px) and (min-width:500px){
  #sas_page .our_news .news .news_card__illustration{
    aspect-ratio:1.25
  }
}

#sas_page .our_news .news .news_card__content{
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:start;
  justify-content:space-between;
  gap:16px
}

@media (max-width:768px){
  #sas_page .our_news .news .news_card__content{
    height:auto;
    flex:1 1 0
  }
}

@media (min-width:768px){
  #sas_page .our_news .news .news_card__content__header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
  }
}

#sas_page .our_news .news .news_card__content__header__title{
  font-size:calc(21px + ((25 - 21 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700;
  color:#D83D36
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__header__title{
    font-size:25px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__header__title{
    font-size:21px
  }
}

#sas_page .our_news .news .news_card__content__header__reading_time{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#DF7F7B
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__header__reading_time{
    font-size:18px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__header__reading_time{
    font-size:16px
  }
}

@media (max-width:768px){
  #sas_page .our_news .news .news_card__content__header__reading_time{
    display:none
  }

  #sas_page .our_news .news .news_card__content__informations{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
  }
}

#sas_page .our_news .news .news_card__content__informations__date{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#DF7F7B
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__informations__date{
    font-size:18px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__informations__date{
    font-size:16px
  }
}

#sas_page .our_news .news .news_card__content__informations__reading_time{
  font-size:calc(16px + ((18 - 16 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#DF7F7B
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__informations__reading_time{
    font-size:18px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__informations__reading_time{
    font-size:16px
  }
}

@media (min-width:768px){
  #sas_page .our_news .news .news_card__content__informations__reading_time{
    display:none
  }
}

#sas_page .our_news .news .news_card__content__text__description{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#52509E
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__text__description{
    font-size:18px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__text__description{
    font-size:18px
  }
}

#sas_page .our_news .news .news_card__content__text__taxonomy{
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#A6A6CD;
  font-style:italic
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__text__taxonomy{
    font-size:18px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__text__taxonomy{
    font-size:18px
  }
}

#sas_page .our_news .news .news_card__content__button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#DF7F7B;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap;
  font-size:calc(14px + ((16 - 14 ) * (100vw - 393px) / (1366 - 393)));
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25)
}

#sas_page .our_news .news .news_card__content__button:hover{
  background-color:#52509E;
  color:#ffffff
}

@media (min-width: 1366px){
  #sas_page .our_news .news .news_card__content__button{
    font-size:16px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .news .news_card__content__button{
    font-size:14px
  }
}

@media (max-width:1024px){
  #sas_page .our_news .news .news_card__content__button{
    width:100%;
    height:-moz-fit-content;
    height:fit-content;
    padding:12px 24px;
    box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
    background-color:#DF7F7B;
    border:none;
    border-radius:22px;
    cursor:pointer;
    color:#ffffff;
    text-align:center;
    font-weight:500;
    white-space:nowrap
  }

  #sas_page .our_news .news .news_card__content__button:hover{
    background-color:#52509E;
    color:#ffffff
  }
}

#sas_page .our_news .news .swiper-pagination{
  display:flex;
  justify-content:center;
  margin-top:20px
}

#sas_page .our_news .news .swiper-pagination .swiper-pagination-bullet{
  background:#A6A6CD
}

#sas_page .our_news .news .swiper-pagination .swiper-pagination-bullet-active{
  background:#52509E
}

#sas_page .our_news .button{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#52509E;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  white-space:nowrap;
  font-size:calc(16px + ((16 - 16 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:500;
  margin-top:80px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25)
}

#sas_page .our_news .button:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media (min-width: 1366px){
  #sas_page .our_news .button{
    font-size:16px
  }
}

@media (max-width: 393px){
  #sas_page .our_news .button{
    font-size:16px
  }
}

@media (max-width:768px){
  #sas_page .our_news .button{
    margin-top:50px
  }
}

.search main h1{
  color:#52509E;
  font-family:"Hug Me Tight", sans-serif;
  font-size:calc(50px + ((52 - 50 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  .search main h1{
    font-size:52px
  }
}

@media (max-width: 393px){
  .search main h1{
    font-size:50px
  }
}

.search main #results{
  padding:1rem 4rem
}

.search main #results a{
  border:solid 1px #6E72B3;
  border-radius:1rem;
  display:block;
  padding:1rem 2rem;
  color:#6E72B3;
  font-size:calc(18px + ((18 - 18 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:700
}

@media (min-width: 1366px){
  .search main #results a{
    font-size:18px
  }
}

@media (max-width: 393px){
  .search main #results a{
    font-size:18px
  }
}

#post-507 h1{
  color:#52509E;
  font-family:"Hug Me Tight", sans-serif;
  font-size:calc(50px + ((52 - 50 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #post-507 h1{
    font-size:52px
  }
}

@media (max-width: 393px){
  #post-507 h1{
    font-size:50px
  }
}

#post-507 .entry-content{
  padding:1rem 5rem
}

#post-507 .entry-content h2{
  color:#52509E;
  font-weight:500;
  font-size:calc(36px + ((44 - 36 ) * (100vw - 393px) / (1366 - 393)));
  margin-top:2rem;
  margin-bottom:1rem
}

@media (min-width: 1366px){
  #post-507 .entry-content h2{
    font-size:44px
  }
}

@media (max-width: 393px){
  #post-507 .entry-content h2{
    font-size:36px
  }
}

#post-507 .entry-content h3{
  font-family:"Hug Me Tight", sans-serif;
  color:#52509E;
  margin-top:2rem;
  margin-bottom:1rem;
  font-size:calc(18px + ((20 - 18 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  #post-507 .entry-content h3{
    font-size:20px
  }
}

@media (max-width: 393px){
  #post-507 .entry-content h3{
    font-size:18px
  }
}

header{
  max-width:1366px;
  display:flex;
  justify-content:center;
  align-items:center;
  height:-moz-fit-content;
  height:fit-content;
  padding:30px 50px 0;
  margin:0 auto
}

@media (max-width:1024px){
  header{
    padding:25px 35px 0
  }
}

header #search{
  display:flex
}

header #search .search-form{
  display:flex;
  align-items:center;
  gap:8px
}

header #search .search-form .search-submit:before{
  display:block;
  width:27px;
  background-image:url("assets/img/loupe.svg");
  background-repeat:no-repeat;
  background-size:contain;
  content:"";
  aspect-ratio:1
}

@media (max-width:1024px){
  header #search .search-form .search-submit:before{
    background-image:url("assets/img/loupe-mobile.svg")
  }
}

header #search .search-form label{
  height:-moz-fit-content;
  height:fit-content
}

header #search .search-form label .search-field{
  background-color:#F8F8F8;
  border:none;
  border-bottom:1px solid #52509E;
  color:#52509E;
  width:calc(60px + ((193 - 60 ) * (100vw - 393px) / (1100 - 393)));
  padding:0
}

@media (min-width: 1100px){
  header #search .search-form label .search-field{
    width:193px
  }
}

@media (max-width: 393px){
  header #search .search-form label .search-field{
    width:60px
  }
}

header #search .search-form label .search-field:focus{
  box-shadow:none;
  outline:none
}

@media (max-width:1024px){
  header #search .search-form label .search-field{
    border-color:#D83D36
  }
}

header .__align-desktop{
  max-width:1366px;
  width:calc(1001px + ((1366 - 1001 ) * (100vw - 1101px) / (1366 - 1101)));
  display:flex;
  justify-content:center;
  align-items:center
}

@media (min-width: 1366px){
  header .__align-desktop{
    width:1366px
  }
}

@media (max-width: 1101px){
  header .__align-desktop{
    width:1001px
  }
}

header .__align-desktop #menu{
  max-width:1366px;
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  width:100%;
  gap:40px
}

header .__align-desktop #menu #main_nav{
  width:-moz-fit-content;
  width:fit-content
}

header .__align-desktop #menu #main_nav ul{
  display:flex;
  justify-content:center;
  align-items:center;
  width:-moz-fit-content;
  width:fit-content;
  color:#52509E;
  font-size:15px;
  font-weight:600;
  gap:40px
}

header .__align-desktop #menu #main_nav ul li{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content
}

header .__align-desktop #menu #main_nav ul li:last-child{
  width:-moz-fit-content;
  width:fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:12px 24px;
  box-shadow:6px 6px 10px rgba(0, 0, 0, 0.16);
  background-color:#DF7F7B;
  border:none;
  border-radius:22px;
  cursor:pointer;
  color:#ffffff;
  font-weight:500;
  white-space:nowrap
}

header .__align-desktop #menu #main_nav ul li:last-child:hover{
  background-color:#DF7F7B;
  color:#ffffff
}

@media screen and (max-width:1024px){
  header .__align-desktop{
    display:none
  }

  header .__align-mobil{
    display:flex;
    flex-direction:row;
    width:calc(350px + ((1000 - 350 ) * (100vw - 393px) / (1100 - 393)));
    justify-content:space-between
  }

  header .__align-mobil #menu-mobile{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:calc(15px + ((30 - 15 ) * (100vw - 393px) / (768 - 393)))
  }

  header .__align-mobil #menu-mobile #close_btn,header .__align-mobil #menu-mobile #burger_btn{
    cursor:pointer
  }

  header .__align-mobil #menu-mobile .burger_btn__svg{
    filter:drop-shadow(6px 6px 10px rgba(0, 0, 0, 0.16))
  }

  header .__align-mobil #menu-mobile #mobile_menu_background{
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:1999;
    width:100vw;
    height:100vh;
    background:white
  }

  header .__align-mobil #menu-mobile #mobile_menu_container{
    position:fixed;
    top:25px;
    right:20px;
    bottom:25px;
    left:20px;
    z-index:2000;
    background-color:#52509E;
    border-radius:35px
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content{
    position:relative;
    width:100%;
    height:100%
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content #close_btn{
    position:absolute;
    top:30px;
    right:30px
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content #close_btn svg{
    width:calc(17px + ((25 - 17 ) * (100vw - 393px) / (1100 - 393)))
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    height:100%;
    padding:1rem 50px 45px;
    overflow:scroll;
    gap:1rem
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align svg:first-of-type{
    align-self:center;
    max-width:100%
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align #main_nav_mobil ul{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:30px
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align #main_nav_mobil ul li{
    color:#ffffff;
    font-weight:500;
    font-size:calc(21px + ((30 - 21 ) * (100vw - 393px) / (1024 - 393)))
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__rs{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:20px
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse{
    width:100%;
    padding:35px 25px;
    background-color:#ffffff;
    border-radius:30px;
    color:#DF7F7B;
    display:flex;
    flex-direction:column;
    gap:30px;
    font-size:calc(18px + ((19 - 18 ) * (100vw - 393px) / (768 - 393)))
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse ._align-items{
    display:flex;
    align-items:flex-start;
    gap:20px;
    width:100%
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse ._align-items p{
    width:-moz-fit-content;
    width:fit-content;
    display:flex;
    flex-direction:column
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse ._align-items svg{
    height:18.5px;
    width:auto
  }
}

@media screen and (max-width:1024px) and (min-width: 1100px){
  header .__align-mobil{
    width:1000px
  }
}

@media screen and (max-width:1024px) and (max-width: 393px){
  header .__align-mobil{
    width:350px
  }
}

@media screen and (max-width:1024px) and (min-width: 768px){
  header .__align-mobil #menu-mobile{
    gap:30px
  }
}

@media screen and (max-width:1024px) and (max-width: 393px){
  header .__align-mobil #menu-mobile{
    gap:15px
  }
}

@media screen and (max-width:1024px) and (min-width: 1100px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content #close_btn svg{
    width:25px
  }
}

@media screen and (max-width:1024px) and (max-width: 393px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content #close_btn svg{
    width:17px
  }
}

@media screen and (max-width:1024px) and (max-width:500px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align #main_nav_mobil ul{
    gap:15px
  }
}

@media screen and (max-width:1024px) and (min-width: 1024px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align #main_nav_mobil ul li{
    font-size:30px
  }
}

@media screen and (max-width:1024px) and (max-width: 393px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align #main_nav_mobil ul li{
    font-size:21px
  }
}

@media screen and (max-width:1024px) and (min-width: 768px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse{
    font-size:19px
  }
}

@media screen and (max-width:1024px) and (max-width: 393px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse{
    font-size:18px
  }
}

@media screen and (max-width:1024px) and (max-width:400px){
  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse{
    gap:15px;
    padding:25px 20px
  }

  header .__align-mobil #menu-mobile #mobile_menu_container .mobile_menu_content .__mobile_align .__adresse ._align-items{
    gap:10px
  }
}

@media screen and (min-width:1025px){
  header .__align-desktop{
    display:flex
  }

  header .__align-mobil{
    display:none
  }
}

#footer{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  color:#52509E;
  font-weight:600
}

#footer .__content{
  max-width:1366px;
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-evenly;
  flex-wrap:wrap;
  padding:60px 140px 40px;
  align-items:start;
  font-size:calc(15px + ((15 - 15 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:600
}

@media (min-width: 1366px){
  #footer .__content{
    font-size:15px
  }
}

@media (max-width: 393px){
  #footer .__content{
    font-size:15px
  }
}

#footer .__content .__adresse{
  display:flex;
  flex-direction:column
}

#footer .__content .__adresse ._align-items{
  display:flex;
  flex-direction:row;
  align-items:center
}

#footer .__content .__adresse ._align-items svg{
  width:17px;
  height:17px
}

#footer .__content .__adresse ._align-items span{
  margin-left:1vw
}

#footer .__content .__adresse ._align-items:last-of-type{
  margin-top:1vh
}

#footer .__content .__links{
  display:flex;
  flex-direction:column;
  gap:20px
}

#footer .__content .__rs{
  display:flex;
  flex-direction:row;
  gap:10px
}

#footer .__content-other{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:calc(15px + ((15 - 15 ) * (100vw - 393px) / (1366 - 393)));
  font-weight:400;
  color:#ffffff;
  background-color:#52509E;
  height:50px
}

@media (min-width: 1366px){
  #footer .__content-other{
    font-size:15px
  }
}

@media (max-width: 393px){
  #footer .__content-other{
    font-size:15px
  }
}

#footer .__content-other span{
  display:block;
  margin:0 15px
}

@media screen and (max-width:1024px){
  #footer{
    height:auto;
    width:100%
  }

  #footer .__content{
    flex-direction:column;
    align-items:center;
    width:-moz-max-content;
    width:max-content;
    height:auto;
    gap:40px;
    padding:70px 75px 55px
  }

  #footer .__content .__adresse,#footer .__content .__links,#footer .__content .__rs{
    width:100%;
    align-items:flex-start;
    gap:20px
  }
}

.news__pagination{
  color:#52509E;
  font-weight:500;
  font-size:calc(20px + ((25 - 20 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  .news__pagination{
    font-size:25px
  }
}

@media (max-width: 393px){
  .news__pagination{
    font-size:20px
  }
}

.news__pagination .current{
  color:#DF7F7B
}

.breadcrumbs{
  max-width:1366px;
  margin:25px auto;
  padding:0 50px;
  color:#52509E;
  font-weight:500;
  font-size:calc(15px + ((18 - 15 ) * (100vw - 393px) / (1366 - 393)))
}

@media (max-width:1024px){
  .breadcrumbs{
    display:none
  }
}

@media screen and (max-width:1366px){
  .breadcrumbs{
    margin:25px 3vw
  }
}

@media (min-width: 1366px){
  .breadcrumbs{
    font-size:18px
  }
}

@media (max-width: 393px){
  .breadcrumbs{
    font-size:15px
  }
}

.breadcrumbs span[property="itemListElement"]:hover{
  color:#DF7F7B
}

.breadcrumbs .current-item{
  color:#DF7F7B
}

.result_none{
  color:#52509E;
  font-weight:500;
  font-size:calc(15px + ((18 - 15 ) * (100vw - 393px) / (1366 - 393)))
}

@media (min-width: 1366px){
  .result_none{
    font-size:18px
  }
}

@media (max-width: 393px){
  .result_none{
    font-size:15px
  }
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.container{
  width:100%
}

@media (min-width: 640px){
  .container{
    max-width:640px
  }
}

@media (min-width: 768px){
  .container{
    max-width:768px
  }
}

@media (min-width: 1024px){
  .container{
    max-width:1024px
  }
}

@media (min-width: 1280px){
  .container{
    max-width:1280px
  }
}

@media (min-width: 1536px){
  .container{
    max-width:1536px
  }
}

.visible{
  visibility:visible
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.isolate{
  isolation:isolate
}

.block{
  display:block
}

.flex{
  display:flex
}

.grid{
  display:grid
}

.hidden{
  display:none
}

.flex-shrink{
  flex-shrink:1
}

.flex-grow{
  flex-grow:1
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize{
  resize:both
}

.flex-wrap{
  flex-wrap:wrap
}

.border{
  border-width:1px
}

.text-center{
  text-align:center
}

.text-\[21px\]{
  font-size:21px
}

.italic{
  font-style:italic
}

.outline{
  outline-style:solid
}

.drop-shadow{
  --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

@media (min-width: 768px){
  .md\:mt-\[26px\]{
    margin-top:26px
  }

  .md\:text-left{
    text-align:left
  }
}