@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; color:#fff;}
.bg-tenx .nav-link{font-size:20px; font-weight:400; position:relative; padding:26px 16px!important; color:#444!important;}
.bg-tenx .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#63B143!important;}
.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:-85px 0 0 0!important; padding:0;  height:90vh; overflow:hidden; background:url(../image/banner.jpg); background-size:cover; background-position:right top; background-repeat:no-repeat;}
.banner img{width:100%; height:auto;}
.banner .banner-txt{padding:20% 0; width:50%;}
.banner .banner-txt h2{color:#63B143; font-size:32px; text-transform:uppercase; font-weight:700; position:relative; margin-bottom:30px;}
.banner .banner-txt h2::after{content:''; display:block; width:90%; position:absolute; left:0; bottom:-15px; background-color:#444; height:4px; margin-top:10px;}
.banner .banner-txt p{
     margin-top:15px; max-width:80%;
}

.innner-banner{background-color:#D4E9CB!important;  margin:-85px 0 0 0!important;}
.mini-banner{width:100%; margin:0; padding:0; height:80vh; background:url(../image/banner-mini.jpg); background-size:cover; background-position:right top; border-bottom-right-radius:100px; }
.mini-banner-contact{width:100%; margin:0; padding:0; height:80vh; background:url(../image/banner-mini-contact.jpg); background-size:cover; background-position:center top; border-bottom-right-radius:100px; }
.mini-banner-lender{width:100%; margin:0; padding:0; height:80vh; background:url(../image/banner-mini-lender.jpg); background-size:cover; background-position:right top; border-bottom-right-radius:100px; }
.mini-banner-about{width:100%; margin:0; padding:0; height:80vh; background:url(../image/AboutNAT.jpg); background-size:cover; background-position:right top; border-bottom-right-radius:100px; }
.mini-banner-faq{width:100%; margin:0; padding:0; height:80vh; background:url(../image/banner-mini-faq.jpg); background-size:cover; background-position:center top; border-bottom-right-radius:100px; }
.mini-banner-consumer{width:100%; margin:0; padding:0; height:auto; background:none; background-size:cover; background-position:right top; overflow:hidden; 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.insured-section{position:relative; padding: 0; /*background-image: repeating-linear-gradient(#9FCF8C, #F1F8EE 50%);*/ background-image: repeating-linear-gradient(#9FCF8C, #B1D8A1 50%);}
.abt-section.insured-section .curv{background-color:#fff; border-bottom-right-radius:100px; border-top-left-radius:100px; padding:75px 0; width:100%;}

.abt-section p{font-size:18px; margin-top:20px;}
.abt-section p::before{display:block; width:2px; height:auto; background:#D9D9D9; content:'';}
.abt-section h2{color:#444444; font-size:38px; text-align:left; width:100%; position:relative; padding-bottom:10px; text-transform:capitalize;
font-weight:700;}

.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;}
.abt-section h2.go-center{/*text-align:center;*/ text-align:left;}
.abt-section h2.go-center::after{/*left:calc(50% - 50px);*/ left:0;}
.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:75px 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:75px 0; }
.wht-bg .col-sm-12 img{max-width:100%;}
.bld{font-weight:bold; color:#000; font-size:20px;}
.lght-grn .img-container{padding:50px 15px 0; margin:0; text-align:center; width:20%;}
.lght-grn .img-container img{max-width:95%; text-align:center;}
.lght-grn .img-container:nth-child(2) img{max-width:60%;}
.lght-grn .img-container:nth-child(3) img{max-width:50%;}
.lght-grn .img-container:nth-child(4) img{max-width:80%;}
.inrto-parent{/*background-image: repeating-linear-gradient(#9FCF8C, transparent 50%); background-color:#fff;*/  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-right-radius:0px; border-bottom-left-radius:100px;}
.grn{color:#63B143;}
.gua-lft h2{font-size:42px; color:#444444; font-weight:700;}
.gua-lft p{font-size:17px; line-height:22px; margin-bottom:10px;}
.mt-7{margin-top:70px!important;}
.mb-5{margin-top:50px!important;}
.pl-5{padding-left:50px!important;}
.gua-lft p a{text-decoration:underline; color:#63B143;}
.gua-rght ul li p a{text-decoration:underline; color:#63B143;}
.gua-lft p::after{display:block; width:100px; height:4px; background:#63B143; content:''; margin-top:5px;}
.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 30px 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;}

.gua-rght ul.withot-check{margin-top:32px;}
.gua-rght ul.withot-check li{background:none; text-align:left; padding:0; margin-bottom:30px;}
.modal-body .gua-rght{margin:0 auto;}
.modal-body .gua-rght p{text-align:center;}

.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 .input-box:hover; .como-sect .inner-sec .input-box:focus{outline:0; box-shadow:none; border-color:#63B143;}
.como-sect .inner-sec .input-box option{
    color:#444!important; padding:5px 0!important; border-bottom:dashed 1px #ccc;
}

.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; transition-timing-function: ease-in-out; transition-duration: 0.2s;}
.como-sect .inner-sec .cust-btn:hover{background:#fff; color:#63B143;}


.compari-select .input-box
{border:solid 1px #63B143; background:transparent; color:#444; padding:10px; height:50px; width:30%; display:inline-block; margin-right:2%; margin-bottom:5px;}

.compari-select .input-box:hover, .compari-select .input-box:focus
{outline:0; box-shadow:none; border-color:#63B143;}

.compari-select .input-box option{color:#444!important; padding:5px 0!important; border-bottom:dashed 1px #ccc;
}


.faq-sec{margin:0; padding:75px 0; background:#fff;}
.mT-65{margin-top:68px; }
.mT-65-1{margin-top:68px;}
.faq-txt{}
.faq-sec-with-bg{padding:75px 0 160px; background-color:#D4E9CB!important; background:url(../image/ghr-bg.png); background-position:bottom right; background-repeat:no-repeat; background-size:100%; 
}
.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;}
.media-sec{margin:-85px 0 0 0; padding:75px 0 75px; background:#fff; border-top-left-radius:100px;}
.media-sec .card{border:0; border-radius:0; margin-bottom:20px;}
.media-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);}
.media-sec .card-header a{width:100%; text-align:left; border:0!important;}

.cust-btn{height:50px; margin-top:10px; display:inline-block; color:#fff; background:#63B143; padding:10px 30px; text-align:center; border:0; outline:0; transition-timing-function: ease-in-out; transition-duration: 0.2s;
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;}
.frm .form-group .input-box:hover, .frm .form-group .input-box:focus{box-shadow:none; border-color:#63B143!important; outline:0;}
footer{margin:0; padding:0; background:#63B143; color:#fff;}
footer .logo{background:#fff;  border-bottom-right-radius:100px; padding:20px; width:185%; float:left; margin-bottom:20px; margin-left:-100%;}
footer .logo img{max-width:220px; float:right; margin-right:20px;}
footer ul{width:100%; margin:20px 0 15px; padding:0 0 15px 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; color:#444;}
footer a{color:#fff;}

.lft-img img{max-width:100%; border-radius:30px;}
.faq-new h2{font-size:18px;}
.faq-new ul {margin:10px 0 0 0; padding:0;}
.faq-new ul li
{
    margin: 0 0 30px 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;
}
.tbl-design{
    background-color:#fff; border-radius:20px; padding:20px;
}
.tbl-design th{border-bottom:solid 1px #ccc;}
.tbl-design td{padding:10px;}
.tbl-design i{font-size:22px;}
.tbl-design .fa-times{color:#d60000;}
.tbl-design .fa-check{color:#63B143;}
.foot-line{ padding:5px; border:solid 1px #fff; text-align:center; background-color:rgba(255, 255, 255, 0.5); margin:0px 0 7px; border-radius:6px; color:#444;}
.foot-line img{height:35px; width:auto; }
.navbar-brand img{max-width:210px;}

@media only screen and (max-width: 1124px){
		.clnt-login{padding:15px 30px;}
		.bg-tenx .nav-link{font-size:18px;}
		.banner .banner-txt h2{font-size:38px;}
		.banner .banner-tx p{width:40%;}
	}
@media only screen and (max-width: 999px){
    .abt-section h2{font-size:36px;}
	.container{max-width:95%;}
	.compari-select .input-box{width:45%;}
	.bg-tenx .nav-link{padding:15px 10px!important; font-size:20px;}
	.navbar-brand{max-width:22%!important;}
	.navbar-brand img{width:100%;}
	.clnt-login {
        padding: 15px 20px;
        font-size: 16px;
    }
	.bg-tenx{background-color:rgba(255, 255, 255, 0.7);}
	.bg-tenx .navbar-collapse{position: absolute;
    padding-top: 50px;
    border-top: solid 2px #63B143;
	 width: 100%;
    top: 61px;
    left: 0;
	  background:#fff;
	}
    .lght-grn .img-container{width:30%;}
    .banner .banner-txt h2{font-size:28px;}
    .banner{background-position:75% top;}
    .mT-65{margin-top:0px; width:100%; max-width:100%;}
    .faq-txt{width:100%; max-width:100%;}
}
@media only screen and (max-width: 767px){
    .faq-new h2{font-size:18px!important;}
    .pl-5{padding-left:10px!important;}
    .abt-section p{margin-top:0;}
		.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%;}
		.para-shift{max-width:100%;}
		.mini-banner{background-position:center top;}
		.mini-banner-contact{background-position:center top; border-bottom-right-radius:40px;}
		.mini-banner-lender{background-position:center top; border-bottom-right-radius:40px;}
		.mini-banner-about{background-position:center top; border-bottom-right-radius:40px;}
		.wht-bg,  .intro, .abt-section .curv, .lght-grn, .como-sect .inner-sec, .media-sec{padding:40px 0!important;}
		.faq-sec-with-bg{padding:40px 0 160px!important;}
		
		.mini-banner{ border-bottom-right-radius:40px; }

		.abt-section .curv {border-bottom-right-radius:40px;}

		.intro{ border-top-left-radius:40px; border-bottom-right-radius:40px;}

		.media-sec{ border-top-left-radius:40px;}
		.abt-section h2, .gua-lft h2, .gua-rght h3, .faq-sec h2{font-size:26px;}
		.como-sect .inner-sec .input-box{width:100%; margin-right:0; margin-bottom:20px;}
		.como-sect .inner-sec .cust-btn{width:100%; text-align:center;	}
		footer ul li{padding:20px;}
		.frm .form-group{width:100%; margin-left:0;}
		.compari-select .input-box{width:100%; margin-left:0;}
		.bg-tenx .nav-link{padding:15px 5px!important}
		.offcanvas-header .btn-close{MARGIN-LEFT:150px!important;}
		.navbar-brand{max-width:170px!important;}
		.lght-grn .img-container{width:50%;}
		.banner .banner-txt{display:none;}
		.banner .banner-txt h2{font-size:20px;}
		.mT-65-1{margin-top:20px;}
	}
	
	@media (min-width: 576px) {
    .modal-dialog {
        max-width:80%!important;
    }
	
	/**
  ** Css Added By Abhishek 
**/  
.como-sect .inner-sec .input-box option
{
    border: solid 1px #fff;
    background: transparent;
    color: #000;
    padding: 10px;
    height: 50px;
    width: 28%;
    display: inline-block;
    margin-right: 2%;
}
.modal {
	--bs-modal-width: 950px;
}	
.per-val{margin-right:10px; font-weight:700!important; color:#63B143;}
.como-sect .inner-sec .input-box option
{
    border: solid 1px #fff;
    background: transparent;
    color: #000;
    padding: 10px;
    height: 50px;
    width: 28%;
    display: inline-block;
    margin-right: 2%;
}
.modal {
	--bs-modal-width: 950px;
}	

.top-margin {
    margin-top: 5px;
}
.loader-icon{
	display: none;
}
.captcha-code{
	vertical-align: middle;
}
.btnRefresh {
    cursor: pointer;
}

.demoInputBox {
   border:solid 1px #444; padding:10px; float:left; width:100%; background:transparent; max-height:85px;
}

.error {
    background-color: #ffe7e7;
    border: #9C0E24 1px solid;
    padding: 5px 10px;
    color: #9C0E24;
    border-radius: 4px;
}

.success {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}

.info {
    font-size: .8em;
    color: #ff0000;
    padding-left: 5px;
    letter-spacing: 2px;
}

.btnAction {
    background-color: black;
    border: 0;
    padding: 10px 40px;
    color: #FFF;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}
.astrick{
	color:red;
	font-weight:bold;
}


/***************Edited on 30 Jan 2025**************/

.abt-section.featured-section { position: relative;  padding: 0; background-image: repeating-linear-gradient(#fff, #F1F8EE 50%);}
.abt-section.featured-section .curv{background-color: #B1D8A1;    border-bottom-right-radius: 100px;    padding: 75px 0;    width: 100%;  border-top-left-radius: 100px;}
.abt-section.featured-section .curv .logo-img-container{width:100%; padding:15px; text-align:center;}
.abt-section.featured-section .curv .logo-img-container img{max-width:30%; margin:0 5px; border-radius:20px;}
.abt-section.featured-section h2{text-align:center;}
.abt-section.featured-section h2::after{left:calc(50% - 50px);}