.elementor-2039 .elementor-element.elementor-element-3302db1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.15;border-style:none;--border-style:none;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-3302db1:not(.elementor-motion-effects-element-type-background), .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0E6;}.elementor-2039 .elementor-element.elementor-element-3302db1::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-background-video-container::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-background-slideshow::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );background-image:url("https://www.etsionsposait.com/wp-content/uploads/2025/07/Texture-transparente.png");--background-overlay:'';background-repeat:repeat;}.elementor-2039 .elementor-element.elementor-element-a2cc3a6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-a2cc3a6.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2039 .elementor-element.elementor-element-7a7a0d4 img{width:50%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2039 .elementor-element.elementor-element-b1ce8c4{text-align:center;}.elementor-2039 .elementor-element.elementor-element-b1ce8c4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:500;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2039 .elementor-element.elementor-element-c05fd23{padding:20px 0px 0px 0px;text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-2039 .elementor-element.elementor-element-c05fd23 p{margin-bottom:0px;}.elementor-2039 .elementor-element.elementor-element-00121a2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 25px 2px rgba(147, 248.99999999999997, 255, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2039 .elementor-element.elementor-element-00121a2:not(.elementor-motion-effects-element-type-background), .elementor-2039 .elementor-element.elementor-element-00121a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00343F;}.elementor-2039 .elementor-element.elementor-element-7297ef8{z-index:1;border-radius:10px 10px 10px 10px;}.elementor-2039 .elementor-element.elementor-element-7297ef8 .elementor-wrapper{--video-aspect-ratio:1.77777;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2039 .elementor-element.elementor-element-3302db1{--content-width:1000px;}.elementor-2039 .elementor-element.elementor-element-a2cc3a6{--width:100%;}}@media(max-width:767px){.elementor-2039 .elementor-element.elementor-element-3302db1::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-background-video-container::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .e-con-inner > .elementor-background-video-container::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-background-slideshow::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2039 .elementor-element.elementor-element-3302db1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.etsionsposait.com/wp-content/uploads/2025/07/Texture-transparente.png");}.elementor-2039 .elementor-element.elementor-element-3302db1{--content-width:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:020px 020px;--row-gap:020px;--column-gap:020px;--overlay-opacity:0.15;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-3302db1.e-con{--align-self:center;}.elementor-2039 .elementor-element.elementor-element-a2cc3a6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2039 .elementor-element.elementor-element-b1ce8c4{text-align:center;}.elementor-2039 .elementor-element.elementor-element-b1ce8c4 .elementor-heading-title{font-size:30px;line-height:1.1em;}.elementor-2039 .elementor-element.elementor-element-c05fd23{text-align:center;}.elementor-2039 .elementor-element.elementor-element-00121a2{--width:300px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;--z-index:1;}}/* Start custom CSS */.highlight-section {
  position: relative;
  border-radius: 10px;
  background: rgba(255,255,255,0.07);
  overflow: hidden;
}

/* Border effect */
.highlight-section::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px; /* Border thickness */
  background: 
    linear-gradient(135deg, #fff, rgba(255,255,255,0.05) 45%, rgba(20,38,54,0.08) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none; /* Don't block clicks */
  z-index: 1;
}


.highlight-section::after {
content: "";
  position: absolute;
  inset: 0;                 /* full cover */
  z-index: 0;               /* under real content, over background‑color */
  pointer-events: none;

  --grid-size: 32px;
  --grid-color: rgba(255,255,255,.03);

  background:
    repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    );
  background-size: var(--grid-size) var(--grid-size);

@media (max-width: 600px) {
  .highlight-section, .highlight-section::before {
    border-radius: 9px;
  }
}
}


.card {
  border-radius: 10; /* or whatever your default is */
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition:
    box-shadow 0.15s cubic-bezier(.4,0,.2,1),
    transform 0.2s cubic-bezier(.4,0,.2,1);
}

.card:hover {
  box-shadow: 0 8px 32px 0 rgba(220,9,60,0.16);
  transform: translateY(-6px);
  z-index: 2;
}

/* ROOT */
.highlight{
  position:relative;        /* ancre le pseudo-élément         */
}

/* Trait dégradé uniquement en haut */
.highlight::after{
    content: "";
  position: absolute;
  inset: 0;                 /* full cover */
  z-index: 0;               /* under real content, over background‑color */
  pointer-events: none;

  --grid-size: 32px;
  --grid-color: rgba(255,255,255,.03);

  background:
    repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    );
  background-size: var(--grid-size) var(--grid-size);
}

.highlight::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:1px !important;  
  z-index: 10!important;
  background:linear-gradient(to right,
              transparent 0%,
              rgba(255,255,255,1) 50%,
              transparent 100%)!important;

  pointer-events:none;      /* n’interfère pas avec les clics   */
}



.testimonial-text{
    font-weight:400;
  font-size:clamp(18px,3.6vw,20px);
  text-align:center;
  line-height:1.45;
}

.testomonial-name{

  font-weight:700;
  font-size:clamp(24px,4.2vw,32px);
  color:#0097B2;
  text-align: center;
  display:block;
}

.profile-testimonial{
    margin-bottom: 20px;
}

.profile-testimonial img{
  position: absolute;
  left: 50%;
  top: -90px;
  transform: translateX(-50%);
  width: 112px;
  height: 112px;
  border-radius: 50%;
  border: 4px solid #0097B2;
  object-fit: cover;
  background: #fff; /* optional: white bg if image has transparency */
  box-shadow: 0 2px 10px #00343f22; /* optional: subtle shadow */
  z-index: 10;
}

.profile-testimonial-desktop{
    margin-bottom: 0px;
}

.profile-testimonial-desktop img{
display: block;
  margin: 0 auto;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  border: 4px solid #0097B2;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 2px 10px #00343f22;
  z-index: 10;
}

.glow-list{
  list-style:none;
  padding-left:0;
  margin:0;
}

.glow-list li {
  position: relative;
  padding-left: 32px;
  margin: 0 0 40px 0;
  font-size: 24px;
  line-height: 1.2;
  color: #fff;
}

@media (max-width: 768px) {
  .glow-list li {
    font-size: 20px;
  }
}

.glow-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:0.45em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;     /* bleu foncé */
  /* plus de box-shadow */
  animation:none;
}

.glow-list li:not(:last-child)::after{
  content:"";
  position:absolute;
  left:32px;
  right:0;
  bottom:-20px;
  height:1.5px;
  background:#fff;     /* bleu foncé */
  opacity:.23;
  box-shadow:none;        /* retire le glow */
}

.tm {
  font-size: 0.6em;      /* plus petit que le texte normal */
  vertical-align: super; /* remonte le TM en exposant */
  letter-spacing: 0;     /* retire l'espace éventuel */
  opacity: .7;           /* optionnel : le rendre un peu plus discret */
  font-family: inherit;  /* garde la fonte du parent */
}

#profil{
    font-size: 50px;
    padding-top: 0.30em;
    display: inline-block;
}

#keys-number{
      font-size: 90px;
      display: inline-block;
      line-height: 1em;
}

.accent-text-dark{
  font-family: Montserrat;
  font-weight: 900!important;
  background-image:
    linear-gradient(
      90deg,
      #0097b2 0%,
    #57c1d4 40%,
    #21768c 100%
    ),
    /* 2) fine bande blanche au centre pour l’effet miroir */
    linear-gradient(
      0deg,
      transparent 45%,
      rgba(255,255,255,0.7) 50%,
      transparent 55%
    );
  background-size:100% 100%;              /* couche 1 */
  background-clip:text;
  -webkit-background-clip:text;           /* Safari / Chrome */
  color:transparent;  
  display: inline-block;
}

.accent-text{
  font-family: Montserrat;
  font-weight: 900!important;
  background-image:
    linear-gradient(
      90deg,
     #b5ecff 0%,
    #8eeaff 55%,
    #49d3ff 100%
    ),
    /* 2) fine bande blanche au centre pour l’effet miroir */
    linear-gradient(
      0deg,
      transparent 45%,
      rgba(255,255,255,0.7) 50%,
      transparent 55%
    );
  background-size:100% 100%;              /* couche 1 */
  background-clip:text;
  -webkit-background-clip:text;           /* Safari / Chrome */
  color:transparent;  
  display: inline-block;
}

.hero-section h1 {
    
    color:#fff;
    font-family: Montserrat;
    font-weight: 700;
    font-size:50px;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em
}

@media (max-width: 600px) {
  .hero-section h1 {
    
    color:#fff;
    font-family: Montserrat;
    font-weight: 600;
    font-size:30px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1em
}

#profil{
    font-size: 70px;
    padding-top: 0.30em;
    display: inline-block;
}
}

.feeling-section #white p {
    color:#fafafa;
    font-family: Montserrat;
    font-weight: 400;
    font-size:18px;
}

.hero-section p {
    color:#fafafa;
    font-family: Montserrat;
    font-weight: 400;
    font-size:18px;
}

.hero-section{
  position: relative;
  overflow: hidden;
}

.parent-profile #parent-profile-combo {
    display:block;
    color:#0097B2;
    font-family: Montserrat;
    font-weight: 700;
    font-size:45px;
    text-align: center!important;
    line-height: 1.2em;
    text-transform: uppercase;
}

.parent-profile #section-1 {
    background: #0097B2;
    padding:50px;
   box-shadow: 0px 0px 20px 0px rgb(0, 0, 0,0.2);
}

.parent-profile #section-2 {
    box-shadow: 0px 0px 20px 0px rgb(0, 0, 0,0.2);
    padding:50px;
}

.parent-profile #section-1 p, .parent-profile #section-1 h3, .parent-profile #section-1 span {
    color:#fff;
}

.parent-profile #section-1 .profile-title::after{
    background:white;
}

.parent-profile #section-1 .profile-avatar {
    border: white solid 6px;
}

@media(max-width:600px){
    .parent-profile #section-1 {
    background: #0097B2;
    padding:20px;
   box-shadow: 0px 0px 20px 0px rgb(0, 0, 0,0.2);
}

.parent-profile #section-2 {
    box-shadow: 0px 0px 20px 0px rgb(0, 0, 0,0.2);
    padding:20px;
}

.parent-profile #section-1 p, .parent-profile #section-1 h3, .parent-profile #section-1 span {
    color:#fff;
}

.parent-profile #section-1 .profile-title::after{
    background:white;
}

.parent-profile #section-1 .profile-avatar {
    border: white solid 6px;
}
}

#teen-profile {
    display:block;
    color:#0097B2;
    font-family: Montserrat;
    font-weight: 700;
    font-size:35px;
    text-align: center!important;
    line-height: 1.2em
}

/* grid layer */
.hero-section::before  {
  content: "";
  position: absolute;
  inset: 0;                 /* full cover */
  z-index: 0;               /* under real content, over background‑color */
  pointer-events: none;

  --grid-size: 32px;
  --grid-color: rgba(255,255,255,.05);

  background:
    repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    );
  background-size: var(--grid-size) var(--grid-size);
}

/* denser grid on small screens */
@media(max-width:600px){
  .hero-section::before { --grid-size:24px; }
  .hero-section p {
    text-align:center;
}
.parent-profile #parent-profile-combo {
    display:block;
    color:#0097B2;
    font-family: Montserrat;
    font-weight: 700;
    font-size:30px;
    text-align: center!important;
    line-height: 1.2em;
    text-transform: uppercase;
}
}

/* grid layer dark section */
.dark-section::before  {
  content: "";
  position: absolute;
  inset: 0;                 /* full cover */
  z-index: 0;               /* under real content, over background‑color */
  pointer-events: none;

  --grid-size: 32px;
  --grid-color: rgba(255,255,255,.03);

  background:
    repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    );
  background-size: var(--grid-size) var(--grid-size);
}

/* denser grid on small screens */
@media(max-width:600px){
  .dark-section::before { --grid-size:24px; }
  .hero-section p {
    text-align:center;
}
}

/* BUTTON SHINE ON LOOP */

.shiny-button a {
  background: linear-gradient(90deg, #0097B2 10%, #57C1D4 90%);
  color: #fff!important;
  border: none;
  box-shadow: 0 2px 18px 0 #0006;
  position: relative;
  overflow: hidden;
  border-radius: 2em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.shiny-button a::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -40%;
  width: 50%;
  height: 200%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.38) 50%, transparent 100%);
  opacity: 1;
  transform: skewX(-24deg) translateX(-110%);
  pointer-events: none;
  z-index: 2;
  animation: shine-move 2.2s cubic-bezier(.25,1,.5,1) infinite;
}

@keyframes shine-move {
  0% {
    opacity: 0;
    transform: skewX(-24deg) translateX(-110%);
  }
  15% {
    opacity: 1;
    transform: skewX(-24deg) translateX(-60%);
  }
  35% {
    opacity: 1;
    transform: skewX(-24deg) translateX(220%);
  }
  55%,
  100% {
    opacity: 0;
    transform: skewX(-24deg) translateX(220%);
  }
}

/* ——— conteneur ——— */
.profile-card{
  max-width:1000px;
  margin:0 auto 0px;
  font-family:"Montserrat",sans-serif;
  color:#002126;
  text-align:center;
}

/* ——— avatar circulaire ——— */
.profile-avatar{
  width:150px;
  height:150px;
  border-radius:50%;
  background:#e6ebee;
  margin:0 auto 24px;
  border:6px solid #0097B2;
  overflow:hidden;
}
.profile-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* ——— titre ——— */
.profile-title{
  margin:0;
  font-weight:400;
  font-size:clamp(18px,4.8vw,20px);
  line-height:1.2;
  position:relative;          /* pour le pseudo‑élément */
}
/* séparateur bleu foncé */
.profile-title::after{
  content:"";
  display:block;
  width:60px;
  height:1px;
  background:#00343F;
  margin:10px auto 0;          /* 8 px au‑dessus du trait */
}

/* ——— nom du profil (bleu clair) ——— */
.profile-name{
  margin:12px 0 24px;   
  font-weight:700;
  font-size:clamp(24px,4.2vw,22px);
  color:#0097B2;
}

/* ——— texte descriptif ——— */
.profile-text{
  font-weight:400;
  font-family: "Montserrat";
  font-size:clamp(18px,3.6vw,18px);
  text-align:center;
  line-height:1.45;
}

/* ——— responsive ——— */
@media(max-width:480px){
  .profile-avatar{
    width:120px;
    height:120px;
    margin-bottom:20px;
  }
}

/* Dark theme */
:root{
  --teal-light:#0097B2;
  --teal-dark:#00343F;
  --bg-dark:#002a35;          /* fond principal */
  --white:#fefefe;
  --font-body:"Montserrat",sans-serif;
  --font-display:"Montserrat",sans-serif;
}

/* 2) section dark ------------------------------------------------------ */
.dark-section{
  background:var(--bg-dark);
  color:var(--white);
  text-align:center;
}
.dark-inner{
  max-width:640px;
  margin:0 auto;
}

/* 3) titres ------------------------------------------------------------ */
.dark-heading{
  font-family:var(--font-display);
  font-size:clamp(28px,7vw,56px);
  line-height:1.1;
  letter-spacing:0.5px;
  text-transform:uppercase;
  margin:0 0 48px;
}
.sub-title{
  display:block;
  font-family:var(--font-body);
  font-weight:500;
  font-size:clamp(18px,4.5vw,24px);
  color:#d8e6ea;             /* gris clair sur fond sombre */
  margin:24px 0 8px;
}
.profile-name{
  margin:8px 0 32px;
  font-family:var(--font-body);
  font-weight:700;
  color:var(--teal-light);
  font-size:clamp(26px,5.5vw,40px);
}

/* 4) avatar ------------------------------------------------------------ */
.avatar-wrap{
  width:220px;               /* mobile 180 via MQ */
  height:220px;
  margin:0 auto;
  border-radius:50%;
  border:6px solid var(--teal-light);
  overflow:hidden;
  background:#fff;
  margin-bottom: 20px!important;
}
.avatar-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 5) paragraphe -------------------------------------------------------- */
.profile-desc{
  font-family:var(--font-body);
  font-weight:400;
  font-size:clamp(17px,4vw,20px);
  line-height:1.55;
  text-align:left;
  color:#d0e0e4;
}

/* 6) responsive – avatar un peu plus petit ----------------------------- */
@media(max-width:480px){
  .avatar-wrap{width:170px;height:170px;}
  .profile-desc{text-align:left;}
}



.shiny-button-white a {
  background: linear-gradient(40deg, #00343F 50%, #014654 100%);
  color: #fff!important;
  border: none;
  position: relative;
  overflow: hidden;
  border-radius: 2em;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.03em;
}


.highlight-section {
  position: relative;
  border-radius: 10px;
  background: rgba(255,255,255,0.07);
  overflow: hidden;
}

/* Border effect */
.highlight-section::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2px; /* Border thickness */
  background: 
    linear-gradient(135deg, #fff, rgba(255,255,255,0.05) 45%, rgba(20,38,54,0.08) 100%);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none; /* Don't block clicks */
  z-index: 1;
}


.highlight-section::after {
content: "";
  position: absolute;
  inset: 0;                 /* full cover */
  z-index: 0;               /* under real content, over background‑color */
  pointer-events: none;

  --grid-size: 32px;
  --grid-color: rgba(255,255,255,.03);

  background:
    repeating-linear-gradient(
      to right,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    ),
    repeating-linear-gradient(
      to bottom,
      transparent 0 calc(var(--grid-size) - 1px),
      var(--grid-color) calc(var(--grid-size) - 1px) var(--grid-size)
    );
  background-size: var(--grid-size) var(--grid-size);

@media (max-width: 600px) {
  .highlight-section, .highlight-section::before {
    border-radius: 9px;
  }
}
}/* End custom CSS */