/*--Import Global CSS--*/
/*@import url(global.css);*/
/*--Import Font CSS--*/
/*@import url(font.css);*/
/*--GENERAL CSS--*/
/*
*, *::before, *::after{box-sizing: border-box;}
html, body{font-size:62.5%; line-height:1.5; padding:0; margin:0;}
ul{margin:0; padding:0;}
li{list-style:none;}
img{max-width:100%; display:block;}
p, label{margin:0; padding:0;}
a, span{display:inline-block;}
a, a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
figure{margin:0;}
input:focus, button:focus, a:focus{outline:none;}
textarea:focus{outline:none;}
button{padding:0; border:0; margin:0; background:none;}
a:hover, a:focus{text-decoration:none;}
*/
html, body {
    font-size: 14px !important;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
html, .dc {
	line-height: 1.5;
}
/*--Fonts--*/
@font-face {
    font-family:'Fieldwork Geo Light';
    src: url('../fonts/Fieldwork-GeoLight.eot');
    src: url('../fonts/Fieldwork-GeoLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoLight.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoLight.woff') format('woff'),
        url('../fonts/Fieldwork-GeoLight.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoLight.svg#Fieldwork-GeoLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo';
    src: url('../fonts/Fieldwork-GeoRegular.eot');
    src: url('../fonts/Fieldwork-GeoRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoRegular.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoRegular.woff') format('woff'),
        url('../fonts/Fieldwork-GeoRegular.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoRegular.svg#Fieldwork-GeoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo Demibold';
    src: url('../fonts/Fieldwork-GeoDemibold.eot');
    src: url('../fonts/Fieldwork-GeoDemibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoDemibold.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoDemibold.woff') format('woff'),
        url('../fonts/Fieldwork-GeoDemibold.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoDemibold.svg#Fieldwork-GeoDemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo Bold';
    src: url('../fonts/Fieldwork-GeoBold.eot');
    src: url('../fonts/Fieldwork-GeoBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoBold.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoBold.woff') format('woff'),
        url('../fonts/Fieldwork-GeoBold.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoBold.svg#Fieldwork-GeoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Amsterdam One';
    src: url('../fonts/Amsterdam-One.eot');
    src: url('../fonts/Amsterdam-One.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Amsterdam-One.woff2') format('woff2'),
        url('../fonts/Amsterdam-One.woff') format('woff'),
        url('../fonts/Amsterdam-One.ttf') format('truetype'),
        url('../fonts/Amsterdam-One.svg#Amsterdam-One') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*--Variables--*/
:root{
	
    --font-family: 'Fieldwork Geo';
    --secondary-font: 'Amsterdam One';
    --fw-light: 'Fieldwork Geo Light';
    --fw-demibold: 'Fieldwork Geo Demibold';
    --fw-bold: 'Fieldwork Geo bold';
    --h2: 64px;
    --h3: 48px;
    --h4: 36px;
    --h5: 26px;
    --h6: 20px;
		
}
@media(max-width:1399px){
:root{
	
	--h2:36px;
	--h3:28px;
	--h4:24px;
	--h5:22px;
	--h6:20px;
		
}	
}
@media(max-width:1199px){
:root{
	
	--h2:32px;
	--h3:26px;
	--h4:24px;
	--h5:20px;
	--h6:20px; 
		
}	
}
@media(max-width:991px){
:root{
	
	--h2:32px;
	--h3:26px;
	--h4:24px;
	--h5:20px;
	--h6:18px; 
		
}	
}
@media(max-width:575px){
:root{
	
	--h2:24px;
	--h3:22px;
	--h4:20px;
	--h5:16px;
	--h6:14px; 
		
}	
}
@media(max-width:480px){
:root{
	
	--h2:22px;
	--h3:20px;
	--h4:18px;
	--h5:16px;
	--h6:14px; 
		
}	
}

/*--Variable Classes--*/
.secondary-font{font-family:var(--secondary-font);}

/*--Font Weights--*/
.fw-light{font-family:var(--fw-light);}
.fw-demibold{font-family:var(--fw-demibold);}
.fw-bold{font-family:var(--fw-bold);}

/*--Headdings--*/
.dc h1,.dc h2,.dc h3,.dc h4,.dc h5,.dc h6{font-family:var(--font-family);}
.dc h2,.dc .h2{font-size:var(--h2); line-height:1.3;}
.dc h3,.dc .h3{font-size:var(--h3);}
.dc h4,.dc .h4{font-size:var(--h4);}
.dc h5,.dc .h5{font-size:var(--h5);}
.dc h6,.dc .h6{font-size:var(--h6);}


/* CONTENT OVERRIDE */
@media (min-width: 1400px) {
html .offer-box-content-header h4 {
    font-size: 48px;
}
html .offer-box-content-header h5 {
    font-size: 36px;
}
html .testimonial-slide h4 {
    font-size: 36px;
}
}
/*--Import Color CSS--*/
/*@import url(color.css);*/

/*--Variables--*/
:root{

	/*White*/
	--white-h:0;
	--white-s:0%;
	--white-l:100%;
	--white:var(--white-h), var(--white-s), var(--white-l);
	
	/*Black*/
	--black-h:0;
	--black-s:0%;
	--black-l:0%;
	--black:var(--black-h), var(--black-s), var(--black-l);
	
	/*Dark Gray*/
	--dark-gray-h:240;
	--dark-gray-s:3%;
	--dark-gray-l:11%;
	--dark-gray:var(--dark-gray-h), var(--dark-gray-s), var(--dark-gray-l);
	
	/*Primary*/
	--primary-h:6;
	--primary-s:70%;
	--primary-l:84%;
	--primary:var(--primary-h), var(--primary-s), var(--primary-l);
	
	/*Primary Dark*/
	--primary-dark-h:14;
	--primary-dark-s:36%;
	--primary-dark-l:58%;
	--primary-dark:var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l);	
	
	/*Light Gray*/
	--light-gray-h:0;
	--light-gray-s:0%;
	--light-gray-l:98%;
	--light-gray:var(--light-gray-h), var(--light-gray-s), var(--light-gray-l);	
	
	--primary-gradient:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%);
	
}

/*Color*/
.white{color:hsl(var(--white));}
.black{color:hsl(var(--black));}
.dark-gray{color:hsl(var(--dark-gray));}
.primary{color:hsl(var(--primary));}
.primary-dark{color:hsl(var(--primary-dark));}
.light-gray{color:hsl(var(--light-gray));}

/*Background Color*/
.white-bg{background-color:hsl(var(--white));}
.black-bg{background-color:hsl(var(--black));}
.dark-gray-bg{background-color:hsl(var(--dark-gray));}
.primary-bg{background-color:hsl(var(--primary));}
.primary-dark-bg{background-color:hsl(var(--primary-dark));}
.light-gray-bg{background-color:hsl(var(--light-gray));}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

/*--Transition--*/
a, button{transition:all .1s linear;}

/*--Padding--*/
.pt-0{padding-top:0 !important;}
.pb-0{padding-bottom:0 !important;}
.p-0{padding:0 !important;}

/*--Margin--*/
.m-auto{margin:0 auto !important;}

/*--Row--*/
.section .row::before, .row::after{display:none;}
.section .row{display:flex; flex-wrap:wrap; margin:-3rem;}
.section .row > *{padding:3rem;}
@media(max-width:480px){
	.section .row{margin:-1.5rem;}
	.section .row > *{padding:1.5rem;}
}

/*--Flexbox--*/
.d-flex{display:flex;}
.flex-column{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.flex-grow-1{flex-grow:1;}
.justify-content-start{justify-content:flex-start;}
.justify-content-end{justify-content:flex-end;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items:flex-start;}
.align-items-end{align-items: flex-end;}
.align-items-center{align-items: center;}

/*--Nav Icon--*/
.nav-icon{width:4rem; height:2.2rem; position:relative; display:flex; align-items:center; cursor:pointer;}
.nav-icon span{flex-grow:1; display:block;}
.nav-icon::before, .nav-icon::after{position:absolute; left:50%; transform:translateX(-50%); width:100%; content:"";}
.nav-icon::before{top:0;}
.nav-icon::after{bottom:0;}
.nav-icon span, .nav-icon::before, .nav-icon::after{width:100%; height:.2rem; background-color:hsl(var(--dark-gray)); transition:all .1s linear;}
.nav-icon.active span{opacity:0;}
.nav-icon.active::before, .nav-icon.active::after{top:50%; bottom:auto;}
.nav-icon.active::before{transform:translateX(-50%) rotate(-45deg);}
.nav-icon.active::after{transform:translateX(-50%) rotate(45deg);}

/*--Buttons--*/
.dc .btn:focus, .dc .btn:focus:active{box-shadow:none;}
.dc .btn{border:0; border-radius:0; min-width:28rem; height:8.6rem; font-size:3rem; font-family:var(--fw-demibold); display:inline-flex; align-items:center; justify-content:center; text-transform:uppercase; padding:1rem 1.5rem;}
.dc .btn.btn-primary{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); color:hsl(var(--white));}
.dc .btn.btn-white{background:hsl(var(--white)); }
.dc .btn.btn-white > span{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}
.dc .btn.btn-primary-o{background:none; border:.2rem solid hsl(var(--primary));}
.dc .btn.btn-primary-o span{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}
.dc .btn.btn-dark-gray-o{background:none; border:.2rem solid hsl(var(--dark-gray)); color:hsl(var(--dark-gray));}
@media(max-width:1699px){
	.dc .btn{min-width:22rem; height:7rem; font-size:2.4rem;}	
}
@media(max-width:1399px){
	.dc .btn{min-width:20rem; height:6rem; font-size:2.2rem;}	
}
@media(max-width:1199px){
	.dc .btn{min-width:18rem; height:5.4rem; font-size:2rem;}	
}
@media(max-width:991px){
	.dc .btn{min-width:16rem; font-size:1.8rem;}	
}
@media(max-width:767px){
	.dc .btn{min-width:14rem; font-size:1.6rem;}
	.dc .btn.btn-primary-o{border-width:.1rem;}
}

/*--Checkbox--*/
.checkboxes input[type="checkbox"]{display:none;}
.checkboxes label{font-size:2rem; position:relative; padding-left:3.5rem; font-family:var(--font-family); font-weight:normal;}
.checkboxes label::before{position:absolute; left:0; top:50%; transform:translateY(-50%); width:2rem; height:2rem; border-radius:.4rem; border:.1rem solid hsl(240, 1%, 86%); content:"";}
.checkboxes input[type="checkbox"]:checked ~ label::before{background:url(../images/form-check.png) center center no-repeat; background-size:80% auto;}
.checkboxes.lg label{padding-left:7rem;}
.checkboxes.lg label::before{width:3rem; height:3rem; border-radius:0; border-color:hsl(0, 0%, 53%); border-width:.2rem;}
.checkboxes label a{color:hsl(var(--dark-gray)); text-decoration:underline;}
.checkboxes label a:hover{text-decoration:none; color:hsl(var(--primary));}
@media(max-width:1399px){
	.checkboxes.lg label{padding-left:5rem;}
	.checkboxes.lg label::before{width:2.6rem; height:2.6rem;}
}
@media(max-width:1199px){
	.checkboxes label{font-size:1.8rem;}
}
@media(max-width:991px){
	.checkboxes label{font-size:1.6rem; padding-left:2.8rem;}	
	.checkboxes label::before{width:2rem; height:2rem;}
	.checkboxes.lg label{padding-left:4rem;}
	.checkboxes.lg label::before{width:2.4rem; height:2.4rem;}
}
@media(max-width:575px){
	.checkboxes label{font-size:1.4rem;}
	.checkboxes.lg label{padding-left:3.5rem;}
	.checkboxes.lg label::before{width:2.2rem; height:2.2rem; border-width:.1rem;}
}

/*--Other Classes--*/
.text-uppercase{text-transform:uppercase;}
.text-center{text-align:center;}
.text-center{text-align:center;}
.gradient-text{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}
.m-auto{margin:0 auto;}
.position-relative{position:relative;}
@media(min-width:1200px){
	.order-xl-2{order:2;}
}
@media(min-width:992px){
	.order-lg-2{order:2;}
	.text-md-end{text-align:right;}
}

body{font-family:var(--font-family); color:hsl(var(--dark-gray)); font-size:16px; overflow-x:hidden;}
.container::before, .container::after{display:none;}
html #backoffice-wrapper > .container { max-width: 100%; width: 100%; }
@media (min-width: 993px) {
	#backoffice-wrapper:not(:has(.dc)) > .container {
		width: calc(100% - 225px); /*Added by Jam to fix the issue on the internal pages where browser widths is < 1440*/
	}
}
.dc .container {
    width: 100%;
    max-width: 90dvw;
    padding-left: 0;
    padding-right: 0;
}
.learn-list li {
    list-style: none;
}
.section .gallery-grid .dark-gray-bg {
    border: .2rem solid hsl(var(--primary));
}
.control-section img.m-auto {
    z-index: 1;
    position: relative;
}
.container-fluid{width:100%; max-width:100%; padding-left:3rem; padding-right:3rem;}
@media(max-width:480px){
	.container{padding-left:1.5rem; padding-right:1.5rem;}
}

/*--Header and Hero Section Start--*/
header{position:absolute; left:0; top:0; width:100%; z-index:999;}
header.position-static{position:relative !important;}
header .top-strip p{text-align:right; padding:1rem 0; text-transform:uppercase; letter-spacing:.2rem;}
header .header-content{display:flex; align-items:center; padding:1.5rem 0; position:relative;}
header .logo:not(:last-child){margin-right:3rem;}
.logo img{max-width:20rem;}
header nav{flex-grow:1; align-items:center; justify-content:space-between; max-width:110rem; margin:0 auto;}
header nav a{font-size:2.5rem; color:hsl(var(--dark-gray)); letter-spacing:.6rem; text-transform:uppercase;}
header nav a:hover{color:hsl(var(--dark-gray));}
header nav a.active{font-family:var(--fw-bold);}
header .header-links:not(:first-child){margin-left:3rem;}
.header-links{display:flex; align-items:center;}
.header-links > *{position:relative;}
.header-links > *:not(:last-child){margin-right:2.5rem;}
.header-links > * > img{max-height:4rem;}
.header-links > *.cart > span{width:2rem; height:2rem; position:absolute; right:0; top:0; transform:translate(35%, -35%); background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); border-radius:100%; display:grid; place-items:center; font-size:1.4rem; font-family:var(--fw-bold); color:hsl(var(--white)); line-height:1;}

.hero-section{height:120rem; padding:3rem 0; display:flex; align-items:center; background:url(../images/hero-image.png) center bottom no-repeat; background-size:100% auto;}
.hero-section img{object-fit:cover; width:100%; height:100%;}
#html5 .hero-content h1{font-family:var(--secondary-font); font-size:72px;}
.hero-content h2{font-size:5.4rem; text-transform:uppercase; margin-top:72px;}
.hero-content h2 span{font-family:var(--fw-bold);}
.hero-content .btn{margin-top:2em;}

@media(max-width:1699px){
	.logo img{max-width:16rem;}
	.header-links > * > img{max-height:3rem;}
	header nav{max-width:90rem;}
	header nav a{font-size:2.2rem; letter-spacing:.3rem;}
	.hero-section{height:100dvh;}
	#html5 .hero-content h1{font-size:6rem;}
	.hero-content h2{font-size:5rem; margin-top:5rem;}
	.hero-content .btn{margin-top:5rem;}
}
@media(max-width:1499px){
	#html5 .hero-content h1{font-size:5rem;}
	.hero-content h2{font-size:3.5rem; margin-top:4rem;}
	.hero-content .btn{margin-top:4rem;}
}
@media(max-width:1399px){
	.logo img{max-width:13rem;}
	header nav{max-width:80rem;}
	header nav a{font-size:2rem; letter-spacing:.2rem;}
	.hero-content .btn{margin-top:3rem;}
}
@media(max-width:1199px){
	.logo img{max-width:10rem;}
	.header-links > :not(:last-child){margin-right:1.5rem;}
	header nav{max-width:70rem;}
	header nav a{font-size:1.2em; letter-spacing:.1rem;}
	#html5 .hero-content h1{font-size:4rem;}
	.hero-content h2{font-size:3rem; margin-top:3rem;}
	.hero-content .btn{margin-top:2rem;}
}
@media(min-width:992px){
	header nav{display:flex !important;}
	header .nav-icon{display:none !important;}
}
@media(max-width:991px){
	header nav{display:none; max-width:100%; position:absolute; left:0; top:100%; width:100%;}
	header nav a{font-size:16px; display:block; padding:1rem 3rem; background-color:hsl(var(--primary));}
	header nav a:not(:last-child){border-bottom:.1rem solid hsl(var(--primary-dark));}
	header nav a:hover{background-color:hsl(var(--primary-dark));}
	header .logo:not(:last-child){margin-right:0;}
	header .header-links:not(:first-child){margin-left:auto;}
	.logo img{max-width:2em; margin:0 auto;}
	header .top-strip p{text-align:center; font-size:1.4rem;}
	.hero-section{background:url(../images/hero-image-mobile.png) center bottom no-repeat; background-size:100% auto;}
	header .header-links:not(:first-child){margin-left:0;}
	header .header-content .header-links{position:absolute; right:3rem; top:50%; transform:translateY(-50%);}
	header .header-content .nav-icon{position:absolute; left:3rem; top:50%; transform:translateY(-50%);}
	header .logo:not(:last-child){margin:0 auto;}
	header .container{padding-left:0; padding-right:0;}
	header .header-content{padding:1rem 3rem;}
	.hero-section{align-items:flex-start;}
	.hero-content{text-align:center; margin-top:15rem;}
}
@media(max-width:767px){
	.hero-content{margin-top:0;}
	.hero-section{align-items:center;}
}
@media(max-width:480px){
	header nav a{padding:.2em 1.5rem; font-size:1.4rem;}
	header .header-content{padding:1rem 1.5rem;}	
	header .header-content .header-links{right:1.5rem;}
	header .header-content .nav-icon{left:1.5rem;}
	.top-strip{padding:0 1.5rem;}
}
/*--Header and Hero Section End--*/

/*--Footer Start--*/
footer{background-color:hsl(var(--dark-gray));}
.footer-content{padding:15rem 0; display:grid; grid-template-columns:repeat(4, 1fr);}
.footer-content > *{display:flex; justify-content:center;}
.footer-content h6, .footer-content ul li, .footer-content ul li a{color:hsl(var(--white));}
.footer-content h6{text-transform:uppercase;}
.footer-content h6:not(:last-child){margin-bottom:3rem;}
.footer-content ul li{font-size:var(--h6); display:flex;}
.footer-content ul li:not(:last-child){margin-bottom:2rem;}
.footer-content ul li a{text-transform:uppercase;}
.footer-content ul li a:hover{color:hsl(var(--primary));}
.footer-content ul.links li a{font-family:var(--fw-bold);}
.footer-content h6, .footer-content ul li a{letter-spacing:.4rem;}
.social-media{display:flex; align-items:center;}
.social-media > a{width:6rem; height:6rem; border-radius:100%; background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); display:grid; place-items:center;}
.social-media > a:not(:last-child){margin-right:2.5rem;}
.social-media > a img{max-width:50%;}
.copyright{border-top:.2rem solid hsl(0, 0%, 82%); padding:5rem 0; text-align:center;}
#html5 .copyright p{font-size:2rem; color:hsl(var(--white));}
.copyright p:not(:last-child){margin-bottom:3rem;}
.copyright img{margin:0 auto; width:100%; max-width:46.5rem;}

@media(max-width:1499px){
	
	.footer-content{padding:10rem 0; grid-template-columns:auto auto auto auto; justify-content:space-between;}
}
@media(max-width:1399px){
	.social-media > a{width:5rem; height:5rem;}
	.social-media > a:not(:last-child){margin-right:2rem;}
}
@media(max-width:1199px){
	.footer-content{grid-template-columns:auto auto auto; gap:3rem;}
	.footer-content > *{display:block;}
	.footer-content h6:not(:last-child){margin-bottom:2rem;}
	.footer-content ul li:not(:last-child){margin-bottom:1rem;}
	.footer-content h6, .footer-content ul li a{letter-spacing:.2rem;}	
	.copyright{padding:3rem 0;}
	#html5 .copyright p{font-size:1.2em;}
	.copyright p:not(:last-child){margin-bottom:2rem;}
	.copyright img{max-width:40rem;}
}
@media(max-width:767px){
	.footer-content{grid-template-columns:1fr; gap:5rem 0; position:relative;}
	.footer-content > *:last-child{position:absolute; right:0; top:10rem;}
	.social-media{flex-direction:column; align-items:flex-start;}
	.social-media > a{width:4.2rem; height:4.2rem;}
	.social-media > a:not(:last-child){margin-right:0; margin-bottom:1.5rem;}
	.copyright{text-align:left;}
	.copyright img{max-width:35rem; margin:0;}
	.dc .beforeimg h4 {
    bottom: 120px;
}
.offer-box-footer a {
    width: 100% !important;
}
.dc .keys-section .container {
    max-width: 80dvw;
}
.key {
    box-shadow: 0 0 30px #7e8386;
}
html .offer-box-content-header h4 {
    font-size: 24px;
}
.offer-box-footer a {
    font-weight: bold;
}
.dc .section h2 {
    font-size: 2.5em;
}
.section .gallery-grid h2, .section .gallery-grid h4, .section .gallery-grid p {
    text-align: center;
}
}
@media(max-width:575px){
	.footer-content{padding:72px 0; gap:4rem 0;}
	.footer-content > *:last-child{top:72px;}
}

@media (min-width: 1366px) and (max-width: 1440px) {
	html form[action*="/Opportunity"] .dc .page-hero-content .container > h1 {
    font-size: 48px;
}
}
/*--Footer End--*/

.section{padding:10rem 0;}
#html5 article p{font-size:var(--h5);}
article > *:not(:last-child), article .article-header:not(:last-child){margin-bottom:4rem;}
article .article-header h4{letter-spacing:.4rem;}

.offer-section-headding{padding:72px 0;}
.offer-section-headding .btn:not(:first-child){margin-top:72px;}
.offer-box{background-color:hsl(var(--dark-gray));}
.offer-box figure{height:26rem; overflow:hidden;}
.offer-box figure img{object-fit:cover; width:100%; height:100%;}
.offer-box-content{padding:4rem;}
.offer-box-content-header h4, .offer-box-content-header h5{font-family:var(--fw-demibold); text-transform:uppercase; color:hsl(var(--white));}
.offer-box-content-header h5{opacity:.1;opacity:.7;}
.offer-box-content-header h5:not(:last-child){margin-bottom:1rem;}
.offer-box-content-header{min-height:15rem; position:relative;}
.offer-box-content-header::after{position:absolute; left:0; bottom:0; width:50%; height:.1rem; background:linear-gradient(to right, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); content:"";}
.offer-box-content-header:not(:last-child){margin-bottom:4rem;}
.offer-box-content-block h5{color:hsl(var(--white)); font-family:var(--fw-light); line-height:1.5; font-weight: 300;}

.offer-box-slider-wrapper{overflow:hidden; position:relative;}
.offer-box-slider-section .container > .row > *{min-width:0;}
.swiper-scrollbar.swiper-scrollbar-horizontal{opacity:1 !important;}
.swiper-notification{display:none;}
.swiper-scrollbar.swiper-scrollbar-horizontal{position:static; margin-top:5rem; width:100%; height:2.4rem; background:none; position:relative; left:0;}
.swiper-scrollbar.swiper-scrollbar-horizontal::after{position:absolute; left:0; top:50%; width:100%; height:.2rem; background-color:hsl(240, 1%, 79%); content:""; z-index:-1;}
.swiper-scrollbar-drag{background:none;}
.swiper-scrollbar-drag:after{content: ""; width:15rem; height:2.4rem; border-radius:2rem; background:hsl(0, 0%, 42%); position:absolute; top:0; left:50%; transform:translateX(-50%);}
.offer-box-slider .swiper-slide{height:auto; min-height:100%; display:flex;}

.offer-box-grid{display:grid; grid-template-columns:auto 1fr; gap:3rem;}
.offer-box-grid > *{min-width:0;}

.section-content img{margin:0 auto; display:block;}
.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:2em;}

.section.full-section{display:grid; grid-template-columns:repeat(2, 1fr); padding:0;}
.section.full-section > *{background-size:cover; background-repeat:no-repeat; background-position:center center; display:flex; align-items:center;}
.section.full-section > *:nth-child(2){padding-left:calc((100vw - 169.9rem - 5rem) / 2)}
.gradient-135{background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%);}
.section.full-section article{padding:10rem 5rem;}
.bg-1{background-image:url(../images/bg-1.jpg);}
.section.full-section .bg{overflow:hidden;}
.section.full-section .bg img{object-fit:cover; width:100%; height:100%;}
.gradient-135 article h2, .gradient-135 article p, .dark-gray-bg article h2, .dark-gray-bg article h3, .dark-gray-bg article h4, .dark-gray-bg article p{color:hsl(var(--white));}
article h2, article h3{text-transform:uppercase; font-family:var(--fw-demibold);}
article h3{letter-spacing:.4rem;}
article h4.num{text-transform:none;}
article h4.num:not(:last-child){opacity:.2;}
article h4.num{margin-bottom:1rem;}
#html5 article p{font-size:var(--h5); font-family:var(--fw-light);}
article figure{position:relative;}
.section.vh-section{min-height:100dvh;}
.section.vh-section > *{flex-grow:1;}
.icon-group{display:flex; flex-wrap:wrap; gap:3rem; justify-content:space-evenly;}
.icon-box{text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
.icon-box > *:not(:last-child){margin-bottom:3rem;}
.icon-box h5{font-family:var(--fw-demibold); text-transform:uppercase;}
.icon-box .icon{width:14rem; height:14rem; border-radius:100%; background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); display:grid; place-items:center;}
.icon-box .icon img{max-width:60%; max-height:60%;}

.page-hero-section{height:120dvh; overflow:hidden; position:relative; filter:drop-shadow(-.1rem .4rem 1rem rgba(0, 0, 0, 0.5));}
.page-hero-bg, .page-hero-bg figure, .page-hero-bg picture{height:120dvh; clip-path:polygon(50% 100%, 100% 85%, 100% 0, 0 0, 0 85%); background:linear-gradient(to right, #f1beb7 0%,#b87e6b 50%,#f1beb7 100%); flex-grow:1;}
.page-hero-bg figure, .page-hero-bg picture{position:relative; top:-2rem;}
.page-hero-bg img{object-fit:cover; width:100%; height:100%; z-index:-1;}
.page-hero-content{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; z-index:99;}
#html5 .page-hero-content h1{font-family:var(--secondary-font); font-size:72px; line-height:1;}
.transform-top-70{transform:translateY(-70%);}
.page-hero-content h2{letter-spacing:1rem;}
.page-hero-content .container > *:not(:first-child){margin-bottom:3rem;}
.page-hero-content .container > h1{padding:72px 0;}
.page-hero-section .top-headding{transform:translateY(-150%);}
.page-hero-section.home-hero-section .page-hero-content h2{letter-spacing:0;}
.page-hero-section.home-hero-section .page-hero-content h2 span{font-family: var(--fw-bold);}
.page-hero-section.home-hero-section .container{text-align:left;}

.keys{display:grid; grid-template-columns:repeat(3, 1fr); gap:3rem;}
.keys > *{display:flex;}
.keys > * > *{flex-grow:1;}
.offer-box .btn{display:flex; width:100%;}
.offer-box .btn:not(:first-child){margin-top:2em;}
.key .offer-box{display:flex; flex-direction:column;}
.key .offer-box .offer-box-content{flex-grow:1; display:flex; flex-direction:column;}
.key .offer-box .offer-box-content .offer-box-content-block{flex-grow:1;}
.key .offer-box .offer-box-footer:not(:first-child){margin-top:4rem;}

.gallery-grid{display:grid; grid-template-columns:65% 35%; gap:3rem;}
.gallery-grid > *{padding:3rem; display:flex; align-items:center; box-shadow:0 0 2rem rgba(0,0,0,.5);}
.gallery-grid > *:first-child{flex-direction:column; gap:3rem;}
.gallery-grid > *:first-child > *{flex-grow:1; overflow:hidden;}
.gallery-grid > *:first-child > * img{object-fit:cover; width:100%; height:100%;}
.gallery-grid > * > article{flex-grow:1; padding:2rem;}
.control-section article{display:flex; flex-direction:column; align-items:center;}

.join-options{display:grid; grid-template-columns:repeat(2, 1fr); max-width:135rem; margin:0 auto; gap:3rem;}
.join-box{width:100%; max-width:53rem; box-shadow:0 0 2rem rgba(0,0,0,.5);}
.join-options > *{display:flex;}
.join-options .join-box{margin:0 auto; flex-grow:1; display:flex; flex-direction:column;}
.join-box figure{height:36rem; overflow:hidden;}
.join-box figure img{object-fit:cover; width:100%; height:100%;}
.join-box-content > *:not(:last-child){margin-bottom:5rem;}
.join-box-content{flex-grow:1; padding:5rem 3rem; display:flex; flex-direction:column; align-items:center; text-align:center;}
.join-box-content.dark-gray-bg h4, .join-box-content.dark-gray-bg h3{text-transform:uppercase; color:hsl(var(--white));}
.join-box-content ul{flex-grow:1;}
.join-box-content ul li{padding-left:5rem; position:relative;}
.join-box-content ul li:not(:last-child){margin-bottom:4rem;}
.join-box-content ul li::before{width:3.6rem; height:3rem; background:url(../images/check.png) center center no-repeat; background-size:100% 100%; content:""; position:absolute; left:0; top:0;}
.join-box-content ul.inverse li::before{background:url(../images/check-inverse.png) center center no-repeat; background-size:100% 100%;}
.join-box-content.dark-gray-bg ul h5{color:hsl(var(--white));}
.join-box-content ul{display:flex; flex-direction:column; align-items:center;}
.primary-gradient{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%);}

.quiz-steps{display:grid; grid-template-columns:repeat(4, 1fr); overflow:hidden;}
.quiz-step{display:flex; flex-direction:column; align-items:center; text-align:center; position:relative;}
.quiz-step h6{text-transform:uppercase; letter-spacing:.3rem; font-family:var(--fw-demibold); color:hsl(0, 0%, 85%);}
.quiz-step span{width:10rem; height:10rem; border-radius:100%; border:.4rem solid hsl(0, 0%, 85%);}
.quiz-step.active span{background:linear-gradient(to bottom, #b77d6a 0%,#f2c0b9 50%,#b77d6a 100%); border:0;}
.quiz-step.active h6{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}
.quiz-step span:not(:last-child){margin-bottom:3rem;}
.quiz-step:not(:first-child)::after{position:absolute; left:0; top:5rem; transform:translate(-50%, -50%); content:""; width:50%; height:.4rem; background-color:hsl(0, 0%, 85%);}
.quiz-step.active:not(:first-child)::after{background:linear-gradient(to right, #f1beb7 0%,#b87e6b 50%,#f1beb7 100%);}

.step-radios{max-width:40rem; margin:0 auto;}
.step-radios li:not(:last-child){margin-bottom:2.5rem;}
.step-radios li input[type="radio"]{display:none;}
.step-radios li label{height:2em; background-color:hsl(var(--white)); padding:1rem; display:grid; place-items:center; font-size:var(--h5); font-family:var(--fw-light); box-shadow:0 0 2rem rgba(0,0,0,.1); text-align:center;}
.step-radios li input[type="radio"]:checked ~ label{background:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%); color:hsl(var(--white));}

/* .login-wrapper{background:url(../images/login-bg.jpg) center center no-repeat; background-size:cover; min-height:100dvh; display:flex; align-items:center;} */
.login-box{box-shadow: 0 0 2rem rgba(0,0,0,.2); width:100%; max-width:62rem; background-color:hsl(var(--white)); padding:5rem; border:.2rem solid hsl(var(--primary));}
.login-box > *:not(:last-child){margin-bottom:3.5rem;}
.login-box .form-logo img{max-width:13rem;}
.login-box h5{font-family:var(--fw-bold); text-transform:uppercase; letter-spacing:1rem;}
.login-box ul li:not(:last-child){margin-bottom:3rem;}
.login-box ul li{position:relative;}
.login-box ul li .password-show{position:absolute; right:0; top:50%; transform:translateY(-50%); color:hsl(240, 1%, 86%); font-size:2rem; cursor:pointer;}
.login-box ul li input{border:0; border-bottom:.2rem solid hsl(240, 1%, 86%); height:5rem; background:none; width:100%; font-size:2rem; padding:0;}
.login-box ul li input::placeholder{opacity:1; color:hsl(240, 1%, 86%);}
.login-box ul li input:focus::placeholder{opacity:0; color:transparent;}
.login-box ul li .labels:not(:first-child){margin-top:.5rem;}
.login-box ul li .labels{color:hsl(240, 1%, 86%);}
.login-box p{font-size:var(--h6);}	
.login-box p a{color:hsl(var(--dark-gray));}
.login-box p a:hover{color:hsl(var(--primary));}
.captcha > *:not(:last-child){margin-bottom:1.5rem;}
.captcha input{width:19rem; height:5rem; border:.1rem solid hsl(240, 1%, 86%); padding:0 1rem; font-size:2rem; border-radius:.4rem;}
.captcha input:not(:first-child){margin-top:.5rem;}

.headding:not(:last-child), .content:not(:last-child){margin-bottom:5rem;}
.headding h5{font-family:var(--fw-bold); text-transform:uppercase; letter-spacing:.3rem;}
.form-grid{display:grid; grid-template-columns:repeat(3, 1fr); justify-content:space-between; gap:3rem;}
.form-row:not(:last-child){margin-bottom:1rem;}
.form-row{width:100%; min-width:40rem; max-width:40rem;}
.form-row input, .form-row select{border:0; padding:0; background:none; border-bottom:.2rem solid hsl(210, 2%, 77%); width:100%; height:5rem; font-size:2rem;}
.form-row select{-webkit-appearance:none; -moz-appearance:none; background:url(../images/select-arrow.png) right center no-repeat; background-size:1.5rem 1.3rem; color:hsl(0, 0%, 78%);}
.form-row input::placeholder{color:hsl(0, 0%, 13%); opacity:.25;}
.form-row input:focus::placeholder{color:transparent; opacity:0;}
.form-grid .labels{color:hsl(0, 0%, 13%); opacity:.25; font-size:2rem;}
.form-grid .labels:not(:first-child){margin-top:.5rem;}
.form-grid .labels a{font-family:var(--fw-bold); color:inherit; text-decoration:underline;}
.form-grid .labels a:hover{text-decoration:none;}
.form-row .password-show{position:absolute; right:0; top:50%; transform:translateY(-50%); color:hsl(0, 0%, 13%); opacity:.25; font-size:2rem; cursor:pointer;}
.passwords{position:relative;}
.form-row-group{display:flex; gap:1.5rem;}
.form-row-group > *{flex-grow:1; min-width:auto;}
.form-row-group > *:not(:last-child){margin-bottom:0;}
.form-block .headding:not(:last-child), .form-block .content:not(:last-child){margin-bottom:3rem;}
.form-block .checkboxes.lg label{color:hsl(210, 2%, 77%);}
.form-block .checkboxes.lg label::before{border-color:hsl(210, 2%, 77%);}
.form-row.checkboxes-wrap{min-height:8.5rem; display:flex; align-items:center;}

.total-list:not(:first-child){margin-top:72px;}
.total-list li:not(:last-child){margin-bottom:3rem;}
.total-list li .headding:not(:last-child){margin-bottom:3rem;}
.counter{display:flex;}
.counter input, .counter button{border:0; height:3rem;}
.counter input{background-color:hsl(var(--white)); width:6rem; border:.1rem solid hsl(0, 0%, 88%); text-align:center;}
.counter button{width:3rem; background-color:hsl(0, 0%, 77%); font-size:1.2em;}

.form-grid.form-grid-2{grid-template-columns:repeat(2, 1fr);}

.security{width:100%; max-width:40rem; margin:0 auto;}
.security li{text-align:center;}
.security li:not(:last-child){margin-bottom:3rem;}
.security li p{font-size:var(--h6); font-family:var(--fw-bold);}
.security li p:not(:last-child){margin-bottom:1rem;}
.security li input{width:100%; height:5rem; border:.1rem solid hsl(240, 1%, 73%); padding:0 1rem; background:none; border-radius:.4rem; text-align:center;}
.security li:last-child{margin-top:5rem;}
.security li button.btn{color:hsl(var(--dark-gray)); width:100%;}

.benefits{display:grid; grid-template-columns:repeat(3, 1fr); gap:6rem 3rem;}
.benefit{display:flex; flex-direction:column; align-items:center; text-align:center;}
.benefit .icon{width:9rem; height:9rem; border-radius:100%; background-color:hsl(var(--dark-gray)); display:grid; place-items:center;}
.benefit .icon:not(:last-child){margin-bottom:2.5rem;}
.benefit .icon img{max-width:60%; max-height:60%;}
.benefit h5 span{font-family:var(--fw-demibold);}

.banner{overflow:hidden; height:80vh;}
.banner img{object-fit:cover; width:100%; height:100%;}
.learn-list li:not(:last-child){margin-bottom:3rem;}
.learn-item{background-color:hsl(var(--dark-gray)); min-height:10rem; padding:1.5rem 3rem; display:flex; align-items:center; gap:1.5rem 3rem; box-shadow:0 0 2rem rgba(0,0,0,.5);}
.learn-item img{max-width:4.2em;}
.learn-item h5{color:hsl(var(--white));}

.single-post{background-color:hsl(var(--dark-gray)); box-shadow:0 0 2rem rgba(0,0,0,.5); display:grid; grid-template-columns:65% 35%;}
.single-post > *:last-child{padding:5rem;}
.single-post picture{overflow:hidden;}
.single-post picture img{object-fit:cover; width:100%; height:100%;}
.single-post article{color:hsl(var(--white)); align-self:center;}

.empower-box{box-shadow:0 0 2rem rgba(0,0,0,.5); padding:5rem;}
.empower-points{display:grid; grid-template-columns:auto auto auto auto; justify-content:space-between;}
.empower-point{padding-bottom:3rem; border-bottom:.2rem solid hsl(240, 1%, 27%); text-align:left;}
.empower-point > *:not(:last-child){margin-bottom:1rem;}
.empower-point h4{text-transform:uppercase; font-family:var(--fw-demibold); letter-spacing:.2rem;}
.empower-point h5{font-family:var(--fw-demibold); color:hsl(240, 1%, 27%);}

.testimonial{display:grid; grid-template-columns:repeat(2, 1fr);}
.testimonial figure img{object-fit:cover; width:100%; height:100%;}
.testimonial-content{position:relative; isolation:isolate; padding:10rem 10rem; padding-right:calc((100vw - 169.9rem) / 2); display:flex; flex-direction:column; justify-content:center;}
.testimonial-content::before{position:absolute; left:0; top:50%; transform:translateY(-50%); content:""; z-index:-1; width:100%; height:calc(100% - 10rem); background:var(--primary-gradient);}
.testimonial-content > *{color:hsl(var(--white));}
.testimonial-content > *:not(:last-child){margin-bottom:3rem;}
.testimonial-content > *:last-child{font-style:italic;}

.article-text-section article img{float:right; max-width:45%;}
.article-box{background-color:hsl(var(--white)); padding:10rem 6rem; border:.1rem solid hsl(var(--primary)); box-shadow:0 0 2rem rgba(0,0,0,.2);}

.teams{display:grid; grid-template-columns:repeat(2, 1fr); gap:15rem 10rem; justify-items:center;}
.team{padding:0 5rem 10rem; text-align:center; display:flex; flex-direction:column; align-items:center; position:relative; isolation:isolate;}
.team::before{background-color:hsl(var(--white)); box-shadow:0 0 2rem rgba(0,0,0,.2); position:absolute; left:0; bottom:0; width:100%; height:85%; content:""; z-index:-1;}
.team h4{text-transform:uppercase; font-family:var(--fw-demibold); letter-spacing:.2rem;}
.team h4:not(:last-child){margin-bottom:2rem;}
.team h5{text-transform:uppercase; font-family:var(--fw-light);}
.team figure img{max-height:42.5rem;}

.shop{display:grid; grid-template-columns:31.5rem auto; gap:5rem;}
.shop-section aside > *:not(:last-child){margin-bottom:5rem;}
.search, .sidebar-menu{box-shadow:0 1rem 3.3rem rgba(0,0,0,.09); border:.2rem solid hsl(var(--primary)); background-color:hsl(var(--white));}
.search{display:flex;}
.search input, .search button{height:72px; background:none; border:0; padding:0;}
.search input{flex-grow:1; width:calc(100% -72px); padding:0 1.5rem 0 2rem; font-size:1.2em;}
.search input::placeholder{font-size:2.5rem; text-transform:uppercase; opacity:1; background:linear-gradient(to bottom, hsl(6, 72%, 85%) 0%, hsl(15, 34%, 54%) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}
.search input:focus::placeholder{opacity:0; color:transparent;}
.search button{width:72px; background:url(../images/serach-icon.png) center center no-repeat;}
.sidebar-menu-toggle{min-height:72px; display:flex; align-items:center; gap:1rem; padding:1rem 2rem; cursor:pointer;}
.sidebar-menu-toggle img{transform:rotate(-180deg); transition:all .1s linear;}
.sidebar-menu-toggle.active img{transform:rotate(0deg);}
.sidebar-menu-toggle p{font-size:2.5rem; text-transform:uppercase; background:linear-gradient(to bottom, hsl(6, 72%, 85%) 0%, hsl(15, 34%, 54%) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary)); flex-grow:1;}
.sidebar-menu ul{padding:2rem; padding-top:0; display:none;}
.sidebar-menu ul li:not(:last-child){margin-bottom:2rem;}
.sidebar-menu ul li a{font-size:1.2em; font-family:var(--fw-light); letter-spacing:.1rem; color:hsl(var(--black));}
.sidebar-menu ul li a:hover{color:hsl(var(--primary));}

.products{display:grid; grid-template-columns:repeat(3, 1fr); gap:10rem 4rem;}
.product > *:not(:last-child){margin-bottom:2.5rem;}
.product-content{position:relative; isolation:isolate; padding:4rem 2.5rem; padding-top:0; text-align:center;}
.product-content::before{position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 13rem); background-color:hsl(var(--white)); content:""; box-shadow:0 1rem 3.3rem rgba(0,0,0,.09); z-index:-1;}
.product-content > *:not(:last-child){margin-bottom:2.5rem;}
.product-content figure{height:35rem; display:flex; align-items:center; justify-content:center;}
.product-content figure img{max-width:100%; max-height:100%;}
.product-content h5{font-family:var(--fw-bold); text-transform:uppercase;}
.product-content h6{line-height:1.3;}
.product-content h6 a{color:hsl(0, 0%, 56%);}
.product .btn{display:flex;}
.product .btn.btn-primary-o{background:linear-gradient(to bottom, hsl(6, 72%, 85%) 0%, hsl(15, 34%, 54%) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:hsl(var(--primary));}

.paginations:not(:first-child){margin-top:10rem;}
.paginations{display:flex; align-items:center; justify-content:flex-end; gap:2rem;}
.paginations li a{display:grid; place-items:center; text-align:center; width:6rem; height:6rem; background-color:hsl(var(--white)); box-shadow:0 1rem 3rem rgba(0,0,0,.09); font-size:2.5rem;}
.paginations li a.inactive{opacity:0.5;}
.paginations li a.active{border:.2rem solid hsl(var(--primary)); background:linear-gradient(to bottom, hsl(6, 72%, 85%) 0%, hsl(15, 34%, 54%) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.article-row:not(:last-child){margin-bottom:10rem;}
.article-row article{text-align:center;}
.article-row article p span{font-family:var(--fw-bold);}

.related-product-box{background-color:hsl(var(--white)); border:.2rem solid hsl(var(--primary)); padding:2em; box-shadow:3rem 0 6rem rgba(0,0,0,0.14);}
.related-product-box h3{text-align:center; text-transform:uppercase; font-family:var(--fw-demibold);}
.related-product-box > *:not(:last-child){margin-bottom:6rem;}
.related-product-content{display:grid; grid-template-columns:repeat(2, 1fr); gap:5rem 5rem; justify-items:center;}
.related-product-content .product{width:100%; max-width:45rem;}
.product-plus{width:9rem; height:9rem; border-radius:100%; background:var(--primary-gradient); display:grid; place-items:center; box-shadow:.5rem 0 16px rgba(0,0,0,0.25); position:absolute; right:0; top:13rem; transform:translate(50%, -50%);}
.product-plus img{max-width:40%;}

.imp-note:not(:first-child){margin-top:10rem;}
.imp-note{text-align:center; text-transform:uppercase; padding:3rem; border:.2rem solid hsl(var(--black));}

.single-product{display:grid; grid-template-columns:repeat(2, 1fr); gap:3rem;}
.single-product-content > *:not(:last-child){margin-bottom:4rem;}
.single-product-content h3{text-transform:uppercase; font-family:var(--fw-demibold);}
.single-product-content h3 span{font-family:var(--fw-light);}
.single-product-content h5{line-height:1.3; font-family:var(--fw-light);}
.add-cart{display:flex; align-items:center; gap:3rem 5rem;}
.add-cart .counter input, .add-cart .counter button{border:0; background:none; font-size:2.3rem;}
.product-radios > *:not(:last-child){margin-bottom:3rem;}
.product-radio input[type="radio"]{display:none;}
.product-radio label{font-size:var(--h5); font-family:var(--fw-light); padding-left:6rem; position:relative;}
.product-radio label::before{width:3rem; height:3rem; border:.2rem solid hsl(var(--dark-gray)); content:""; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.product-radio input[type="radio"]:checked ~ label::before{background:url(../images/radio-checked.jpg) center center no-repeat; background-size:50% auto;}

.single-product-gallery > *:not(:last-child){margin-bottom:3rem;}
.product-images{aspect-ratio:1/.8; display:flex; align-items:center; justify-content:center;}
.product-images img{max-width:100%; max-height:100%;}
.product-thumbnails{display:flex; align-items:center; justify-content:center; gap:3rem;}
.product-thumbnails .product-thumbnail{width:20rem; padding:1.5rem; aspect-ratio:1/1; border:.1rem solid hsl(var(--dark-gray)); display:flex; align-items:center; justify-content:center;}
.product-thumbnails .product-thumbnail img{max-width:90%; max-height:90%;}

.swiper-scrollbar-drag::after{width:100%;}
.full-bg-section img{width:100%;}
.testimonial-slide{position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:center; text-align:center; padding:0 3rem 5rem;}
.testimonial-slide::before{position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 8.5rem); background-color:hsl(var(--white)); box-shadow:0 0 .2em rgba(0,0,0,0.2); content:""; z-index:-1; border-radius:10rem; border:.2rem solid hsl(var(--primary));}
.testimonial-slide .image{width:172px; height:172px; border-radius:100%; overflow:hidden; border:.2rem solid hsl(var(--primary)); background-color:hsl(var(--white)); box-shadow:0 0 16px rgba(0,0,0,0.4);}
.testimonial-slide .image img{object-fit:cover; width:100%; height:100%;}
.testimonial-slide .image:not(:last-child){margin-bottom:4rem;}
.testimonial-slide h4{font-size:3.5rem; text-transform:uppercase; font-family:var(--fw-demibold);}
.testimonial-slide h4:not(:last-child){margin-bottom:2rem;}
.testimonial-slide h6{font-family:var(--fw-light); line-height:1.4; font-weight: 300;}
.testimonial-slider .swiper-slide{display:flex; height:auto; flex-grow:1;}

.testimonial-slider-wrap{padding:0 72px; overflow:hidden; position:relative;}
.testimonial-slider{overflow:hidden; padding:15rem 0;}
.testimonial-slider .swiper-slide{opacity:.5;}
.testimonial-slider .swiper-slide.swiper-slide-active{transform:scale(1.2); z-index:99; transition:all .1s linear; opacity:1 !important;} 
.testimonial-slider .swiper-slide.swiper-slide-active .testimonial-slide::before{box-shadow:0 0 2rem rgba(0,0,0,0.3);}
.testimonial-slider .swiper-slide.swiper-slide-active .testimonial-slide{padding:0 3rem 5rem;}

.swiper-pagination{position:static; display:flex; align-items:center; justify-content:center;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0; width:1.4rem; height:1.4rem; border-radius:100%; background-color:hsl(6, 72%, 85%); opacity:.3;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){margin-right:4rem;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;}

.slider-arrow{position:absolute; top:50%; transform:translateY(-50%); cursor:pointer;}
.slider-arrow.slider-arrow-prev{left:0;}
.slider-arrow.slider-arrow-next{right:0;}
.slider-arrow img{max-width:3.5rem;}

.featured-product-slide{background-color:hsl(var(--white)); border:.1rem solid hsl(var(--primary)); padding:3rem; box-shadow:2rem 0 3rem rgba(0,0,0,0.15);}

.featured-product-slider-wrap{padding:0 72px; overflow:hidden; position:relative;}
.featured-product-slider{overflow:hidden; padding:15rem 0;}
.featured-product-slider .swiper-slide{opacity:.5;}
.featured-product-slider .swiper-slide.swiper-slide-active{transform:scale(1.2); z-index:99; transition:all .1s linear; opacity:1 !important;} 
.featured-product-slider .swiper-slide.swiper-slide-active .testimonial-slide::before{box-shadow:0 0 2rem rgba(0,0,0,0.3);}
.featured-product-slider .swiper-slide.swiper-slide-active .testimonial-slide{padding:0 3rem 5rem;}
.featured-product-slide{text-align:center;}
.featured-product-slide > *:not(:last-child){margin-bottom:3rem;}
.featured-product-slide figure{height:272px;} 
.featured-product-slide figure img{max-width:100%; max-height:100%; margin:0 auto;}
.featured-product-slide h4{font-family:var(--fw-demibold); text-transform:uppercase;}

.sliders-section{overflow:hidden;}
.testimonial-slider-wrap, .featured-product-slider, .offer-box-slider{}


@media(max-width:1699px){
	.section.full-section > *:nth-child(2){padding-left:0;}
	.testimonial-content{padding:10rem 5rem;}
	.teams{gap:12rem 2em;}
	.team figure img{max-height:24rem;}
	html .beforetxt h4 {
    font-size: 24px;
}
}
@media(min-width:1400px){
	.login-box p, .security li p{font-size:2rem;}
	.team h4{font-size:40px;}
	.product-content h5{font-size:2.5rem;}
	.product-content h6{font-size:2rem;}
}
@media(max-width:1600px){
	html #html5 [action*="/About"] .dc .page-hero-content .container > h1 {
    padding: 75px 0;
	font-size: 48px;
}
html #html5 [action*="/About"] .dc h4 {
	font-size: 2.2rem;
}

html #html5 [action*="/About"] .team h5 {
    font-size: 1.6rem;
}
article > *:not(:last-child), article .article-header:not(:last-child) { margin-bottom: 2rem; }
#html5 form[action*="/About"] .section h2, form[action*="/About"] .section article h3 {
    font-size: 36px;
}
#html5 form[action*="/About"] .dc .section article p {
    font-size: 1.4rem;
}

html #html5 [action*="/About"] .testimonial h4 {
    font-size: 2rem;
}
#html5 form[action*="/About"] .dark-gray-bg article h4 {
    font-size: 28px;
}
	.intro-article-section p br{display:none;}	
	.shop{gap:3rem;}
	.products{gap:2em 3rem;}
	.article-row:not(:last-child){margin-bottom:2em;}
	.featured-product-slide figure{height:22rem;} 
	.featured-product-slide h4{font-size:24px;}
	.featured-product-slide > *:not(:last-child){margin-bottom:2rem;}
html #html5 .dc .btn {
    border-radius: 0;
    min-width: 170px;
    height: 50px;
    font-size: 20px;
    font-family: var(--fw-demibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 1rem 1.5rem;
    width: auto;
}
html .beforetxt h4 {
    font-size: 24px;
}
html .section {
    padding: 5rem 0;
}
}
@media(max-width:1399px){
	.section{padding:2em 0;}
	article > *:not(:last-child){margin-bottom:3rem;}
	.offer-box-grid{display:block;}
	.offer-section-headding .btn:not(:first-child){margin-top:3rem;}
	.offer-section-headding h2 br{display:none;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:48px;}
	.icon-box .icon{width:10rem; height:10rem;}
	.icon-box > :not(:last-child){margin-bottom:2rem;}
	/*
	#html5 .page-hero-content .container > h1{font-size:5rem; padding:5rem 0;} */
	.page-hero-bg figure, .page-hero-bg picture{top:-1.5rem;}
	.page-hero-content .container > *:not(:first-child){margin-bottom:2rem;}
	.login-box{padding:4rem;}
	.form-row{min-width:35rem;}
	.form-row-group > *{flex-grow:1; min-width:auto;}
	.empower-point{padding-bottom:2rem;}
	.teams{gap:10rem 6rem;}
	.team{padding:0 3rem 72px;}
	.team figure img{max-height:22em;}
	.products{grid-template-columns:repeat(2, 1fr); gap:6rem 3rem;}
	.product-content figure{height:22em;}
	.shop-section aside > :not(:last-child){margin-bottom:3rem;}
	.paginations:not(:first-child){margin-top:2em;}
	.paginations{gap:1.5rem;}
	.paginations li a{width:5rem; height:5rem; font-size:2.2rem;}
	.product-plus{width:6rem; height:6rem;}
	.imp-note:not(:first-child){margin-top:72px;}
	.product-thumbnails{gap:2rem;}
	.product-thumbnails .product-thumbnail{width:16rem;}
	.testimonial-slide h4{font-size:3rem;}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){margin-right:2.5rem;}
	.slider-arrow img{max-width:2.5rem;}
}
@media(max-width:1199px){
	.section{padding:72px 0;}
	article > *:not(:last-child){margin-bottom:2rem;}
	.offer-box-content{padding:2.5rem;}
	.offer-box-content-header{min-height:14rem;}
	.offer-box-content-header:not(:last-child){margin-bottom:2.5rem;}
	.offer-box figure{height:20rem;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:6rem;}
	.section.full-section{grid-template-columns:1fr;}
	.section.full-section article{padding:5rem 3rem;}
	.section.full-section > *:nth-child(2){padding-left:0;}
	.page-hero-section{filter:drop-shadow(-.1rem .2rem .5rem rgba(0, 0, 0, 0.5));}
	.join-box-content > :not(:last-child){margin-bottom:3rem;}
	.join-box-content{padding:3rem;}
	.join-box-content ul li:not(:last-child){margin-bottom:3rem;}
	.join-box figure{height:30rem;}
	.join-box-content ul li::before{width:3rem; height:2.5rem;}
	.join-box-content ul li{padding-left:4rem;}
	.quiz-step span{width:2em; height:2em;}
	.quiz-step span:not(:last-child){margin-bottom:2rem;}
	.quiz-step:not(:first-child)::after{top:4rem;}
	.login-box{padding:3rem;}
	.login-box .form-logo img{max-width:10rem;}
	.login-box h5{letter-spacing:.5rem;}
	.login-box ul li input{height:4.5rem; font-size:1.2em;}
	.login-box ul li .password-show{font-size:1.2em;}
	.page-hero-content h2{letter-spacing:.72px;}
	.form-row{min-width:auto;}
	.form-grid{display:grid; grid-template-columns:repeat(3, 1fr);}
	.form-row input, .form-row select, .form-grid .labels, .form-row .password-show{font-size:1.2em;}
	.form-row input, .form-row select{height:4.5rem;}
	.headding:not(:last-child), .content:not(:last-child){margin-bottom:4rem;}
	.form-row.checkboxes-wrap{min-height:7.72px;}
	.benefits{grid-template-columns:repeat(2, 1fr); gap:5rem 2rem;}
	.benefit .icon{width:12rem; height:12rem;}
	.learn-item{min-height:2em; padding:1rem 2rem; gap:1rem 2rem;}
	.learn-item img{max-width:4rem;}
	.teams{gap:6rem 3rem;}
	.team{padding:0 3rem 5rem;}
	.team figure img{max-height:24rem;}
	.products{gap:5rem 3rem;}
	.product-content figure{height:24rem;}
	.sidebar-menu-toggle p, .search input::placeholder{font-size:2.2rem;}
	.sidebar-menu ul li:not(:last-child){margin-bottom:1.5rem;}
	.article-row:not(:last-child){margin-bottom:5rem;}
	.product-radio label{padding-left:4rem;}
	.product-radio label::before{width:2.4rem; height:2.4rem;}
	.product-radios > :not(:last-child){margin-bottom:2rem;}
	.single-product-content > :not(:last-child){margin-bottom:3rem;}
	.add-cart{gap:3rem;}
	.product-thumbnails{gap:1.5rem;}
	.product-thumbnails .product-thumbnail{width:12rem;}
	.testimonial-slider-wrap{padding:0; margin:0 -20rem;}
	.testimonial-slider{padding:10rem 0;}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:1rem; height:1rem;}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:not(:last-child){margin-right:1.5rem;}
	.featured-product-slider-wrap{padding:0; margin:0 -20rem;}
	.featured-product-slider{padding:10rem 0;}
}
@media(min-width:992px){
	.sidebar-menu-toggle{pointer-events:none;}
	.sidebar-menu ul{display:block !important;}	
	.sidebar-menu-toggle img{transform:none  !important;}
}
@media(max-width:991px){
	#header-wrapper .container .row.show-on-mobile {
    display: none;
}
	.section{padding:6rem 0;}
	.section .row > * > figure img{max-width:70%;}
	.swiper-wrapper{padding:5rem 0;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:5rem;}
	#html5 .page-hero-content .container > h1{font-size:4rem; padding:3rem 0;}
	.page-hero-bg figure, .page-hero-bg picture{top:-1rem;}
	.page-hero-section.home-hero-section .container{text-align:center;}
	.keys{grid-template-columns:repeat(2, 1fr);}
	.gallery-grid > * > article{padding:0;}
	.gallery-grid{grid-template-columns:1fr;}
	.join-options{grid-template-columns:1fr;}
	.quiz-step span{width:6rem; height:6rem;}
	.quiz-step:not(:first-child)::after{top:3rem;}
	.step-radios li:not(:last-child){margin-bottom:2rem;}
	.step-radios li label{height:72px; padding:.2em;}
	.login-box > *:not(:last-child){margin-bottom:2.5rem;}
	.login-box ul li input{height:4rem; font-size:16px;}
	.login-box ul li .password-show{font-size:16px;}
	.form-grid{grid-template-columns:repeat(2, 1fr);}
	.form-row input, .form-row select, .form-grid .labels, .form-row .password-show{font-size:16px;}
	.form-row input, .form-row select{height:4rem;}
	.form-row.checkboxes-wrap{min-height:72px;}
	.security li:last-child{margin-top:0;}
	.benefit .icon{width:10rem; height:10rem;}
	.benefit .icon:not(:last-child){margin-bottom:1.5rem;}
	.banner{height:70vh;}
	.learn-section article h2{text-align:center;}
	.learn-section .row > *{width:100%;}
	.learn-section figure img{margin:0 auto;}
	.learn-item{min-height:72px;}
	.learn-item img{max-width:3.5rem;}
	.single-post{grid-template-columns:1fr; box-shadow:0 0 1rem rgba(0,0,0,.2);}
	.single-post > *:last-child{padding:3rem;}
	.empower-point{padding-bottom:1.5rem;}
	.empower-box{padding:3rem;}
	.testimonial{grid-template-columns:1fr;}
	.testimonial-content{padding:10rem 3rem;}
	.testimonial-content::before{height:100%;}
	.article-text-section{text-align:center;}
	.article-text-section article img{float:none; max-width:100%; margin:0 auto;}
	.teams{gap:5rem 3rem;}
	.team{padding:0 3rem 3rem;}
	.team::before{height:90%;}
	.team figure img{max-height:20rem;}
	.shop{grid-template-columns:1fr;}
	.paginations:not(:first-child){margin-top:5rem;}
	.paginations{gap:1rem;}
	.paginations li a{width:4rem; height:4rem; font-size:2rem;}
	.paginations li a img{max-width:.2em;}
	.paginations{justify-content:center;}
	.related-product-box{padding:5rem;}
	.related-product-box > :not(:last-child){margin-bottom:4rem;}
	.related-product-content{gap:3rem;}
	.imp-note:not(:first-child){margin-top:5rem;}
	.single-product{grid-template-columns:1fr;}
	.product-thumbnails{gap:1rem;}
	.product-thumbnails .product-thumbnail{width:10rem;}
	.testimonial-slide .image{width:12rem; height:12rem;}
	.testimonial-slide::before{border-radius:72px;}
	.testimonial-slide .image:not(:last-child){margin-bottom:2rem;}
	.testimonial-slide h4:not(:last-child){margin-bottom:1rem;}
	.testimonial-slider .swiper-slide.swiper-slide-next .testimonial-slide{padding:0 3rem 3rem;}
	.testimonial-slide h4{font-size:2.6rem;}
	.testimonial-slide::before{height:calc(100% - 6rem);}
	.testimonial-slider{padding:6rem 0;}
	.featured-product-slider{padding:6rem 0;}
}
@media(min-width:768px){
	.control-section article figure:first-child{display:none;}
	/*.page-hero-bg figure img.mobile{display:none;}*/
	.home .page-hero-bg figure img.mobile {
		display: block;
		        object-position: 0px -50vw;
	}
	.home .page-hero-bg figure img.desktop {
		display: none;
	}
	.home .page-hero-content {
		top: 40vw;
	}
	.home .icon-group {
		gap: 0;
	}
	.home .icon-box {
		margin: 1.5rem 0;
		width: 33.3333%;
	}
}
@media (min-width: 992px) {
	    .home .page-hero-bg figure img.mobile {
        display: block;
        object-position: 0px -70vw;
    }
}
@media(min-width:1100px){
	.home .page-hero-bg figure img.mobile {
		object-position: 0px -70vw;
	}
	.home .page-hero-bg figure,
	.home .page-hero-bg {
		height: 100%;
	}
	.home .page-hero-section {
		height: 140dvh;
	}
}
@media(min-width:1200px){
	.home .page-hero-bg figure img.mobile {
		object-position: 0px -80vw;
	}
	.home .page-hero-content {
		top: 35vw;
	}
	.home .icon-box {
		width: auto;
		margin: 0;
	}
	.home .icon-group {
		gap: 3em;
	}
}
@media(min-width:1300px){
	.home .page-hero-bg figure img.mobile {
		object-position: 0px -85vw;
	}
    .home .page-hero-content {
        top: 30vw;
    }
}
@media(min-width:1440px) {
	.home .page-hero-bg figure img.desktop {
		display: block;
		object-position: right;
	}
	.home .page-hero-bg figure img.mobile {
		display: none;
	}
	.home .page-hero-content {
        top: 25vw;
    }
	.home .page-hero-section {
        height: 120dvh;
    }
}
@media(min-width:1500px) {
	#html5 .page-hero-content h1 {
		font-size: 52px;
	}
	#html5 .page-hero-content h2 {
		font-size: 40px;
	}
}
@media (min-width: 1600px) {
	html #html5 .dc.home .page-hero-content .container > h1 {
		font-size: 56px;
	}
	html #html5 .dc.home .page-hero-section.home-hero-section .page-hero-content h2 {
		font-size: 44px;
	}
}
@media(min-width:1700px) {
	.home .page-hero-content {
		top: 50%;
	}
	html #html5 .dc.home .page-hero-content .container > h1 {
        font-size: 60px;
    }
	html #html5 .dc.home .page-hero-section.home-hero-section .page-hero-content h2 {
        font-size: 48px;
    }
}
@media(min-width:1800px) {
	.home .page-hero-content {
		top: 50%;
	}
	html #html5 .dc.home .page-hero-content .container > h1 {
        font-size: 64px;
    }
	html #html5 .dc.home .page-hero-section.home-hero-section .page-hero-content h2 {
        font-size: 54px;
    }
}
@media(max-width:767px){
html body#html5 .owner {
    font-size: 11px;
    text-align: center;
    float: none;
    letter-spacing: 2px;
    font-family: var(--fw-demibold);
}
html .page-hero-content .container > h1 {
    margin-bottom: 0 !important;
}
html #html5 #header_replication {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
}
	html .page-hero-content .container > h1 {
    line-height: 2;
    font-size: 32px;
}
html body#html5 .dc .btn {
    font-size: 16px;
    font-family: 'Fieldwork Geo';
	font-weight: bold;
}
html body#html5 .dc .gallery-grid .btn {
    margin: 0 auto;
    float: none;
    display: block;
    line-height: 1.3;
}
.dc .section .col-md-6 article h2, .dc .section .col-md-6 article h4 {
    text-align: center;
}
[action*="/What"] .dc section.section.dark-gray-bg.control-section figure:after {
    height: 120px;
    width: 120px;
    z-index: 0;
    top: -50px;
}
.control-section figure img {
    z-index: 2;
    position: relative;
}
.dc .section.control-section h2 {
    font-family: var(--fw-demibold);
    letter-spacing: 1px;
}
.control-section a.btn {
    color: #000 !important;
}

html .dc .page-hero-section {
    height: 90vh;
}
html .dc .page-hero-bg, html .dc .page-hero-bg figure, html .dc .page-hero-bg picture {
    height: 90vh;
}
	html [action*="/About"] .dc .page-hero-content .container > h1 {
    padding: 75px 0;
    line-height: 1;
    font-size: 28px;
}
html form[action*="/About"] .dc .section h2, html [action*="/About"] .dc .team h4 {
    font-size: 24px;
}
html [action*="/About"] .team h5 {
    font-size: 18px;
}
html .team figure img {
    max-height: 15rem;
}
html form[action*="/About"] .team:last-child {
    max-width: 100%;
}
html form[action*="/About"] .section .row > * > figure img {
    display: block;
    margin: 0 auto;
}
form[action*="/About"] .dark-gray-bg article h4 {
    font-size: 20px;
}
html form[action*="/About"] .dc .section article p {
    font-size: 1rem;
}
html [action*="/About"] .dc .testimonial h4 {
    font-size: 18px;
}
html [action*="/About"] .testimonial-content {
    padding: 5rem 2rem;
}
form[action*="/About"] .section article h3 {
    font-size: 24px;
}
	.section{padding:5rem 0;}
	.section .row > * > figure img{max-width:80%;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:4rem;}
	.icon-group{gap:5rem 3rem;}
	.icon-group > *{flex: 0 0 auto; width:calc(50% - 1.5rem);}
	#html5 .page-hero-content .container > h1{font-size:3rem;}
	.keys{grid-template-columns:repeat(1, 1fr);}
	.key .offer-box-content-header{min-height:auto; padding-bottom:2rem;}
	.control-section article figure{order:1;}
	.control-section article h2, .control-section article p, .control-section article a{order:2;}
	.join-box-content ul li::before{width:2rem; height:16px;}
	.join-box-content ul li{padding-left:3rem;}
	.quiz-step span{width:5rem; height:5rem;}
	.quiz-step:not(:first-child)::after{top:2.5rem;}
	/* .login-wrapper{background:url(../images/login-bg-mobile.jpg) center center no-repeat; background-size:cover;} */
	.page-hero-content h2{letter-spacing:.4rem;}
	.headding:not(:last-child), .content:not(:last-child){margin-bottom:3rem;}
	.benefits{gap:2em 2rem;}
	.benefit h5 br{display:none;}
	.banner{height:60vh;}
	.empower-points{grid-template-columns:auto auto; gap:3rem;}
	.article-box{padding:5rem 3rem;box-shadow:0 0 1rem rgba(0,0,0,.2);}
	.teams{grid-template-columns:1fr;}
	.related-product-content{grid-template-columns:1fr;}
	.page-hero-bg figure img.desktop{display:none;}
	.page-hero-bg figure img.mobile{display:block;}
}
@media(max-width:640px){
	html .dc .section h2 {
    font-size: 24px !important;
}
html form[action*="/About"] .dc .page-hero-content {
    top: 50%;
}
html form[action*="/What"] .dc .page-hero-content {
    top: 45%;
}
	.form-grid{grid-template-columns:1fr;}
	.form-row{max-width:100%;}	
	.form-row.checkboxes-wrap{min-height:auto;}
	.form-grid.form-grid-2{grid-template-columns:1fr;}
	.total-list:not(:first-child){margin-top:5rem;}
	.total-list li .headding:not(:last-child){margin-bottom:2rem;}
	.total-list li:not(:last-child){margin-bottom:2rem;}
	.benefit .icon{width:5rem; height:5rem;}
	.products{grid-template-columns:1fr;}
	.search input, .search button{height:6rem;}
	.sidebar-menu-toggle{min-height:6rem;}
	.sidebar-menu-toggle p, .search input::placeholder{font-size:2rem;}
	.product-content figure{height:20rem;}
	.product-content::before{height: calc(100% - 2em);}
	.product-plus{top:2em;}
	.testimonial-slide .image{width:10rem; height:10rem;}
	.testimonial-slide::before{border-radius:5rem;}
	.testimonial-slide h4{font-size:20px;}
	.dc .page-hero-content {
    top: 40%;
}

	.testimonial-slide::before{height:calc(100% - 5rem);}
	.testimonial-slider .swiper-slide.swiper-slide-next .testimonial-slide{padding:0 2rem 2rem;}
}
@media(max-width:575px){
	.section{padding:4rem 0;}
	.section .row > * > figure img{max-width:90%;}
	.section-header:not(:last-child), .section-content:not(:last-child){margin-bottom:3rem;}
	.page-hero-section .top-headding{transform:translateY(-75%);}
	.quiz-step h6{letter-spacing:0;}
	.step-radios li:not(:last-child){margin-bottom:1.5rem;}
	.step-radios li label{height:6rem; padding:.6rem;}
	.login-box ul li input{font-size:1.4rem;}
	.login-box ul li .password-show{font-size:1.4rem;}
	.page-hero-content h2{letter-spacing:.2rem;}
	.form-row input, .form-row select, .form-grid .labels, .form-row .password-show{font-size:1.4rem;}
	.form-row select{background-size:1.2rem 1rem;}
	.banner{height:50vh;}
	.learn-item{min-height:6rem; gap:1rem 1rem;}
	.learn-item img{max-width:3rem;}
	.learn-list li:not(:last-child){margin-bottom:2rem;}
	.related-product-box{padding:5rem 3rem;}
	.product-plus{width:5rem; height:5rem;}
	.featured-product-slider-wrap{padding:0 -23rem;}
	.featured-product-slide{padding:3rem 2rem;}
	.featured-product-slide h4{font-size:18px;}
	.featured-product-slide figure{height:12em;}
}
@media(max-width:480px){
	.quiz-step:not(:first-child)::after{width:40%; height:.2rem;}
	.quiz-step span{border-width:.2rem;}
}
@media (min-width: 1024px) and (max-width: 1368px) {
	html .page-hero-content { top: 50%; }
	html .RadMenu_UserMenuSkin ul>li>a>span.text {
    font-size: 14px !important;
}
html #header-wrapper .owner, html div.RadMenu_EditLayout li a, html div.RadMenu_EditLayout li a span {
    font-size: 12px !important;
}
html body#html5 .login-wrapper .loginButtonMiddle, #html5 .login-wrapper .loginButtonMiddle:link {
    font-size: 12px !important;
}
}
@media (min-width: 1400px) and (max-width: 1600px) {
	html .page-hero-content { top: 50%; }
	html .RadMenu_UserMenuSkin ul>li>a>span.text {
    font-size: 14px !important;
}
html #header-wrapper .owner, html div.RadMenu_EditLayout li a, html div.RadMenu_EditLayout li a span {
    font-size: 12px !important;
}
html body#html5 .login-wrapper .loginButtonMiddle, #html5 .login-wrapper .loginButtonMiddle:link {
    font-size: 12px !important;
}
}
.footer-new ul li a:hover {
    color: hsl(var(--primary));
}
.footer-content-column:nth-child(2) ul li a {
    font-family: var(--font-family);
    font-weight: 300;
}
html .dc .btn {
    border: 0;
    border-radius: 0;
    min-width: 200px;
    height: 80px;
    font-size: 24px;
    font-family: var(--fw-demibold);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    padding: 1rem 1.5rem;
}

/* OVERRIDES */
.testimonial-content > h4 span {
    font-family: 'Fieldwork Geo Bold';
}
.myacc a img {
    margin-right: 20px;
}
html .page-hero-content .container > h1 {
    font-weight: 300;
}
html .page-hero-content h2 {
    font-weight: 300;
    letter-spacing: 0;
}
.benefits h5 {
    font-weight: 300;
}
.section h2 {
    letter-spacing: 3px;
}
.team:last-child {
    grid-column: 1 / -1;
    max-width: 50%;
}
[action*="/About"] .section.primary-gradient .container .section-content:last-child {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 15rem;
}
html [action*="/About"] .page-hero-content .container > h1 {
    padding: 120px 0;
}
html [action*="/About"] .testimonial-content {
    padding-right: calc((100vw - 85vw) / 2);
}
html [action*="/About"] .testimonial h4 {
    line-height: 1.2;
}
[action*="/What"] .section-header:not(:last-child), [action*="/What"] .section-content:not(:last-child) {
    margin-top: 100px;
    margin-bottom: 100px;
}
[action*="/What"] .dc .btn.btn-primary-o {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
[action*="/What"] section:nth-child(4) article h2, [action*="/What"] section:nth-child(4) article p, [action*="/What"] section:nth-child(4) article a {
    text-align: right !important;
    float: right;
}
[action*="/What"] section:nth-child(5) a.btn {
    color: #1c1c1e !important;
}

[action*="/What"] section.section.dark-gray-bg.control-section figure {
    position: relative;
    z-index: 0;
}
[action*="/What"] .control-section article p {
    z-index: 1;
    position: relative;
}
.join-box li {
    list-style: none;
}
[action*="/Opp"] .dc .page-hero-section h4 {
    letter-spacing: 3px;
}
[action*="/Opp"] .section.primary-gradient .section-content {
    margin-bottom: 10rem;
}
[action*="/What"] section.section.dark-gray-bg.control-section figure:after {
    background-image: url(/WakannaForLife/UserFiles/Images/logo.png);
    position: absolute;
    width: 400px;
    min-width: 50px;
    display: block;
    content: "";
    height: 400px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: -100px;
    left: 0;
    z-index: 0;
    opacity: 0.3;
}

/*--Variables--*/
:root{

	/*White*/
	--white-h:0;
	--white-s:0%;
	--white-l:100%;
	--white:var(--white-h), var(--white-s), var(--white-l);
	
	/*Black*/
	--black-h:0;
	--black-s:0%;
	--black-l:0%;
	--black:var(--black-h), var(--black-s), var(--black-l);
	
	/*Dark Gray*/
	--dark-gray-h:240;
	--dark-gray-s:3%;
	--dark-gray-l:11%;
	--dark-gray:var(--dark-gray-h), var(--dark-gray-s), var(--dark-gray-l);
	
	/*Primary*/
	--primary-h:6;
	--primary-s:70%;
	--primary-l:84%;
	--primary:var(--primary-h), var(--primary-s), var(--primary-l);
	
	/*Primary Dark*/
	--primary-dark-h:14;
	--primary-dark-s:36%;
	--primary-dark-l:58%;
	--primary-dark:var(--primary-dark-h), var(--primary-dark-s), var(--primary-dark-l);	
	
	/*Light Gray*/
	--light-gray-h:0;
	--light-gray-s:0%;
	--light-gray-l:98%;
	--light-gray:var(--light-gray-h), var(--light-gray-s), var(--light-gray-l);	
	
	--primary-gradient:linear-gradient(to bottom, hsl(var(--primary)) 0%, hsl(var(--primary-dark)) 100%);
	
}

/*Color*/
.white{color:hsl(var(--white));}
.black{color:hsl(var(--black));}
.dark-gray{color:hsl(var(--dark-gray));}
.primary{color:hsl(var(--primary));}
.primary-dark{color:hsl(var(--primary-dark));}
.light-gray{color:hsl(var(--light-gray));}

/*Background Color*/
.white-bg{background-color:hsl(var(--white));}
.black-bg{background-color:hsl(var(--black));}
.dark-gray-bg{background-color:hsl(var(--dark-gray));}
.primary-bg{background-color:hsl(var(--primary));}
.primary-dark-bg{background-color:hsl(var(--primary-dark));}
.light-gray-bg{background-color:hsl(var(--light-gray));}
/*--GENERAL CSS--*/
/*
*, *::before, *::after{box-sizing: border-box;}
html, body{font-size:62.5%; line-height:1.5; padding:0; margin:0;}
ul{margin:0; padding:0;}
li{list-style:none;}
img{max-width:100%; display:block;}
p, label{margin:0; padding:0;}
a, span{display:inline-block;}
a, a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
figure{margin:0;}
input:focus, button:focus, a:focus{outline:none;}
textarea:focus{outline:none;}
button{padding:0; border:0; margin:0; background:none;}
a:hover, a:focus{text-decoration:none;}
*/
html, body {
    font-size: 14px !important;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
html, .dc {
	line-height: 1.5;
}
/*--Fonts--*/
@font-face {
    font-family:'Fieldwork Geo Light';
    src: url('../fonts/Fieldwork-GeoLight.eot');
    src: url('../fonts/Fieldwork-GeoLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoLight.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoLight.woff') format('woff'),
        url('../fonts/Fieldwork-GeoLight.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoLight.svg#Fieldwork-GeoLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo';
    src: url('../fonts/Fieldwork-GeoRegular.eot');
    src: url('../fonts/Fieldwork-GeoRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoRegular.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoRegular.woff') format('woff'),
        url('../fonts/Fieldwork-GeoRegular.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoRegular.svg#Fieldwork-GeoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo Demibold';
    src: url('../fonts/Fieldwork-GeoDemibold.eot');
    src: url('../fonts/Fieldwork-GeoDemibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoDemibold.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoDemibold.woff') format('woff'),
        url('../fonts/Fieldwork-GeoDemibold.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoDemibold.svg#Fieldwork-GeoDemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Fieldwork Geo Bold';
    src: url('../fonts/Fieldwork-GeoBold.eot');
    src: url('../fonts/Fieldwork-GeoBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Fieldwork-GeoBold.woff2') format('woff2'),
        url('../fonts/Fieldwork-GeoBold.woff') format('woff'),
        url('../fonts/Fieldwork-GeoBold.ttf') format('truetype'),
        url('../fonts/Fieldwork-GeoBold.svg#Fieldwork-GeoBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family:'Amsterdam One';
    src: url('../fonts/Amsterdam-One.eot');
    src: url('../fonts/Amsterdam-One.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Amsterdam-One.woff2') format('woff2'),
        url('../fonts/Amsterdam-One.woff') format('woff'),
        url('../fonts/Amsterdam-One.ttf') format('truetype'),
        url('../fonts/Amsterdam-One.svg#Amsterdam-One') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*--Variables--*/
:root{
	
    --font-family: 'Fieldwork Geo';
    --secondary-font: 'Amsterdam One';
    --fw-light: 'Fieldwork Geo Light';
    --fw-demibold: 'Fieldwork Geo Demibold';
    --fw-bold: 'Fieldwork Geo bold';
    --h2: 64px;
    --h3: 48px;
    --h4: 36px;
    --h5: 26px;
    --h6: 20px;
		
}
@media(max-width:1399px){
:root{
	
	--h2:36px;
	--h3:28px;
	--h4:24px;
	--h5:22px;
	--h6:20px;
		
}	
}
@media(max-width:1199px){
:root{
	
	--h2:32px;
	--h3:26px;
	--h4:24px;
	--h5:20px;
	--h6:20px; 
		
}	
}
@media(max-width:991px){
:root{
	
	--h2:32px;
	--h3:26px;
	--h4:24px;
	--h5:20px;
	--h6:18px; 
		
}	
}
@media(max-width:575px){
:root{
	
	--h2:24px;
	--h3:22px;
	--h4:20px;
	--h5:16px;
	--h6:14px; 
		
}	
}
@media(max-width:480px){
:root{
	
	--h2:22px;
	--h3:20px;
	--h4:18px;
	--h5:16px;
	--h6:14px; 
		
}	
}

/*--Variable Classes--*/
.secondary-font{font-family:var(--secondary-font);}

/*--Font Weights--*/
.fw-light{font-family:var(--fw-light);}
.fw-demibold{font-family:var(--fw-demibold);}
.fw-bold{font-family:var(--fw-bold);}

/*--Headdings--*/
h1, h2, h3, h4, h5, h6{font-family:var(--font-family);}
h2, .h2{font-size:var(--h2); line-height:1.3;}
h3, .h3{font-size:var(--h3);}
h4, .h4{font-size:var(--h4);}
h5, .h5{font-size:var(--h5);}
h6, .h6{font-size:var(--h6);}


/* CONTENT OVERRIDE */
@media (min-width: 1400px) {
html .offer-box-content-header h4 {
    font-size: 48px;
}
html .offer-box-content-header h5 {
    font-size: 36px;
}
html .testimonial-slide h4 {
    font-size: 36px;
}
}