.section__subtitle { font-size:20px; } .mobile-nav-toggle { color: #FFF; } .brand-inline { height:2.5rem; } h1 .brand-inline { height:2em; }  .box-card { font-family: var(--heading-font); } .purecounter { font-style: italic; } .purecounter-label { text-transform: uppercase; font-family: var(--heading-font); font-size: .9em; } #nous-contacter h3.section__title {color: #FFF; } #nous-contacter { background: linear-gradient(135deg,#0a6ac7 0%, #0057A4 60%, #003d73 100% ); } #faq h4 { text-transform:uppercase; font-style:italic; font-family:var(--nav-font); font-weight:600; } #trust { background: linear-gradient(135deg, #0a6ac7 0%, #0057A4 60%, #003d73 100% ); } #trust h3 { color:#FFF; text-transform:uppercase; font-size:1.2em; font-style:italic; } .slider-component .swiper-slide img { height:10em; } a { font-family: var(--default-font); } .section__title {font-variant: small-caps;  } .section__subtitle { font-family: var(--nav-font); background-color: var(--color-tertiary); color: var(--color-dark); } html { linear-gradient(180deg, rgba(0,87,164,0.06), rgba(0,87,164,0.03)); } @media (min-width: 1200px) {  .header:not(.header-scrolled) { .navmenu > ul > li > a.scrollto { color:#FFF; }}} .navmenu a, .btn { text-transform:uppercase; font-size:1.2em; font-weight:bold; font-style:italic; } #hero { padding-top: 0px;} .header:not(.header-scrolled) { background-color: rgba(var(--bs-primary-rgb), 1.9); } .header .logo img { width:190px; max-height: 70px; } .hero-video-component { background-color:var(--grey-light); margin-top: 110px; } .hero-video-component video { max-height:70vh; border-bottom:10px solid var(--primary-color); }