@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaLight.woff2') format('woff2'),
        url('../fonts/NexaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBold.woff2') format('woff2'),
        url('../fonts/NexaBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.text-justify{ text-align: justify; }

:root {
  --white: #ffffff;
  --black : #000000;
  --purple: #591afe;
  --pink: #ea5781;
   --light-green: #ecf5f2;
  --green: #05be95;
  --light-gray: #f4f4f4;
  --gray: #7d7d7d;
  --dark-gray: #3b3f42;
  --light-black: #303030;
}
/*
Green: 05be95
Purple: 591afe
Background: f4f4f4
Titles Nexa Bold: 303030
Paragraphs Inter Regular: 7d7d7d
Light Purple Background: e6e3f6
Light Green Background: ecf5f2
Footer: 3b3f42
*/
.green{ color:#05bb92 !important }
body{ position: relative;
	background-color: var(--light-gray);
	font-family: 'Nexa', sans-serif;
	font-weight: 300;
	color: var(--gray);
	background-image:url(../images/hero-bg.png);
	background-position: top right;
	background-size: 60% auto;
	background-repeat: no-repeat;
 }
h1{
 font-size: 45px;line-height: 1.3;letter-spacing: 0px; font-weight: 700;  margin:0px; padding: 0px; color: var(--light-black)
}
h2{
 font-size: 45px;line-height: 1.3;letter-spacing: 0px; font-weight: 700;  margin:0px; padding: 0px;color: var(--light-black)
}
h3{
 font-size: 30px;line-height: 33px;letter-spacing: 0px; font-weight: 700;  margin:0px; padding: 0px;
}
h4{ color: var(--purple); font-size: 16px; line-height: 20px; font-weight: 400; text-transform: uppercase; }
p{ font-size: 18px; line-height: 1.5; letter-spacing: 0px; font-weight: 400; padding: 20px 0px 20px 0px; margin:0px;}
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.highlight {
  display: inline;
  padding: 10px 8px 5px 8px;
  background: var(--black);
  color: var(--white);
}

.typewriter{
		margin: 0;
}
/*
.typewriter:after{
			content: "_";
			animation: blink 500ms linear infinite alternate;
		}
*/

@-webkit-keyframes blink{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@-moz-keyframes blink{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

@keyframes blink{
	0%{opacity: 0;}
	100%{opacity: 1;}
}

.container{ max-width: 1200px; position: relative; }
.sec-hero{
	position: relative;
	background: url(../images/hero-image.jpg) center no-repeat; background-size: cover;
	padding-top:100px; padding-bottom:100px;
}
.sec-hero h1{ display: block; max-width: 640px; position: relative; margin:0px auto; text-align: center; font-size:30px;line-height: 35px; }
.sec-hero img{ padding-bottom: 15px; }
section{ padding-top:0px; padding-bottom: 90px; position: relative; }

.floating-box{ background: #fff; border-radius: 15px; width: calc(100% + 40px); padding: 50px; top:130px; position: relative; right:40px; height: 100%; text-align: center; align-items: center; flex-wrap: wrap; display: flex;}
.floating-box h4,.floating-box h3,.floating-box p,.floating-box h2{ width: 100%; position: relative; display: block; }
.floating_inner h4{ color: var(--green); }

.box{ border-radius: 10px; background-color: var(--light-green); padding:30px 20px; height: 100% }
.box .icon{ width: 90%;max-width: 100px; margin-left: auto; margin-right: auto }
.box h3{ font-weight: bold; font-size: 18px; line-height: 24px; padding-top: 10px; text-align: center; }

.btn.btn-white{ background-color: #fff; color: var(--green) !important; font-size: 16px; line-height: 18px; font-weight: 400; border-radius: 4px; padding: 8px 15px;}
.btn.btn-green{ background-color: var(--green); color: #fff; font-size: 16px; line-height: 18px; font-weight: 400; border-radius: 4px; padding: 15px 25px;}
.btn.btn-wb{ background-color: #fff; color: var(--dark-gray); border: 1px solid var(--dark-gray); font-size: 16px; line-height: 18px; font-weight: 700; border-radius: 40px; padding: 15px 25px;}

.white-box{ border-radius: 10px; background-color: #fff; padding:30px 20px 30px 20px; height: 100%; position: relative; }
.white-box .feat-img{ max-width: 56px; height:70px; position:relative; background-size: contain; background-repeat: no-repeat; background-position: center }
.prod-img{ padding:10px 25px 10px 25px; }
.white-box span{ display: inline-block; }
.white-box h5{ font-size: 20px; line-height: 1.3; font-weight: 700; color: var(--light-black); }
.white-box:not(.normal-text) p{ font-size: 12px; line-height: 1.3; font-weight: 400; margin:0px; padding: 0px 0px 6px 0px; }

.white-box .read-more_bottom{ position: absolute; bottom:0px; left: 0px; width: 100%; text-align: center; }
.review-author{ text-align: left;  }
.review-author b{ font-weight: bold; font-weight: 700 }
.review-author span{ display: block; color: green; }
.content-07{ background: url(../images/banner-bg.png) top left no-repeat; background-size: auto 100%; padding-top:100px; }

.product-img{ width: 100%; max-width: 350px; margin:0px auto; }
.testimonial{ position: relative; max-width: 700px; margin:0px auto; }
footer{ padding-bottom: 50px !important; margin-bottom: 0px }
footer p{ font-size: 16px; line-height: 20px; }
.footer-menu h4{ color: #fff; font-weight: 700 }
.footer-menu ul{ list-style: none; margin:0px; padding: 0px; }
.footer-menu ul li{ list-style: none; margin-left: 0px; padding-left: 0px; margin-top:10px; font-size: 14px; line-height: 20px; color: #fff;text-align: left; }
 .footer-menu ul li a{ color: #fff}
.copy_bar{ background: var(--light-gray); }
.copy_bar p{ padding: 10px 0px 10px 0px; font-size: 12px; }

.boxes{ max-width: 850px; position: relative; margin: 20px auto 0px auto }
.btn-trans{ padding-left: 0px; position: relative; padding-right: 35px; color:var(--white); font-size: 16px; line-height: 25px; font-weight: 700 }
.btn-trans::after{ width: 30px; position: absolute; top:0px; right:0px; content:''; height: 100%; background: url(../images/arrow-white.png) center right no-repeat;background-size: 30px auto; }
.btn-trans:hover{ color: var(--white);  }
.btn-trans::after{  }
.btn-trans i{ padding-left: 8px; display: inline-block; vertical-align: middle; }
.btn-trans span{ display: inline-block; vertical-align: middle; }

.btn-trans.green-text{ color: var(--green) }
.btn-trans.green-text:hover{ color: var(--green) }

.btn-trans.purple-text{ color: var(--purple) }

.btn-trans.purple-text:hover{ color: var(--purple) }

.btn.btn-white-border{ border-color: var(--white); background: var(--black); color: var(--white); }
.btn.btn-white-border:hover{ border-color: var(--white); background: var(--white); color: var(--black); }

.btn.btn-purple-border{ border-color: var(--purple); background: var(--white); color: var(--purple); }
.btn.btn-purple-border:hover{ border-color: var(--purple); background: var(--purple); color: var(--white); }

.btn.btn-pink-border{ border-color: var(--pink); background: var(--white); color: var(--pink); }
.btn.btn-pink-border:hover{ border-color: var(--pink); background: var(--pink); color: var(--white); }


.btn.btn-nav-link{
	border:0px; color: #fff;
}
.btn.btn-nav-link:hover{
font-weight: 400;
}
.btn.btn-nav-link.active{
	font-weight: 400;
	}

.top-logo{ max-width: 200px; position: relative; }
header{  }
.top-bar{ padding:25px 0px 25px 0px; }
.footer-logo{ position: relative; max-width: 210px; }

.top-nav a{ margin-left: 8px; }

.btn-ham{ margin-left: 40px !important; position: relative; display: inline-block; width: 28px; height: 23px; border-bottom:4px solid #000; text-decoration: none;  transition: all 0.5s ease;}
.btn-ham:before{ content:''; position: absolute; width:28px; left:0px; border-top:4px solid #000; top:0px;  transition: all 0.5s ease;}
.btn-ham:after{ content:''; position: absolute; width:28px; left:0px; border-top:4px solid #000; top:9px; transition: all 0.5s ease;}
.btn-ham:hover:before{left:0px;}
.btn-ham:hover:after{width:28px;}



footer{ padding-top: 50px; padding-bottom: 50px; background: var(--dark-gray); color: #fff; }
footer ul{ list-style: none; }
footer ul li{ margin-top:8px; margin-bottom: 8px; }
footer ul li a{ color: var(--white); text-decoration: none; }
footer .btn{ min-width: 95px; }
.ham-menu{ margin-top:15px; text-align: center;}


section .container{ z-index: 10; }
.info-img{ max-width: 200px; margin-left: auto; margin-right: auto;; padding-bottom: 20px; margin-top:40px; }
.modal-content{ border-radius: 0px;}
.modal-content p{ font-size: 12px;}
#modalContact .modal-content{
	background:#fff;
	color:var(--dark-gray);
	border:0px;
	color:var(--dark-gray);
}
#modalContact .modal-content input{ background:transparent; border-radius: 0px; border-color:var(--light-gray);color:var(--dark-gray);}
#modalContact .modal-content textarea{ background:transparent; border-radius: 0px; border-color:var(--light-gray);color:var(--dark-gray); height:100px;}
#modalContact .modal-header{}
#modalContact  .btn-white-b{ color: var(--dark-gray); border: 1px solid var(--light-gray); border-radius: 0px; background: transparent}
#modalContact  .btn-white-b:hover{ background: #fff; color:var(--dark-gray);}
 .modal-body{ overflow-x: hidden;}

.green-check{ position: relative; list-style: none; margin:0px; padding:0px; }
.green-check li{ list-style: none;
padding: 0px 0px 0px 45px;
min-height: 40px;
vertical-align: middle;
position: relative;
font-size: 16px;
display: flex;
align-content: center;
align-items: center;
font-weight: 400; }
.green-check li:before{  background: url(../images/checkmark.png) center left no-repeat; background-size: auto 35px; content:''; position: absolute; top:0px; left:0px; width: 40px; height:100%; }
h6.dot-left{ padding:20px 0px 0px 20px; position: relative; font-size: 23px; line-height: 1.5; margin-bottom: 0px; color:var(--light-black); font-weight: 700  }
h6.dot-left:before{ position: absolute; width: 10px; height: 10px; background-color: var(--green); border-radius: 10px; bottom:10px; left:0px; content: '' }


@media handheld, only screen and (max-width: 767px) {

	footer ul{ width: 100%; text-align: center; margin:0px; padding:0px}
	footer ul li{ display: inline-block; margin:0px; padding:0px; margin-top:8px; margin-bottom:8px;}
	.footer_logo{ margin-left: auto; margin-right: auto; margin-bottom: 50px; }
	li.phone{ display:none}

}
@media handheld, only screen and (min-width: 900px) {
.show-mob {display: none;}
}
@media handheld, only screen and (max-width: 900px) {
.typewriter:not(#typewriter1){ display:none}

.circles-right-bg{ background-size: contain;}
.circles-purple{ height:90%; width:90%}
.highlight{padding:5px;}
}
@media handheld, only screen and (max-width: 650px) 
{
	.sec-hero h1{
		font-size: 20px;line-height: 25px;letter-spacing: 1px; font-weight: 700
	   }
	   h2{
		font-size: 30px; line-height: 42px; letter-spacing: 2px; font-weight: 700
	   }
}
@media handheld, only screen and (min-width: 650px) {
	.hide-desk{ display:none}
}
@media handheld, only screen and (max-width: 650px) {
.hide-mob {display: none;}
.ham-menu .btn-nav-link{ display: block;width: 100%; color: var(--dark-gray);}
}

@media handheld, only screen and (min-width: 1100px) {
.sec-hero{ padding-top: 260px; padding-bottom: 260px;}
.sec-hero.sec-hero-slim{ padding-top: 180px; padding-bottom: 180px;}
}

.slick-track
{
    display: flex !important;
}

.slick-slide
{
    height: inherit !important;
}
.testimonial{ background:#fafafa; position: relative; border-radius:10px; padding:20px 20px 75px 20px }
.testimonial-info{ position:absolute; bottom:20px;text-align:left; left:20px; font-size:14px;  }
.testimonial-author{ font-weight:700 }
.testimonial-position{ font-size:12px; }
.testimonial-text{ font-size:12px; line-height:1.5; text-align:left; margin-top:10px; }

/* the slides */
  .slick-slide {
      margin: 0 12px;
  }

  /* the parent */
  .slick-list {
      margin: 0 -12px;
  }

  .prev-btn{ display: }
  .slick-btn { display:flex; align-content: center; text-align: center; border-radius: 3px; justify-content: center; align-items: center; width:49px; height:49px; font-size:16px; color:#06bc93;text-decoration:none; }
  .slick-btn:hover{ background:#06bc93; color: #fff;  }
.btn-wrap{ position: relative; width:120px; margin:15px auto 0px auto; display:flex; justify-content: space-between; align-items:center; background:#fff; border-radius: 3px; padding:5px; }
.testimonial-container{ position:relative; padding-top:85px; padding-bottom:30px; margin-top:20px; }
.testimonial-container:before{ width:90%; top:0px; left:5%; position:absolute; content:''; height:100%; background:#dfdaee; border-radius:15px; }

.steps{ display:flex; align-items:center; justify-content: space-between }
.step_no{ width:49px; height:49px; display:flex; align-items:center; justify-content:center; font-size:18px; color:#05bb92; background:#ecf5f4; border-radius:4px }
.step_info{ font-size:16px; line-height:1.5; text-align:left; margin-left:10px;min-width: 150px; }
.step{ position:relative; display:flex; align-items:center; justify-content: space-between }
h2.smaller-title{ font-size:25px; text-align:left; }
.testimonial-container .abstract2{ width:140px; height:80px; position:absolute; top:-50px; left:20px; background:url(../images/abstract-2.png) top center no-repeat; background-size:cover; z-index:2 }
.content-04 .abstract1{ width:80px; height:135px; position:absolute; top:-50px; right:20px; background:url(../images/abstract-1.png) top center no-repeat; background-size:cover; z-index:2 }

@media handheld, only screen and (max-width: 765px) {
    .steps{ padding-bottom: 30px;}
.testimonial-container .abstract2,.content-04 .abstract1{display: none;
	}
	body{ background-image:unset; }
	.mob-reverse{ flex-wrap: wrap-reverse; }

.testimonial-container{ width:90%; margin-left:auto; margin-right:auto; padding-top:20px; }
.testimonial-container:before{ display:none; }
.footer-menu ul li{ display:block; }
.green-check{ margin-bottom:50px; }
}

@media handheld, only screen and (max-width: 600px) {
.brake-col{ flex-wrap:wrap; display:block !important; }
	.brake-col .col{ width:100%  }
.steps{ flex-wrap:wrap; }
.step{ width:100%; margin-top:10px; justify-content: flex-start}

}
.btn:focus,.btn:active,a:focus,a:active {
   outline: none !important;
   box-shadow: none;
}