.section-hero {background: var(--citrouille);height: 80vh;position:relative;}
.section-hero p{color:#FFF;font-size:14px;line-height:1;font-weight:500;text-transform:uppercase;}
.section-hero h1{color:#FFF;font-size:80px;line-height:1;font-weight:600;}
.section-hero .toNext {border: unset;background: unset;position: absolute;bottom: 3rem;right: 1rem;}
.background {position: absolute;width: 100%;height: 100%;}
.background::before {content: "";position: absolute;inset: 0;background-image: url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-size: cover;background-position: center;opacity: 0.5;mix-blend-mode: luminosity;z-index: 1;}
.background::after {content: "";position: absolute;inset: 0;background: linear-gradient(135deg,#FFF0E6 0%,#BDD9BF 33%,#FF741F 66%,#104A65 100%);z-index: 0;}
.hauteur-35{height:35vh;min-height: 300px;}
.hauteur-50{height:50vh;min-height: 300px;}

.content ul, ul.list-items {list-style: none;padding: 0;width:100%;}
.content ul li, .list-items li{border-bottom: 1px solid var(--bleuYale10);min-height: 45px;display: flex;align-items: center;font-size:1.3rem;color:var(--bleuYale);}
.content ul li a, .list-items li a{display:flex;gap:16px;font-weight: 600;font-size: 1.3rem;}
.content ul li a.inactif, .list-items li a.inactif {color:var(--bleuYale10);}
.content ul li a.inactif, .list-items li a.inactif span.nav-picto{display:none;}

.content ul, .content p {margin-bottom:2rem;}
.content ul li{color:var(--indigo);font-family:"Montserrat";font-weight:500;min-height: 40px;font-size:1rem}
.content h2{font-weight:"Inter";font-weight:500;font-size:18px;line-height:1;text-transform:uppercase;color:var(--bleuYale);position:relative;padding-left: 22px;margin-bottom:1.5rem;}
.content h2::before{content:"";position:absolute;left:0;top:2px;width:10px;height:10px;background:var(--citrouille);border-radius:5px;}

form{max-width:480px;}
.btn-link {color: var(--citrouille);}
.btn-link:hover {color: var(--citrouille50);}

.section-contact .container{border-radius:6px;position:relative}
.section-contact .container::after{content:"";position:absolute;width:100%;height:100%;top:0;right:0;background-image: url("../../img/design/overlay-video-hero-ETnaQeX.jpg");background-size: cover;background-position: center;opacity: 0.5;mix-blend-mode: overlay;z-index:1}
.section-contact .container > div {z-index:2;position:relative;}

@media (max-width: 576px) {
    .section-hero h1{font-size: 45px !important;}
    p.intro {font-size: 1.5rem !important;}
}