/*
Theme Name: Dixionline Theme
Theme URI: https://dixionline.com
Author: Dixionline
Theme URI: https://dixionline.com
Template: hello-elementor
Version: 1.0
*/

/*
    Add your custom styles here
*/

.txt-underlined-blue h1,
.txt-underlined-blue h2,
.txt-underlined-blue h3 {
  display: inline;
  background-image: linear-gradient(to bottom, transparent 50%, #c2d4e9 50%);
}

.txt-underlined-yellow h1,
.txt-underlined-yellow h2,
.txt-underlined-yellow h3 {
  display: inline;
  background-image: linear-gradient(
    to bottom,
    transparent 50%,
    rgba(241, 205, 97, 0.75) 50%
  );
}

.lien-anim-underline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 7%;
  height: 2px;
  background: #273582;
  transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lien-anim-underline:hover::after {
  width: 100%;
}

.lien-anim-underline-yellow::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 7%;
  height: 2px;
  background: #f1cd61;
  transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lien-anim-underline-yellow:hover::after {
  width: 100%;
}

.bg-bleuclair {
  background-color: #c2d4e9;
}

.header .h-logo a {
  background-image: url(https://koncepto.dixitest.com/wp-content/uploads/2024/09/logo-koncepto_2024_227.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  fill: transparent;
}

.header .h-logo a img {
  visibility: hidden;
}

.she-header-yes .elementor-widget-theme-site-logo img {
  transition: none !important;
}

#caracteristiques,
#avis-clients,
#pour-qui {
  scroll-margin-top: 250px;
}

.she-header span.e-n-menu-title-text {
  color: #273582 !important;
}

.she-header-transparent-yes .e-n-menu-toggle span svg {
  fill: #fff !important;
}

@media (min-width: 1024px) {
  .she-header-transparent-yes .e-n-menu-dropdown-icon svg {
    fill: #fff !important;
  }
}
 
@media (max-width: 1024px) {
  .e-n-menu-wrapper {
    margin:0 !important;
  }
}

.video--accept-cookies {
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	background:#273582;
	color:white;
	font-family: "Josefin Sans", sans-serif;
	text-align:center;
	
	button {
		border:1px solid white;
		border-radius:5px;
		padding:0.5rem 1rem;
		cursor:pointer;
		width:min-content;
		margin:0 auto;
		color:white;
		
		&:hover {
			background:white;
			color:#273582;
		}
	}
}



/* ----- PAGE QZ 280 ----- */
.buses{display:grid;gap:30px;align-items:center}
.buses-fig{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center}
.buses-svg{width:min(240px,58vw);height:auto;flex:0 0 auto}

.jet{transform-box:fill-box;transform-origin:center}
.night.on .jet{animation:pulse 3.6s ease-in-out infinite}
.night.on .j2{animation-delay:1.2s}
.night.on .j3{animation-delay:2.4s}

@media (min-width:760px){
	  .buses-fig{flex-direction:row}

}

@media (min-width:1000px){
	.buses{grid-template-columns:6fr 5fr;gap:72px}
}

@media (prefers-reduced-motion:reduce){.night.on .jet{animation:none}}


/* animation QZ 280 */


.kqz{--navy:#1B1E3C;--roi:#273582;--ink:#111224;--sky:#C2D4E9;--blue:#5B96D0;--gold:#BE7B28;--gold-l:#F1CD61;
 display:grid;grid-template-columns:1fr 1px 1fr;gap:40px;align-items:start;max-width:860px;margin:0 auto;
 font-family:"Josefin Sans",Arial,sans-serif;color:var(--ink);text-align:center}
.kqz *{box-sizing:border-box}
.kqz-sep{align-self:stretch;background:var(--sky)}
.kqz-eyebrow{margin:0 0 10px;font-size:16px;line-height:1;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--blue)}
.kqz-new .kqz-eyebrow{color:var(--gold-l)}
.kqz-title{margin:0 0 22px;font-size:30px;line-height:1.2;font-weight:700;text-transform:uppercase;color:var(--navy)}
.kqz-title span{padding:0 4px;background:linear-gradient(transparent 50%,#C2D4E9 50%)}
.kqz-new .kqz-title span{background:linear-gradient(transparent 50%,rgba(241,205,97,.75) 50%)}
.kqz svg{display:block;width:50%;max-width:240px;height:auto;margin:0 auto}
.kqz-legend{list-style:none;margin:22px auto 0;padding:0;display:grid;gap:12px;max-width:300px;text-align:left}
.kqz-legend li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.35;color:#ffffff;}
.kqz-legend b{display:block;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#ffffff;}
.kqz-legend .is-gold b{color:var(--gold)}
.kqz-dot{flex:0 0 14px;width:14px;height:14px;margin-top:2px;border-radius:50% 0 50% 50%;transform:rotate(-45deg)}
.kqz-cap{margin:18px auto 0;max-width:300px;font-size:16px;line-height:1.4;font-weight:700;color:#ffffff;}
@media (max-width:640px){.kqz{gap:14px}.kqz-eyebrow{font-size:11px;letter-spacing:2px}.kqz-title{font-size:21px;margin-bottom:14px}
 .kqz-legend{margin-top:14px;gap:10px}.kqz-legend li{gap:8px;font-size:13px}.kqz-legend b{font-size:12px;letter-spacing:1px}
 .kqz-dot{flex-basis:10px;width:10px;height:10px;margin-top:2px}.kqz-cap{font-size:13px;margin-top:12px}}