body{box-sizing: border-box; font-family: 'Poppins', sans-serif; color: #131720;}
figure{margin: 0;}
a{text-decoration: none; transition: all 0.3s ease-in-out; color: #000000;}
ul{margin: 0; list-style: none; padding: 0;}
img{max-width: 100%;}
.btn{font-size: 16px; font-weight: 400; color: #fff; background-color: #46387b; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative;
z-index: 0;}
.btn-fill{font-size: 16px; font-weight: 400; color: #fff; background-color: #46387b; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out;
position: relative; z-index: 0; border: 1px solid #46387b;}
.btn-fill:hover{background-color: #fff; color: #46387b; border-color: #46387b;}
.btn-fill::before{position: absolute; content: ""; border-radius: 4px; right: 0; top: 0; width: 0; height: 100%; background-color: #fff; transition: all 0.3s ease-in-out; z-index: -1;}
.btn-fill:hover::before{width: 100%;}
.btn-fill:hover:active , .btn-fill:hover:active{outline: none; color: #46387b;}
.btn.btn-fill:focus-visible{border: 1px solid #46387b;}
.btn-outline{font-size: 16px; font-weight: 400; color: #46387b; background-color: #fff; padding: 9px 22px; border-radius: 4px; overflow: hidden; transition: all 0.3s ease-in-out; position: relative; border: 1px solid #46387b; z-index: 0;}
.btn-outline:hover{color: #fff;}
.btn-outline::before{position: absolute; border-radius: 4px; content: ""; right: 0; top: 0; width: 0; height: 100%; background-color: #46387b; transition: all 0.3s ease-in-out; z-index: -1;}
.btn-outline:hover::before{width: 100%;}
.btn-outline:hover:active{outline: none; color: #fff;}

.header .logo img{max-width: 120px;}
header.headerfixed, header.whiteheader{background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 3; -webkit-animation: slideDown 0.5s ease-out; animation: slideDown 0.5s ease-out; -webkit-box-shadow:0px 2px 2px #00000029; box-shadow: 0px 2px 2px #00000029;}

@-webkit-keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
header{position: relative; z-index: 2;}
.top-header{background-color: #47387b; padding: 5px 0;}
.top-header .container{display: flex; align-items:center; justify-content: space-between;}
.top-header .headcall{display: flex; align-items:center; color: #fff; position: relative; padding-left: 30px;}
.top-header .headcall figure{position: absolute; left: 0px; -webkit-transform: translate(0 , -50%); -moz-transform: translate(0 , -50%); -ms-transform: translate(0 , -50%); top: 50%; transform: translate(0 , -50%);}
.top-header .social-icon{display: flex; flex-wrap: wrap;}
.top-header .social-icon li{font-size: 14px; margin-left: 20px;}
.top-header .social-icon li a{color:#fff; text-decoration: none; font-weight: 400; font-size: 15px; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s;}
.top-header .social-icon li a:hover{color: #f57921;}
.header{padding: 15px 0px; display: flex; align-items: center; justify-content: space-between;}

.heading{position: relative;}
.heading h2{font-size: 30px; font-weight: 700; line-height: 36.01px; color: #000000; margin: 0 0 10px;}
.heading p{font-size: 18px; font-weight: 400; color: rgba(19,23,32,0.8); margin: 0;} 

.banner-section{position: relative; z-index: 1; padding: 50px 0; background:linear-gradient(to bottom, rgba(30, 34, 45, 0.5), rgba(30, 34, 45, 0.5)) , url("../images/banner-img.jpg") no-repeat; min-height: 600px; background-size: cover; display: flex; align-items: center;}
.banner-section .banner-content{max-width: 55%; position: relative; z-index: 1;}
.banner-section .banner-content h1{font-size: 46px; font-weight: 700; margin:0 0 20px; color:#fff;}
.banner-section .banner-content p{font-size: 16px; color:#fff; margin: 0 0 20px;}
.banner-section .banner-content p:last-child{margin-bottom: 0;}

.form-secton-home{position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: flex-end;} 
.form-section{display:flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; flex-wrap: wrap;}
.form-left{width: 39%; padding: 25px 20px; margin-left: auto; background-color: #ecf4fe; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); border: 1px solid #d2d3d5; border-radius: 15px; overflow: hidden;}
.form-left.show{position: relative; z-index:1;}
.form-left h2{margin: 0 0 20px; font-size: 22px;}
.form-left .form-group{margin: 0 0 20px;}
.form-left .form-group span{font-size: 15px;}
.form-left .form-control{height: 50px; color: #797a7d; padding: 10px 15px; border-radius: 4px; box-shadow: none; font-size: 15px;}
.form-left textarea.form-control{height: 50px; resize: none;}
.form-left .btn-fill{font-size: 16px; padding: 10px 20px; min-width: 180px;}


.step-section{padding: 70px 0;}
.steplist{list-style: none; padding: 0px; margin:30px -15px 0; display: flex; flex-wrap: wrap; justify-content: center;}
.steplist li{width: 33.33%; text-align: center; padding: 0px 15px;}
.stepbox{height: 100%; border: 1px solid #d2d3d5; border-radius: 4px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06); padding:30px 25px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.stepbox figure{height: 70px; width: 70px; border-radius: 4px; margin: 0 auto 25px; background-color:#EA7704; display: flex; align-items: center; justify-content: center; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.stepbox figure svg{fill: #ffffff;}
.stepbox h3{font-size:22px; font-weight: 600; margin: 0 0 15px; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.stepbox p{font-size: 16px; color: rgba(19,23,32,0.8); margin: 0; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.stepbox:hover{background-color:#EA7704;}
.stepbox:hover figure{background-color: #fff;}
.stepbox:hover figure svg{fill: #EA7704;}
.stepbox:hover h3{color: #fff;}
.stepbox:hover p{color: #fff;}
.stepbox.active{background-color:#EA7704;}
.stepbox.active figure{background-color: #fff;}
.stepbox.active figure svg{fill: #EA7704;}
.stepbox.active h3{color: #fff;}
.stepbox.active p{color: #fff;}

.build-section{background-color:#46387b; padding: 80px 0;}
.build-section .heading h2{color: #fff; margin: 0 0 10px;}
.build-section .heading p{color: #fff; margin:0; padding: 10px 0; font-size: 17px;}


.review-section{padding: 80px 0;}
.review-section .heading{margin: 0 0 30px;}
.review-section .owl-carousel .owl-stage{display: flex;}
.review-section .owl-carousel .owl-stage .owl-item .item{height: 100%; padding: 0px 5px;}
.reviewbox{height: 100%; border: 1px solid #d2d3d5; border-radius: 4px; padding:25px 20px;}
.review-profile{padding: 0 0px 0 90px; position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 80px; margin: 0 0 20px;}
.review-profile figure{position:absolute; left: 0; top: 0; height: 80px; width: 80px; border-radius: 50%; overflow: hidden; margin:0; background-color:#d2d3d5; display: flex; align-items: center; justify-content: center; border: 1px solid #d2d3d5;}
.rating{max-width: 80px;}
.review-profile h4{font-size:20px; font-weight: 600; margin:0;}
.review-profile span{display: block; font-size: 14px; color: rgba(19,23,32,0.8); margin: 0 0 3px;}
.reviewbox p{font-size: 16px; color: rgba(19,23,32,0.8); margin: 0;}
.owl-dots{display: flex; align-items: center; justify-content: center; margin: 30px 0 0;}
.owl-dots .owl-dot span{display: block; height: 10px; width: 10px; border-radius: 50%; margin: 0 5px; background-color: #000; opacity: 0.4;}
.owl-dots .owl-dot.active span{opacity: 1;}


.consultation-section{background-color:#46387b; padding: 30px 0;}
.consultation-section .heading{display: flex; align-items: center; justify-content: space-between;}
.consultation-section .heading h2{color: #ffffff; margin: 0;}
.consultation-section .heading .btn-outline{padding: 15px 20px; font-size: 18px; background-color: #EA7704; color: #fff; border: none;}
.consultation-section .heading .btn-outline::before{background-color: #000000;}


footer {background-color: #000;}
.copyright_content{ background-color: #1c1c1c; }
.footer-content {display: flex;	padding: 35px 0px 35px;	flex-wrap: wrap;}
.about-footer.footer-address {	width: 80%;}
.footer-content h4 {font-size: 18px; font-weight: 600;	color: #fff;	margin-bottom: 18px;}
.footer-content .footer_menu::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/minus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu.collapsed::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/plus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu {	font-size: 16px;	font-weight: 600;	color: #fff;	border: none;	background-color: transparent;	outline: none;	padding: 0px;	display: none;
position: relative;}
.copyright_content p {	font-size: 14px; font-weight: 400;	color: #c3c3c3;	margin-bottom: 0px;	text-align: center;	padding: 18px 0 17px;}

.footer-content p { color: rgba(195, 195 , 195, 0.7); font-size: 14px;  }
.footer-content .footer-address p span{ font-weight:700; font-size: 15px;  }
.footer-content .footer-address p{ margin-bottom: 0px; }
.footer-content .footer-address .footer-address-left p a{ color: #f57921; text-decoration: none; }
.footer-address-left,.footer-address-right{ width: 50%; vertical-align: top; }
.address_box {	display: flex;	flex-wrap: wrap;}
.contact_footer ul li a{ color: rgba(195, 195 , 195, 0.7); text-decoration: none; font-weight: 400; font-size: 15px; transition: 0.4s; -webkit-transition: 0.4s; -ms-transition: 0.4s; -moz-transition: 0.4s;;} 
.contact_footer ul li a:hover{ color: #f57921;}
.contact_footer ul{ display: flex; flex-wrap: wrap; } 
.contact_footer ul li{ width: 50%;}
.contact_footer{ width: 20%;}
.contact_footer ul li{ position: relative; padding-left: 10px; margin-bottom: 6px; padding-right: 10px; }
.contact_footer ul li::after {		position: absolute;	left: 0; background-color:rgba(195, 195 , 195, 0.7); 
top:50%;	content: "";	width: 5px;	height: 1px;	background-size: 100%;	background-repeat: no-repeat;}
footer .social-icon {	padding: 0px;	margin: 0px;	font-size: 0;	text-align: right;}
footer .social-icon li {	display: inline-block;	font-size: 14px;	margin-right: 20px; width: auto; padding: 0px; margin-bottom: 0px; }
footer .social-icon li:last-child{ margin-right: 0px; }
footer .social-icon li a .fa {	color: #d0d2d1;	font-size: 24px;}
footer .social-icon li a .fa:hover {color: #f57921;}
footer .social-icon li:after{ display: none; }

/* loader start */
.loading-cntant{position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.4);top:0;bottom:0;text-align:center;display:table;background:url(images/logo.png) no-repeat center center / 140px 21px rgba(0, 0, 0, 0.8);z-index:99999;}
.loader{margin:auto;font-size:10px;position:absolute;text-indent:-9999em;border-top:8px solid #fff ;border-right:8px solid #e65821 ;
border-bottom:8px solid #fff;border-left:8px solid #e65821;-webkit-transform:translateZ(0);	-ms-transform:translateZ(0);transform:translateZ(0);	-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear;display:table-cell;vertical-align:middle;top:0;right:0;bottom:0;left:0;}
.loader, .loader:after {border-radius: 50%; width: 20em; height: 20em;}
 
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
 
/* loader end */

@media (min-width: 768px) {
footer .collapse:not(.show){display: block;}
.stopscroll{position: fixed; left: 0; top: 0; height: 100%; width: 100%;}
.freequote-overlay{position: fixed; z-index:1; left: 0; top: 0; height: 100%; width: 100%; background-color:rgba(30, 34, 45, 0.9); opacity: 0; visibility: hidden; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.freequote-overlay.show{opacity:1; visibility: visible;}
}
@media (min-width: 1280px) {
.container{max-width: 1260px;}
}

@media (max-width:1309px){
.banner-section .banner-content h1{font-size: 44px;}
.form-left{width: 41%;}
.form-left .btn-fill{padding: 10px 10px;}
}
@media (max-width:1199px){
.heading h2 br{display: none;}
.form-left{width: 40%;}
.banner-section .banner-content h1{font-size: 34px;}
.form-left h2{font-size: 20px; line-height:30px;}
}
@media (max-width:991px){
.banner-section .banner-content h1{font-size: 38px;}
.steplist{margin: 30px 0 0;}
.steplist li{width: 100%; padding: 0px 0 25px;}
.steplist li:last-child{padding-bottom: 0;}
.banner-section{display: block;}
.banner-section .banner-content{max-width: 100%; margin: 0 0 40px;}
.form-secton-home{position: relative; left: auto; right: auto; top: auto; bottom: auto; display: block;}
.form-left{width: 100%;}
}
@media (max-width:767px){
.container, .container-sm{max-width: 100%;}
.navigation-row{flex-direction: row-reverse; gap:15px;}
.top-header .headcall{font-size: 14px;}	
.header .logo img{max-width: 80px;}
.header .btn-fill{font-size: 13px; padding: 8px 10px;}
.banner-section .banner-content h1{font-size: 22px;}
.banner-section .banner-content p{font-size: 15px;}
.heading h2{font-size: 24px; line-height: 30px;}
.heading p{font-size: 15px;}
.banner-section{padding: 30px 0;}
.banner-section .banner-content{margin: 0;}
.form-left{padding: 25px 15px;}
.form-left h2{font-size: 20px; line-height: 30px;}
.step-section{padding: 40px 0;}
.steplist{margin: 20px 0 0;}
.stepbox{padding: 20px 15px;}
.stepbox h3{font-size: 20px;}
.stepbox p{font-size: 15px;}
.build-section{padding: 40px 0;}
.review-section{padding: 40px 0;}
.reviewbox{padding: 20px 15px;}
.reviewbox p{font-size: 15px;}
.consultation-section{padding: 20px 0;}
.consultation-section .heading{flex-direction: column; gap: 20px;}
.consultation-section .heading .btn-outline{padding: 10px 15px; font-size: 14px;}
.form-secton-home{padding: 40px 0 0;}
.footer-content{padding: 20px 0px 20px;}
.about-footer.footer-address{width: 100%; margin-bottom: 20px;}
.contact_footer{width: 100%;}
.footer-content h4{display: none;}
.footer-content h4.heading-view{display: block; font-size: 16px; margin-bottom: 5px;}
.footer-content .footer_menu::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/minus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu.collapsed::after {	content: "";	position: absolute;	top: 5px;	right: 8px;	background-image: url(../images/plus.svg);
background-repeat: no-repeat;	width: 15px;	height: 15px;	background-size: 100%;}
.footer-content .footer_menu {display: block; width: 100%; text-align: left; padding-right: 30px;}
.address_box{padding-top: 8px;}
.footer-address-left, .footer-address-right{width: 100%;}
.footer-address-left{margin-bottom: 10px;}
.form-left .btn-fill{font-size: 14px;}
}