:root {
  /* Text */
  --q-text-100: #ffffff;
  --q-text-200: #e8eefb;
  --q-text-300: #cdd7ea;
  --q-text-400: #9fb2d9;   /* muted lines/captions */
  --q-text-ghost: rgba(255,255,255,.65);
  
  --wave-color: rgba(248,249,250,1);
  --bs-light-rgb: 248,249,250,1;
  
  --header-offset: 90px;
}
* {
   padding:0;
   margin:0;
   box-sizing: border-box; 
}
html {
  scroll-behavior: auto;
  /*scroll-padding-top: var(--header-offset);*/
}
body {
  position:relative;
  font-family: "Inter", "Proxima Nova", system-ui, sans-serif;
  color: #222;
  background-color: #fff;
  opacity:1;
  transition:opacity .5s ease;
}
body.fade-in {opacity:0;}

noscript body {
  opacity: 1 !important;
}

/*.tm { font-size: 0.8em; line-height: 0;  vertical-align:middle; font-weight:bold; }*/
.tm::after{
    content:"\2122"; /* ™ */
    font-size:.7em;
    vertical-align:super;
    margin-left:.06em;
	padding-right:5px;
}
button .tm {margin-left:5px;}
p .tm::after {font-size:.9em; font-weight:700; vertical-align:text-top;}
.highlight {color:yellow; font-weight:bold;}
  /*navbar */
	#mainNav {
		min-height: 70px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: black;
		border-bottom:2px solid rgba(0,255,255,.3);
		z-index: 4000;
		box-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	/* Center all navbar elements vertically */
	#mainNav .container,
	#mainNav .navbar-brand,
	#mainNav .navbar-nav,
	#mainNav .nav-item,
	#mainNav .nav-link,
	#mainNav .btn {
	  display: flex;
	  align-items: center;
	}
	#mainNav .navbar-brand {padding:10px 0;}
	
	/* Slightly tighten link padding */
	#mainNav .nav-link, #mainNav li label {
	  padding-top: 0.5rem;
	  padding-bottom: 0.5rem;
	  font-weight:600;
	  color: rgba(255,255,255,.55) !important;
	}
	#mainNav a.nav-link::hover {color: rgba(255,255,255,.75) !important;}
  /* Container: no extra left padding, center the switch */
	.switch-vertical.form-switch {
	  align-items: center;
	  padding-left: 0;
	}
	
  /* Rotate the Bootstrap switch to make it vertical */
	.switch-vertical .form-check-input {
	  float:none;
	  margin:5px 0 0 -10px;
	  width: 1.5rem;    /* tweak to taste */
	  height: 1rem;   /* tweak to taste */
	  transform: rotate(270deg);
	  transform-origin: center;
	  cursor:pointer;
	}
	
	.switch-label-mobile {
	  position: static !important;
	  width: auto !important;
	  height: auto !important;
	  padding: 0 !important;
	  margin: 0 0 0 0 !important;
	
	  overflow: visible !important;
	  clip: auto !important;
	  clip-path: none !important;
	
	  white-space: normal !important;
	  border: 0 !important;
	}

  /* Optional: slightly reduce focus outline bleed when rotated */
	.switch-vertical .form-check-input:focus {
	  box-shadow: 0 0 0 0.15rem rgba(13,110,253,.25);
	}	
		
	#mainNav .nav-link.active {
color:white;
		text-decoration-line: underline;
		text-decoration-color: turquoise;
		text-decoration-style: solid;
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
		text-decoration-skip-ink: auto;
		color:white !important;
	}
	
	/* Ensure button aligns with links */
	#mainNav .btn {
	  line-height: 1.2;
	  margin-top: 0;
	  margin-bottom: 0;
	}
	/* hamburger menu */
	.navbar-toggler {
		padding:3px 5px;
		box-shadow:none;
		margin-right:15px;
	}
	.navbar-toggler:focus {
	  text-decoration: none;
	  outline: 0;
	  box-shadow: 0 0 0 3px rgba(255,255,255,.5);
	}
  /* Section */
	section[id]{
	  position:relative;
	}
	section > .overlay {
	  position: absolute;
	  inset: 0;
	  z-index: 0;
	  pointer-events: none;		
	}
	section .container {
	  position:relative;
	  z-index:1;}
	.py-6 {
		padding-top: 4.5rem !important;
		padding-bottom: 4.5rem !important;
	}
	
  /* content */
	.fw-bold {
		font-weight: 800 !important;
	}

	h2 {
		position:relative;
		text-decoration-line: underline;
		text-decoration-color: turquoise;
		text-decoration-style: solid;
		text-decoration-thickness: 2px;
		text-underline-offset: 6px;
		text-decoration-skip-ink: auto;
		color:white;
		text-align:center;
		text-transform:uppercase;
		margin-bottom:25px;
		font-size:2.3em;
		font-weight: 800 !important;
	}
	h2::after {
		content: "";
		display: block;
		width: 80px;
		height: 2px;
		margin: 0.4rem auto 0;
		background: linear-gradient(90deg, var(--q-turquoise), var(--q-azure));
		opacity: 0.85;
	}
	h3 {font-size:1.9em !important;}
	p {font-size:1rem; color: var(--q-text-100, #E8EEF9);}
	p.text-muted {color: rgba(232,238,249,.7) !important;}
	p.lead {font-size:1.1rem; font-weight:600;}
		
	a {
		color: var(--q-turquoise, #00E3CC);
		transition: all 0.25s ease;}
	a:hover {
	  color: var(--q-azure, #2979FF);
	}
	.text-secondary.small {
	  color: #ccc !important;
	}

  /* button */
	.btn-primary {
	  background: linear-gradient(135deg, #006f63, #2A79FF);
	  border: 1px solid #000;
	  /*box-shadow: 0 0 18px rgba(0,227,204,0.25);*/
	  font-weight: 600;
	  text-shadow:1px 1px 5px black;
	  transition: transform .2s ease, box-shadow .2s ease;
	}
	
	.btn-primary:hover {
	  box-shadow:
		0 0 14px rgba(0,227,204,0.35),
		0 0 7px rgba(41,121,255,0.20);
	  text-shadow:2px 2px 5px black;
	  border: 1px solid white;
	}
	
	.btn-primary:active {
	  transform: scale(.97);
	}
	
	/* general card */
	  .card {
		opacity:.9;
		backdrop-filter: blur(12px) saturate(140%);
		-webkit-backdrop-filter: blur(12px) saturate(140%);
		border: 1px solid transparent;
		transition: all .5s ease;
	  }
	  .card:hover {
		opacity:1;
		border: 1px solid transparent;
	  }
	  .card__content {
		position: relative;
		width: 100%;
		height:100%;
		transition: transform 1s;
		transform-style: preserve-3d;		  
	  }
	  .card:hover .card__content {
		transform: rotateY(.5turn); /* flip on hover */
	  }
	  .card__image, .card__icon {
		transform: translateZ(6rem);
	  }
	  .card__image img, #science img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: .5rem;
		margin-bottom: .7rem;
	  }
	  .card__title,
	  .card__subTitle {
		text-transform: uppercase;
		text-align:center;
		margin-bottom: 5px;
		transform: translateZ(6rem);
		text-shadow:2px 2px 2px black;
	  }
	  .card__title {
		letter-spacing: .02em;
		margin-top: .5rem;
		margin-bottom: .25rem;
		text-align: center;
	  }
	  .card__subTitle {
		font-size: .95rem;
		font-weight: 600;
		letter-spacing: .01em;
		margin-bottom: .75rem;
		text-align: center;
	  }	
	  .card__fBody,
	  .card__bBody {
		position: relative;
		transform: translateZ(6rem);
		line-height: 1.6;
	  }	  
	  .card__fBody p,
	  .card__bBody p {
		text-align:justify;
		margin-bottom: .6rem;
	  }
	  .card__fBody ul,
	  .card__bBody ul {
		list-style: none;
		margin: .35rem 0 0;
		padding: 0;
		text-align: left;
	  }
	  .card__fBody li,
	  .card__bBody li {
		position: relative;
		padding-left: 1.5rem;
		margin: .35rem 0;
		font-size: .98rem;
	  }
	  .card__fBody li::before,
	  .card__bBody li::before {
		content: "";
		position: absolute;
		left: 0; top: .25rem;
		width: 1rem; height: 1rem;
		background: no-repeat center/100% 100% url("data:image/svg+xml;utf8,\
		<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233aa9ff'>\
		<path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14z' opacity='.2'/>\
		<path d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 9.384a.75.75 0 1 1 1.06-1.06l1.284 1.284 4.302-4.638z'/>\
		</svg>");
	  }
	  .card__front, .card__back {
		border: 1px solid transparent;
		/*padding-top: 1.25rem;*/
		align-items: stretch;
		text-align: left;
		top:0; left:0;
		height:100%;
		width:100%;
		padding: 1.5em 2em;
		backface-visibility: hidden;
		transform-style: preserve-3d;
	  }  
	  .card__front {
		position: relative;
	  }
	  .card__back {
		position: absolute;
		inset:0;
		transform: rotateY(.5turn);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	  }	  
	  
	/* Pointer icon (uses embedded SVG) */
	  .card__content .pointer {
		position: absolute;
		width: 16px;
		height: 16px;
		margin: 1rem auto 0 auto;
		cursor: pointer;
		right: 10px; bottom: 10px;
		font-size: 1.6rem;
		line-height: 1;
		pointer-events: none;
	  
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41m-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5 5 0 0 0 8 3M3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9z'/%3E%3C/svg%3E");
		mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		opacity: 0.8;
		transition: transform .3s ease, opacity .3s ease;
	  }
	  
	  .card__content .pointer:hover {
		opacity: 1;
		transform: rotate(180deg);
	  }    
	  .most-popular {pointer-events:none; color:black !important; font-weight:bold;}
	/* alert */
	  .alert {padding:10px 20px;}
	  .alert-dark {background-color:rgba(0,0,0,.2);}
	  .alert h3 {color:white; font-weight:600;}

  /* HERO */	
	section.hero-section {
		position: relative;
		min-height: 90vh;
		background: #121212; /* fallback */
		  background-image:
		  linear-gradient(135deg, #6a00ff 0%, #2c6bff 60%, #0b1f3a 100%);
		  background-image: linear-gradient(225deg, hsla(170, 88%, 16%, 1) 0%, hsla(256, 100%, 14%, 1) 64%);
		  background-image: -moz-linear-gradient(225deg, hsla(170, 88%, 16%, 1) 0%, hsla(256, 100%, 14%, 1) 64%);
		  background-image: -webkit-linear-gradient(225deg, hsla(170, 88%, 16%, 1) 0%, hsla(256, 100%, 14%, 1) 64%);
		  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#054E42", endColorstr="#130049", GradientType=1 );	
		display: flex;
		align-items: center;
		justify-content: center;
		overflow:hidden;
		padding-top: 7rem !important;
		padding-bottom: 5rem !important;
		text-align:justify;
	}
	section.hero-section .container {z-index:1000;}
  
	section.hero-section .overlay {
	  position: absolute;
	  inset: 0;
	  background: rgba(14, 15, 18, 0.15);
	  z-index:888 !important;
	}
	
	.heroText {z-index:999; color:white;}
	section.hero-section h1 {
		color: #fff;
		text-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
		font-size: 3.4em;
		font-weight:bold;
		margin-bottom: 15px;
		line-height: 1.2;
		text-align:center;
	}
	section.hero-section h1 span.subTitle {
		display:block;
		font-size: 22%;
		font-weight: 600;
		margin: 10px 0;
	}
	section.hero-section p {
		color: var(--q-text-300);
		line-height: 1.65;
	}
	section.hero-section strong {
		color: var(--q-text-100);
		font-weight: bold;
	}
	section.hero-section .small {
		color: var(--q-text-300);
	}
	section.hero-section .small strong {font-weight:600;}
	section.hero-section .btn {display:block; width:75%; text-align:center; margin:auto;}
  
	.blob:nth-child(1) {
		/* red rgba(255,57,106,.8) */
		/* turqhoise (0,204, 204,.8) */
		--angle-delay:0s;
		--moving-delay:0s;
		--color:rgba(255,57,106,.8);
	}
	.blob:nth-child(2) {
		/* orange rgba(255,128,77,.8) */
		/* green rgba(0,253,0,.8) */
		--angle-delay:-3s;
		--moving-delay:-2s;
		--color:rgba(255,128,77,.8);
	}
	.blob:nth-child(3) {
		/* Yellow rgba(255,191,73,.8) */
		--angle-delay:-6s;
		--moving-delay:-4s;
		--color:rgba(255,191,73,.7);
	}
	.blob:nth-child(4) {
		/* Green rgba(0,253,0,.8 */
		--angle-delay:-9s;
		--moving-delay:-6s;
		--color:rgba(0,253,0,.6);
	}
	.blob:nth-child(5) {
		/* Blue rgba(0,87,226,.8) */
		--angle-delay:-12s;
		--moving-delay:-8s;
		--color:rgba(0,51,204,.8);
	}
	.blob:nth-child(6) {
		/* Purple rgba(122,17,175,.8) */
		--angle-delay:-15s;
		--moving-delay:-10s;
		--color:rgba(122,17,175,.8);
	}
  	
	.blobs {
	  position:relative;
	  inset:0;
	  opacity: .65;                 /* 0.4–0.8 depending on your PNG */
	  mix-blend-mode: difference;        /* try: screen | lighten | overlay | soft-light */
	  pointer-events: none;
	  z-index:500;
	  transition: opacity 1s ease;
	}
	.animateOFF .blobs {opacity:0;}
	.blob {
		position:relative;
		animation: angle 35s var(--angle-delay) infinite ease-in-out;
	}
	.blob::after {
		content: "";
		position: absolute;
		width: 900px;
		aspect-ratio: 1/3;
		border-radius: 50%;
		background-color: var(--color);
		filter: blur(150px);
		animation: moving 25s var(--moving-delay) infinite ease-in-out alternate;
	}
	@keyframes angle {
		from {
			transform: rotate(0deg);
		}
		to {
			transform: rotate(360deg);
		}
	}
	
	@keyframes moving {
		from {
			transform: translate(-50%, -150%);
		}
		to {
			transform: translate(-50%, -50%);
		}
	}
  
	.texture-overlay{
	  position:absolute;
	  inset:0;
	  background: url('../images/Qlearing-Hero-BG.webp') center center / cover no-repeat;
	  opacity:.55;                  /* tune 0.35–0.7 per image */
	  mix-blend-mode:color-dodge;      /* try: soft-light, overlay, color-dodge */
	  z-index:700;
	  pointer-events:none;
	}

  /* separator */
	.wave-separator {
	  position: relative;
	  width: 100%;
	  overflow: hidden;
	  line-height: 0;
	  pointer-events: none;
	  z-index: 3950;
	  height: clamp(120px, 18vw, 240px);
	  margin-top: calc(-1 * clamp(120px, 18vw, 220px));
	}
	
	.wave-separator svg {
	  width: 100%;
	  height: 100%;
	  display: block;
	}
	
	.wave-separator path {
	  fill: #003366;
	  stroke: none;
	  shape-rendering: geometricPrecision;
	}

  /* about */
	#welcome {
	  position: relative;
	  background-color:#eee; 
	  
	}
	#welcome h2 {color:black;}
	#welcome p {color: #333;}
  /* about */
	#about {
	  position: relative;
	  background-color:#003366; 
	  color: var(--q-text-100, #E8EEF9);
/*	  padding-top: 4rem;
	  padding-bottom: 4rem;*/
	  z-index:3925;
	}
	
	#about .overlay {
		position:absolute;
		inset: 0;
		pointer-events: none;
		
		background:
		  linear-gradient(to bottom,
			rgba(0,51,102,0) 0%,    /* fully transparent at the top */
			rgba(0,51,102,0) 12%,   /* keep a neutral band for SVG blend */
			rgba(0,51,102,0.85) 40%,
			#000033 100%
		);
		width:100%;
		height:100%;
		z-index:0;}
	#about p.breakoutQuote {font-size:1.3em; font-style:italic;}
	#about .container {position:relative; z-index:4525; text-align:justify;}
	#about img {
		width:100%;
		max-width:100%;
		border: 1px solid rgba(0,227,204,0.28);
		box-shadow: 0 10px 24px rgba(0,0,0,.35);}


  /* --------------------------------------- */	
  /* services */
	#services {
	  background: linear-gradient(135deg,
		#003740 0%,
		#002b35 40%,
		#071623 100%
	  );		
	}
	#services h3 {color:white !important;}
	#services .card {
	  background-color: #002225;
	  border: 1px solid rgba(0, 255, 180, 0.22);
	  box-shadow:
		0 0 18px rgba(0, 255, 180, 0.14),
		inset 0 0 12px rgba(255,255,255,0.03);
	  color: var(--q-text-100, #E8EEF9);
	  transition: .3s ease;
	}
	
	#services .card:hover {
	  border-color: rgba(0,255,180,0.65);
	  box-shadow:
		0 0 26px rgba(0,255,180,0.20),
		0 0 15px rgba(58,169,255,0.12);
	}
	
	#services .card__content {
	  background: linear-gradient(
		135deg,
		rgba(0, 58, 60, 0.85),
		rgba(1, 32, 34, 0.92)
	  );
	}
	
	#services .card__front {
	  background: linear-gradient(
		135deg,
		#006b63 0%,
		#003f41 40%,
		#071623 100%
	  );
	  border-color: rgba(0,255,180,0.25);
	}
	
	#services .card__back {
	  background: linear-gradient(
		135deg,
		#004f4a 0%,      /* deeper teal */
		#003539 50%,     /* midnight teal */
		#071623 100%     /* base */
	  );
	  border-color: rgba(0,255,180,0.18);
	}
	
	#services .card__image img,
	#services img {
	  border: 1px solid rgba(0,255,180,0.25);
	  box-shadow: 0 10px 22px rgba(0,0,0,.35);
	}
	#services .card__title {
	  color: #4ee9d2; /* soft aqua-teal */
	  font-size: 1.25rem;
	}
	
	#services .card p.card__subTitle {
	  color: var(--q-text-200, #d3e4e9);
	}
	
	#services .card__fBody,
	#services .card__bBody {
	  color: var(--q-text-100, #e6f4f7);
	}
	
	#services .card__fBody p,
	#services .card__bBody p {
	  color: #b4d6dd;
	}
	
	#services .card__fBody .text-secondary.small {
	  color: #d1e9e7 !important;
	}
	
	#services .card__fBody .fw-semibold,
	#services .card__bBody .fw-semibold {
	  color: #4ee9d2; /* matching teal highlight */
	}
	
	#services .card__fBody li,
	#services .card__bBody li {
	  color: #c1e3e8;
	}
	
	#services .card__fBody li::before,
	#services .card__bBody li::before {
	  filter: drop-shadow(0 0 6px rgba(0,255,180,0.35));
	}
	
	#services .card__content .pointer {
		background-color: var(--q-turquoise, #00E3CC);
	  opacity: .75;
	  filter: drop-shadow(0 0 6px rgba(0,227,204,.35));
	  animation: qPulse 2.2s ease-in-out infinite;
	}
	
	#services .my-icon {
	  background-color: white;
	  width:90px;
	  height:90px;
	  margin:auto auto 0;
	  text-align:center;
	}
	
  /* --------------------------------------- */
  /* sessions */
	#sessions {
	  position: relative;
	  isolation: isolate;
/*	  padding-top: 4rem;
	  padding-bottom: 4rem;*/
	  color: var(--q-text-100, #E8EEF9);
	
	  background:
		radial-gradient(circle at 55% 25%,
		  rgba(41,121,255,0.15) 0%,
		  rgba(8,20,35,1) 65%
		),
		linear-gradient(135deg,
		  #081524 0%,
		  #06101C 60%,
		  #050C18 100%
		);
	
	  background-blend-mode: screen, normal;
	}

	#sessions .text-muted {color: var(--q-text-300, #d8eefb) !important;}

	.session-card {
	  position: relative;
	  background: linear-gradient(135deg,
		rgba(255,255,255,0.20),
		rgba(255,255,255,0.01)
	  );
	  border: 1px solid rgba(0,227,204,0.5);
	  box-shadow:
		0 0 20px rgba(0,227,204,0.12),
		inset 0 0 10px rgba(255,255,255,0.03);
	  backdrop-filter: blur(12px) saturate(140%);
	  -webkit-backdrop-filter: blur(12px) saturate(140%);
	  border-radius: 14px;
	  overflow: hidden;
	  transition: all .35s ease;
	  opacity:.9;
	  text-align:justify;
	}
	
	.session-card:hover, .session-card.popular {
	  opacity:1;
	  transform: translateY(-10px);
	  box-shadow:
		0 0 28px rgba(0,227,204,0.20),
		0 0 16px rgba(41,121,255,0.12) !important;
	  border: 1px solid rgba(0,227,204,0.8);
	}
	
	.session-card img {
		width: 100%;
		height: auto;
		margin-bottom:10px;
		filter: grayscale(.6);
		transition: all .5s ease;
	}
	.session-card:hover img, .session-card.popular img {filter: grayscale(0);}

	.session-card .card-title, .session-card .subTitle {
	  color: #00E3CC;
	  font-weight: 600;
	  letter-spacing: .4px;
	  margin-top: .25rem;
	  color: #00ccff; /*#3aa9ff; */
	  text-align: center;
	  font-size:1.3rem !important;
	}
	.session-card .subTitle {color:#eee; font-size:1.0rem !important;}

	.session-card p {
	  color: var(--q-text-200, #B9C7E0);
	}
	
	.session-card .text-muted {
	  color: #7AA0C2 !important;
	}
	
	.session-points {
	  list-style: none;
	  padding-left: 0;
	  margin-left: 0;
	}
	
	.session-points li {
	  position: relative;
	  padding-left: 24px;
	  margin-bottom: .45rem;
	  color: var(--q-text-200, #B9C7E0);
	  font-size: .85rem;
	}
	
	.session-points li::before {
	  content: "✔";
	  position: absolute;
	  left: 0;
	  top: 0;
	  color: #00E3CC;
	  font-size: .95rem;
	  font-weight: bold;
	  opacity: .9;
	}
	
  /* --------------------------------------- */
  /* The Book */
	#the-book {
	  position: relative;
	  isolation: isolate;
/*	  padding-top: 5rem;
	  padding-bottom: 5rem;*/
	  color: var(--q-text-100);
	
	  /* Static base gradient */
	  background:
		linear-gradient(135deg,
		  #0c1a2f 0%,
		  #10223a 50%,
		  #182b46 100%
		);
	  overflow: hidden;
	}

  /* Animated aurora/particle glow ABOVE background, BELOW content */
	#the-book::before {
	  content: "";
	  position: absolute;
	  inset: -30%; /* oversize so movement doesn't show hard edges */
	  z-index: 0;
	  pointer-events: none;
	
	  background:
		radial-gradient(circle at 30% 20%,
		  rgba(0, 227, 204, 0.45) 0%,
		  transparent 55%
		),
		radial-gradient(circle at 75% 60%,
		  rgba(41, 121, 255, 0.50) 0%,
		  transparent 60%
		),
		radial-gradient(circle at 50% 100%,
		  rgba(88, 101, 242, 0.35) 0%,
		  transparent 65%
		);
	
	  mix-blend-mode: screen;
	  opacity: 0.7;
	
	  animation: bookAurora 4s ease-in-out infinite alternate;
	}	


	#the-book > .container {
	  position: relative;
	  z-index: 1;
	}
	
	#the-book .bTitle {
		font-size: 1.5em;
		font-weight: 600;
	}
	
	@keyframes bookAurora {
	  0% {
		transform: translate3d(-5%, -5%, 0) scale(1);
		opacity: 0.5;
	  }
	  50% {
		transform: translate3d(3%, 4%, 0) scale(1.15);
		opacity: 0.8;
	  }
	  100% {
		transform: translate3d(-3%, 6%, 0) scale(1.25);
		opacity: 0.65;
	  }
	}
	
	/* ============================
	   BOOK CARD (Quantum Glass)
	   ============================ */
	#the-book .book-card {
	  position: relative;
	  background: linear-gradient(
		135deg,
		rgba(255,255,255,0.10) 0%,
		rgba(255,255,255,0.20) 40%,
		rgba(255,255,255,0.06) 100%
	  );
	  border: 1px solid rgba(0,227,204,0.28);
	  box-shadow:
		0 0 55px rgba(0,227,204,0.22),
		0 0 18px rgba(0,227,204,0.25) inset,
		inset 0 0 8px rgba(255,255,255,0.08);
	  backdrop-filter: blur(14px) saturate(160%);
	  -webkit-backdrop-filter: blur(14px) saturate(160%);
	  color: var(--q-text-100);
	  text-shadow: 1px 1px 4px rgba(0,0,0,.35);
	  border-radius: 1.5rem;
	  transition: box-shadow .45s ease, transform .35s ease;
	}
	
	#the-book h3 {
	  color: #00E3CC;
	}
	
/*	#the-book .btn-primary {
	  background: linear-gradient(135deg, var(--q-azure), var(--q-turquoise));
	  border: none;
	  box-shadow: 0 0 20px rgba(41,121,255,0.35);
	  font-weight: 600;
	}
	
	#the-book .btn-primary:hover {
	  filter: brightness(.95);
	}*/
	
	#the-book img.bookMockup {
	  width: 65%;
	  max-width: 400px;
	  height: auto;
	  margin: 0 auto;
	  display: block;
	}
	
  /* --------------------------------------- */
  /* testimonials */
	
	#testimonials {
		position:relative;
		isolation: isolate;
		background-image: /*radial-gradient(circle at top, #0f1e3cf2 0%, #050a19 90%);*/
		  /*linear-gradient(180deg, #101727 0%, #080C16 100%);*/
		  /*linear-gradient(90deg, #330099 0%, #080C16 100%);*/
		  linear-gradient(135deg, #160B3A 0%, #5C2D91 50%, #160B3A 100%);
		  color:var(--q-text-300);
		  overflow:hidden;}
	#testimonials .overlay {
		position:absolute;
		inset:0;
		background: url("../images/Qlearing-NebulaBG.jpg") center center / cover no-repeat;
		opacity: .3;
		mix-blend-mode: overlay;
		pointer-events:none;
		z-index:0;
	  /* animation */
		animation: nebulaDrift 45s ease-in-out infinite;
		will-change: background-position, transform;
	}
  /* Subtle nebula drift animation */
	@keyframes nebulaDrift {
	  0% {
		background-position: 50% 50%;
		transform: scale(1);
	  }
	  50% {
		background-position: 48% 52%;
		transform: scale(1.2);
	  }
	  100% {
		background-position: 50% 50%;
		transform: scale(1);
	  }
	}
  /* Ensure content sits above the blended overlay */
	#testimonials > .container,
	#testimonials .row,
	#testimonials .carousel { 
	  position: relative; 
	  z-index: 1; 
	}
	#testimonials .carousel,
	#testimonials .carousel-inner {
	  width: 100%;
	}
	
	#testimonials .testimonial-slide {
	  display: flex;
	  flex-direction: column;
	  justify-content: center;   /* vertical centering within min-height */
	  align-items: center;        /* horizontal alignment for name/stars block */
	  row-gap: .75rem;            /* nice spacing between quote, text, meta */
		width: 100%;
		max-width: 1000px;            /* wide enough to feel substantial */
		padding: 2rem 2rem;
		background: rgba(255,255,255,0.04);
		border: 1px solid rgba(255,255,255,0.08);
		border-radius: 1rem;
		text-align: center;
	}

  /* Big opening quote */
	#testimonials .t-quote {
	  font-family: 'Playfair Display', serif;
	  font-size: 5rem;
	  line-height: 1;
	  opacity: 0.35;
	  margin-bottom: 5px;
	  color:white;
	}

  /* Testimonial text */
	#testimonials .t-text {
	  font-size: 1rem;
	  line-height: 1.4;
	  margin: 0 auto 1rem auto;
	  color: rgba(255,255,255,0.9);
	  text-shadow:1px 1px 5px rgba(0,0,0,.5);
	  font-style:italic;
	}

  /* Name + stars */
	#testimonials .t-meta {
	  display: inline-flex;
	  align-items: center;
	  gap: .5rem;
	  font-weight: 600;
	  color: rgba(255,255,255,0.9);
	  text-shadow:1px 1px 5px rgba(0,0,0,.5);
	  margin-top:-15px;
	}

  /* Indicators for dark theme */
	#testimonials .carousel-indicators [data-bs-target] {
	  width: 1rem; height: 1rem;
	  border-radius: 50%;
	  background-color: rgba(255,255,255,0.35);
	  margin:0 10px;
	}
	#testimonials .carousel-indicators .active {
	  background-color: #f6c453; /* gold-ish */
	}

  /* Smooth 1s cross-fade for testimonial slides */
	#testimonialCarousel.carousel-fade .carousel-item {
	  opacity: 0;
	  transition: all 2s ease;            /* override BS default 0.6s */
	}
	#testimonialCarousel.carousel-fade .carousel-item.active {
	  opacity: 1;
	}

  /* Prevent transform slide effects fighting the fade */
	#testimonialCarousel .carousel-item {transition-property: opacity;}
	#testimonialCarousel.carousel-fade .carousel-item .testimonial-slide {
		background-color:rgba(255, 255, 255, 0.6);
		border: 1px solid rgba(0,227,204,0.25);
		box-shadow: 0 0 10px rgba(0,227,204,0.15);transition: all 1s ease;
	}
	#testimonialCarousel.carousel-fade .carousel-item.active .testimonial-slide {background-color: rgba(255, 255, 255, 0.2);}
	
  /* science */
	#science {
	  background:
		radial-gradient(circle at 40% 20%,
		  rgba(0,227,204,0.14),
		  rgba(8,30,40,0.95) 60%,
		  #05101a 100%
		),
		linear-gradient(135deg, #042a31 0%, #03242a 40%, #05101a 100%);
		color:white !important;
	}
	
	#science .quote-box {
	  background: rgba(255, 255, 255, 0.15);
	  backdrop-filter: blur(6px);
	  border-left: 4px solid rgba(255, 255, 255, 0.7);
	  padding: 1.5rem 2rem;
	  border-radius: 10px;
	  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
	  color: #E8F4FA;
	}
	
	#science .quote-box blockquote p {
	  font-size: 1.25rem;
	  font-weight: 500;
	  line-height: 1.6;
	}
	
	#science .quote-box .blockquote-footer {
	  margin-top: 0.75rem;
	  font-size: 0.95rem;
	  color: rgba(255, 255, 255, 0.85);
	}
	
	#science .quote-mark {
	  font-size: 3rem;
	  font-weight: 700;
	  line-height: 0.4;
	  opacity: 0.3;
	  color: #FFFFFF;
	}
	#science h3 {margin-bottom:-15px;}
	
	#science .science-info {text-align:justify;}
	#science .science-info img {float:none; margin:0 auto 10px; text-align:center; width:100%;}
	
	/* science cards */
	  #science .card {
		background-color:#001100;
		box-shadow:
		  0 0 18px rgba(0,227,204,0.18),
		  inset 0 0 12px rgba(255,255,255,0.04);
		color: var(--q-text-100, #E8EEF9);
		border-color:rgba(0,227,204,0.28);
	  }
	  #science .card:hover {
		box-shadow:
		  0 0 28px rgba(0,227,204,0.20),
		  0 0 16px rgba(41,121,255,0.12) !important;
		border-color: rgba(0,227,204,0.8);
	  }   
	  
	  #science .card__content {
		background: linear-gradient(135deg, rgba(8,28,43,0.85), rgba(7,22,35,0.92));
	  }
	  #science .card__image img, #science img {
		border:1px solid rgba(0,227,204,0.28);
		box-shadow: 0 10px 24px rgba(0,0,0,.35);
	  }
	  #science .card__title {
		color: #3aa9ff;
		font-size: 1.25rem;
	  }
	  #science .card p.card__subTitle {
		color: var(--q-text-200, #eee);
	  }	
	  #science .card__fBody,
	  #science .card__bBody {
		color: var(--q-text-100, #E8EEF9);
	  }
	  #science .card__fBody p,
	  #science .card__bBody p {
		color: var(--q-text-100, #A6B3D3);
	  }
	  #science .card__fBody .text-secondary.small {
		color:#ccc !important;
	  }
	  #science .card__fBody .fw-semibold,
	  #science .card__bBody .fw-semibold {
		color: var(--q-turquoise, #00E3CC);
	  }	    
	  #science .card__fBody li,
	  #science .card__bBody li {
		color: var(--q-text-200, #A6B3D3);
	  }
	  #science .card__fBody li::before,
	  #science .card__bBody li::before {
		filter: drop-shadow(0 0 6px rgba(58,169,255,.35));
	  }  
	  #science .card__front {
		  background: linear-gradient(135deg, rgba(0, 227, 204, .4) 0%, rgba(4, 42, 49, 1) 40%, rgba(5, 16, 26, 1) 100%);
		  border-color: rgba(0,227,204,0.25);
	  }
	  #science .card__back {
		background: linear-gradient(135deg, rgba(0, 227, 204, 0.2) 0%, rgba(3, 36, 42, 1) 50%, rgba(5, 16, 26, 1) 100%);
		border-color: rgba(0,227,204,0.18);
	  }
	  #science .card__content .pointer {
		background-color: var(--q-turquoise, #00E3CC);
		opacity: .75;
		filter: drop-shadow(0 0 6px rgba(0,227,204,.35));
		animation: qPulse 2.2s ease-in-out infinite;
	  }
	  
	  @keyframes qPulse {
		0%,100% { transform: translateY(0); opacity: .75; transform: scale(1); }
		50%     { transform: translateY(-2px); opacity: 1; transform: scale(1.2);}
	  }
	  

  /* faq */
	#faq {
	  background: linear-gradient(135deg,
		#071627 0%,
		#05101a 100%
	  );
	}
	#faq {
	  color: var(--q-text-100, #E8EEF9);
	}

  /* Base accordion container */
	#faq .accordion {
	  background: transparent;
	}
	
	#faq .accordion-item {
	  background-color: transparent;
	  border: 1px solid rgba(0, 227, 204, 0.45);
	  border-radius: 0.75rem;
	  overflow: hidden;
	  margin-bottom: 0.85rem;
	  box-shadow:
	  0 0 20px rgba(0, 227, 204, 0.2),
	  0 0 30px rgba(0, 0, 0, 0.55);
	}

  /* Header button (default / collapsed) */
	#faq .accordion-button {
	  background: radial-gradient(circle at 10% 0%,
	  rgba(0, 227, 204, 0.22) 0%,
	  rgba(10, 35, 60, 0.96) 40%,
	  rgba(7, 22, 39, 1) 100%);
	  color: var(--q-text-100, #E8EEF9);
	  font-weight: 500;
	  padding: 1rem 1.25rem;
	  border: none;
	  box-shadow: none;
	  transition:
	  background 0.25s ease,
	  box-shadow 0.25s ease,
	  color 0.25s ease;
	}
  
  /* Focus ring (no ugly white) */
	#faq .accordion-button:focus {
	box-shadow: 0 0 0 0.12rem rgba(0, 227, 204, 0.6);
	outline: none;
	}
  
  /* Open state (expanded) */
	#faq .accordion-button:not(.collapsed) {
	  background: linear-gradient(
	  135deg,
	  rgba(0, 227, 204, 0.32) 0%,
	  rgba(13, 50, 80, 1) 40%,
	  rgba(7, 22, 39, 1) 100%
	  );
	  color: #ffffff;
	  box-shadow:
	  0 0 24px rgba(0, 227, 204, 0.4),
	  inset 0 0 10px rgba(0, 227, 204, 0.3);
	}


  /* Chevron icon: color + animation */
	#faq .accordion-button::after {
	  filter: invert(75%) sepia(40%) saturate(600%) hue-rotate(140deg);
	  transition: transform 0.3s ease, filter 0.3s ease;
	}
  
  /* Chevron rotated when open */
	#faq .accordion-button.collapsed::after {
	  transform: rotate(0deg);
	}
	#faq .accordion-button:not(.collapsed)::after {
	  transform: rotate(90deg);
	}
	
	#faq .accordion-body {
	  background-color:black;
	  color: #c7d5ec;
	  border-top: 1px solid rgba(0, 227, 204, 0.35);
	  padding: 1rem 1.25rem 1.25rem;
	  font-size: 0.95rem;
	  text-align:justify;
	}
  
  /* Smooth open/close animation for the body */
	#faq .accordion-collapse {
	  transition:
	  height 0.35s ease,
	  opacity 0.3s ease;
	}
  
  /* During collapsing/expanding */
	#faq .accordion-collapse.collapsing {
	  opacity: 0.5;
	}
  
  /* When fully shown */
	#faq .accordion-collapse.show {
	  opacity: 1;
	}
  
  /* Spacing and last-child cleanup */
	#faq .accordion-item:last-of-type {
	  margin-bottom: 0;
	}
  
  /* Hover state: brighter and more alive */
	#faq .accordion-button:hover {
	  background: linear-gradient(
	  135deg,
	  rgba(0, 227, 204, 0.4) 0%,
	  rgba(15, 60, 95, 1) 45%,
	  rgba(7, 22, 39, 1) 100%
	  );
	  box-shadow:
	  0 0 26px rgba(0, 227, 204, 0.45),
	  inset 0 0 12px rgba(0, 227, 204, 0.32);
	}
	
  /* contact */
	#contact {
	  background: linear-gradient(135deg,
		#0a1d33 0%,
		#0a2038 50%,
		#081524 100%
	  );
	  color:var(--q-text-300);
	}
	#contact h3 {text-shadow:1px 1px 5px black;}
	#contact #address, #contact #formWrapper {
		background-color:rgba(255,255,255,.1);
		border: 1px solid rgba(0,227,204,0.25);
		box-shadow: 0 0 10px rgba(0,227,204,0.15);
	}
	
	#contact input.form-control,
	#contact textarea.form-control {
	  background: rgba(0,0,26,.7);
	  border: 1px solid rgba(0,227,204,0.30);
	  color: var(--q-text-100, #E8EEF9);
	
	  padding: 0.75rem 1rem;
	  border-radius: 0.5rem;
	
	  backdrop-filter: blur(8px) saturate(125%);
	  -webkit-backdrop-filter: blur(8px) saturate(125%);
	
	  transition:
		border-color .25s ease,
		box-shadow .25s ease,
		background .25s ease;
	}
	
	#contact input.form-control::placeholder,
	#contact textarea.form-control::placeholder {
	  color: rgba(220,230,255,0.55);
	}
	
	#contact textarea.form-control {
	  min-height: 140px;
	  resize: vertical;
	}
	#contact input.form-control:focus,
	#contact textarea.form-control:focus {
	  background: rgba(0,227,204,.10);
	  border-color: rgba(0,227,204,0.55);
	  box-shadow:
		0 0 0 3px rgba(0,227,204,0.25),
		0 0 12px rgba(0,227,204,0.30),
		inset 0 0 6px rgba(0,227,204,0.25);
	  outline: none;
	  color: #E8EEF9;
	}

	/* glow pulse on focus */
	  @keyframes qInputPulse {
		0%,100% { box-shadow: 0 0 0 2px rgba(0,227,204,0.18); }
		50%     { box-shadow: 0 0 0 4px rgba(0,227,204,0.32); }
	  }

	#contact input.form-control:focus,
	#contact textarea.form-control:focus {
	  animation: qInputPulse 2.2s ease-in-out infinite;
	}
	#contact #revealBtn {
	  background-color: transparent;
	  border: none;
	  color: var(--q-turquoise, #00E3CC);
	  transition: all 0.25s ease;
	}
	#contact #revealBtn:hover {
	  color: var(--q-azure, #2979FF);
	}
	
    .social-icons img.svg {
        width: 35px;
        height: 35px;
        fill: green;
        background-color: var(--q-turquoise, #00E3CC);
    }
	/* email modal */
	  .modal.modal-zoom .modal-dialog {
		transform: scale(0.1);
		transition: transform 0.25s ease, opacity 0.25s ease;
	  }
	  
	  .modal.modal-zoom.show .modal-dialog {
		transform: scale(1);
	  }
	  
/* TERMS */

.policy-content {
    background: linear-gradient(
	  135deg,
	  rgba(20,35,60,0.30) 0%,
	  rgba(12,25,45,0.32) 45%,
	  rgba(10,20,35,0.34) 100%
	);
    border-radius: 1rem;
    padding: 2.5rem 2rem 2.75rem;
    border: 1px solid rgba(0,227,204,0.22);
    box-shadow: 0 0 40px rgba(0,0,0,0.65),
      0 0 24px rgba(0,227,204,0.15);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
    margin: 0 auto;
}
.policy-content p {
	text-align: justify;
} 
	  
	  
/* QLEARING-THEMED MODAL ----------------------------------- */

.modal.modal-zoom {
  z-index: 1080; /* above everything else on page */
}

/* Backdrop: darker, with subtle teal/blue glow and blur */
.modal-backdrop.show {
  background:
    radial-gradient(circle at 20% 0%, rgba(0,227,204,0.35), transparent 55%),
    radial-gradient(circle at 80% 100%, rgba(41,121,255,0.30), transparent 60%),
    rgba(2,8,18,0.96);
  opacity: .7; /* full control via background alpha */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Zoom-in animation */
.modal-zoom .modal-dialog {
  transform: scale(0.85);
  transition: transform 220ms ease-out, opacity 220ms ease-out;
  opacity: 0;
}

.modal-zoom.show .modal-dialog {
  transform: scale(1);
  opacity: 1;
}

/* Modal panel: glassy, teal border, inner glow */
#revealModal .modal-content {
  background:
    radial-gradient(circle at top,
      rgba(0,227,204,0.18) 0%,
      rgba(5,16,26,0.98) 55%,
      rgba(3,9,20,0.98) 100%
    );
  border-radius: 18px;
  border: 1px solid rgba(0,227,204,0.45);
  box-shadow:
    0 0 40px rgba(0,227,204,0.28),
    0 0 60px rgba(41,121,255,0.22);
  color: #e9f2ff;
  backdrop-filter: blur(16px) saturate(130%);
  -webkit-backdrop-filter: blur(16px) saturate(130%);
}

/* Header / footer */
.modal-header,
.modal-footer {
  border-color: rgba(0,227,204,0.25);
}

.modal-header {
  background: linear-gradient(
    135deg,
    rgba(0,227,204,0.18),
    rgba(4,29,40,0.95)
  );
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
}

.modal-footer {
  background: linear-gradient(
    135deg,
    rgba(4,20,36,0.96),
    rgba(1,8,18,0.96)
  );
  border-bottom-left-radius: 18px;
  border-bottom-right-radius: 18px;
}

/* Title */
.modal-title {
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 0.95rem;
  color: white; /*var(--q-turquoise, #00e3cc);*/
}

/* Close button: lighter and more visible on dark bg */
.modal-header .btn-close {
  filter: invert(1) drop-shadow(0 0 4px rgba(0,227,204,0.6));
  opacity: 0.9;
}

.modal-header .btn-close:hover {
  opacity: 1;
}

/* Body text */
.modal-body {
  background: radial-gradient(circle at 0 0,
    rgba(0,227,204,0.12),
    transparent 60%
  );
  color: #dbe6ff;
}

/* Labels + helper text */
.modal-body .form-label {
  font-weight: 600;
  color: var(--q-turquoise, #00e3cc);
}

.modal-body .text-muted {
  color: #9aa6c4 !important;
}

/* Inputs */
.modal-body .form-control {
  background-color: rgba(3,14,28,0.92);
  border: 1px solid rgba(0,227,204,0.45);
  color: #e9f2ff;
  box-shadow: 0 0 0 1px rgba(0,227,204,0.12);
}

.modal-body .form-control:focus {
  background-color: rgba(5,20,40,0.96);
  border-color: rgba(0,227,204,0.9);
  box-shadow:
    0 0 0 1px rgba(0,227,204,0.8),
    0 0 12px rgba(0,227,204,0.5);
  color: #ffffff;
}

/* Buttons: primary = Qlearing gradient, secondary tuned for dark bg */

.modal-body .btn-primary,
.modal-footer .btn-secondary {
  font-weight: 600;
  border-radius: 999px;
  padding-inline: 1.6rem;
}

/* Main CTA button */
.modal-body .btn-primary {
/*  background: linear-gradient(
    135deg,
    var(--q-azure, #2979ff),
    var(--q-turquoise, #00e3cc)
  );*/
  border: 1px solid rgba(0,227,204,0.9);
  box-shadow:
    0 0 16px rgba(0,227,204,0.6),
    0 0 24px rgba(41,121,255,0.4);
  color: #fff;
}

.modal-body .btn-primary:hover {
  filter: brightness(1.05);
  box-shadow:
    0 0 22px rgba(0,227,204,0.7),
    0 0 32px rgba(41,121,255,0.55);
}

/* Footer close button */
.modal-footer .btn-secondary {
  background: transparent;
  border: 1px solid rgba(151,176,210,0.7);
  color: #d6e0ff;
}

.modal-footer .btn-secondary:hover {
  background: rgba(13,30,56,0.8);
  border-color: rgba(0,227,204,0.75);
  color: #ffffff;
}

/* Input-group buttons in emailBlock */
#emailBlock .btn-outline-secondary {
  border-color: rgba(0,227,204,0.7);
  color: var(--q-turquoise, #00e3cc);
}

#emailBlock .btn-outline-secondary:hover {
  background: rgba(0,227,204,0.14);
  color: #ffffff;
  border-color: rgba(0,227,204,0.9);
}

#emailBlock .btn-success {
  background: linear-gradient(
    135deg,
    #19b873,
    var(--q-turquoise, #00e3cc)
  );
  border: 1px solid rgba(0,227,204,0.9);
  color: #021214;
}

#emailBlock .btn-success:hover {
  filter: brightness(1.06);
}

/* Spinner: match brand teal */
#spinner.spinner-border {
  color: var(--q-turquoise, #00e3cc) !important;
}

/* Alerts inside modal */
#result.alert {
  border-radius: 10px;
  border-width: 1px;
}

#result.alert-success {
  background-color: rgba(7,40,40,0.95);
  border-color: rgba(0,227,204,0.7);
  color: #c5fff3;
}

#result.alert-danger, .alert-danger {
  background-color: rgba(40,7,20,0.95);
  border-color: rgba(255,99,132,0.8);
  color: #ffd6df;
}  

  /* Footer */
	#footer {
		background-image: radial-gradient(circle at top, #0f1e3cf2 0%, #050a19 90%);
	}
	footer .fTitle {font-size:1.2em; color:white; margin-bottom:10px; text-transform:uppercase; text-decoration:none; font-weight:700;}
	#footer, #footer p.form-text.mt-2.text-muted.small {color: var(--q-text-300, #cdd7ea) !important;}
	#footer p.form-text.mt-2.text-muted.small {font-size:12px !important;}
	
	footer div[class^="col"] {padding:0 40px 20px;}
	footer img.logo {width:100%; height:auto;}
	#info a, footer a {
		text-decoration: none;
		padding-right:15px;
		font-size:1.2em;
	}
	footer div[class^="col"] ul {
		display: inline-block;
		text-align: left;
	}
	footer div[class^="col"] {
		text-align: center;
	}
	/* newsletter */
	.hp-field { display:none !important; } /* if you prefer CSS over inline style */
	.newsletter-form .is-invalid { border-color:#dc3545; }
	.alert {padding: 5px 10px;}
	.alert-success {--bs-alert-border: rgba(0,255,0,.4); --bs-alert-bg:rgba(0,102,51,.4); --bs-alert-color: rgba(0,255,0,.8);}
	.required-star {color:rgba(0,255,0,.9);}
	
  /* info bar */
	#info {
	  background: #020408;
	  color: #7d8ab0;
	  color: var(--q-text-300, #cdd7ea);
	  padding: 20px 0;
	  font-size: 0.9rem;
	  border-top: 1px solid rgba(255,255,255,0.08);
	}
	#info #copyright {text-align:center;}
	#info #design {text-align:center;}
	

  /* netowrk animation Background */
	.network-bg, .SG-BG {
	  position: relative;
	  overflow: hidden;
	  min-height: 400px;
	}
	.network-bg {
	  background: radial-gradient(circle at top, #0f1e3c 0%, #050a19 90%);
	  color: #f5f5fa;
	}
	
	.animateOFF .network-bg .network-canvas, .animateOFF .SG-BG .SG-canvas  {opacity:0;}
  
  /* Full-bleed canvas behind content */
	.network-bg .network-canvas, .SG-BG .SG-canvas {
	  opacity:1;
	  position: absolute;
	  inset: 0;
	  width: 100%;
	  height: 100%;
	  display: block;
	  z-index: 0;
	  transition:opacity 1s ease;
	}
  
  /* Content sits above canvas */
	.network-bg > *:not(.network-canvas), .SG-BG > *:not(.SG-canvas) {
	  position: relative;
	  z-index: 1;
	}
  
  /* Optional inner container */
	.network-bg .section-inner, .SG-BG .section-inner {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 4rem 1.5rem;
	}
  
  /* Optional button */
	.network-bg .btn-network {
	  border-radius: 999px;
	  border: 1px solid rgba(255, 255, 255, 0.4);
	  background: linear-gradient(135deg, #3b82f6, #a855f7);
	  color: #fff;
	  padding: 0.75rem 1.75rem;
	  font-weight: 600;
	  cursor: pointer;
	  transition: transform 150ms ease,
				  box-shadow 150ms ease,
				  border-color 150ms ease;
	}
	
	.network-bg .btn-network:hover {
	  transform: translateY(-1px);
	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	  border-color: rgba(255, 255, 255, 0.8);
	}

/* icon styles */
a#revealBtn .my-icon.icon-email, a#revealBtn span {
    display: inline-block;
	line-height:1.5em;
	height:1.5em;
	vertical-align:middle;
}
#address .contact-link, #footer .social a {
    display: inline-flex;
    align-items: center;
    gap: .35em;
}
#contact .my-icon {
    display:block;
    width: 40px;            /* adjust as needed */
    height: 40px;
    margin:auto;
}
#address .my-icon, #footer .my-icon {
    display:inline-block;
    width: 20px;            /* adjust as needed */
    height: 20px;           /* adjust as needed */
    background-color: currentColor;
    /* line-height:1.2em; */
}
#footer .my-icon {width:18px; height:18px; margin-top:2px;}
.icon-pin {
    color:white;
    mask-image: url("../images/address.svg");
    -webkit-mask-image: url("../images/address.svg");  
}
.icon-phone {
    color: rgb(0,227,204);
    mask-image: url("../images/phone.svg");
    -webkit-mask-image: url("../images/phone.svg");  
}
.icon-email {
    color: rgb(0,227,204);
    mask-image: url("../images/email.svg");
    -webkit-mask-image: url("../images/email.svg");  
}
#contact .social-icons .my-icon {
    display:inline-block;
    width: 25px;            /* adjust as needed */
    height: 25px;           /* adjust as needed */
    background-color: currentColor;   /* icon inherits text color */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;	
}
.icon-facebook {
    mask-image: url("../images/square-facebook.svg");
    -webkit-mask-image: url("../images/square-facebook.svg");   
}
.icon-instagram {
    mask-image: url("../images/square-instagram.svg");
    -webkit-mask-image: url("../images/square-instagram.svg");   
}
.icon-x-twitter {
    mask-image: url("../images/square-x-twitter.svg");
    -webkit-mask-image: url("../images/square-x-twitter.svg");   
}
.icon-youtube {
    mask-image: url("../images/square-youtube.svg");
    -webkit-mask-image: url("../images/square-youtube.svg");   
}
.icon-tiktok {
    mask-image: url("../images/tiktok.svg");
    -webkit-mask-image: url("../images/tiktok.svg");   
}
.icon-arrow {
    mask-image: url("../images/arrow-circle.svg");
    -webkit-mask-image: url("../images/arrow-circle.svg");     
}


.my-icon {
  width: 40px;            /* adjust as needed */
  height: 40px;           /* adjust as needed */
  background-color: currentColor;   /* icon inherits text color */
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;

  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;	
}
.icon-worried {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM232 456C232 469.3 242.7 480 256 480L384 480C397.3 480 408 469.3 408 456C408 442.7 397.3 432 384 432L256 432C242.7 432 232 442.7 232 456zM224 360C263.8 360 296 327.8 296 288C296 248.2 263.8 216 224 216C184.2 216 152 248.2 152 288C152 327.8 184.2 360 224 360zM488 288C488 248.2 455.8 216 416 216C376.2 216 344 248.2 344 288C344 327.8 376.2 360 416 360C455.8 360 488 327.8 488 288zM200 288C200 274.7 210.7 264 224 264C237.3 264 248 274.7 248 288C248 301.3 237.3 312 224 312C210.7 312 200 301.3 200 288zM392 288C392 274.7 402.7 264 416 264C429.3 264 440 274.7 440 288C440 301.3 429.3 312 416 312C402.7 312 392 301.3 392 288z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M64 320C64 178.6 178.6 64 320 64C461.4 64 576 178.6 576 320C576 461.4 461.4 576 320 576C178.6 576 64 461.4 64 320zM232 456C232 469.3 242.7 480 256 480L384 480C397.3 480 408 469.3 408 456C408 442.7 397.3 432 384 432L256 432C242.7 432 232 442.7 232 456zM224 360C263.8 360 296 327.8 296 288C296 248.2 263.8 216 224 216C184.2 216 152 248.2 152 288C152 327.8 184.2 360 224 360zM488 288C488 248.2 455.8 216 416 216C376.2 216 344 248.2 344 288C344 327.8 376.2 360 416 360C455.8 360 488 327.8 488 288zM200 288C200 274.7 210.7 264 224 264C237.3 264 248 274.7 248 288C248 301.3 237.3 312 224 312C210.7 312 200 301.3 200 288zM392 288C392 274.7 402.7 264 416 264C429.3 264 440 274.7 440 288C440 301.3 429.3 312 416 312C402.7 312 392 301.3 392 288z'/></svg>");
}
.icon-electricity {
mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/></svg>");
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/></svg>");
}
.icon-piggy-bank {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 32C373 32 416 75 416 128C416 181 373 224 320 224C267 224 224 181 224 128C224 75 267 32 320 32zM80 368C80 297.9 127 236.6 197.1 203.1C222.4 244.4 268 272 320 272C375.7 272 424.1 240.3 448 194C463.8 182.7 483.1 176 504 176L523.5 176C533.9 176 541.5 185.8 539 195.9L521.9 264.2C531.8 276.6 540.1 289.9 546.3 304L568 304C581.3 304 592 314.7 592 328L592 440C592 453.3 581.3 464 568 464L528 464C511.5 486 489.5 503.6 464 514.7L464 544C464 561.7 449.7 576 432 576L399 576C384.7 576 372.2 566.5 368.2 552.8L361.1 528L278.8 528L271.7 552.8C267.8 566.5 255.3 576 241 576L208 576C190.3 576 176 561.7 176 544L176 514.7C119.5 490 80 433.6 80 368zM456 384C469.3 384 480 373.3 480 360C480 346.7 469.3 336 456 336C442.7 336 432 346.7 432 360C432 373.3 442.7 384 456 384z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 32C373 32 416 75 416 128C416 181 373 224 320 224C267 224 224 181 224 128C224 75 267 32 320 32zM80 368C80 297.9 127 236.6 197.1 203.1C222.4 244.4 268 272 320 272C375.7 272 424.1 240.3 448 194C463.8 182.7 483.1 176 504 176L523.5 176C533.9 176 541.5 185.8 539 195.9L521.9 264.2C531.8 276.6 540.1 289.9 546.3 304L568 304C581.3 304 592 314.7 592 328L592 440C592 453.3 581.3 464 568 464L528 464C511.5 486 489.5 503.6 464 514.7L464 544C464 561.7 449.7 576 432 576L399 576C384.7 576 372.2 566.5 368.2 552.8L361.1 528L278.8 528L271.7 552.8C267.8 566.5 255.3 576 241 576L208 576C190.3 576 176 561.7 176 544L176 514.7C119.5 490 80 433.6 80 368zM456 384C469.3 384 480 373.3 480 360C480 346.7 469.3 336 456 336C442.7 336 432 346.7 432 360C432 373.3 442.7 384 456 384z'/></svg>");
}

.icon-heart {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M305 151.1L320 171.8L335 151.1C360 116.5 400.2 96 442.9 96C516.4 96 576 155.6 576 229.1L576 231.7C576 343.9 436.1 474.2 363.1 529.9C350.7 539.3 335.5 544 320 544C304.5 544 289.2 539.4 276.9 529.9C203.9 474.2 64 343.9 64 231.7L64 229.1C64 155.6 123.6 96 197.1 96C239.8 96 280 116.5 305 151.1z'/></svg>");
}
.icon-ancestor {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256 192C256 156.7 284.7 128 320 128C355.3 128 384 156.7 384 192C384 227.3 355.3 256 320 256C284.7 256 256 227.3 256 192zM208 400C208 338.1 258.1 288 320 288C381.9 288 432 338.1 432 400L432 408C432 421.3 421.3 432 408 432L232 432C218.7 432 208 421.3 208 408L208 400zM424 208C424 177.1 449.1 152 480 152C510.9 152 536 177.1 536 208C536 238.9 510.9 264 480 264C449.1 264 424 238.9 424 208zM451.2 308.4C460.3 305.5 470 304 480 304C533 304 576 347 576 400L576 410.7C576 422.5 566.4 432 554.7 432L475.9 432C478.6 424.5 480 416.4 480 408L480 400C480 365.9 469.4 334.3 451.2 308.4zM188.8 308.4C170.6 334.4 160 365.9 160 400L160 408C160 416.4 161.4 424.5 164.1 432L85.3 432C73.6 432 64 422.4 64 410.7L64 400C64 347 107 304 160 304C170 304 179.7 305.5 188.8 308.4zM104 208C104 177.1 129.1 152 160 152C190.9 152 216 177.1 216 208C216 238.9 190.9 264 160 264C129.1 264 104 238.9 104 208zM32 504C32 490.7 42.7 480 56 480L584 480C597.3 480 608 490.7 608 504C608 517.3 597.3 528 584 528L56 528C42.7 528 32 517.3 32 504z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M256 192C256 156.7 284.7 128 320 128C355.3 128 384 156.7 384 192C384 227.3 355.3 256 320 256C284.7 256 256 227.3 256 192zM208 400C208 338.1 258.1 288 320 288C381.9 288 432 338.1 432 400L432 408C432 421.3 421.3 432 408 432L232 432C218.7 432 208 421.3 208 408L208 400zM424 208C424 177.1 449.1 152 480 152C510.9 152 536 177.1 536 208C536 238.9 510.9 264 480 264C449.1 264 424 238.9 424 208zM451.2 308.4C460.3 305.5 470 304 480 304C533 304 576 347 576 400L576 410.7C576 422.5 566.4 432 554.7 432L475.9 432C478.6 424.5 480 416.4 480 408L480 400C480 365.9 469.4 334.3 451.2 308.4zM188.8 308.4C170.6 334.4 160 365.9 160 400L160 408C160 416.4 161.4 424.5 164.1 432L85.3 432C73.6 432 64 422.4 64 410.7L64 400C64 347 107 304 160 304C170 304 179.7 305.5 188.8 308.4zM104 208C104 177.1 129.1 152 160 152C190.9 152 216 177.1 216 208C216 238.9 190.9 264 160 264C129.1 264 104 238.9 104 208zM32 504C32 490.7 42.7 480 56 480L584 480C597.3 480 608 490.7 608 504C608 517.3 597.3 528 584 528L56 528C42.7 528 32 517.3 32 504z'/></svg>");
}
.icon-shield {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C324.6 64 329.2 65 333.4 66.9L521.8 146.8C543.8 156.1 560.2 177.8 560.1 204C559.6 303.2 518.8 484.7 346.5 567.2C329.8 575.2 310.4 575.2 293.7 567.2C121.3 484.7 80.6 303.2 80.1 204C80 177.8 96.4 156.1 118.4 146.8L306.7 66.9C310.9 65 315.4 64 320 64zM320 130.8L320 508.9C458 442.1 495.1 294.1 496 205.5L320 130.9L320 130.9z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 64C324.6 64 329.2 65 333.4 66.9L521.8 146.8C543.8 156.1 560.2 177.8 560.1 204C559.6 303.2 518.8 484.7 346.5 567.2C329.8 575.2 310.4 575.2 293.7 567.2C121.3 484.7 80.6 303.2 80.1 204C80 177.8 96.4 156.1 118.4 146.8L306.7 66.9C310.9 65 315.4 64 320 64zM320 130.8L320 508.9C458 442.1 495.1 294.1 496 205.5L320 130.9L320 130.9z'/></svg>");
}
.icon-timeline {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M64 160C46.3 160 32 174.3 32 192L32 448C32 465.7 46.3 480 64 480C81.7 480 96 465.7 96 448L96 192C96 174.3 81.7 160 64 160zM422.6 406.6L486.6 342.6C499.1 330.1 499.1 309.8 486.6 297.3L422.6 233.3C410.1 220.8 389.8 220.8 377.3 233.3C364.8 245.8 364.8 266.1 377.3 278.6L386.7 288L253.2 288L262.6 278.6C275.1 266.1 275.1 245.8 262.6 233.3C250.1 220.8 229.8 220.8 217.3 233.3L153.3 297.3C147.3 303.3 143.9 311.4 143.9 319.9C143.9 328.4 147.3 336.5 153.3 342.5L217.3 406.5C229.8 419 250.1 419 262.6 406.5C275.1 394 275.1 373.7 262.6 361.2L253.2 351.8L386.7 351.8L377.3 361.2C364.8 373.7 364.8 394 377.3 406.5C389.8 419 410.1 419 422.6 406.5zM608 192C608 174.3 593.7 160 576 160C558.3 160 544 174.3 544 192L544 448C544 465.7 558.3 480 576 480C593.7 480 608 465.7 608 448L608 192z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M64 160C46.3 160 32 174.3 32 192L32 448C32 465.7 46.3 480 64 480C81.7 480 96 465.7 96 448L96 192C96 174.3 81.7 160 64 160zM422.6 406.6L486.6 342.6C499.1 330.1 499.1 309.8 486.6 297.3L422.6 233.3C410.1 220.8 389.8 220.8 377.3 233.3C364.8 245.8 364.8 266.1 377.3 278.6L386.7 288L253.2 288L262.6 278.6C275.1 266.1 275.1 245.8 262.6 233.3C250.1 220.8 229.8 220.8 217.3 233.3L153.3 297.3C147.3 303.3 143.9 311.4 143.9 319.9C143.9 328.4 147.3 336.5 153.3 342.5L217.3 406.5C229.8 419 250.1 419 262.6 406.5C275.1 394 275.1 373.7 262.6 361.2L253.2 351.8L386.7 351.8L377.3 361.2C364.8 373.7 364.8 394 377.3 406.5C389.8 419 410.1 419 422.6 406.5zM608 192C608 174.3 593.7 160 576 160C558.3 160 544 174.3 544 192L544 448C544 465.7 558.3 480 576 480C593.7 480 608 465.7 608 448L608 192z'/></svg>");
}
.icon-overload {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M419 375L223.3 333.7L215.1 373L410.8 414L419 375zM470 288L316.5 159.7L291 190.5L444.5 318.8L470 288zM438.8 327.7L257.5 243L240.8 279.5L422 364L438.8 327.7zM390.3 96L358.3 120L477.6 280.3L509.6 256.3L390.3 96zM410.8 424L210.8 424L210.8 463.7L410.8 463.7L410.8 424zM450.5 504L171 504L171 384L131 384L131 544L490.5 544L490.5 384L450.5 384L450.5 504z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M419 375L223.3 333.7L215.1 373L410.8 414L419 375zM470 288L316.5 159.7L291 190.5L444.5 318.8L470 288zM438.8 327.7L257.5 243L240.8 279.5L422 364L438.8 327.7zM390.3 96L358.3 120L477.6 280.3L509.6 256.3L390.3 96zM410.8 424L210.8 424L210.8 463.7L410.8 463.7L410.8 424zM450.5 504L171 504L171 384L131 384L131 544L490.5 544L490.5 384L450.5 384L450.5 504z'/></svg>");
}
.icon-home {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M496 608C416.5 608 352 543.5 352 464C352 384.5 416.5 320 496 320C575.5 320 640 384.5 640 464C640 543.5 575.5 608 496 608zM268.6 70.5C280.8 61.2 298.3 61.8 309.8 72.5L527.4 274.5C517.2 272.8 506.7 271.9 496.1 271.9C417.5 271.9 350 319.1 320.3 386.7C315.2 384.9 309.8 383.9 304.1 383.9L272.1 383.9C245.6 383.9 224.1 405.4 224.1 431.9L224.1 527.9L315.1 527.9C321.2 545.2 329.7 561.3 340.2 575.9L144 576C108.7 576 80 547.3 80 512L80 336L64 336C50.8 336 39 327.9 34.2 315.7C29.4 303.5 32.6 289.5 42.2 280.6L266.2 72.6L268.6 70.6zM496 508C485 508 476 517 476 528C476 539 485 548 496 548C507 548 516 539 516 528C516 517 507 508 496 508zM496 368C487.2 368 480 375.2 480 384L480 464C480 472.8 487.2 480 496 480C504.8 480 512 472.8 512 464L512 384C512 375.2 504.8 368 496 368z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M496 608C416.5 608 352 543.5 352 464C352 384.5 416.5 320 496 320C575.5 320 640 384.5 640 464C640 543.5 575.5 608 496 608zM268.6 70.5C280.8 61.2 298.3 61.8 309.8 72.5L527.4 274.5C517.2 272.8 506.7 271.9 496.1 271.9C417.5 271.9 350 319.1 320.3 386.7C315.2 384.9 309.8 383.9 304.1 383.9L272.1 383.9C245.6 383.9 224.1 405.4 224.1 431.9L224.1 527.9L315.1 527.9C321.2 545.2 329.7 561.3 340.2 575.9L144 576C108.7 576 80 547.3 80 512L80 336L64 336C50.8 336 39 327.9 34.2 315.7C29.4 303.5 32.6 289.5 42.2 280.6L266.2 72.6L268.6 70.6zM496 508C485 508 476 517 476 528C476 539 485 548 496 548C507 548 516 539 516 528C516 517 507 508 496 508zM496 368C487.2 368 480 375.2 480 384L480 464C480 472.8 487.2 480 496 480C504.8 480 512 472.8 512 464L512 384C512 375.2 504.8 368 496 368z'/></svg>");
}
.icon-chart {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M128 128C128 110.3 113.7 96 96 96C78.3 96 64 110.3 64 128L64 464C64 508.2 99.8 544 144 544L544 544C561.7 544 576 529.7 576 512C576 494.3 561.7 480 544 480L144 480C135.2 480 128 472.8 128 464L128 128zM534.6 214.6C547.1 202.1 547.1 181.8 534.6 169.3C522.1 156.8 501.8 156.8 489.3 169.3L384 274.7L326.6 217.4C314.1 204.9 293.8 204.9 281.3 217.4L185.3 313.4C172.8 325.9 172.8 346.2 185.3 358.7C197.8 371.2 218.1 371.2 230.6 358.7L304 285.3L361.4 342.7C373.9 355.2 394.2 355.2 406.7 342.7L534.7 214.7z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M128 128C128 110.3 113.7 96 96 96C78.3 96 64 110.3 64 128L64 464C64 508.2 99.8 544 144 544L544 544C561.7 544 576 529.7 576 512C576 494.3 561.7 480 544 480L144 480C135.2 480 128 472.8 128 464L128 128zM534.6 214.6C547.1 202.1 547.1 181.8 534.6 169.3C522.1 156.8 501.8 156.8 489.3 169.3L384 274.7L326.6 217.4C314.1 204.9 293.8 204.9 281.3 217.4L185.3 313.4C172.8 325.9 172.8 346.2 185.3 358.7C197.8 371.2 218.1 371.2 230.6 358.7L304 285.3L361.4 342.7C373.9 355.2 394.2 355.2 406.7 342.7L534.7 214.7z'/></svg>");
}
.icon-child {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 32C342.1 32 360 49.9 360 72C360 94.1 342.1 112 320 112C297.9 112 280 94.1 280 72C280 49.9 297.9 32 320 32zM40 128C62.1 128 80 145.9 80 168L80 328.2C80 345.2 86.7 361.5 98.7 373.5L149.8 424.6C158.1 432.9 171.1 434.2 180.8 427.7C193.7 419.1 195.5 400.8 184.5 389.9C177.2 382.6 161.4 366.8 137.3 342.7C124.8 330.2 124.8 309.9 137.3 297.4C149.8 284.9 170.1 284.9 182.6 297.4C206.7 321.5 222.5 337.3 229.8 344.6L255.1 369.9C276.1 390.9 287.9 419.4 287.9 449.1L287.9 528C287.9 554.5 266.4 576 239.9 576L173.2 576C156.2 576 139.9 569.3 127.9 557.3L28.1 457.4C10.1 439.4 0 415 0 389.5L0 168C0 145.9 17.9 128 40 128zM600 128C622.1 128 640 145.9 640 168L640 389.5C640 415 629.9 439.4 611.9 457.4L512 557.3C500 569.3 483.7 576 466.7 576L400 576C373.5 576 352 554.5 352 528L352 449.1C352 419.4 363.8 390.9 384.8 369.9L410.1 344.6C417.4 337.3 433.2 321.5 457.3 297.4C469.8 284.9 490.1 284.9 502.6 297.4C515.1 309.9 515.1 330.2 502.6 342.7C478.5 366.8 462.7 382.6 455.4 389.9C444.4 400.9 446.2 419.1 459.1 427.7C468.8 434.2 481.8 432.9 490.1 424.6L541.2 373.5C553.2 361.5 559.9 345.2 559.9 328.2L560 168C560 145.9 577.9 128 600 128zM384.5 213L364.7 196.3L375.8 285.1C377.4 298.3 368.1 310.2 355 311.9C341.9 313.6 329.9 304.2 328.2 291.1L323.8 256.1L316.2 256.1L311.8 291.1C310.2 304.3 298.2 313.6 285 311.9C271.8 310.2 262.5 298.3 264.2 285.1L275.3 196.3L255.5 213C245.4 221.6 230.2 220.3 221.7 210.2C213.2 200.1 214.4 184.9 224.5 176.4L252.4 152.8C271.3 136.8 295.3 128 320 128C344.7 128 368.7 136.8 387.6 152.7L415.5 176.3C425.6 184.9 426.9 200 418.3 210.1C409.7 220.2 394.6 221.5 384.5 212.9z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M320 32C342.1 32 360 49.9 360 72C360 94.1 342.1 112 320 112C297.9 112 280 94.1 280 72C280 49.9 297.9 32 320 32zM40 128C62.1 128 80 145.9 80 168L80 328.2C80 345.2 86.7 361.5 98.7 373.5L149.8 424.6C158.1 432.9 171.1 434.2 180.8 427.7C193.7 419.1 195.5 400.8 184.5 389.9C177.2 382.6 161.4 366.8 137.3 342.7C124.8 330.2 124.8 309.9 137.3 297.4C149.8 284.9 170.1 284.9 182.6 297.4C206.7 321.5 222.5 337.3 229.8 344.6L255.1 369.9C276.1 390.9 287.9 419.4 287.9 449.1L287.9 528C287.9 554.5 266.4 576 239.9 576L173.2 576C156.2 576 139.9 569.3 127.9 557.3L28.1 457.4C10.1 439.4 0 415 0 389.5L0 168C0 145.9 17.9 128 40 128zM600 128C622.1 128 640 145.9 640 168L640 389.5C640 415 629.9 439.4 611.9 457.4L512 557.3C500 569.3 483.7 576 466.7 576L400 576C373.5 576 352 554.5 352 528L352 449.1C352 419.4 363.8 390.9 384.8 369.9L410.1 344.6C417.4 337.3 433.2 321.5 457.3 297.4C469.8 284.9 490.1 284.9 502.6 297.4C515.1 309.9 515.1 330.2 502.6 342.7C478.5 366.8 462.7 382.6 455.4 389.9C444.4 400.9 446.2 419.1 459.1 427.7C468.8 434.2 481.8 432.9 490.1 424.6L541.2 373.5C553.2 361.5 559.9 345.2 559.9 328.2L560 168C560 145.9 577.9 128 600 128zM384.5 213L364.7 196.3L375.8 285.1C377.4 298.3 368.1 310.2 355 311.9C341.9 313.6 329.9 304.2 328.2 291.1L323.8 256.1L316.2 256.1L311.8 291.1C310.2 304.3 298.2 313.6 285 311.9C271.8 310.2 262.5 298.3 264.2 285.1L275.3 196.3L255.5 213C245.4 221.6 230.2 220.3 221.7 210.2C213.2 200.1 214.4 184.9 224.5 176.4L252.4 152.8C271.3 136.8 295.3 128 320 128C344.7 128 368.7 136.8 387.6 152.7L415.5 176.3C425.6 184.9 426.9 200 418.3 210.1C409.7 220.2 394.6 221.5 384.5 212.9z'/></svg>");
}
.icon-paw {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M298.5 156.9C312.8 199.8 298.2 243.1 265.9 253.7C233.6 264.3 195.8 238.1 181.5 195.2C167.2 152.3 181.8 109 214.1 98.4C246.4 87.8 284.2 114 298.5 156.9zM164.4 262.6C183.3 295 178.7 332.7 154.2 346.7C129.7 360.7 94.5 345.8 75.7 313.4C56.9 281 61.4 243.3 85.9 229.3C110.4 215.3 145.6 230.2 164.4 262.6zM133.2 465.2C185.6 323.9 278.7 288 320 288C361.3 288 454.4 323.9 506.8 465.2C510.4 474.9 512 485.3 512 495.7L512 497.3C512 523.1 491.1 544 465.3 544C453.8 544 442.4 542.6 431.3 539.8L343.3 517.8C328 514 312 514 296.7 517.8L208.7 539.8C197.6 542.6 186.2 544 174.7 544C148.9 544 128 523.1 128 497.3L128 495.7C128 485.3 129.6 474.9 133.2 465.2zM485.8 346.7C461.3 332.7 456.7 295 475.6 262.6C494.5 230.2 529.6 215.3 554.1 229.3C578.6 243.3 583.2 281 564.3 313.4C545.4 345.8 510.3 360.7 485.8 346.7zM374.1 253.7C341.8 243.1 327.2 199.8 341.5 156.9C355.8 114 393.6 87.8 425.9 98.4C458.2 109 472.8 152.3 458.5 195.2C444.2 238.1 406.4 264.3 374.1 253.7z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M298.5 156.9C312.8 199.8 298.2 243.1 265.9 253.7C233.6 264.3 195.8 238.1 181.5 195.2C167.2 152.3 181.8 109 214.1 98.4C246.4 87.8 284.2 114 298.5 156.9zM164.4 262.6C183.3 295 178.7 332.7 154.2 346.7C129.7 360.7 94.5 345.8 75.7 313.4C56.9 281 61.4 243.3 85.9 229.3C110.4 215.3 145.6 230.2 164.4 262.6zM133.2 465.2C185.6 323.9 278.7 288 320 288C361.3 288 454.4 323.9 506.8 465.2C510.4 474.9 512 485.3 512 495.7L512 497.3C512 523.1 491.1 544 465.3 544C453.8 544 442.4 542.6 431.3 539.8L343.3 517.8C328 514 312 514 296.7 517.8L208.7 539.8C197.6 542.6 186.2 544 174.7 544C148.9 544 128 523.1 128 497.3L128 495.7C128 485.3 129.6 474.9 133.2 465.2zM485.8 346.7C461.3 332.7 456.7 295 475.6 262.6C494.5 230.2 529.6 215.3 554.1 229.3C578.6 243.3 583.2 281 564.3 313.4C545.4 345.8 510.3 360.7 485.8 346.7zM374.1 253.7C341.8 243.1 327.2 199.8 341.5 156.9C355.8 114 393.6 87.8 425.9 98.4C458.2 109 472.8 152.3 458.5 195.2C444.2 238.1 406.4 264.3 374.1 253.7z'/></svg>");
}

.icon-pointer {
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M129.9 292.5C143.2 199.5 223.3 128 320 128C373 128 421 149.5 455.8 184.2C456 184.4 456.2 184.6 456.4 184.8L464 192L416.1 192C398.4 192 384.1 206.3 384.1 224C384.1 241.7 398.4 256 416.1 256L544.1 256C561.8 256 576.1 241.7 576.1 224L576.1 96C576.1 78.3 561.8 64 544.1 64C526.4 64 512.1 78.3 512.1 96L512.1 149.4L500.8 138.7C454.5 92.6 390.5 64 320 64C191 64 84.3 159.4 66.6 283.5C64.1 301 76.2 317.2 93.7 319.7C111.2 322.2 127.4 310 129.9 292.6zM573.4 356.5C575.9 339 563.7 322.8 546.3 320.3C528.9 317.8 512.6 330 510.1 347.4C496.8 440.4 416.7 511.9 320 511.9C267 511.9 219 490.4 184.2 455.7C184 455.5 183.8 455.3 183.6 455.1L176 447.9L223.9 447.9C241.6 447.9 255.9 433.6 255.9 415.9C255.9 398.2 241.6 383.9 223.9 383.9L96 384C87.5 384 79.3 387.4 73.3 393.5C67.3 399.6 63.9 407.7 64 416.3L65 543.3C65.1 561 79.6 575.2 97.3 575C115 574.8 129.2 560.4 129 542.7L128.6 491.2L139.3 501.3C185.6 547.4 249.5 576 320 576C449 576 555.7 480.6 573.4 356.5z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M129.9 292.5C143.2 199.5 223.3 128 320 128C373 128 421 149.5 455.8 184.2C456 184.4 456.2 184.6 456.4 184.8L464 192L416.1 192C398.4 192 384.1 206.3 384.1 224C384.1 241.7 398.4 256 416.1 256L544.1 256C561.8 256 576.1 241.7 576.1 224L576.1 96C576.1 78.3 561.8 64 544.1 64C526.4 64 512.1 78.3 512.1 96L512.1 149.4L500.8 138.7C454.5 92.6 390.5 64 320 64C191 64 84.3 159.4 66.6 283.5C64.1 301 76.2 317.2 93.7 319.7C111.2 322.2 127.4 310 129.9 292.6zM573.4 356.5C575.9 339 563.7 322.8 546.3 320.3C528.9 317.8 512.6 330 510.1 347.4C496.8 440.4 416.7 511.9 320 511.9C267 511.9 219 490.4 184.2 455.7C184 455.5 183.8 455.3 183.6 455.1L176 447.9L223.9 447.9C241.6 447.9 255.9 433.6 255.9 415.9C255.9 398.2 241.6 383.9 223.9 383.9L96 384C87.5 384 79.3 387.4 73.3 393.5C67.3 399.6 63.9 407.7 64 416.3L65 543.3C65.1 561 79.6 575.2 97.3 575C115 574.8 129.2 560.4 129 542.7L128.6 491.2L139.3 501.3C185.6 547.4 249.5 576 320 576C449 576 555.7 480.6 573.4 356.5z'/></svg>");
}


	
@media (max-width: 767.98px) {
  #the-book img.bookMockup {
    width: 80%;
    max-width: 320px;
  }
}

@media (min-width: 576px) {
  section.hero-section .btn {width:auto; text-align:left; margin:auto;}
  #faq .accordion-body {
	font-size: 0.92rem;
  }
  #faq .accordion-button {
	font-size: 0.95rem;
  }	
}

@media (min-width: 768px) {
	p {font-size:1.1rem;}
	p.lead {font-size:1.35rem;}
	section.hero-section h1 {
		font-size: 6em;
		margin-bottom: 15px;
		line-height: 1.2;
		text-align:left;
	}
	section.hero-section h1 span.subTitle {
		font-size: 22%;
		margin: 10px 0;
	}
	section.hero-section .btn {margin:0;}
	#about img, #science .science-info img {float:left; margin:0 25px 5px 0; width:auto;}
	#info #copyright {text-align:left;}
	#info #design {text-align:right;}
}

@media (min-width: 992px) {
	
  .switch-label-mobile {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;

    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
}
@media (min-width: 1100px) {
	#about p.breakoutQuote {font-size:1.5em;}
}
@media (min-width: 1200px) {
	#about p.breakoutQuote {font-size:1.6em;}
}

@media (min-width: 1400px) {
	#about p.breakoutQuote {font-size:1.7em;}
}