@import url("https://fonts.googleapis.com/css2?family=Asap&display=swap");

/***********Fonts**********************/
.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/********************Fonts**********************/

/*******************Animation*****************/
.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade {
  animation: fade 1s ease-in;
}

.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
.active.fade-zoom {
  animation: fade-zoom 1s ease-in;
}


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

@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-zoom
{
  0% {
    -ms-transform: scale(0); /* IE 9 */
  -webkit-transform: scale(0); /* Safari 3-8 */
  transform: scale(0)
    opacity: 0;
  }
  100% {
  -ms-transform: scale(1); /* IE 9 */
  -webkit-transform: scale(1); /* Safari 3-8 */
  transform: scale(1);
  }
}

/*******************Animation End*****************/

body{ font-family: "Roboto", sans-serif; font-weight:300px; font-size:16px; color:#444; line-height:20px; border:0; padding:0; margin:0;}
body.hm-pg{background:url(../image/comparission-bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed;}

section, section .container-fluid {padding:0;}



.bg-tenx{background-color:rgba(255, 255, 255, 0.7); border-top:10px solid #535353; padding:0px 0;}
.clnt-login{background-color:#63B143; border-radius:0; border-bottom-left-radius:100px; padding:15px 30px 15px 50px; color:#fff; font-size:20px;
text-decoration:none; position:absolute; top:0px; right:0; transition-timing-function: ease-in-out; transition-duration: 0.2s;}
.clnt-login:hover{background:#535353;}
.bg-tenx .nav-link{font-size:20px; font-weight:400; position:relative; padding:26px 0;}
.bg-tenx .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#63B143;}
.bg-tenx .navbar-nav .nav-link:after{content:''; height:5px; width:0%; position:absolute; left:0; bottom:0;background-color:#63B143; opacity:0;
transition: width 0.5s; transition-timing-function: linear;
}
.bg-tenx .navbar-nav .nav-link:hover:after{content:'';	height:5px; width:100%; position:absolute; left:0; bottom:0;background-color:#63B143; opacity:1;}
.bg-tenx .navbar-nav .nav-link.active:after{content:'';	height:5px; width:100%; position:absolute; left:0; bottom:0;background-color:#63B143; opacity:1;
}
.banner{width:100%; margin:0; padding:0;  height:90vh; overflow:hidden; background:url(../image/banner.jpg); background-size:cover; background-position:right top;}
.banner img{width:100%; height:auto;}
.innner-banner{background-color:#D4E9CB!important;}
.mini-banner{width:100%; margin:0; padding:0; height:50vh; background:url(../image/banner-mini.jpg); background-size:cover; background-position:right top; border-bottom-right-radius:100px; }

.abt-section{position:relative; padding: 0; background-color:#9FCF8C;}
.abt-section .curv{background-color:#fff; border-bottom-right-radius:100px; padding:75px 0; width:100%;}
.abt-section p{font-size:18px;}
.abt-section p::before{display:block; width:2px; height:auto; background:#D9D9D9; content:'';}
.abt-section h2{color:#444444; font-size:42px; text-align:left; width:100%; position:relative; padding-bottom:10px; text-transform:uppercase;
font-weight:800;}

.wht-bg h2{font-size:20px!important;}

.abt-section h2 span{color:#63B143; font-size:22px; margin-bottom:5px; display:block; text-transform:capitalize; font-weight:600;}
.abt-section h2::after{content:''; display:block; width:100px; position:absolute; left:0; bottom:0; background-color:#63B143; height:4px;}

.dis-flx{display:flex;}
.dis-flx .col-sm-12{flex:1;}
.dis-flx .brs-ver{border-left:solid 1px #D9D9D9; max-width:1px;}
.para-shift{max-width:90%; float:right;}

.lght-grn{background:url(../image/ghr-bg.png); background-position:bottom right; background-repeat:no-repeat; background-size:90%; 
background-color:#9FCF8C; width:100%; padding:100px 0; }

.wht-bg{background-color:#D4E9CB!important; background:url(../image/ghr-bg-inner.png); background-position:bottom right; background-repeat:no-repeat; background-size:90%; width:100%; padding:100px 0; }

.bld{font-weight:bold; color:#000; font-size:20px;}
.lght-grn .img-container{padding:50px 0 0; margin:0; text-align:center;}
.lght-grn .img-container img{max-width:80%; text-align:center;}
.lght-grn .img-container:nth-child(2) img{max-width:60%;}
.lght-grn .img-container:nth-child(3) img{max-width:36%;}
.lght-grn .img-container:nth-child(4) img{max-width:80%;}
.inrto-parent{background-image: repeating-linear-gradient(#9FCF8C, transparent 50%);  margin:0; padding:0;}
.lender-light{
		background-image: repeating-linear-gradient(#D4E9CB, transparent 50%)!important;
	}
.intro{margin:0; padding:75px 0; background:#F1F8EE; border-top-left-radius:100px; border-bottom-right-radius:100px;}
.grn{color:#63B143;}
.gua-lft h2{font-size:42px; color:#444444; font-weight:700;}
.gua-lft p{font-size:18px; line-height:26px;}
.gua-lft p::after{display:block; width:100px; height:4px; background:#63B143; content:''; margin-top:10px;}
.gua-lft img{max-width:100%; margin-top:20px; border-radius:30px;}
.gua-rght h3{font-size:42px; color:#444444; font-size:22px;}
.gua-rght h3 .grn{display:block;}
.gua-rght ul{margin:0; padding:0;}
.gua-rght ul li{margin:0 0 20px 0; padding:0 0 0 30px; list-style-type:none;  width:100%; background:url(../image/Check-Circle.png); background-size:16px; background-position:left 2px; background-repeat:no-repeat; font-size:16px;}
.gua-rght ul li p{ margin-bottom:0px; line-height:normal; font-size:16px;}

.media-rght ul{margin:0; padding:0;}
.media-rght ul li{margin:0 0 20px 0; padding:0 0 0 30px; list-style-type:none;  width:100%; background:url(../image/Check-Circle.png); background-size:16px; background-position:left 2px; background-repeat:no-repeat; font-size:16px;}
.media-rght ul li p{ margin-bottom:0px; line-height:normal; font-size:16px;}
.media-rght ul li h2{font-size:18px;}
.media-rght ul li a{color:#444; text-decoration:underline;}

.como-sect{margin:-100px 0 0 0; padding:100px 0 0 0; position:relative;}
.como-sect .bg-area{ background:url(../image/comparission-bg.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; position:absolute; left:0; top:0; height:100%; width:100%; z-index:-1;}
.como-sect .inner-sec{margin:0; padding:100px 0; color:#fff; text-align:center;}
.como-sect .inner-sec .input-box{border:solid 1px #fff; background:transparent; color:#fff; padding:10px; height:50px; width:28%; display:inline-block; margin-right:2%;}
.como-sect .inner-sec .cust-btn{height:50px; display:inline-block; color:#fff; background:#63B143; padding:10px 20px; text-align:center; border:0; outline:0;
box-shadow:none;}
.como-sect .inner-sec .cust-btn:hover{background:#fff; color:#63B143;}
.faq-sec{margin:0; padding:75px 0; background:#fff;}
.media{margin:0; padding:0px 0 75px; background:#fff;}
.faq-sec h2{font-size:42px; color:#444; font-weight:700; text-transform:uppercase;}
.faq-sec img{max-width:100%;}
.faq-sec h2::after{display:block; width:100px; height:4px; background:#63B143; content:''; margin-top:5px;}
.faq-sec .card{border:0; border-radius:0; margin-bottom:20px;}
.faq-sec .card-header{background:url(../image/dwn-aro.png); background-repeat:no-repeat; background-position:97% center; padding-right:30px; background-color:#fff; border-radius:0; border:0;  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);}
.faq-sec .card-header a{width:100%; text-align:left; border:0!important;}
.cust-btn{height:50px; display:inline-block; color:#fff; background:#63B143; padding:10px 30px; text-align:center; border:0; outline:0;
box-shadow:none; text-decoration:none; color:#fff; line-height:30px;}

a.cust-btn, a.cust-btn:hover{text-decoration:none; color:#fff; line-height:30px;}
.cust-btn:hover{background:#444;}

.frm .form-group{float:left; width:48%; margin-bottom:20px; margin-right:2%;}
.frm .form-group label{width:100%; float:left; margin-bottom:5px;}
.frm .form-group .input-box{border:solid 1px #444; padding:10px; float:left; width:100%; background:transparent;}
.round{border-radius:30px;}

footer{margin:0; padding:0; background:#63B143; color:#fff;}
footer .logo{background:#fff;  border-bottom-right-radius:100px; padding:20px; width:200%; float:left; margin-bottom:20px; margin-left:-100%;}
footer .logo img{max-width:220px; float:right; margin-right:20px;}
footer ul{width:100%; margin:50px 0 20px; padding:0 0 20px 0; border-bottom:solid 1px #fff; text-align:center;}
footer ul li{margin:0; padding:0 20px; display:inline-block; border-right:solid 1px #fff; list-style-type:none;}
footer ul li a{text-decoration:none; color:#fff;}
footer ul li a:hover{text-decoration:underline;}
footer a{color:#fff;}

.lft-img img{max-width:100%; border-radius:30px;}

@media only screen and (max-width: 1124px){
		.clnt-login{padding:15px 30px;}
		.bg-tenx .nav-link{font-size:18px;}
		
	}
@media only screen and (max-width: 999px){
	.container{max-width:95%;}
}
@media only screen and (max-width: 767px){
		.lght-grn{background-size:110%;}
		.gua-lft img{margin-bottom:30px;}
		.lght-grn .img-container{text-align:left;}
		.faq-sec img{margin-top:30px;}
		.container{max-width:100%;}
		.banner{height:60vh;}
		.banner img{width:auto; heigh:100%;}
	}