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

@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-icons/1.9.1/font/bootstrap-icons.min.css');

body,html{
	font-family: 'Mulish', sans-serif;
	font-size:16px;
	overflow-x:hidden;
}

:root{
	--color1:197;
	--satur1:90%;
	--light1:51%;
	--light-hover: calc(var(--light1)/1.15);
	--subcolor:hsl(var(--color1) ,var(--satur1), var(--light1));
	--maincolor:hsl(var(--color1) ,var(--satur1), var(--light1));
	--trim:#0e0e0e;
}


*{
	box-sizing:border-box;
}

.p{
	line-height:1.5em;
}

a:link {
	color: #fff;
  text-decoration: none;
}

a:visited {
	color: #fff;
  text-decoration: none;
}

a:hover {
	color:#fff;
  text-decoration: underline;
}

a:active {
	color: #fff;
  text-decoration: underline;
}

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

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

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

.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;
}


.btn0{
	/*background:var(--maincolor);*/
	display: block;
  margin-left: auto;
  margin-right: auto;
	width:15em;
	background: var(--maincolor);
	color: #fff;
}

.btn1{
	/*background:var(--maincolor);*/
	display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top:1em;
	width:15em;
	background: var(--maincolor);
	color: #fff;
}

.btn2{
	/*background:var(--maincolor);*/
	background:#ffd35c;
}

.progress-bar{
	position: relative;
	overflow:hidden;
}

.progress-bar > div{
	position: absolute;
	inset:0;
	translate:-95%;
	transition:.3s;
}

/*topbar*/

.topbar{
	background:rgba(25,25,25,0.4);
	padding:0.7em;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	transition:.3s background;
	pointer-events:none;
}

.topbar.alt{
	background:hsla(var(--color1) ,var(--satur1), var(--light1),.5);
}


.tblogo{
	display:block;
	position: sticky;
	max-width:8em;
	height:auto;
}

.tb-cta{
	padding:.75em 2em;
	padding-left:4em;
	border-radius:99em;
	display:block;
	color:#fff;
	text-decoration: none;
	font-weight:600;
	line-height:1.25em;
	position:right;
}

.tb-cta:first-line{
	font-size:.8em;
	font-weight:400;
	color:#ECE3D8;
}

.tb-cta .bi{
	position: absolute;
	top:50%;
	left:1em;
	transform:translateY(-50%);
	border-radius:99em;
	border:1px solid #fff;
	aspect-ratio:1/1;
	width:2em;
	display:flex;
	align-items: center;
	justify-content: center;
}


/*section1*/

.s1{
	padding:6em 2em;
	background-image:url(../img/house3.jpeg);
	background-size:cover;
	background-position: center;
	position: relative;
	isolation:isolate;
}

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

.s1-row{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap:1em;
	align-items: flex-end;
}

.q-panel{
	position:sticky;
	padding:2em 12%;
	background:var(--subcolor);
	border-radius:.5em;
	color:#fff;
	text-align:center;
}

.q-heading{
	font-weight:700;
	font-size:1.4em;
	margin-bottom:.5em;
}

.q-text{
	/*color:var(--maincolor);*/
	color:#fff;
	font-size:1.2em;
}

.q-text-bottom{
	text-align:center;
	padding-top: 2em;
	/*color:var(--maincolor);*/
	color:#ff0000;
	font-size:1em;
}

.q-text-bottom2{
	text-align:center;
	padding-top: 2em;
	/*color:var(--maincolor);*/
	color:#fff;
	font-size:1em;
}

.q-text-bottom-small{
	text-align:center;
	padding-top: 0.5em;
	/*color:var(--maincolor);*/
	color:var(--maincolor);
	font-size:0.7em;
}

.q-btnlist{
	display:grid;
	padding:1em 0 0;
	grid-template-columns: repeat(2, 1fr);
	gap:1.5em;
}

.q-btnlist:has(input[type='text']){
	grid-template-columns:1fr;
	grid-auto-rows:1fr;
}

.q-btnlist input[type="text"]{
	padding:0 1.5em;
	outline:none;
	border-radius:999px;
	border:none;
	  height: 50px;
  width: 100%;


}

.q-btnlist input[type="radio"]{
	display:none;}

label.q-btn > div,
button.q-btn{
	padding:1em 1em;
	cursor:pointer;
	transition:.2s;
	border:2px solid var(--maincolor);
	border-radius:999px;
	background:#fff;
	color:#111;
}

label.q-btns > div, button.q-btns {
  padding: 1em 1em;
  cursor: pointer;
  transition: .2s;
  border: 2px solid var(--maincolor);
  border-radius: 999px;
  background: #fff;
  color: #111;
}

.q-btnlist input:checked ~ div,
.q-btnlist label.q-btn:hover > div,
button.q-btn:hover{
	/*background:var(--maincolor);*/
	background:#2DD500;
}

.q-progressbar{
	background:#fff;
	height:5px;
	width:100%;
	margin:1em 0;
	border-radius:999px;
}

.q-progressbar > div{
	/*background:var(--maincolor);*/
	background:#47ac40;
}

.q-progressbar.complete > div{
	background:#47ac40;
}

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

.item-wrapper{
	position: relative;
	isolation:isolate;
}

.item-circle{
	position: absolute;
	width:9.5em;
	height:9.5em;
	/*background:var(--maincolor);*/
	background: radial-gradient(#FF0000, #DF0000);
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	font-weight:700;
	text-transform: uppercase;
	font-size:1em;
	line-height:1.5rem;
	letter-spacing: -.025em;
	border-radius:999px;
	border-style: solid;
	border-color: #ff0000;
	top:-2em;
	left:30%;
	transform:rotate(10deg);
	color: #fff;
}

.item-circle b{
	font-size:1.8rem;
	color: #fff;
}

.imgbanner1{
	position:absolute;
	top:0;
	left:0;
	z-index:-5;
}

.imgbanner2{
	position:inherit;
	top:40px;
	left:-100px;
	z-index:-5;
}

/*section2*/

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

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

.s-heading-2 {
  font-size: 2.4em;
  font-weight: 800;
  letter-spacing: -.025em;
  position: relative;
  isolation: isolate;
  color: #fff;
  margin-top: -50px;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.41);
}


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

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

.hide-mob{
display:none;
}

.hide-desk{
display:block;
}


.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;
}

.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:#fff;
	text-align:center;
	font-weight:300;
}

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

.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: 5em;
}

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

	.s1{
		padding:4em 2em;
	}
}

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


	.tb-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: space-between;
  align-items: center;
}

.tb-flex > div {
  pointer-events: initial !important;
}

.tb-logo {
  aspect-ratio: 16/7;
  object-fit: contain;
  width: 9em;
  display: block;
  margin-inline: auto;
}
	
	.cw {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
}

.s-btn {
  font-size: 1.2em;
  padding: .75em 2em;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  border-radius: 99em;
  text-decoration: none;
}

@media(max-width:500px){
	.q-btnlist {
	  grid-template-columns: repeat(1, 1fr);
	  gap: 1.5em;
	}
	
.tb-flex {
text-align: center;
display: block;
}

.hide-desk{

display:none;
}

.hide-mob{

display:block;
}


}

@media(max-width:767px){


.q-panel {
  position: sticky;
  margin-top: -150px

}

	.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:6em;
		font-size:1em;
	}

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


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

.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: 100px;
  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: 50em;
  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;
}