/*
  Dre Fatima Azelmat brand guideline layer
  Primary: surgical green #0b4f4b
  Deep: operating-room green #073638
  Accent: refined pistachio #9acb73
  Surfaces: pure white #ffffff
  Ink: graphite aubergine #332733
*/
:root{
  --az-white:#ffffff;
  --az-green-950:#073638;
  --az-green-900:#0b4f4b;
  --az-green-800:#0e615d;
  --az-green-700:#15736b;
  --az-green-500:#9acb73;
  --az-green-400:#b1dc86;
  --az-ink:#332733;
  --az-ink-soft:rgba(51,39,51,.64);
  --az-line:rgba(51,39,51,.12);
  --c-white:#ffffff;
  --c-light-base:#ffffff;
  --c-light-beige:#ffffff;
  --c-light-40:rgba(255,255,255,.46);
  --c-light-15:rgba(255,255,255,.16);
  --c-brand-navy:#0b4f4b;
  --c-brand-navy-linear:linear-gradient(180deg,#15736b,#073638);
  --c-brand-navy-radial:radial-gradient(44.61% 50% at 48.59% 50%,#041f22 0%,#0b4f4b 48%,#28424a 100%);
  --c-brand-gold:#9acb73;
  --c-brand-gold-gradient:linear-gradient(270deg,#9acb73,#d9efbc);
  --c-dark-base:#332733;
  --c-dark-40:rgba(51,39,51,.42);
  --c-dark-10:rgba(51,39,51,.10);
  --c-dark-brown:#6c5d66;
}

html.az-brand-guideline body{
  background-color:var(--az-green-900);
  color:var(--az-ink);
}

html.az-brand-guideline .h0,
html.az-brand-guideline .h0_italic,
html.az-brand-guideline .h1,
html.az-brand-guideline .h1_italic,
html.az-brand-guideline .h2,
html.az-brand-guideline .h2_italic,
html.az-brand-guideline .h3,
html.az-brand-guideline .h3_italic,
html.az-brand-guideline .h4,
html.az-brand-guideline .h4_italic,
html.az-brand-guideline .h5,
html.az-brand-guideline .h5_italic{
  text-wrap:balance;
}

html.az-brand-guideline .h0,
html.az-brand-guideline .h0_italic{
  letter-spacing:-.072em;
  line-height:.84;
}

html.az-brand-guideline .h1,
html.az-brand-guideline .h1_italic{
  letter-spacing:-.062em;
  line-height:.84;
}

html.az-brand-guideline .h2,
html.az-brand-guideline .h2_italic{
  letter-spacing:-.046em;
  line-height:.82;
}

html.az-brand-guideline .h3,
html.az-brand-guideline .h3_italic{
  letter-spacing:-.032em;
  line-height:.92;
}

html.az-brand-guideline .h4,
html.az-brand-guideline .h4_italic{
  letter-spacing:-.028em;
  line-height:.92;
}

html.az-brand-guideline .h5,
html.az-brand-guideline .h5_italic{
  letter-spacing:-.024em;
  line-height:.92;
}

html.az-brand-guideline .p1,
html.az-brand-guideline .p2,
html.az-brand-guideline .p3,
html.az-brand-guideline .c0,
html.az-brand-guideline .c1,
html.az-brand-guideline .c2,
html.az-brand-guideline .c3{
  letter-spacing:-.012em;
}

html.az-brand-guideline .p1{line-height:1.14}
html.az-brand-guideline .p2,
html.az-brand-guideline .c0{line-height:1.16}
html.az-brand-guideline .p3,
html.az-brand-guideline .c2,
html.az-brand-guideline .c3{line-height:1.18}

html.az-brand-guideline .header{
  color:var(--az-green-900);
}

html.az-brand-guideline .header .header-btn-book .book-btn{
  background-color:var(--az-green-500)!important;
  color:var(--az-green-950)!important;
}

html.az-brand-guideline .header .header-btn-book .book-btn .text::after{
  content:"Prendre rendez-vous"!important;
  color:var(--az-green-950)!important;
  font-weight:700!important;
  letter-spacing:-.018em!important;
}

html.az-brand-guideline .header .header-btn-book .inner-svg path{
  stroke:var(--az-green-950)!important;
}

html.az-brand-guideline .az-blog-top-link,
html.az-brand-guideline .az-brand-nav-link{
  color:var(--az-ink);
  font-family:var(--font-inter);
  font-size:.875rem;
  font-weight:700;
  letter-spacing:-.018em;
  line-height:1;
  margin-left:2rem;
}

html.az-brand-guideline .header .left-part .az-blog-top-link,
html.az-brand-guideline .header .left-part .az-brand-nav-link{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  color:var(--az-green-900)!important;
}

html.az-brand-guideline .hero .left,
html.az-brand-guideline .our-goal,
html.az-brand-guideline .meet,
html.az-brand-guideline .footer{
  background-color:var(--az-white)!important;
}

html.az-brand-guideline .hero .wrap-titles.static,
html.az-brand-guideline .hero .title-mob{
  color:var(--az-green-900)!important;
}

html.az-brand-guideline .hero .wrap-titles.black{
  color:var(--az-green-800)!important;
}

html.az-brand-guideline .hero .wrap-titles .anim-line2 span:last-child,
html.az-brand-guideline .hero .title-mob i,
html.az-brand-guideline .hero .description .h5_italic,
html.az-brand-guideline .hero .text .h5_italic{
  color:var(--az-green-500)!important;
}

html.az-brand-guideline .hero .wrap-titles .anim-line1{
  transform:translateZ(0);
}

html.az-brand-guideline .hero .wrap-titles .anim-line2{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:clamp(2rem,6.5vw,6rem)!important;
  margin-top:-.02em!important;
  transform:translateX(4.4rem)!important;
}

html.az-brand-guideline .hero .wrap-titles .anim-line2 span{
  display:block!important;
  margin-left:0!important;
  white-space:nowrap;
}

html.az-brand-guideline .hero .wrap-titles .anim-line2 span:last-child{
  font-style:italic!important;
}

html.az-brand-guideline .hero .video-description,
html.az-brand-guideline .hero .right-title,
html.az-brand-guideline .hero .bottom-tips,
html.az-brand-guideline .hero .mobile-sticky{
  color:var(--az-white)!important;
}

html.az-brand-guideline .hero .based-in,
html.az-brand-guideline .hero .based-in-title{
  color:var(--az-ink-soft)!important;
}

html.az-brand-guideline .hero .location-item{
  color:var(--az-ink)!important;
}

html.az-brand-guideline .services,
html.az-brand-guideline .banner,
html.az-brand-guideline .testimonials,
html.az-brand-guideline .pre-footer{
  background-color:var(--az-green-900)!important;
  color:var(--az-white)!important;
}

html.az-brand-guideline .technology,
html.az-brand-guideline .experts{
  background-color:var(--az-white)!important;
}

html.az-brand-guideline .technology .sticky-title,
html.az-brand-guideline .technology .title,
html.az-brand-guideline .experts .title{
  color:var(--az-ink)!important;
}

html.az-brand-guideline .technology .small-title,
html.az-brand-guideline .technology .counter,
html.az-brand-guideline .banner .c0:first-child{
  color:var(--az-green-700)!important;
}

html.az-brand-guideline .technology .list-item,
html.az-brand-guideline .footer .input,
html.az-brand-guideline .footer .nav li,
html.az-brand-guideline .footer .locations li{
  border-color:var(--az-line)!important;
}

html.az-brand-guideline .services .procedure-name,
html.az-brand-guideline .services .slide-btn,
html.az-brand-guideline .services .description-slide,
html.az-brand-guideline .testimonials .slide-text,
html.az-brand-guideline .testimonials .btn-slide-name{
  color:rgba(255,255,255,.78)!important;
}

html.az-brand-guideline .services .title-slide,
html.az-brand-guideline .services .active,
html.az-brand-guideline .testimonials .active{
  color:var(--az-white)!important;
}

html.az-brand-guideline .experts .main-description,
html.az-brand-guideline .experts .teammate-desc,
html.az-brand-guideline .our-goal .right-title,
html.az-brand-guideline .our-goal .description{
  color:var(--az-ink)!important;
}

html.az-brand-guideline .experts .print-texts,
html.az-brand-guideline .experts .inner-text{
  color:var(--az-green-500)!important;
}

html.az-brand-guideline .wrap-btn,
html.az-brand-guideline .btn-submit .wrap-btn,
html.az-brand-guideline .book-btn{
  border-radius:999rem;
}

html.az-brand-guideline .btn-submit .wrap-btn{
  background-color:var(--az-green-500)!important;
  color:var(--az-green-950)!important;
}

html.az-brand-guideline .footer .form-title,
html.az-brand-guideline .footer .name,
html.az-brand-guideline .footer .wrap-link,
html.az-brand-guideline .footer .p2{
  color:var(--az-ink)!important;
}

html.az-brand-guideline .footer .placeholder,
html.az-brand-guideline .footer .c3,
html.az-brand-guideline .footer .work-hour{
  color:var(--az-ink-soft)!important;
}

@media (min-width:1024px){
  html.az-brand-guideline .hero .wrap-titles{
    max-width:min(47rem,52vw);
  }

  html.az-brand-guideline .hero .h2{
    font-size:9.1935rem;
    letter-spacing:-.03em;
    line-height:.8;
  }

  html.az-brand-guideline .technology .h2{
    font-size:9.1935rem;
    letter-spacing:-.03em;
    line-height:.8;
  }

  html.az-brand-guideline .experts .h1{
    font-size:15.35rem;
    letter-spacing:-.03em;
    line-height:.82;
  }
}

html.az-brand-guideline section.hero .wrap-titles.black .anim-line1,
html.az-brand-guideline section.hero .wrap-titles.black .anim-line2 span:first-child{
  color:var(--az-ink)!important;
}

html.az-brand-guideline section.hero .wrap-titles.static{
  display:none!important;
}

html.az-brand-guideline section.hero .wrap-titles.black{
  clip-path:none!important;
  z-index:4!important;
}

html.az-brand-guideline section.hero .wrap-titles.static .anim-line1,
html.az-brand-guideline section.hero .wrap-titles.static .anim-line2 span:first-child,
html.az-brand-guideline section.hero .wrap-titles.static .anim-line2 span:last-child{
  color:var(--az-white)!important;
}

html.az-brand-guideline section.hero .wrap-titles.black .anim-line2 span:last-child{
  color:var(--az-white)!important;
}

html.az-brand-guideline section.hero .wrap-titles .anim-line1{
  transform:translateX(0)!important;
}

html.az-brand-guideline section.hero .wrap-titles .anim-line2{
  transform:translateX(17rem)!important;
}

html.az-brand-guideline section.hero .title-mob span{
  display:block!important;
  color:var(--az-green-900)!important;
}

html.az-brand-guideline section.hero .title-mob i{
  display:block!important;
  color:var(--az-white)!important;
  font-style:italic!important;
}

@media (max-width:1023px){
  html.az-brand-guideline .h1,
  html.az-brand-guideline .h2{
    letter-spacing:-.05em;
  }

  html.az-brand-guideline .az-brand-nav-link,
  html.az-brand-guideline .az-blog-top-link{
    display:none;
  }

  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f]{
    color:transparent!important;
    min-height:10.8rem!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f] > *{
    display:none!important;
  }

  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f]::before,
  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f]::after{
    font-family:var(--font-instrument)!important;
    font-size:clamp(3rem, 13.1vw, 3.42rem)!important;
    font-weight:400!important;
    letter-spacing:-.022em!important;
    line-height:.84!important;
    display:block!important;
    text-align:center!important;
  }

  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f]::before{
    content:"Implantologie"!important;
    color:var(--az-green-900)!important;
  }

  html.az-brand-guideline section.hero .title-mob[data-v-a7dfda5f]::after{
    content:"Esthétique\A Avancée"!important;
    white-space:pre!important;
    color:var(--az-green-500)!important;
    font-style:italic!important;
  }
}