html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
}

:root {
  --mhd-font-primary: 'NeulisSans-Regular', sans-serif;
	--mhd-font-primary-bold: 'NeulisSans-SemiBold', sans-serif;
	--mhd-font-primary-semibold: 'NeulisSans-SemiBold', sans-serif;
  --mhd-font-header: 'MagnoSans-Black', sans-serif;
	--mhd-color-orange: #FF7D00;
	--mhd-color-black: #000000;
	--mhd-color-grey: #969696;
	--mhd-color-white: #ffffff;
	--mhd-color-lightgrey: #f5f5f5;
  --mhd-content-padding: 120px;
	--mhd-fontsize-h1: 44px;
	--mhd-fontsize-h2: 90px;
	--mhd-fontsize-h2-large: 135px;
	--mhd-fontsize-h3: 20px;
	--mhd-fontsize-h4: 75px;
	--mhd-fontsize-button: 24px;
	--mhd-lineheight-h1: 54px;
	--mhd-lineheight-h2: 72px;
	--mhd-lineheight-h2-large: 110px;
	--mhd-lineheight-h3: 30px;
	--mhd-lineheight-h4: 82px;
	--mhd-letterspacing-h1: 0px;
	--mhd-letterspacing-h2: 2px;
	--mhd-letterspacing-h3: 0px;
	--mhd-letterspacing-h4: 2px;
	--mhd-letterspacing-button: 0px;
	--mhd-letterspacing-none: 0px;
  --mhd-fontsize-normal: 20px;
  --mhd-fontsize-large: 30px;
  --mhd-fontsize-small: 16px;
  --mhd-lineheight-normal: 30px;
  --mhd-lineheight-large: 38px;
  --mhd-lineheight-small: 24px;
	--mhd-letterspacing-normal: 0px;
  --mhd-width-small: 800px;
	--mhd-width-medium: 1000px;
  --mhd-width-normal: 1400px;
  --mhd-width-large: 1800px;
	--mhd-borderradius-small: 20px;
	--mhd-borderradius-large: 25px;
}

body{font-size: var(--mhd-fontsize-normal); font-family: var(--mhd-font-primary); line-height: var(--mhd-lineheight-normal); color: var(--mhd-color-black); letter-spacing: var(--mhd-letterspacing-normal);}

h1{font-size: var(--mhd-fontsize-h1); line-height: var(--mhd-lineheight-h1); letter-spacing: var(--mhd-letterspacing-h1);}
h2{font-size: var(--mhd-fontsize-h2); line-height: var(--mhd-lineheight-h2); letter-spacing: var(--mhd-letterspacing-h2); padding-bottom: 30px; color: var(--mhd-color-orange); font-family: var(--mhd-font-header); text-transform: uppercase;}
h2.large{font-size: var(--mhd-fontsize-h2-large); line-height: var(--mhd-lineheight-h2-large);}
h3{font-size: var(--mhd-fontsize-h3); line-height: var(--mhd-lineheight-h3); letter-spacing: var(--mhd-letterspacing-h3); font-family: var(--mhd-font-primary-semibold); padding-bottom: 10px;}
h4{font-size: var(--mhd-fontsize-h4); line-height: var(--mhd-lineheight-h4); letter-spacing: var(--mhd-letterspacing-h4); padding-bottom: 10px; color: var(--mhd-color-orange); font-family: var(--mhd-font-header); text-transform: uppercase;}
p{padding: 12px 0;}
b{font-family: var(--mhd-font-primary-bold); font-weight: bold;}
a{color: var(--mhd-color-orange); text-decoration: none;}
a:Hover{color: var(--mhd-color-orange); text-decoration: underline;}
img,
  svg{display: block; width: 100%; max-width: 100%;}
ul li{margin-left: 0px; list-style: none; background-image: url(img/icon-bullet-arrow.svg); background-repeat: no-repeat; background-position: 0 7px; background-size: 12px 12px; padding-left: 20px;}
hr{display: block; border: none; background: var(--mhd-color-grey); margin: 50px auto; width: 100%; height: 1px; overflow: hidden;}

#wrapper{}

#hero{display: flex; align-items: center; background: url(img/hero-bg.jpg) center no-repeat #000; background-size: cover; justify-content: center; width: 100%; min-height: 90vh; box-sizing: border-box; padding: 120px 0; position: relative; text-align: center; overflow: hidden; color: var(--mhd-color-white);}
#hero h1{color: var(--mhd-color-white);}
#hero .content{max-width: var(--mhd-width-medium); font-size: var(--mhd-fontsize-large); line-height: var(--mhd-lineheight-large);}
#hero-nav{display: flex; align-items: center; justify-content: center; gap: 12px; position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}
#hero-image{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0;}
#hero-image-modal{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: 1;}
#hero .content{position: relative; z-index: 2;}
#hero #hero-nav{display: flex; width: 100%; align-items: center; justify-content: center; flex-direction: column; padding: 0 0 50px 0; gap: 40px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2;}
#hero #hero-nav .col-container{width: calc(100% - 80px); align-items: center; justify-content: center; flex-direction: row; margin: 0 auto;}
#hero #hero-nav .btn-box{display: block; background: #000; color: #fff; border: 1px solid #fff; min-width: auto; width: 45%; max-width: 200px; box-sizing: border-box; padding-left: 0; padding-right: 0; margin: 0;}
#hero #hero-nav .btn-box:hover{display: block; background: #fff; color: #000; border: 1px solid #fff;}

#logo{display: block; position: absolute; top: 30px; left: 50px; z-index: 9; width: 30%; max-width: 300px;}
#logo-bg{display: block; width: 100%; height: 150px; backdrop-filter: blur(25px); position: fixed; z-index: 8; opacity: 0;}
#logo-icon{display: block; position: fixed; top: 30px; left: 50%; transform: translateX(-50%); z-index: 10; opacity: 0;}
#logo-icon-svg{display: block; width: 80px;}

#nav{position: absolute; top: 30px; right: 50px; z-index: 9;}
#nav ul{display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0;}
#nav ul li{display: inline-block; margin: 0 0 0 12px; list-style: none; padding: 0; background: none;}
#nav a{color: #fff;}

#btn-top{display: block; width: 50px; height: 50px; background: url(img/arrow-top.svg) center no-repeat var(--mhd-color-orange); background-size: 40% 40%; border-radius: 50%; overflow: hidden; position: fixed; bottom: 20px; right: 20px; z-index: 99; text-indent: -9999px; transition: all 0.3s ease-in-out 0s; opacity: 0; pointer-events: none;}
#btn-top:hover{background-color: var(--mhd-color-black);}
#btn-top.visible{pointer-events: all; opacity: 1;}

.socials{display: flex; flex-direction: row; gap: 15px;}
.socials a{display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; text-indent: -9999px; background-color: var(--mhd-color-lightgrey); transition: all 0.3s ease-in-out 0s; }
.socials a:hover{background-color: var(--mhd-color-orange);}
.socials a.btn-email{background-image: url(img/social-email.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.socials a.btn-linkedin{background-image: url(img/social-linkedin.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.socials a.btn-instagram{background-image: url(img/social-instagram.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.socials a.btn-dribbble{background-image: url(img/social-dribbble.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.socials a.btn-behance{background-image: url(img/social-behance.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}

.illustration-mhd-content,
  #col-services-lists{width: calc(100% - 400px);}
#illustration-mhd,
  #col-services-illustration{display: block; width: 300px;}
#illustration-mhd-rotate{animation: rotateMHD 20s linear infinite; will-change: transform; transform-origin: center;}
#illustration-mhd-mobile-flex{flex-direction: row !important;}
#illustration-mhd-mobile{display: block; width: 300px; max-width: 30%; margin: 20px 0;}
.illustration-container .st0{opacity:0;}
.illustration-path{fill: #000000; transition: opacity 0.5s linear 0s; }
@keyframes rotateMHD {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

#col-services-lists p{max-width: calc(100% - 80px);}
#col-services-lists .col-container{justify-content: flex-start; transform: translateX(calc(-1.5 * var(--mhd-borderradius-small))); margin: 40px 0;}
#col-services-lists .col{display: block; background: #fff; box-sizing: border-box; border-radius: var(--mhd-borderradius-small); padding: calc(var(--mhd-borderradius-small) * 1.5);}
#col-services-illustration{transform: scaleX(-1);}

#work{display: block; margin: 0 auto; width: calc(100% - 80px); max-width: var(--mhd-width-large); padding-bottom: var(--mhd-content-padding);}
#work .col-container{align-items: flex-start; justify-content: center;}
#work .col{display: block; padding-bottom: var(--mhd-borderradius-small);}
#work .project-image {
    display: block;
    background: #ddd;
    aspect-ratio: 4/3;
    border-radius: var(--mhd-borderradius-small);
    overflow: hidden;
    margin-bottom: 15px;
    position: relative; /* Add this line */
}
#work .project-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
		animation: imageCycle 16s linear infinite;
}

/* Show only first image by default */
#work .project-image img:first-child{opacity: 1;}

/* Animation for cycling through images on hover */
#work .project-image:hover img {}
#work .project-image.loop-anim{cursor: crosshair;}
#work .project-image.loop-anim img:nth-child(1) { animation-delay: 14s; }
#work .project-image.loop-anim img:nth-child(2) { animation-delay: 0s; }
#work .project-image.loop-anim img:nth-child(3) { animation-delay: 2s; }
#work .project-image.loop-anim img:nth-child(4) { animation-delay: 4s; }
#work .project-image.loop-anim img:nth-child(5) { animation-delay: 6s; }
#work .project-image.loop-anim img:nth-child(6) { animation-delay: 8s; }
#work .project-image.loop-anim img:nth-child(7) { animation-delay: 10s; }
#work .project-image.loop-anim img:nth-child(8) { animation-delay: 12s; }
@keyframes imageCycle {
    0%, 12.5% { opacity: 1; }
    12.55%, 100% { opacity: 0; }
}

#work h3{padding-bottom: 0;}
#work p{padding: 0; font-size: var(--mhd-fontsize-small); line-height: var(--mhd-lineheight-small); letter-spacing: var(--mhd-letterspacing-none);}

#tagline{display: block; width: 100%; overflow: visible;; position: relative;}
#lamp-illustration{display: block; position: absolute; bottom: 0; right: 0; width: 300px; max-width: 40%; z-index: 3;}
#tagline-scroller-container{display: block; width: 100%; overflow: hidden;}
#tagline-scroller{display: block; width: 300vw; animation: scrollTagline 30s linear infinite; will-change: transform;}
#tagline:hover #tagline-scroller{/*animation-play-state: paused;*/}
@keyframes scrollTagline {
  0%{transform: translateX(0);}
  100%{transform: translateX(-150vw);}
}

/* Client Logos: Grid */
#logos-slider{display: block; width: 100%; overflow: hidden;}
#logos-slider img{}
#logos-slider-inner{display: flex; width: 100%; transition: all 0.5s linear 0s; justify-content: space-between;; align-items: center;}
#logos-slider-inner .col{width: calc(16.6% - 30px); aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center;}
#logos-slider-nav{display: none; list-style: none; margin: 0 auto;}
#logos-slider-nav li{display: inline; list-style: none; margin: 0; padding: 0;}
#logos-slider-nav li a{display: block; width: 30px; height: 30px; background: #ddd; border-radius: 50%; overflow: hidden; text-indent: -9999px;}
#logos-slider[data-logos="1"] #logos-slider-inner,
  #logos-slider[data-logos="2"] #logos-slider-inner{transform: translateX(0%)}
#logos-slider[data-logos="1"] #logos-slider-nav li:nth-of-type(1) a,
  #logos-slider[data-logos="2"] #logos-slider-nav li:nth-of-type(2) a{background: #333;}

/* Testimonials Slider */
.testimonial-slider-container{display: flex; align-items: center; justify-content: center; gap: 20px; width: 100%; position: relative;}
.testimonial-slider-wrapper { width: 100%; overflow: hidden; position: relative; touch-action: pan-y; }
.testimonial-slider-track{display: flex; transition: transform 0.5s ease;}
.testimonial-slide{min-width: 50%; padding: 0 15px; box-sizing: border-box;}
.testimonial-box{padding: 0 25px; display: flex; flex-direction: column;}
.testimonial-slider-container .slider-arrow { display: flex; align-items: center; justify-content: center; width: 50px; height: 20px; border-radius: 50%; border: none; cursor: pointer; transition: all 0.3s ease; z-index: 2; flex-shrink: 0; background-color: rgba(255, 255, 255, 0.2); color: white; }
.testimonial-slider-container .slider-arrow-left{background: url(img/arrow-left.svg) center no-repeat; background-size: contain;}
.testimonial-slider-container .slider-arrow-right{background: url(img/arrow-right.svg) center no-repeat; background-size: contain;}
.testimonial-slider-container .slider-arrow-left:hover{transform: translateX(-10%);}
.testimonial-slider-container .slider-arrow-right:hover{transform: translateX(10%);}

#services h3{color: var(--mhd-color-orange);}

#quotes .content{text-align: center; max-width: var(--mhd-width-medium); position: relative;}
#quotes-slider-wrapper{display: block; width: 100%; overflow: hidden; position: relative;}
#quotes-slider{display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: none; width: 400%; gap: 0; transition: transform 0.5s ease;}
#quotes-slider .quote-container{display: block; width: 25%; box-sizing: border-box; padding: 0 15px;}
#quotes-slider-left{display: block; width: 20px; height: 50px; background: url(img/arrow-left.svg) center no-repeat; background-size: contain; position: absolute; top: 40%; left: 0; text-indent: -999px; overflow: hidden; z-index: 3; transform: translateX(calc(-100% - 5px));}
#quotes-slider-right{display: block; width: 20px; height: 50px; background: url(img/arrow-right.svg) center no-repeat; background-size: contain; position: absolute; top: 40%; right: 0; text-indent: -999px; overflow: hidden; z-index: 3; transform: translateX(calc(100% + 5px));}
#quotes .quote-icon{display: block; width: 90px; height: 90px; margin: 0 auto 40px auto; background: url(img/icon-quote.svg) center no-repeat;= background-size: contain;}
#quotes .client-quote{font-size: var(--mhd-fontsize-large); line-height: var(--mhd-lineheight-large);}
#quotes .quote-details{margin-top: 40px;}
#quotes .quote-details p{padding: 2px 0;}
#quotes .quote-name{}
#quotes .quote-role{}
#quotes .quote-since{color: var(--mhd-color-orange);}

#logo-marquee-container{width: 100%; box-sizing: border-box; position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 0;}
#logo-marquee-container h2{margin: 0; padding: 0;}
.logo-marquee-header{display: block; width: 22%; height: 100%; box-sizing: border-box; padding: 0; margin: 0;}
.logo-marquee-container{display: block; width: 75%; overflow: hidden; border-left: 1px solid #000; box-sizing: border-box; }
.logo-marquee-inner{overflow: hidden; display: flex; will-change: transform; animation: marquee 40s linear infinite; width: 800%;}
.logo-marquee{ display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: calc(33.3% / 8); box-sizing: border-box; padding: 20px; }
.logo-marquee img { display: black; width: 70%; max-height: 150px; object-fit: contain; max-width: 100%; }

@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

#logo-footer{width: 400px; max-width: 80%;}
#footer a{color: var(--mhd-color-black);}
#footer a:hover{color: var(--mhd-color-orange);}
#footer p{padding-top: 0;}
#footer .insurance-logo{max-width: 80px;}
#footer ul li{margin: 0; padding: 0; list-style: none;}

.bg-orange{background: var(--mhd-color-orange); color: var(--mhd-color-white);}
.bg-orange .btn-box{background: var(--mhd-color-black); color: var(--mhd-color-white);}
.bg-lightgrey{background: var(--mhd-color-lightgrey);}
.btn-box{display: inline-block; font-size: var(--mhd-fontsize-button); transition: all 0.3s ease-in-out 0s; margin: 20px auto; letter-spacing: var(--mhd-letterspacing-button); font-family: var(--mhd-font-primary); font-weight: bold; align-items: center; background: var(--mhd-color-orange); padding: 15px 40px; min-width: 160px; color: var(--mhd-color-black); border-radius: 50px; text-decoration: none; text-align: center;}
.btn-box:hover{background: var(--mhd-color-black);  color: var(--mhd-color-white); text-decoration: none;}
.btn-box.white{background: var(--mhd-color-white); color: var(--mhd-color-orange);}
.btn-box.white:hover{background: var(--mhd-color-black);  color: var(--mhd-color-white); text-decoration: none;}

.btn-arrow-down{display: flex; align-items: center; justify-content: center; width: 26px; height: 60px; margin-top: 15px; cursor: pointer; text-indent: -9999px; overflow: hidden; transition: all 0.3s ease; z-index: 2; flex-shrink: 0; background: url(img/arrow-down.svg) center no-repeat; background-size: contain;}

.col-container{display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; position: relative;}
.col-container.vertical-center{align-items: center;}
.col-container.horizontal-end{justify-content: flex-end;}
.col-container.col-02 .col{width: calc(50% - 30px);}
.col-container.col-03 .col{width: calc(33.3% - 30px);}
.col-container.col-06 .col{width: calc(16.6% - 30px);}
.col-container.col-fit .col{width: auto;}

.content{display: block; width: calc(100% - 80px); max-width: var(--mhd-width-normal); margin: 0 auto; margin: 0 auto; padding: var(--mhd-content-padding) 0 var(--mhd-content-padding) 0;}
.content-narrow{display: block; width: calc(100% - 80px); max-width: var(--mhd-width-small); margin: 0 auto; text-align: center;  padding: var(--mhd-content-padding) 0 var(--mhd-content-padding) 0;}
.content-narrow p{font-size: var(--mhd-fontsize-large); line-height: var(--mhd-lineheight-large);}
.padding-top{padding-top: 30px;}

.logo-svg{width: 500px; max-width: 80%;}
.logo-orange{fill: var(--mhd-color-orange);}
.logo-black{fill: #000000;}
.logo-white{fill: #ffffff;}
.logo-icon{}
.logo-text{}
#logo-primary .logo-orange,
  #logo-primary .logo-black{fill: #fff;}
.icon-insurance{max-width: 80px;}

.relative{position: relative;}
.text-semibold{font-family: var(--mhd-font-primary-semibold);}
.text-black{color: var(--mhd-color-black);}
.text-grey{color: var(--mhd-color-grey);}
.text-orange{color: var(--mhd-color-orange);}
.text-white{color: var(--mhd-color-white);}
.text-right{text-align: right;}
.text-large{font-size: var(--mhd-fontsize-large); line-height: var(--mhd-lineheight-large);}
.text-small{font-size: var(--mhd-fontsize-small); line-height: var(--mhd-lineheight-small);}

@font-face {
  font-family: 'MagnoSans-Medium';
  src: url('fonts/MagnoSansTrial-Medium-BF63fd6bc813753.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MagnoSans-Black';
  src: url('fonts/MagnoSansTrial-Black-BF63fd6bc8548c9.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeulisSans-Regular';
  src: url('fonts/neulis-sans.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeulisSans-Medium';
  src: url('fonts/neulis-sans-medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NeulisSans-SemiBold';
  src: url('fonts/neulis-sans-semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'NeulisSans-Bold';
  src: url('fonts/neulis-sans-bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* Large devices (desktops) */
@media (min-width: 1200px) {

	#intro #intro-header{margin-bottom: 40px}
	#intro .illustration-mhd-content h2{padding: 0;}
	#illustration-mhd{position: absolute; top: 0; bottom: 0; height: 100%; max-height: 100%; right:  0; max-height: 100%; height: auto; transform: scale(1.2) translateX(-5%); transform-origin: center; width: auto;}
	#illustration-mhd svg{max-height: 100%; }
	#illustration-mhd-mobile{display: none;}

	#tagline-footer{width: 50%;}

}

@media (max-width: 1199px) {
	#illustration-mhd{display: none;}

	#logo-marquee-container{width: 100%;}
	.logo-marquee-header{width: 50%;}
	.logo-marquee-container{width: 50%;}
	.logo-marquee-inner{width: 2400%;}

	#about .illustration-container{display: none;}
	#about .col-02 .col{width: 100%;}

	#services #col-services-illustration{width: 100%; display: none;}
	#col-services-lists {width: 100%;}
	#col-services-lists .col{	width: calc(50% - 10px); padding: 20px;}
	#col-services-lists .col-container{justify-content: space-between; align-items: stretch; transform: translateX(0);}
	#logos .col-container.col-06 .col{width: calc(50% - 30px);}
	.col-container.col-02 .col,
		.col-container.col-03 .col{width: 100%;}

	#logo-footer{margin-bottom: 15px;}
	#footer p{margin-top: 15px;}
	#footer hr{margin: 15px auto;}
	#footer .col-02 .col{width: 100%;}
	#footer .col-container{gap: 0;}
	#footer .text-right{text-align: left;}
	#footer #tagline-footer{display: none;}
	#footer .horizontal-end{align-items: flex-start; justify-content: flex-start; gap: 30px;}

}

/* Medium devices (tablets) */
@media (min-width: 576px) and (max-width: 1199px) {

  #intro .col-container{flex-direction: column-reverse;}
  .illustration-mhd-content{width: 100%;}

  .col-container.col-02 .col,
    .col-container.col-03 .col{width: calc(50% - 30px);}

	#col-services-lists .col{	width: calc(50% - 10px); padding: 20px;}

	#logo-icon{top: 20px;}
	#logo-icon-svg{width: 60px;}
	#logo-bg{height: 100px;}

	#logos-slider-inner .col {width: calc(25% - 30px); }

	#tagline-scroller{width: 400vw;}
	@keyframes scrollTagline {
	  0%{transform: translateX(0);}
	  100%{transform: translateX(-200vw);}
	}

}

@media (max-width: 767px) {

	h2{padding-bottom: 20px;}

	#logo{top: 30px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 65%; display: flex; align-items: center; justify-content: center;}
	#socials{top: 30px; left: 50%; transform: translateX(-50%); right: auto; gap: 10px;}

	#nav{display: none;}

	#hero{min-height: auto; padding: 200px 0 0 0; display: block;}
	#hero .content{padding: 0; margin: 0 auto;}
	#hero #hero-nav{position: relative; transform: none; left: unset; bottom: unset; margin-top: 50px;}

  .testimonial-slide {min-width: 100%; }
  .testimonial-box {padding: 20px;}
}

@media (max-width: 575px) {

	:root {
	  --mhd-content-padding: 120px;
		--mhd-fontsize-h1: 26px;
		--mhd-fontsize-h2-large: 65px;
		--mhd-fontsize-h2: 40px;
		--mhd-fontsize-h3: 20px;
		--mhd-fontsize-h4: 40px;
	  --mhd-fontsize-normal: 16px;
	  --mhd-fontsize-large: 20px;
		--mhd-fontsize-small: 14px;
		--mhd-lineheight-h1: normal;
		--mhd-lineheight-h2: normal;
		--mhd-lineheight-h2-large: normal;
		--mhd-lineheight-h3: normal;
		--mhd-lineheight-h4: normal;
	  --mhd-lineheight-normal: 25px;
	  --mhd-lineheight-large: 32px;
		--mhd-lineheight-small: 20px;
		--mhd-letterspacing-h1: 0px;
    --mhd-letterspacing-h2: 0px;
    --mhd-letterspacing-h3: 0px;
    --mhd-letterspacing-h4: 1px;
	}

  #intro .col-container{flex-direction: column-reverse;}
  .illustration-mhd-content{width: 100%;}
  .illustration-mhd{display: block; width: 80%; margin: 0 auto;}

  #logos-slider[data-logos="1"] #logos-slider-inner{transform: translateX(0)}
  #logos-slider[data-logos="2"] #logos-slider-inner{transform: translateX(-50%)}
  #logos-slider-inner{width: 200%; gap: 0;}
	#logos-slider-inner .col {width: 25%}
  #logos-slider-nav{display: flex; align-items: center; justify-content: center; gap: 5px;}

	#col-services-lists .col{	width: 100%; padding: 20px;}

	#logo-icon{top: 20px;}
	#logo-icon-svg{width: 50px;}
	#logo-bg{height: 90px;}

	#illustration-mhd-mobile{max-width: 50%;}

	#tagline-scroller{width: 800vw;}
	@keyframes scrollTagline {
		0%{transform: translateX(0);}
		100%{transform: translateX(-400vw);}
	}

	#lamp-illustration{width: 200px;}



}