@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800&display=swap');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body,html{
	font-family: 'Mulish', sans-serif;
	font-size:16px;
	position: relative;
	isolation: isolate;
}

.s1:before{
	content: '';
	inset: 0;
	z-index: -1;
	position: absolute;
	background: #fff;
	opacity: .7;
}

:root{
	--maincolor:#fa923c;
	--subcolor:#66DB9F;
	--trim:#bbb;
	--animate-duration: 2s;
}

*{
	box-sizing:border-box;
}

.cw{
	width:100%;
	max-width:1140px;
	margin:0px auto;
}

.error-message{
color: #fd0000;
font-size: 12px;
margin-top: 25px;
text-align: left;
}

.imgresp{
	display:block;
	max-width:100%;
	height:auto;
}

.form-input input[type="text"], .form-input select {
  height: 25px;
}

.hoverbtn{
	display:block;
	position:relative;
	overflow:hidden;
	text-decoration: none !important;
	text-align:center;
	isolation:isolate;
	padding:.8em 1em;
	cursor: pointer;
}

.hoverbtn:after{
	content:'';
	position:absolute;
	inset:0;
	z-index:-1;
	background:#000;
	opacity:0;
	transition:600ms;
}

.hoverbtn:hover:after{
	opacity:.2;
}

.hoverbtn.hbtn-l:after{
	transform:translateX(-100%);
	opacity:.2;
}

.hoverbtn.hbtn-l:hover:after{
	transform:translateX(-00%);
}

.hoverbtn.hbtn-c:after{
	opacity:.2;
	width:0;
	left:50%;
	right:50%;
}

.hoverbtn.hbtn-c:hover:after{
	width:100%;
	left:0;
	right:0;
}

.hoverbtn.hbtn-d:after{
	opacity:.1;
	width:100%;
	transform:translateX(-100%);
}

.hoverbtn.hbtn-d:before{
	content:'';
	position:absolute;
	inset:0;
	z-index:-1;
	background:#000;
	opacity:.1;
	width:100%;
	transform:translateX(100%);
	transition: 600ms;
}

.hoverbtn.hbtn-d:hover:after{
	transform:translateX(0);
}

.hoverbtn.hbtn-d:hover:before{

	transform:translateX(00%);
}

.midtxt{
	text-align:center;
}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.btn-wt{
	color:#fff;
}

.btn1{
	background:var(--maincolor);
}

.btn2c{
	background:var(--subcolor);
}

.formbtn{
	padding:.75em 1em;
	font-size:1.4em;
	font-weight:700;
	text-transform: capitalize;
}

/* modal */


.modal-backdrop{
	position: fixed;
	inset:0;
	padding:1em;
	display:flex;
	flex-direction:column;
	isolation:isolate;
	overflow:hidden;
	z-index:100;
	transition:1s;
	transform:translateX(0%) translateY(0%);
	opacity:1;
}

.modal-backdrop.inactive{
	/*display:none;*/
	opacity:0;
	transform:translateX(100%);
}

.modal-backdrop.modal-vertical.inactive{
	transform:translateX(0%) translateY(100%);
}

.modal-backdrop:before{
	content:'';
	opacity:1;
	z-index:0;
	position: absolute;
	inset:0;
	background:rgba(0,0,0,.8);
	-webkit-backdrop-filter: blur(1em);
	backdrop-filter: blur(1em);
}

.modal-backdrop.backdrop-light:before{
	background: rgba(255,255,255, .8);
}

.modal-panel{
	background:#fff;
	opacity:;
	border:1px solid var(--trim);
	padding:calc(1% + 1em);
	width:100%;
	max-width:720px;
	margin:7% auto auto;
	position: relative;
	z-index:1;
	opacity:1;
	box-shadow:0 0 1em rgba(0,0,0,.5);
	font-size: 11px;
	text-align: center;
}

.modal-panel.modal-larger{
	max-width: 1024px;
	box-shadow:0 0 1em var(--maincolor);
}

.textcenter{
	text-align: center;
}

.modal-heading{
	text-align:center;
	font-weight:700;
	font-size:1.5em;
	text-transform: capitalize;
	letter-spacing: -.025em;
}

.modal-heading-small{
	position: sticky;
	text-align:center;
	font-weight:200;
	font-size:11px;
	letter-spacing: -.025em;
}

/*topbar*/

.topbar{
	background:var(--maincolor);
	color:#fff;
	padding:.4em 10%;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	flex-wrap:wrap;
	font-size:1.4em;
	font-weight:700;
	letter-spacing: -.025em;
}

.tblogo{
	display: block;
	width: 4em;
	height: auto;
}

.contactinfo{
	/*color:#ccc;*/
	font-weight:300;
	font-size:.8em;
}

/*section1*/

.s1{
	padding:2em 1.5em;
	background: url('../img/bg.png');
	position: relative;
	isolation: isolate;
}

.s1-heading{
	text-align:center;
	font-size:2em;
	font-weight:800;
}

.logo-img{
	display:block;
	width:100%;
	padding-top:100%;
	position: relative;
	border-radius:100%;
	overflow: hidden;
	border:.2em solid var(--maincolor);
	box-shadow:0 0 .4em rgba(0,0,0,.5);
}

.logo-img > img{
	position: absolute;
	display:block;
	width: 70%;
	top: 50%;
	left: 50%;
	aspect-ratio: 1/1;
	transform: translate(-50%,-50%);
	object-fit: contain;
}

.logo-wrapper{
	width:100%;
	max-width:200px;
	margin:2em auto;
	background: #fff;
}

.step-counter{
	font-size:1.5em;
	font-weight:700;
	text-align:center;
	margin:1em auto;
}

.step-wrapper{
	position: relative;
	padding:.25em;
	max-width: 600px;
	margin-inline: auto;
	border-radius: .75em;
	overflow: hidden;
}

.step-wrapper::before{
	content: '';
	position: absolute;
	left: 0;
	top: .25em;
	width: 100%;
	height: 100%;
	background: var(--trim);
	z-index: 2;
}

.step-bar{
	height:100%;
	width:100%;
	background:var(--maincolor);
	position: absolute;
	isolation:isolate;
	overflow:hidden;
	top: 0;
	left:0;
}

.step-bar > div{
	position: absolute;
	inset:0;
	background:var(--subcolor);
	transition: .5s;
	transform:translateX(-98%);
}

.q-panel{
	padding:1em 1.5em;
	/*border:1px solid var(--trim);*/
	overflow:hidden;
	position: relative;
	background:#fff;
	border-radius: .5em;
	z-index: 4;
}

.q-text{
	font-size:1.7em;
	font-weight:700;
	margin-bottom:.5em;
	letter-spacing: -.075em;
	grid-column: span 2;
	text-align: center;

}

.q-btn{
	padding:.75em 2em;
	text-align:left;
	margin-bottom:10px;
	font-size:1.2em;
	width: 85%;
	margin-inline: auto;
	border-radius: .5em;
}

.q-btn:before{
	content: '';
	inset: 0;
	position: absolute;
	box-shadow: inset 0 0 .3em rgba(0,0,0,.3);
}

.q-btn img{
	display: block;
	width: 75%;
	aspect-ratio: 1/1;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	pointer-events: none;
}

.q-list > div{
	transform:translateX(calc(-100% - 1em));
	transition:500ms;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1em 2em;
}

.q-list > div.active{
	transform:translateX(0%);
}

.q-list > div:not(:first-child){
	display:none;
}

.q-list label > input{
	display: none;
	pointer-events: none;
}

/*footer*/

.footer{
	font-weight:300;
	padding:5em 1.5em;
	text-align:center;
}

.footer-links{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	font-size:1.2em;
}

.footer-links > div{
	margin:0 1em;
}

.footer-links a{
	color:var(--maincolor);
	font-weight: 600;
	text-decoration: none !important;
}

.footer-links a:hover{
	/*text-decoration: underline;*/
}

.cta-btn{
	position:relative;
	font-size: 1.5em;
	font-weight: 800;
	height: auto !important;
	padding: .5em 1em !important;
	border-color: transparent !important;
}

.modal-panel.modal-larger .cta-btn{
	margin-inline: auto;
}

.stickybottom{
	width: 100%;
	text-align: center;
	z-index: 32;
	padding: 1em;
}

.stickybottom.active{
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
}

.stickybottom .bi{
	font-size: 2em;
	color: var(--subcolor);
  display: inline-block;
}

.stickybottom a{
	color: var(--maincolor);
	font-size: 1.2em;
	font-weight: 700;
	display: inline-block;
	text-decoration: none;
}

.stickybottom a:hover .bi{
	-webkit-animation: ring 4s 0s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s 0s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s 0s ease-in-out infinite;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

/*section2*/

.s2{
	/*background:var(--maincolor);*/
	background:#fff;
	padding:4em 2em;
	text-align:center;
	position: relative;
}

.s-heading{
	font-size:3em;
	text-transform: capitalize;
	font-weight:800;
	letter-spacing: -.025em;
	position: relative;
	isolation:isolate;
	margin-bottom:1em;
}

.s-heading:after{
	content:'';
	position: absolute;
	background:#000;
	height:3px;
	width:2em;
	bottom:-.4em;
	left:50%;
	transform:translateX(-50%);
}

.testimonials{
	margin:5em 0;
}

.testimonial{
	background:#fff;
	border-radius:.5em;
	padding:1.5em 1.5em 2.5em;
	font-style:italic;
	font-size:.9em;
	margin-top:4em;
}

.testimonial .p{
	line-height: 1.4em;
}

.testi-dp{
	aspect-ratio: 1/1;
	object-fit:cover;
	width:7em !important;
	border-radius:100%;
	position: relative;
	isolation:isolate;
	display:block;
	margin-inline:auto;
	top:-5em;
	margin-bottom:-4em;
}

.testi-name{
	font-size:1.5em;
	font-weight:700;
	margin-bottom:.25em;
}

.testi-title{
	font-weight:300;
}

.testi-rating{
	font-size:1.5em;
	letter-spacing: -.1em;
	margin-bottom:.1em;
}

.testi-info{
	padding:1em 0;
}

/*panel*/

.whitepanel {
  background: #fff;
  margin: 0px auto;
  color: #000;
  border-radius: 0px;
  padding: 40px 5% 40px;
  position: relative;
  overflow: hidden;
}

/* owl fixes */

.owl-carousel .owl-stage{
	display: flex;
}

.owl-item > div{
	height:100%;
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows:1fr;
}

/*footer*/

.footer{
	font-size:25px;
	padding:3em 1em;
	background:var(--subcolor);
	color:#000;
	text-align:center;
	font-weight:400;
}

.copyr{
	background:var(--subcolor);
	color:#000;
	text-align:center;
	padding:1.5em 1em;
	font-weight:400;
}

.footercc{
	margin:1em auto;
}

/*section3*/


.s3 {
  padding: 50px 20px;
  text-align: center;
  color: #111;
}

.faqpanel{
	background:#dedede;
	text-align:left;
	box-shadow:0px 0px 3em rgba(0,0,0,.1);
	position: relative;
	border-radius: 0px;
}

.faqpanel::before{
	/*content:'';*/
	position:absolute;
	top:17px;
	right:10px;
	width:25px;
	height:25px;
	border:2px solid #000;
	border-radius:99em;
}

.footer-links{
text-decoration: none;
color: #fff;
font-size:12px;

}

.faqpanel > *{
	padding:10px 20px;
	display:block;
}

.faqpanel > *:first-child{
	padding-top:20px;
}

.faqpanel  > *:last-child{
	padding-bottom:20px;
}

.faqtxt{
	letter-spacing: 0em;
	line-height:1.4em;
	font-size:15px;
}

.faqtitle{
	color:#111 !important;
	text-decoration: none !important;
	font-size:1.2em;
	font-weight:900;
	position: relative;
	padding-right:50px;
	padding-bottom:20px;
}

.faqtitle::after{
	content:'';
	position: absolute;
	top:23px;
	right:18px;
	width:10px;
	height:10px;
	border-right:2px solid #111;
	border-bottom:2px solid #111;
	-ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}

.faqtitle::before{
	content:'';
	position: absolute;
	top:28px;
	right:18px;
	width:10px;
	height:10px;
	border-left:2px solid #111;
	border-top:2px solid #111;
	-ms-transform: rotate(45deg); /* IE 9 */
  transform: rotate(45deg);
}

.faqpanel.active .faqtitle::after{
	display:none;
}

.faqpanel.active .faqtitle::before{
	display:initial;
}

.faqpanel:not(.active) .faqtitle::after{
	display:initial;
}
.faqpanel:not(.active) .faqtitle::before{
	display:none;
}

.faqpanel.active > .faqtitle{
	padding-bottom:0px;
}

.faqpanel:not(.active) > .faqtxt{
	display:none;
}
.mbtm > div:not(:last-child) {
  margin-bottom: 12px;
}

.s3{
	padding:4em 2em;
}

.s3-row{
	display:grid;
	grid-template-columns:4fr 4fr;
	gap:2em;
}

.s3 .p{
	margin-bottom:1em;
}

.s-heading.noborder:after{
	display:none;
}

.s3 .s-heading{
	grid-column: 1;
	font-size:2em;
	margin-bottom:0;
}

.s3-p{
	grid-column:1;
	grid-row:2;
}

.s3-p1{
	grid-column:2;
	grid-row:2;
}

.s3-img{
	grid-column:2 ;
	grid-row:1 / span 2;
	margin-left: auto;
	margin-top: 1.8em;
}

.s3-img1{
	grid-column:1 ;
	grid-row:1 / span 2;
	margin-right:auto;
	margin-top:1.5em;
	margin-bottom:1.3em;
}

.cm{
	color:var(--maincolor);
}

.s3 .ctabtn{
	padding:1em;
	text-transform: uppercase;
	font-weight:800;
	font-size:1.6em;
	border-radius:.25em;
}

.white-font {
  color: #0F1111 !important;
	font-size:20px;
}

.grid3 {
  width: 100% !important;
}
.flexrow {
  display: flex;
  flex-direction: row;
}
.hr-text-white {
  font-size: 27px;
  position: relative;
  border: 0;
  height: 1.5em;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

.s2-step-wrapper {
  padding: 20px;
}

.s2-step-icon-text {
  position: absolute;
  top: 50%;
  width: 50%;
  transform: translateY(-50%);
  font-size: 0.5em;
  font-weight: 700;
  background: #ffd35c;
  padding: 12px 12px;
  color: #111;
  left: 80%;
  border: 2px solid #fff;
  border-radius: 0px;
}

.step-h1 {
  font-weight: 900;
  font-size: 1.4em;
  margin-bottom: 8px;
  text-align: center;
}

.s2 {
  background: #fff;
  padding: 30px 0px 30px;
  text-align: center;
  color: #000;
}

.s2-step-icon {
  width: 150px;
  height: 100px;
  display: block;
  margin: 0px auto;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 3em;
  color: #000;
}

.s2-step-icon::before {
  content: '';
  position: absolute;
  border-radius: 0em;
  inset: 0;
  opacity: 1;
  z-index: -1;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.s2-reviews, .s2-steps {
  margin: 0px -10px;
  flex-wrap: wrap;
  align-items: stretch;
}

.s2-steps > div {
  width: 25%;
  min-height: 100%;
  padding: 0px 10px;
}

.btn2 {
  background: var(--maincolor);
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  width: 15em;
  background: #ffd35c;
  color: #111;
  border-radius: 5px;
  font-weight: 800;
}
.hoverbtn2 {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none !important;
  text-align: center;
  isolation: isolate;
  padding: .8em 1em;
  cursor: pointer;
  border: none;
  color: #111;
}


@media(max-width:1024px){
	body{
		font-size:14px;
	}

	.s1-heading{
		font-size:1.7em;
	}

	.logo-wrapper{
		max-width:140px;
	}

	.topbar{
		font-size: 1.2em;
	}
}

@media(max-width:768px){
	body{
		font-size:12px;
	}

	.topbar > div:last-child{
		display: none;
	}
}

@media(max-width: 480px){
	.topbar > div{
		width: 100%;
		text-align: center;
	}

	.tblogo{
		margin-inline: auto;
	}
}

@media(max-width:1024px){
	.s1,
	.s2,
	.s3{
		padding-inline:1.5em;
		font-size: 15px;
	}
}

@media(max-width:500px){
	.q-btnlist {
	  grid-template-columns: repeat(1, 1fr);
	  gap: 1.5em;
	}
	
	.form-wrapper > :not(.form-checkbox) {
  --height: 4.5em;
}

.form-input input[type="text"], .form-input select {
  height: 35px;
  width: 100%;
}

.error-message {
  margin-top: 38px;
  }
  
 .form-wrapper button.form-btn {

  margin-top: 3em;
}


}

@media(max-width:767px){

	.s1,
	.s2,
	.s3{
		padding-inline:1em;
	}

	.s1-row {
  display: block;
}

.s2-steps > div {
  width: 100% !important;
}

.flexrow {
  display: block !important;
}


	.s1-row,
	.s3-row{
		grid-template-columns: repeat(1, 1fr);
	}

	.s3-row > div{
		grid-column: auto;
		grid-row:auto;
	}

	.s3{
		text-align:center;
	}

	.s3-img{
		grid-row:2 !important;
	}

	.cw{
		max-width:600px;
	}

	.item-circle{
		top:-2em;
		font-size:1em;
	}

	.item-wrapper{
		padding-top:2em;
	}
}