@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Finance
Desgined By  : hassan_malik19
Developed By : Hassan;
Date        :  7/July/18;

Table Of Index
------------------
1. Base css
2. Header css
3. Slider css
4. Welcome css
5. Slider Video wrap css
6. Custom slider options css
7. Services css
8. Projects css
9. Table Css
10. Testimonials css
11. Blog css
12. Contact css
13. Page css
14. Media Screen

------------------------------------------*/



/*********************************************
		base css
*********************************************/
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,400i,500,500i,600,600i,700,800,900');
*{margin:0; padding:0;}
body{font-family: 'Open Sans', sans-serif;}
a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
ul, ol{list-style:none;}
img{max-width:100%;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif;}
h1{font-size:42px; font-weight:bold; color:#000; text-align:center; margin-bottom:40px; position:relative; margin-top:0;}
h1:before{content:""; background:url(../images/underline.png) no-repeat; width:74px; height:11px; position:absolute; bottom:-22px; left:50%; margin-left:-40px;}
h1 span{color:#1a3c72;}
p{font-size:14px; line-height:26px; color:#7f7f7f;}


/*********************************************
		Header css
*********************************************/
.header{position:absolute; top:0; left:0; width:100%;}
.logo{padding:10px 0px;}
.navbar{margin-bottom: 0px;}
.navigationwrape{float: right; margin-top:30px;}
.navbar-default .navbar-nav>li>a{font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; padding:0 16px;}
.navbar-default .navbar-nav>li:hover>a, .navbar-nav li:hover .dropdown-menu{color: #57b64a;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #57b64a;}
.navbar-default .navbar-nav>li>a.active{color: #FFF; background: #57b64a;}
.navbar-default{background: none; border: none;}
.navbar{min-height:0px;}
.sticky{top:0; position:fixed; width:100%; z-index:10000; height:86px; -webkit-box-shadow: 0 3px 6px rgba(4,4,4,.12);
	-moz-box-shadow: 0 3px 6px rgba(4,4,4,.12);
	box-shadow: 0 3px 6px rgba(4,4,4,.12); background:#1a3c72;}
.navbar-toggle{background:#fff; position: absolute; top: 18px; right: 0;}
.sticky .navbar-default .navbar-nav>li>a{color:#fff !important;}
.sticky .navbar-default .navbar-nav>li>a:hover{color: #57b64a !important;}
.navbar-toggle .icon-bar{background:#57b64a;}
.navbar{z-index:10000;}
.custom-navbar .nav li.active > a {background-color: transparent; color: #1a3c72;}
.navbar{border:none;}

/*********************************************
	 Slider css
*********************************************/
.slider-wrap{background:url(../images/banner1.jpg) no-repeat; background-size:cover; padding:59px 0 59px 0;}
.banner-info{text-align:center;}
.slider-wrap h2{font-size:60px; color:#fff; font-weight:bold; margin-top:0;}
.banner-head{font-size:30px; color:#FFF; margin-bottom:10px;}
.slider-wrap h2 span{color:#57b64a; text-shadow: 3px 4px rgba(0,0,0,.11);}
.slider-wrap p{font-size:18px; color:#fff; font-weight:bold; line-height:30px; margin-top:15px;}
.slider-wrap .readmore{margin-top:30px;}
.slider-wrap .readmore a{padding: 14px 40px; font-size: 18px; background:#1a3c72; color:#fff !important; text-shadow:none; text-decoration:none;}
.slider-wrap .readmore a:hover {color: #f00 !important; background:#fff;}
.consultWrap{text-align:center;}
.slideWrp{position:relative;}
.sliderForm{width:360px; float:right;}
.hoverForm{position:absolute; top:65px; right:0; width:100%; z-index:1000;}


/*********************************************
	Welcome css
*********************************************/
.welcome-wrap{padding:70px 0; background:#eee;}
.welcome-wrap h1{text-align:left; font-size:46px; margin-top:0;}
.welcome-wrap h1:before{left:0; margin:0;}
.welcome-wrap p{font-size:16px; line-height:26px; color:#797979;}
.welcome-wrap h3{color:#000;}
.welcomeImg{margin-top:-150px;}
.welcome-wrap ul{margin:0;}
.welcomeImg{position:relative; z-index:99;}
.welcomeImg:before{content:""; border:1px solid #fff; position:absolute; top:20px; left:20px; right:20px; bottom:20px;}
.welcomeLinks{margin-top:20px !important;}
.welcomeLinks li{font-size:16px; font-weight:600; color:#000; margin-top:12px; position:relative; padding-left:28px;}
.welcomeLinks li:before{content: "\f0a9"; font-family: 'FontAwesome'; position:absolute; top:0; left:0; font-size:18px; color:#1a3c72;}
.readmore{margin-top:20px;}
.readmore a{text-decoration:none; display:inline-block; background:#1a3c72; padding:14px 36px; font-size: 14px; color:#fff; font-weight:bold; text-transform:uppercase;}
.readmore a:hover{background:#000;}
.readmore i{padding-left:6px;}

/*********************************************
	Slider Video wrap css
*********************************************/
.videoWrp{background:none !important; position:relative; padding:0; height:700px;}
.hero-wrapper{height:700px; min-width: 100%; position: absolute; top:0px; left:0; width:100%;}
.video{position:relative;}
.hero-wrapper:before {content: ''; position: absolute; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.hero-image {width: 100%; height: 100%; overflow: hidden; z-index: -1; top: 0; background-position: center center; background-size: cover;}
.hero-image #bgvid { display: block; min-height: 100%; min-width: 100%; max-width: inherit;}
.videoslider{position:absolute; top:200px; left:0; width:100%; z-index:1000;}
.videoslider p{padding:0 430px;}

/*********************************************
	Custom slider options start
*********************************************/
.tp-banner-container {position: relative; z-index: 1; padding: 0; width: 100%;}
.tp-banner {position: relative;	width: 100%;}
.tp-caption {line-height:normal !important}
.tp-caption a {	color: inherit !important;}
.tp-bullets.simplebullets.round .bullet {border: 3px #fff solid; border-radius: 50%; background-image: none !important;}
.tparrows {width: auto !important; height: auto !important; background-image: none !important;}
.tp-arr-allwrapper {margin: 0 10px; width: 50px; height: 60px; background: rgba(255,255,255,0.5);}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {color: #fff;}
.tp-leftarrow .tp-arr-allwrapper {}
.tp-rightarrow .tp-arr-allwrapper {}
.tp-arr-iwrapper {color: #000; text-align: center; font-size: 30px; font-family: FontAwesome; line-height: 60px;}
.tp-leftarrow .tp-arr-iwrapper {}
.tp-leftarrow .tp-arr-iwrapper:before {content: "\f104";}
.tp-rightarrow .tp-arr-iwrapper:before {content: "\f105";}
.tp-rightarrow .tp-arr-iwrapper {}
.slide-h1 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #444; text-transform: uppercase; font-weight: bold; font-size: 57px; }
.slide-h2 {margin: 5px 0 !important; padding: 0 0 10px !important; padding-bottom: 5px !important; color: #555; font-weight: bold; font-size: 55px; line-height: 100%;}
.big-font {text-transform: uppercase; font-weight: 800; font-size: 60px;}
.large-desc {font-size: 16px;}
.slide-h3 {color: #fff;	font-size: 31px; line-height: 100%;}
.slide-h3 span {text-transform: uppercase; font-weight: bold;}
.slide-head {text-transform: uppercase; font-weight: 900; font-size: 30px;}
.slide-desc {font-size: 22px; line-height: 150%;}
.main-title {text-transform: uppercase; font-weight: 800; font-size: 70px;}
.icon-cont {padding: 15px 40px;	border-radius: 10px; text-align: center;}
.icon-cont:after {position: absolute; bottom: -10px; left: 40%; z-index: 5;	display: inline-block;	width: 0; height: 0; border-width: 10px 10px 0 10px; border-style: solid; content: "";}
.icon-cont i {margin-bottom: 10px; color: #fff; font-size: 50px;}
.icon-cont span {display: block; padding: 0 0 5px; color: #fff; text-align: center; font-size: 18px;}
a.wit-btn {background: #fff; color: #333 !important; text-transform: uppercase;}
.wit-line {width: 5%; height: 1px; background: #fff;}
.vert-line {min-height: 270px; width: 1px; background: #fff;}
.subTxt {text-transform: uppercase; font-weight: bold; font-size: 17px; color: #333;}
.large-title {color: #222; font-size: 60px;	font-weight: 800; text-transform: uppercase !important;}
.large-light-title {color: #787878 !important;	font-size: 70px; font-weight: lighter; text-transform: uppercase; letter-spacing:2px}
.large-text {font-size: 20px; color: #000; font-weight: lighter;}
.larger-text {font-size: 24px; font-weight: lighter; text-transform: uppercase;}
.witTxt {color: #fff !important;}
.light-font {font-weight: lighter !important; font-size: 50px;}
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}
.lft-list {padding: 10px; font-size: 18px; color: #fff;}
.wit-border {border: 1px #fff solid; padding: 15px 60px; color: #fff; font-size: 16px; text-transform: uppercase;}
.rounded-bord {margin-right: 15px;  border: 1px #fff solid; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13px; border-radius: 50%;}
#vertical-ticker{height:120px; overflow:hidden;}
#vertical-ticker li{padding:15px 20px; display:block; text-align:center;}
.to-bottom i.fa{font-size: 30px; border:2px #a8a8a8 solid; 	padding:20px 22px; border-radius:50%; -webkit-animation: bounce 2s infinite linear;	animation: bounce 2s infinite linear;}
.slidertext1{color:#fff; font-size:70px; font-weight:700; text-transform:none !important; text-align:center; z-index:10000; text-shadow: 0 0 1px rgba(24,24,24,.75); font-family: 'Poppins', sans-serif; margin-left:60px;}
.slidertext1 span{color:#57b64a;}
.slidertext2{color:#fff; font-size:18px; font-weight:600; text-transform:none !important; text-align:center;  z-index:10000; margin-left:60px;}
.slidertext4{color:#fff; font-size:30px; font-weight:600; text-transform:none !important; text-align:center; text-shadow: 0 0 1px rgba(24,24,24,.75); z-index:10000; margin-left:60px;}
.slidertext3 a{color:#fff !important; font-size:18px; font-weight:700; padding:14px 34px; text-transform:uppercase !important; text-align:left; background:#f00; z-index:10000;}
.slidertext3 a:hover{background:#fff; color:#f00 !important;}
.tp-bannertimer{display:none;}
.slidertext3{margin-left:60px;}

@-webkit-keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* Opera 12.0 */
@-o-keyframes bounce {
    0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}
/*********************************************
	Custom slider options end
*********************************************/


/*****************************************
		Services css
*****************************************/
.services-wrap{padding:70px 0;}
.services-wrap h1{margin-top:0;}
/* .services-wrap ul{margin-top:120px;} */
.serviceList h3{margin-bottom: 15px; margin-top:0;}
.serviceList h3 a{font-size:22px; color:#000; text-decoration:none;}
.serviceList h3 a:hover{color:#1a3c72;}
.serviceList p{min-height:96px; color:#292929;}
.serviceList{background:#f2f2f2; padding:25px;}
.serviceList .readmore a{padding: 10px 16px;}
.serviceImg{overflow:hidden; position:relative;}
.services-wrap ul li .serviceImg img{transform: scale(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.serviceImg img{width:100%;}
.serviceWrp li{margin:10px;}
.services-wrap ul li:hover .serviceImg img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}


.serviceImg:before{position: absolute; content:"";
    width: 100%;
    left: 0;
    height: 100%;
    top: 100%;
    background-color:rgba(248, 6, 6, 0.41);
    visibility: hidden;
    transition: all 0.4s ease-in-out 0s;
    text-align: center;}


.services-wrap ul li:hover .serviceImg:before{z-index:1000;
    visibility: visible;
    transition: all 0.4s ease-in-out 0s;
    top: 0px;
}


.services-wrap .owl-controls{text-align:center; margin:0; position:absolute; top:-70px; left:50%; margin-left:-50px;}
.services-wrap .owl-nav div {
    display: inline-block !important;
    width: 60px;
    height: 60px;
    margin: 0 4px;
    line-height:72px; text-align:center; background:#b7c6c9;
}
.services-wrap .owl-nav div i {
    font-size:26px;
    color: #fff;
}


.services-wrap .owl-nav div:hover{background:#1a3c72;}
.services-wrap .owl-nav div{width:40px; height:40px; line-height:40px;}
.services-wrap .owl-nav div i{font-size:16px;}
.services-wrap .owl-next{margin-bottom:-20px !important;}
.services-wrap .owl-dots{display:none !important;}


/*---------------------------------------
   Counter section              
-----------------------------------------*/

#counter {text-align:center;
	background:url(../images/counter-bg.png) no-repeat top; background-size:cover;
	padding: 50px 0
}
.animatebg {
	background: #1a3c72;
	-webkit-animation: bannerbg 5s linear 2s infinite alternate; /* Safari 4.0 - 8.0 */
	animation: bannerbg 5s linear 2s infinite alternate;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes bannerbg {
 0% {
background-color:#1a3c72;
}
 25% {
background-color:#57b64a;
}
 50% {
background-color:#57b64a;
}
 75% {
background-color:#57b64a;
}
 100% {
background-color:#57b64a;
}
}

/* Standard syntax */
@keyframes bannerbg {
 0% {
background-color:#1a3c72;
}
 25% {
background-color:#57b64a;
}
 50% {
background-color:#57b64a;
}
 75% {
background-color:#57b64a;
}
 100% {
background-color:#57b64a;
}
}
#counter .counter-number {
	display: block;
	color: #fff;
	font-size: 60px;
	line-height: 60px;
}
#counter span {
	color: #fff;
	font-weight: bold;
}
.counter-icon {
	font-size: 60px;
	margin-bottom: 15px;
	color: #fff;
}
.counterbox {
}


/*********************************************
	Projects css
*********************************************/
.porfolio-wrap{background:#eee; position:relative; padding:60px 0px;}
.inner-box {position:relative;}
.default-portfolio-item li .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	padding:0px;
	color:#ffffff;
	opacity:0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	-moz-transform:scaleX(0);
	transform:scaleX(0);
}

.default-portfolio-item li:hover .overlay-box{
	top:0px;
	opacity:1;
	-webkit-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	-moz-transform:scaleX(1);
	transform:scaleX(1);	
}

.default-portfolio-item li .overlay-inner{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:table;
	vertical-align:middle;
	padding:30px 50px;
	background:rgba(0,0,0,0.85);
}

.default-portfolio-item li .overlay-inner .content{text-align:center;
	position:relative;
	display:table-cell;
	vertical-align:middle;
}

.default-portfolio-item li .overlay-inner .cat-link{text-decoration:none;
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:1px 20px;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	background:#57b64a;
	font-weight:600;
	margin-bottom:15px;
}

.default-portfolio-item li .overlay-inner h3{text-align:center; margin:0; vertical-align:middle; display:table-cell;
	font-size:20px;
	color:#ffffff;
	font-weight:700;
	text-transform:uppercase;
	font-family:'Poppins',sans-serif;
}

.default-portfolio-item .overlay-inner h3 a{text-decoration:none;
	color:#ffffff;	
}

.default-portfolio-item .overlay-inner h3 a:hover{
	color:#57b64a;
}

#porfolio h1{margin-top:0;}
#project .inner-box{margin:15px 0;}


.portfolio-overley {z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.inner-box:hover .portfolio-overley {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.inner-box .popup { z-index: 1000;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -25px;
	margin-left:-25px;
}

.popup a{font-size:22px; color:#fff; border:1px solid #fff; height:50px; width:50px; display:block; text-align:center; line-height:50px;}
.popup a:hover{background: #1a3c72;}






/*************************************************
		Table Css
*************************************************/
.pricing-wrap{padding:70px 0;}
.pricingWrp {padding-bottom:30px;
    background: #f3f3f3;
    text-align: center;
    color: #676a6f;
    font-size: 14px;
    -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.pricingWrp .price-unit {
    width: 120px;
    height: 120px;
    padding-top: 25px;
    border: 8px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #f3f3f3;
    margin: -80px auto 0; 
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
}
.pricingWrp .price {font-family: 'Poppins', sans-serif; 
    font-size: 34px;
    color: #1a3c72;
    line-height: 50px;
    display: block;
	font-weight: bold;
}
.pricing-wrap h1{margin-bottom:40px !important;}
.pricing-wrap p{padding:0 120px; text-align:center;}
.pricingWrp h2, .pricingWrp h3 {background: #1a3c72;
    padding: 40px 10px 90px 10px;
    font-weight: bold;
    font-size:24px;
    color: #fff;
    margin: 25px 0 12px;
}
.pricingWrp li {
    border-bottom: 1px solid #E5E5E5;
    line-height: 48px; font-family: 'Poppins', sans-serif;
}
.pricing-wrap .cta_pricing a{
    background: #1a3c72;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 0 30px;
	font-weight:bold;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
#price h1{margin-top:0;}
.pricing-wrap .cta_pricing a:hover, .pricing-wrap .cta_pricing a:focus {
    background: #000;
}
.clientimg{margin-bottom:20px;}




/*************************************
		Testimonials css
*************************************/
.testimonialsWrap{background:url(../images/testimonial-bg.jpg) no-repeat top; background-size:cover; padding:70px 0}
.testimonialsWrap h1{color:#fff;}


.testimonialsWrap .owl-nav{display:block !important; position:absolute; left:0; top:50%; width:100%; z-index:1000;}
.testimonialsWrap .owl-nav i{font-size:50px; color:#1a3c72; font-weight:400; cursor:pointer;}
.testimonialsWrap .owl-prev{float:left;}
.testimonialsWrap .owl-next{float:right;}


.testimonialsList{position:relative; margin-bottom:0;}
.testimonialsList li{text-align:center;}
.testimonialsList li .clientname{font-size:24px; color:#fff; font-family: 'Rubik', sans-serif;}
.testimonialsList li .clientinfo{font-size:18px; color:#b4b4b4; margin-bottom:15px;}
.testimonialsList li p{max-width:850px; margin:0 auto; color:#fff; font-style:italic;}
.testimonialsList li .rating{color:#f39930; font-size:24px;}

.testimonialsList .owl-prev{display:block !important;}
.testimonialsList .owl-next{display:block !important;}
.testimonialsList .owl-nav div{}


/*************************************
		Blog css
*************************************/
.blog-wrap{padding:70px 0;}
.blog-wrap .text{text-align:center; padding: 0 120px; margin-bottom:40px; font-size:14px; color:#333; line-height:24px;}

.blog02 .readmore a{background:none; border:2px solid #fff; padding:10px 22px;}
.blog02 .readmore a:hover{background:#f00;}
.blogImg img{width:100%;}
.blogImg{position:relative;}
.blogImg:before{content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.4);
}

.blogTitle{color:#fff;}
.blogInfo {
    position: absolute;
    left: -20px;
    bottom: 20px;
    width: 260px;
    min-height: 120px;
    background-color: #000;
    padding-left: 40px;
}
.blogInfo .blog-date {color:#D5DD02; font-size:12px; margin-left: 10px; font-weight:bold;
    position: absolute;
    left: -25px;
    top: 50px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.blogList{margin-bottom:30px; position:relative;}
.blog02 p{color:#fff;}

.latest-blog-dark-outer2 {
    height: 530px;
}


.latest-blog-square {
    position: absolute;
    right: -20px;
    bottom: 60px;
    width: 400px;
    min-height: 400px;
    padding: 25px 70px 25px 25px;
    border: 12px solid #1a3c72;
}

.latest-blog-square .blog-date {
    position: absolute;
    left: -90px;
	color:#D5DD02;
	font-weight:bold;
    top: 50px;
    font-size: 16px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}





/***************************************
		Contact US CSS
***************************************/
.contact-wraper{background:url(../images/contact-bg.jpg) no-repeat top; background-size:cover; padding:70px 0;}
.detail-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    margin-bottom: 30px;
}
.detail-column .icn-wrap {
    margin-right: 15px;
}
.detail-column img {
    vertical-align: top;
}
.contact-wraper h3{
    margin: 0 0 6px;
    font-size: 14px;
	color:#fff; text-transform:uppercase;
}
.contact-wraper p {color:#fff;
    margin: 0;
}
.contact-wraper p a {text-decoration:none;
    color: #fff;
}
.detail-column a:hover {
    color: #ff6700;
}
.contact-form{border-top:1px solid #eee;padding-top:30px; margin-top:30px;}
.contact-form h1{color:#fff;}
.contact-form .form-control {width: 100%; height:52px; border-radius:0;}
.contact-form textarea.form-control{height:160px !important;}
.contact-form .sub{font-size:14px; text-transform:uppercase; background:#1a3c72; padding:12px 28px; font-weight:bold; border:none; color:#fff;}
.contact-form .sub:hover{background:#fff; color:#1a3c72;}

.copyright{text-align:center; padding:18px 0;}




/***********************************
	Page css
***********************************/
.scrollToTop{display:none;}
.page-scroll{position:fixed; bottom:20px; right:20px; z-index:1000;}
.page-scroll a{font-size:18px; color:#fff; background:#1a3c72; width:40px; height:40px; text-align:center; line-height:39px; display:inline-block; border:1px solid #fff;}

/*****************************************
		Media Screen
*****************************************/
@media screen and (max-width: 1250px){
.latest-blog-square{right: -5px;}

}


@media screen and (max-width: 1200px){
.navbar-default .navbar-nav>li>a{padding: 24px 8px; font-size:13px;}
.hoverForm{position:static; background:#7d7d7d;}
.sliderForm{float:none; width:auto;}
.formwrap{border:none; background:none;}
.latest-blog-square{right: -18px;}
.blogTitle{font-size:26px;}
.latest-blog-square{min-height:inherit;}
.slideForm .formwrap{background: rgba(0, 0, 0, 0.51);}
.slider-wrap{padding: 160px 0;}
.navigationwrape{margin-top:10px;}
}


@media screen and (max-width: 1024px){
.videoslider p{padding:0;}
.latest-blog-square{right: -3px;}

}


@media screen and (max-width: 990px){.navbar-default .navbar-nav>li>a {padding: 18px 6px; font-size: 11px;} 
.header .col-sm-9{padding-left:0;}
.quote-wrap h2{text-align:center; margin-bottom:20px;} 
.about-image{text-align:center; margin-top:30px;}
.serviceList li{margin-bottom:30px;}
.team_wrap{text-align:center;}
.social{margin-bottom:20px;}
.worker-image{text-align:center;}
.contact-form .button{margin-bottom:40px;}
.slider-wrap .readmore{margin-bottom:40px;}
.quote-wrap .quote-btn a{display:inline-block; margin-top:15px;}
.about-wrap h1{margin-top:25px;}
.banner-info{margin:0 !important;}
.videohover{top:0;}
.videoWrp{height:400px;}
.videoWrp .hero-wrapper{height:460px;}
.slider-wrap p{padding:0;}
.slider-wrap{padding:150px 0 100px 0;}
.cretive-wrap p{padding:0;}
.iconbox-theme-colored{min-height:408px;}
.blog-service li{margin:15px 0;}

.pull-right{float:none !important;}
.pricing-wrap p{padding:0;}

.videoWrp .videoslider{top:100px;}
.videoWrp h2{font-size:36px !important;}
.videoslider p{font-size:14px; padding:0 40px;}
.navigationwrape{margin-top:10px;}

.welcome-wrap{padding: 40px 0 64px 0; text-align:center;}
.welcomeImg{margin-top:40px;}
.welcome-info{text-align:left;}
.welcomeImg{display:inline-block;}
.readmore{margin-top:18px;}
.serviceList{padding: 20px 20px 28px 20px;}
.services-wrap{padding:60px 0;}
.testimonialsWrap .owl-prev, .testimonialsWrap .owl-next{float:none;}
.testimonialsWrap .owl-nav{text-align:center; margin-top:30px;}
.testimonialsWrap .owl-nav div{display:inline-block !important; padding:0 10px;}
.testimonialsWrap .owl-nav{position:static;}
.testimonialsWrap{padding:60px 0;}
.blog-wrap .text{padding:0;}
.latest-blog-square{right:100px; width:auto; left:100px;}

}

@media screen and (max-width: 767px){
.top-text{text-align:center;}
.topbar-links{text-align:center; margin-top:5px;} 
.logo{text-align:center;}
.serviceList{text-align:center;}
.portfolio-service{text-align:center;}
.team_wrap{text-align:center;}
.navigationwrape{float: none; margin:0;}
.navbar-default .navbar-nav>li>a{padding:10px 16px; font-size:14px; color:#000;}	
.navbar-default .navbar-nav>li>a:hover{color:#fff; background:#57b64a;}
.service-image{display:inline-block;}
.about-service li{float:none; width:100%;}
.copyright{text-align:center;}
.foot{text-align:center;}
.dropdown-menu{position:static; float:none; width:100%;}
.sliderTxt p{font-size:18px; line-height:20px;}
.navbar-default{background:#f7f7f7; border-top:none;}
.icon-box{margin-top:10px;}
.slider-wrap h2 {font-size: 36px;}
.slider-wrap p {font-size: 14px; line-height:22px;}
.slider-wrap .readmore a{font-size:14px; padding: 12px 24px;}
.staticSlide h2{margin-top:0;}
.videoWrp{height:280px;}
.videoWrp .hero-wrapper{height:340px;}
.sticky .navbar-default .navbar-nav>li>a:hover {
    color: #fff !important;
}
.iconbox-theme-colored{min-height:inherit;}
.slidertext1{margin-top:20px;}
.slidertext2{margin-top:20px;}
.slidertext3{margin-top:20px;}
.slidertext4{margin-top:20px;}
.image-box img{width:100%;}

.videoWrp .banner-head{display:none;}
.videoWrp p{display:none;}
.header .col-sm-9{padding-left:15px;}

}


@media screen and (max-width: 600px){
.latest-blog-square{position:static; background:#00a2ff;}
.latest-blog-square .blog-date{position:static; transform: rotate(0deg); margin-bottom:15px;}

}


@media screen and (max-width: 480px){
.portfolio-service{text-align:center;}
.sliderTxt h1{font-size:24px;}
.sliderTxt p{font-size:14px;}
.slider-wrap p {font-size: 12px; line-height:18px;}
.slider-wrap h2 {font-size: 24px;}
.slidertext1{margin-top:30px !important;}
.slidertext2{margin-top:30px !important;}
.slidertext3{margin-top:30px !important;}
.slidertext4{margin-top:34px !important;}
.logo{width:78%;}
.contact-form h1{font-size:30px;}
h1{font-size:30px;}
}

@media screen and (max-width: 424px){
	.slider-wrap p {font-size: 8px; line-height:14px; margin-top:5px;}
	.slider-wrap h2 {font-size: 18px;}
	
}








/* ============================================================
   SHUBHAARAMBH — LOGO THEME (navy + green + orange)  + mobile nav + footer
   ============================================================ */
:root{--sb-navy:#1a3c72;--sb-navy-d:#12305e;--sb-green:#57b64a;--sb-orange:#1a3c72;--sb-navy-2:#234a86;}

/* buttons */
.readmore a,.slider-wrap .readmore a{background:var(--sb-navy) !important;color:#fff !important;transition:.3s;border-radius:6px;}
.readmore a:hover,.slider-wrap .readmore a:hover{background:var(--sb-orange) !important;color:#fff !important;}

/* nav links */
.custom-navbar{background:#fff;}
.navbar-default .navbar-nav>li>a{color:var(--sb-navy);font-weight:600;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li:hover>a{color:var(--sb-orange) !important;}
.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li.active>a,.custom-navbar .nav li.active>a{color:#fff !important;background:var(--sb-green) !important;border-radius:6px;}
.sticky .navbar-default,.sticky .custom-navbar{background:#fff !important;box-shadow:0 3px 12px rgba(0,0,0,.08);}
.sticky .navbar-default .navbar-nav>li>a:hover{color:var(--sb-orange) !important;}
.navbar-toggle .icon-bar{background:var(--sb-navy) !important;}

/* accents */
h1 span,.slidertext1 span,.slider-wrap h2 span{color:var(--sb-orange);}
.serviceList h3 a:hover{color:var(--sb-orange);}
.welcomeLinks li:before{color:var(--sb-green) !important;}
.services-wrap .owl-nav div:hover{background:var(--sb-navy) !important;}

/* ---------- MOBILE NAV (toggle) ---------- */
@media (max-width:767px){
  .custom-navbar .col-md-3{width:100%;}
  .custom-navbar .logo{float:left;max-width:190px;}
  .custom-navbar .logo img{max-width:100%;height:auto;}
  .navbar-header{float:right;margin:0;}
  .navbar-toggle{display:block;float:none;margin:16px 0;border:1px solid #dfe4ec;background:#fff;padding:9px 11px;border-radius:8px;}
  .navigationwrape{clear:both;width:100%;padding:0;}
  .navigationwrape .navbar{margin:0;min-height:0;border:0;}
  .navbar-collapse{display:none !important;background:#fff;border-top:1px solid #eef1f6;box-shadow:0 12px 24px -10px rgba(0,0,0,.12);border-radius:0 0 10px 10px;padding:6px 0;max-height:70vh;overflow:auto;}
  .navbar-collapse.sb-open{display:block !important;}
  .navbar-default .navbar-nav{float:none;margin:0;}
  .navbar-default .navbar-nav>li{float:none;display:block;}
  .navbar-default .navbar-nav>li>a{padding:13px 18px;border-bottom:1px solid #f3f5f9;color:var(--sb-navy);}
  .navbar-default .navbar-nav>li>a.active{border-radius:0;}
}

/* ---------- FOOTER ---------- */
.sb-footer{background:linear-gradient(180deg,var(--sb-navy) 0%,var(--sb-navy-d) 100%);color:#cdd7e8;padding:60px 0 0;margin-top:40px;position:relative;}
.sb-footer::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sb-green),var(--sb-orange),var(--sb-green));}
.sb-footer .sb-f-col{margin-bottom:34px;}
.sb-footer .sb-f-logo{background:#fff;display:inline-block;padding:10px 14px;border-radius:12px;margin-bottom:18px;}
.sb-footer .sb-f-logo img{max-width:170px;height:auto;display:block;}
.sb-footer p.sb-f-about{color:#aebfd8;font-size:14px;line-height:26px;}
.sb-footer h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 22px;position:relative;padding-bottom:12px;}
.sb-footer h4::after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:3px;background:var(--sb-orange);}
.sb-footer .sb-f-links{list-style:none;padding:0;margin:0;}
.sb-footer .sb-f-links li{margin-bottom:12px;}
.sb-footer .sb-f-links a{color:#aebfd8;text-decoration:none;font-size:14.5px;transition:.25s;display:inline-flex;align-items:center;gap:9px;}
.sb-footer .sb-f-links a:before{content:"\f105";font-family:'FontAwesome';color:var(--sb-green);}
.sb-footer .sb-f-links a:hover{color:#fff;padding-left:4px;}
.sb-footer .sb-f-contact li{display:flex;gap:12px;margin-bottom:15px;color:#bccbe3;font-size:14.5px;line-height:24px;}
.sb-footer .sb-f-contact i{color:#fff;margin-top:4px;font-size:16px;}
.sb-footer .sb-f-social{display:flex;gap:10px;margin-top:8px;}
.sb-footer .sb-f-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);transition:.25s;text-decoration:none;}
.sb-footer .sb-f-social a:hover{background:var(--sb-orange);border-color:var(--sb-orange);transform:translateY(-3px);}
.sb-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:16px;padding:20px 0;text-align:center;color:#9fb1cf;font-size:13.5px;}
.sb-footer-bottom a{color:#fff;text-decoration:none;}
.sb-footer-bottom a:hover{color:var(--sb-orange);}
@media (max-width:767px){.sb-footer{padding-top:44px;}.sb-footer h4::after{left:50%;transform:translateX(-50%);}.sb-footer .sb-f-contact li{justify-content:center;text-align:left;}}

/* ---------- POLICY PAGES ---------- */
.sb-policy-hero{background:linear-gradient(120deg,#1a3c72,#12305e);color:#fff;padding:60px 0;text-align:center;position:relative;}
.sb-policy-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#57b64a,#57b64a,#57b64a);}
.sb-policy-hero h1{color:#fff;margin:0 0 8px;font-weight:700;}
.sb-policy-hero p{color:#c9d5ea;margin:0;font-size:15px;}
.sb-policy-wrap{padding:50px 0 60px;background:#f6f8fc;}
.sb-policy-card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:34px 36px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);max-width:920px;margin:0 auto;}
.sb-policy-card h2{color:#1a3c72;font-size:20px;font-weight:700;margin:26px 0 12px;padding-left:14px;border-left:4px solid #57b64a;}
.sb-policy-card h2:first-child{margin-top:0;}
.sb-policy-card p,.sb-policy-card li{color:#55606f;font-size:15px;line-height:27px;}
.sb-policy-card ul{padding-left:20px;margin:0 0 12px;}
.sb-policy-card li{margin-bottom:8px;}
.sb-policy-updated{color:#8a97a8;font-size:13px;margin-bottom:24px;}
.sb-foot-sep{opacity:.5;margin:0 4px;}
@media(max-width:575px){.sb-policy-card{padding:24px 20px;}}

/* ---------- CONTACT: Drop Us a Message ---------- */
.sb-contact{background:linear-gradient(180deg,#f6f8fc 0%,#eef2f8 100%);padding:70px 0;}
.sb-contact-head{text-align:center;max-width:640px;margin:0 auto 42px;}
.sb-contact-badge{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.sb-contact-head h2{color:#1a3c72;font-weight:800;margin:0 0 10px;font-size:34px;}
.sb-contact-head p{color:#66707f;font-size:15px;line-height:26px;margin:0;}
.sb-contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:26px;align-items:stretch;}
.sb-contact-info{background:linear-gradient(160deg,#1a3c72,#12305e);border-radius:20px;padding:34px 30px;color:#fff;box-shadow:0 30px 60px -34px rgba(16,40,90,.6);}
.sb-ci-item{display:flex;gap:15px;align-items:flex-start;margin-bottom:26px;}
.sb-ci-ico{flex:0 0 auto;width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;}
.sb-ci-ico.navy{background:rgba(255,255,255,.14);}
.sb-ci-ico.green{background:#57b64a;}
.sb-ci-ico.orange{background:#57b64a;}
.sb-ci-item h4{margin:0 0 4px;font-size:15px;color:#fff;text-transform:capitalize;font-weight:700;}
.sb-ci-item p{margin:0;color:#c3d0e6;font-size:14.5px;}
.sb-ci-item a{color:#c3d0e6;text-decoration:none;}
.sb-ci-item a:hover{color:#57b64a;}
.sb-ci-note{margin-top:8px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:#aebfda;font-size:13.5px;}
.sb-ci-note i{color:#57b64a;margin-right:7px;}
.sb-contact-form{background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:34px 32px;box-shadow:0 30px 60px -38px rgba(16,40,90,.5);}
.sb-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sb-cf-field{margin-bottom:16px;}
.sb-cf-field label{display:block;font-size:13px;font-weight:600;color:#1a3c72;margin-bottom:6px;}
.sb-contact-form input,.sb-contact-form textarea{width:100%;border:1.5px solid #e2e8f2;border-radius:10px;padding:12px 14px;font-size:14.5px;color:#33414f;outline:none;transition:.2s;background:#fbfcfe;font-family:inherit;}
.sb-contact-form input:focus,.sb-contact-form textarea:focus{border-color:#57b64a;box-shadow:0 0 0 3px rgba(87,182,74,.15);background:#fff;}
.sb-contact-form textarea{resize:vertical;min-height:120px;}
.sb-cf-btn{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(120deg,#1a3c72,#234a86);color:#fff;font-weight:700;border:none;padding:14px 34px;border-radius:30px;cursor:pointer;font-size:15px;transition:.3s;box-shadow:0 16px 30px -14px rgba(16,40,90,.7);}
.sb-cf-btn:hover{background:linear-gradient(120deg, #74bc46, #79c053);transform:translateY(-2px);}
.sb-cf-btn i{transition:.3s;}
.sb-cf-btn:hover i{transform:translateX(4px);}
@media (max-width:991px){.sb-contact-grid{grid-template-columns:1fr;}}
@media (max-width:575px){.sb-contact{padding:50px 0;}.sb-contact-head h2{font-size:27px;}.sb-cf-row{grid-template-columns:1fr;}.sb-contact-form,.sb-contact-info{padding:26px 22px;}}



/* ===== Shubhaarambh clean navbar (logo theme) ===== */
.sb-nav{background:#fff !important;box-shadow:0 2px 16px rgba(16,40,90,.09);position:sticky;top:0;z-index:1000;border-top:3px solid #57b64a;}
.sb-nav .container{position:relative;}
.sb-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px;}
.sb-nav-logo{display:inline-block;line-height:0;}
.sb-nav-logo img{max-height:56px;width:auto;display:block;}
.sb-nav-menu{display:flex;align-items:center;gap:4px;}
.sb-nav-menu a{color:#1a3c72;font-weight:600;font-size:15px;text-decoration:none;padding:10px 14px;border-radius:8px;transition:.25s;white-space:nowrap;}
.sb-nav-menu a:hover{color:#f5a623;}
.sb-nav-menu a.active{color:#fff;background:#57b64a;}
.sb-nav-toggle{display:none;flex-direction:column;gap:5px;background:#fff;border:1px solid #e2e8f2;border-radius:9px;padding:11px;cursor:pointer;}
.sb-nav-toggle span{width:24px;height:2.5px;background:#1a3c72;border-radius:3px;transition:.3s;}
.sb-nav-toggle.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg);}
.sb-nav-toggle.open span:nth-child(2){opacity:0;}
.sb-nav-toggle.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);}
@media (max-width:991px){
  .sb-nav-toggle{display:flex;}
  .sb-nav-menu{position:absolute;top:100%;left:15px;right:15px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:0 12px;box-shadow:0 18px 34px -12px rgba(16,40,90,.2);border-radius:0 0 14px 14px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:.3s;}
  .sb-nav-menu.open{max-height:80vh;opacity:1;visibility:visible;padding:8px 12px;overflow:auto;}
  .sb-nav-menu a{padding:13px 14px;border-bottom:1px solid #f2f5fa;border-radius:0;}
  .sb-nav-menu a:last-child{border-bottom:0;}
  .sb-nav-menu a.active{border-radius:8px;}
}

/* contact alert */
.sb-contact-alert{max-width:900px;margin:0 auto 26px;padding:14px 20px;border-radius:12px;font-size:14.5px;font-weight:600;text-align:center;}
.sb-contact-alert.ok{background:#e7f6e8;color:#2f8a34;border:1px solid #bfe6c2;}
.sb-contact-alert.err{background:#fdeaea;color:#c0392b;border:1px solid #f3c6c6;}

/* banner content (design kept, Shubhaarambh content) */
.slider-wrap .banner-sub{font-size:21px;color:#fff;font-weight:600;margin:8px 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.25);}
.slider-wrap .banner-desc{font-size:16px;color:#eef3fb;font-weight:400;line-height:28px;max-width:760px;margin:0 auto;text-shadow:0 1px 6px rgba(0,0,0,.25);}
.slider-wrap .banner-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:28px;}
.slider-wrap .banner-btns .readmore{margin-top:0;}
.slider-wrap .banner-btns a.btn-outline-w{background:transparent;border:2px solid #fff;}
.slider-wrap .banner-btns a.btn-outline-w:hover{background:#fff;color:#1a3c72 !important;}
.slider-wrap .banner-highlight{display:inline-block;margin-top:26px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);color:#fff;font-weight:600;font-size:15px;padding:11px 24px;border-radius:30px;}
@media(max-width:767px){.slider-wrap .banner-sub{font-size:16px;}.slider-wrap .banner-desc{font-size:14px;line-height:24px;}.slider-wrap .banner-highlight{font-size:13px;}}

/* ---------- LOAN PRODUCTS (redesigned, icon cards, no images) ---------- */
.lp-section{padding:84px 0 !important;background:#f6f8fc !important;}
.lp-head{text-align:center;max-width:700px;margin:0 auto 46px;}
.lp-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.lp-head h1{font-size:36px;color:#1a3c72;font-weight:800;margin:0;line-height:1.2;}
.lp-head h1 span{color:#57b64a;}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.lp-card{background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:32px 28px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);transition:.3s;position:relative;overflow:hidden;}
.lp-card:hover{transform:translateY(-8px);box-shadow:0 40px 70px -34px rgba(16,40,90,.5);}
.lp-card.lp-main{border:1.5px solid #cfe0f0;}
.lp-card.lp-main::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#57b64a,#f5a623);}
.lp-tag{position:absolute;top:18px;right:18px;background:#eef4ff;color:#1a3c72;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:20px;}
.lp-tag.green{background:#e8f4e6;color:#3f9a33;}
.lp-ico{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px;margin-bottom:20px;}
.lp-ico.navy{background:linear-gradient(135deg,#234a86,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.lp-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.lp-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 14px 26px -12px rgba(232,148,15,.6);}
.lp-card h3{color:#1a3c72;font-size:20px;font-weight:700;margin:0 0 10px;}
.lp-card p{color:#5a6675;font-size:14.7px;line-height:1.7;margin:0 0 18px;}
.lp-card:not(.lp-main) p{margin-bottom:0;}
.lp-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.4px;padding:11px 24px;border-radius:30px;color:#fff !important;text-decoration:none;transition:.3s;}
.lp-btn.navy{background:linear-gradient(120deg,#234a86,#1a3c72);}
.lp-btn.green{background:linear-gradient(120deg,#57b64a,#3f9a33);}
.lp-btn:hover{filter:brightness(1.08);transform:translateY(-2px);color:#fff !important;}
.lp-btn i{transition:.3s;}
.lp-btn:hover i{transform:translateX(3px);}
@media(max-width:991px){.lp-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.lp-grid{grid-template-columns:1fr;}.lp-head h1{font-size:27px;}.lp-section{padding:60px 0 !important;}}

/* ---------- LOAN PRODUCTS — premium main cards ---------- */
.lp-sub{color:#6b7686;font-size:16px;margin:6px 0 0;}
.lp-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;}
.lp-pcard{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 34px 64px -34px rgba(16,40,90,.5);transition:.35s;position:relative;}
.lp-pcard:hover{transform:translateY(-10px);box-shadow:0 54px 90px -36px rgba(16,40,90,.55);}
.lp-pcard-top{position:relative;padding:34px 34px 50px;color:#fff;overflow:hidden;}
.lp-pcard.navy .lp-pcard-top{background:linear-gradient(135deg,#284f8c 0%,#1a3c72 100%);}
.lp-pcard.green .lp-pcard-top{background:linear-gradient(135deg,#5fc250 0%,#3f9a33 100%);}
.lp-pcard-top::after{content:"";position:absolute;right:-50px;top:-50px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,.09);}
.lp-pcard-top::before{content:"";position:absolute;left:-5%;right:-5%;bottom:-1px;height:44px;background:#fff;border-radius:50% 50% 0 0 / 100% 100% 0 0;}
.lp-ribbon{position:absolute;top:22px;right:0;background:linear-gradient(120deg,#f5a623,#e8940f);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:6px 16px;border-radius:20px 0 0 20px;box-shadow:0 10px 18px -8px rgba(0,0,0,.45);z-index:3;}
.lp-pico{width:66px;height:66px;border-radius:18px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:27px;color:#fff;position:relative;z-index:2;margin-bottom:14px;}
.lp-pcard-top h3{color:#fff;font-size:25px;font-weight:800;margin:0 0 6px;position:relative;z-index:2;}
.lp-amt{color:rgba(255,255,255,.9);font-size:15px;position:relative;z-index:2;}
.lp-amt b{font-size:21px;color:#fff;font-weight:800;}
.lp-pcard-body{padding:16px 34px 34px;}
.lp-pcard-body>p{color:#5a6675;font-size:14.8px;line-height:1.7;margin:0 0 18px;}
.lp-feats{list-style:none;padding:0;margin:0 0 24px;}
.lp-feats li{display:flex;align-items:center;gap:11px;color:#33414f;font-size:14.4px;margin-bottom:11px;font-weight:500;}
.lp-feats li i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto;}
.lp-pcard.navy .lp-feats li i{background:#eaf0fb;color:#1a3c72;}
.lp-pcard.green .lp-feats li i{background:#e8f4e6;color:#3f9a33;}

/* supporting 4 grid */
.lp-sub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.lp-sub-grid .lp-card{padding:28px 24px;}
.lp-sub-grid .lp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.lp-sub-grid .lp-card:hover::before{transform:scaleX(1);}
.lp-sub-grid .lp-ico{width:54px;height:54px;font-size:22px;border-radius:14px;margin-bottom:16px;}
.lp-sub-grid .lp-card h3{font-size:17px;}
.lp-sub-grid .lp-card p{font-size:13.8px;}

@media(max-width:991px){.lp-main-grid{grid-template-columns:1fr;}.lp-sub-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.lp-sub-grid{grid-template-columns:1fr;}}

/* ---------- OUR COMMITMENT (replaces counter, no numbers) ---------- */
.commit-band{position:relative;overflow:hidden;padding:84px 0;background:linear-gradient(135deg,#1a3c72 0%,#12305e 60%,#0e2a55 100%);}
.commit-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.7;}
.commit-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;}
.commit-blob.b1{width:300px;height:300px;background:#57b64a;top:-90px;left:-80px;opacity:.28;}
.commit-blob.b2{width:320px;height:320px;background:#f5a623;bottom:-110px;right:-90px;opacity:.20;}
.commit-band .container{position:relative;z-index:2;}
.commit-head{text-align:center;max-width:680px;margin:0 auto 46px;}
.commit-eyebrow{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#bfe0d2;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:16px;}
.commit-head h2{color:#fff;font-size:36px;font-weight:800;margin:0 0 12px;line-height:1.2;}
.commit-head h2 span{color:#7fd0c4;background:linear-gradient(90deg,#6fd08f,#f5c06a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.commit-head p{color:#c2d0ea;font-size:16px;margin:0;}
.commit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.commit-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:15px 11px;text-align:center;transition:.35s;backdrop-filter:blur(4px);position:relative;overflow:hidden;}
.commit-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transition:transform .4s;transform-origin:left;}
.commit-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);}
.commit-card:hover::before{transform:scaleX(1);}
.commit-ico{width:54px;height:54px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:29px;margin:0 auto 20px;transition:.35s;}
.commit-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 16px 30px -12px rgba(63,154,51,.7);}
.commit-ico.navy{background:linear-gradient(135deg,#3a5da0,#234a86);box-shadow:0 16px 30px -12px rgba(35,74,134,.8);}
.commit-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 16px 30px -12px rgba(232,148,15,.7);}
.commit-card:hover .commit-ico{transform:scale(1.08) rotate(-4deg);}
.commit-card h4{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;}
.commit-card p{color:#c2d0ea;font-size:14px;line-height:1.65;margin:0;}
@media(max-width:991px){.commit-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.commit-grid{grid-template-columns:1fr;}.commit-band{padding:60px 0;}.commit-head h2{font-size:28px;}}

/* ---------- WHY SHUBHARAMBH (image + benefits) ---------- */
.why-wrap{padding:84px 0;background:#fff;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.why-media{position:relative;}
.why-photo{width:100%;border-radius:24px;object-fit:cover;max-height:460px;
    /* box-shadow:0 40px 80px -34px rgba(16,40,90,.5); */
}
.why-illus-card{background:linear-gradient(160deg,#eef3fb,#e8f5ea);border-radius:24px;padding:24px;box-shadow:0 40px 80px -40px rgba(16,40,90,.45);border:1px solid #eef2f8;}
.why-illus{width:100%;height:auto;display:block;}
.why-badge{ z-index: 999; position:absolute;left:24px;bottom:-16px;background:#fff;color:#1a3c72;font-weight:700;font-size:14px;padding:12px 22px;border-radius:30px;box-shadow:0 20px 36px -16px rgba(16,40,90,.4);display:inline-flex;align-items:center;gap:9px;}
.why-badge i{color:#f5a623;}
.why-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:16px;}
.why-content h1{ text-align:left; font-size:33px;color:#1a3c72;font-weight:800;line-height:1.22;margin:0 0 12px;}
.why-content h1 span{color:#57b64a;}
.why-intro{color:#5a6675;font-size:15.5px;line-height:1.7;margin:0 0 26px;}
.why-points{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.why-point{display:flex;gap:14px;}
.wp-ico{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;}
.wp-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 12px 22px -10px rgba(63,154,51,.6);}
.wp-ico.navy{background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 12px 22px -10px rgba(26,60,114,.6);}
.wp-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 12px 22px -10px rgba(232,148,15,.6);}
.why-point h4{color:#1a3c72;font-size:16px;font-weight:700;margin:2px 0 6px;}
.why-point p{color:#6a7686;font-size:13.6px;line-height:1.6;margin:0;}
@media(max-width:991px){.why-grid{grid-template-columns:1fr;gap:40px;}.why-content h1{font-size:28px;}}
@media(max-width:575px){.why-points{grid-template-columns:1fr;}.why-wrap{padding:60px 0;}}

/* ---------- WHY SHUBHARAMBH — design polish ---------- */
.why-illus-card{position:relative;background:linear-gradient(160deg,#f1f6fd,#e9f6ec) !important;}
.why-illus-card::after{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;background:linear-gradient(135deg,rgba(87,182,74,.5),rgba(245,166,35,.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.why-badge2{position:absolute;right:18px;top:18px;background:#1a3c72;color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:30px;box-shadow:0 16px 30px -14px rgba(16,40,90,.6);display:inline-flex;align-items:center;gap:8px;z-index:3;}
.why-badge2 i{color:#8fe0d2;}
.why-point{background:#fff;border:1px solid #eef2f8;border-radius:14px;padding:18px 16px;box-shadow:0 16px 34px -26px rgba(16,40,90,.4);transition:.3s;}
.why-point:hover{transform:translateY(-5px);border-color:#d7e6f5;box-shadow:0 30px 50px -28px rgba(16,40,90,.5);}

/* ---------- HOW IT WORKS (replaces pricing) ---------- */
.hiw-wrap{padding:84px 0;background:#f6f8fc;position:relative;}
.hiw-head{text-align:center;max-width:680px;margin:0 auto 50px;}
.hiw-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.hiw-head h1{font-size:36px;color:#1a3c72;font-weight:800;margin:0 0 10px;}
.hiw-head h1 span{color:#57b64a;}
.hiw-head p{color:#6b7686;font-size:16px;margin:0;}
.hiw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.hiw-step{position:relative;background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:34px 28px 30px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);transition:.35s;overflow:hidden;}
.hiw-step::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.hiw-step:hover{transform:translateY(-8px);box-shadow:0 44px 74px -34px rgba(16,40,90,.5);}
.hiw-step:hover::before{transform:scaleX(1);}
.hiw-num{position:absolute;top:22px;right:26px;font-family:'Poppins',sans-serif;font-weight:800;font-size:46px;line-height:1;color:transparent;-webkit-text-stroke:1.5px #cfe0f0;opacity:.9;}
.hiw-ico{width:64px;height:64px;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;margin-bottom:20px;background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 16px 30px -14px rgba(26,60,114,.6);transition:.35s;}
.hiw-step:nth-child(3n+2) .hiw-ico{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 16px 30px -14px rgba(63,154,51,.6);}
.hiw-step:nth-child(3n) .hiw-ico{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 16px 30px -14px rgba(232,148,15,.6);}
.hiw-step:hover .hiw-ico{transform:scale(1.07) rotate(-4deg);}
.hiw-step h4{color:#1a3c72;font-size:19px;font-weight:700;margin:0 0 9px;text-transform:capitalize;}
.hiw-step p{color:#5a6675;font-size:14.3px;line-height:1.65;margin:0;}
@media(max-width:991px){.hiw-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:575px){.hiw-grid{grid-template-columns:1fr;}.hiw-wrap{padding:60px 0;}.hiw-head h1{font-size:28px;}}

/* ---------- WHY — unique connected list + framed media ---------- */
.why-media-inner{position:relative;}
.why-media-inner::before{content:"";position:absolute;inset:-16px -16px 24px -16px;background:linear-gradient(160deg,#57b64a,#1a3c72);border-radius:30px;transform:rotate(-3deg);opacity:.12;z-index:0;}
.why-illus-card,.why-photo{position:relative;z-index:1;}
.why-list{position:relative;margin-top:6px;}
.why-list::before{content:"";position:absolute;left:27px;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#57b64a,#f5a623);opacity:.35;}
.why-li{display:flex;gap:18px;margin-bottom:20px;position:relative;}
.why-li-node{flex:0 0 auto;width:56px;height:56px;border-radius:16px;background:#fff;border:1px solid #e7edf6;display:flex;align-items:center;justify-content:center;color:#1a3c72;font-size:22px;box-shadow:0 14px 28px -14px rgba(16,40,90,.4);position:relative;z-index:2;transition:.3s;}
.why-li:nth-child(2) .why-li-node{color:#3f9a33;}
.why-li:nth-child(3) .why-li-node{color:#e8940f;}
.why-li:hover .why-li-node{transform:translateY(-4px) scale(1.06);color:#fff;background:linear-gradient(135deg,#57b64a,#3f9a33);border-color:transparent;}
.why-li:nth-child(3):hover .why-li-node{background:linear-gradient(135deg,#f5a623,#e8940f);}
.why-li:nth-child(4):hover .why-li-node,.why-li:nth-child(1):hover .why-li-node{background:linear-gradient(135deg,#2a5296,#1a3c72);}
.why-li-body{padding-top:5px;}
.why-li-body h4{color:#1a3c72;font-size:17px;font-weight:700;margin:0 0 5px;}
.why-li-body p{color:#6a7686;font-size:14px;line-height:1.6;margin:0;}

/* ---------- HOW IT WORKS — animated timeline ---------- */
.hiw-timeline{position:relative;max-width:920px;margin:0 auto;padding:8px 0;}
.hiw-line{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translateX(-50%);background:#e3e9f2;border-radius:4px;overflow:hidden;}
.hiw-line-fill{position:absolute;top:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#57b64a,#f5a623);transition:height .15s linear;}
.hiw-step{position:relative;width:50%;padding:18px 46px;box-sizing:border-box;opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);}
.hiw-timeline.anim .hiw-step{opacity:0;transform:translateY(34px);}
.hiw-timeline.anim .hiw-step.active{opacity:1;transform:none;}
.hiw-step:nth-child(even){left:0;text-align:right;}
.hiw-step:nth-child(odd){left:50%;text-align:left;}
.hiw-node{position:absolute;top:28px;width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid #cfe0f0;display:flex;align-items:center;justify-content:center;z-index:3;transition:.35s;box-shadow:0 12px 24px -10px rgba(16,40,90,.5);}
.hiw-node span{font-family:'Poppins',sans-serif;font-weight:800;color:#1a3c72;font-size:16px;transition:.35s;}
.hiw-step:nth-child(even) .hiw-node{right:-27px;}
.hiw-step:nth-child(odd) .hiw-node{left:-27px;}
.hiw-step.active .hiw-node{border-color:transparent;background:linear-gradient(135deg,#57b64a,#3f9a33);transform:scale(1.08);}
.hiw-step.active .hiw-node span{color:#fff;}
.hiw-card{display:inline-block;text-align:left;background:#fff;border:1px solid #e7edf6;border-radius:16px;padding:22px 24px;max-width:360px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);transition:.35s;}
.hiw-step:hover .hiw-card{transform:translateY(-5px);box-shadow:0 40px 70px -34px rgba(16,40,90,.5);}
.hiw-ico{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;margin-bottom:13px;background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.hiw-step:nth-child(3) .hiw-ico,.hiw-step:nth-child(5) .hiw-ico{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.hiw-step:nth-child(4) .hiw-ico,.hiw-step:nth-child(7) .hiw-ico{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 14px 26px -12px rgba(232,148,15,.6);}
.hiw-card h4{color:#1a3c72;font-size:19px;font-weight:700;margin:0 0 8px;text-transform:capitalize;}
.hiw-card p{color:#5a6675;font-size:14px;line-height:1.6;margin:0;}
@media(max-width:767px){
  .hiw-line{left:27px;}
  .hiw-step{width:100% !important;left:0 !important;text-align:left !important;padding:14px 0 14px 70px !important;}
  .hiw-node{left:0 !important;right:auto !important;top:16px;}
  .hiw-card{max-width:100%;display:block;}
}

/* ---------- WHY points polish (2x2) ---------- */
.why-point{position:relative;overflow:hidden;}
.why-point::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.why-point:hover::after{transform:scaleX(1);}
.why-point .wp-ico{transition:.3s;}
.why-point:hover .wp-ico{transform:scale(1.08) rotate(-5deg);}

/* ---------- HOW IT WORKS — horizontal animated stepper ---------- */
.hiw-hz{position:relative;padding:18px 0 6px;}
.hiw-track{position:absolute;top:47px;left:8.33%;right:8.33%;height:4px;background:#e3e9f2;border-radius:4px;overflow:hidden;z-index:0;}
.hiw-track-fill{display:block;height:100%;width:0;background:linear-gradient(90deg,#57b64a,#f5a623);transition:width 1.9s ease;}
.hiw-hz.go .hiw-track-fill{width:100%;}
.hiw-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;position:relative;z-index:1;}
.hiw-col{text-align:center;padding:0 4px;opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.hiw-hz.go .hiw-col{opacity:1;transform:none;}
.hiw-hz.go .hiw-col:nth-child(1){transition-delay:.05s;}
.hiw-hz.go .hiw-col:nth-child(2){transition-delay:.35s;}
.hiw-hz.go .hiw-col:nth-child(3){transition-delay:.65s;}
.hiw-hz.go .hiw-col:nth-child(4){transition-delay:.95s;}
.hiw-hz.go .hiw-col:nth-child(5){transition-delay:1.25s;}
.hiw-hz.go .hiw-col:nth-child(6){transition-delay:1.55s;}
.hiw-dot{width:54px;height:54px;border-radius:50%;background:#fff;border:3px solid #cfe0f0;display:flex;align-items:center;justify-content:center;margin:20px auto 18px;position:relative;z-index:2;transition:background .5s,border-color .5s,transform .5s;box-shadow:0 12px 24px -10px rgba(16,40,90,.4);}
.hiw-dot span{font-family:'Poppins',sans-serif;font-weight:800;color:#1a3c72;font-size:16px;transition:color .5s;}
.hiw-col:nth-child(1) .hiw-dot{transition-delay:.15s;}.hiw-col:nth-child(1) .hiw-dot span{transition-delay:.15s;}
.hiw-col:nth-child(2) .hiw-dot{transition-delay:.45s;}.hiw-col:nth-child(2) .hiw-dot span{transition-delay:.45s;}
.hiw-col:nth-child(3) .hiw-dot{transition-delay:.75s;}.hiw-col:nth-child(3) .hiw-dot span{transition-delay:.75s;}
.hiw-col:nth-child(4) .hiw-dot{transition-delay:1.05s;}.hiw-col:nth-child(4) .hiw-dot span{transition-delay:1.05s;}
.hiw-col:nth-child(5) .hiw-dot{transition-delay:1.35s;}.hiw-col:nth-child(5) .hiw-dot span{transition-delay:1.35s;}
.hiw-col:nth-child(6) .hiw-dot{transition-delay:1.65s;}.hiw-col:nth-child(6) .hiw-dot span{transition-delay:1.65s;}
.hiw-hz.go .hiw-dot{border-color:transparent;background:linear-gradient(135deg,#57b64a,#3f9a33);transform:scale(1.06);}
.hiw-hz.go .hiw-dot span{color:#fff;}
.hiw-box{background:#fff;border:1px solid #e7edf6;border-radius:16px;padding:22px 16px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);transition:.3s;min-height:186px;}
.hiw-col:hover .hiw-box{transform:translateY(-6px);box-shadow:0 40px 70px -34px rgba(16,40,90,.5);}
.hiw-ico{width:52px;height:52px;border-radius:14px;margin:0 auto 13px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.hiw-col:nth-child(3n+2) .hiw-ico{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.hiw-col:nth-child(3n) .hiw-ico{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 14px 26px -12px rgba(232,148,15,.6);}
.hiw-box h4{color:#1a3c72;font-size:16px;font-weight:700;margin:0 0 8px;text-transform:capitalize;}
.hiw-box p{color:#5a6675;font-size:13px;line-height:1.55;margin:0;}
@media(max-width:991px){.hiw-row{grid-template-columns:repeat(3,1fr);gap:20px;}.hiw-track{display:none;}.hiw-dot{margin-top:0;}}
@media(max-width:640px){.hiw-row{grid-template-columns:1fr 1fr;}}
@media(max-width:420px){.hiw-row{grid-template-columns:1fr;}}

/* ---------- HOW IT WORKS — ZIG-ZAG animated ---------- */
.hiw-zz{position:relative;height:440px;margin-top:24px;}
.hiw-zzsvg{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;}
.hiw-zzline{fill:none;stroke:#b7c5da;stroke-width:2.5;stroke-dasharray:2 13;stroke-linecap:round;opacity:0;transition:opacity .6s ease .3s;}
.hiw-zz.go .hiw-zzline{opacity:1;}
.hiw-dot{position:absolute;width:16px;height:16px;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;z-index:3;}
.hiw-dot.dA{left:8.33%;top:48.8%;background:#3f9a33;}
.hiw-dot.dB{left:25%;top:89.5%;background:#e8940f;}
.hiw-dot.dC{left:41.66%;top:48.8%;background:#3f9a33;}
.hiw-dot.dD{left:58.33%;top:89.5%;background:#e8940f;}
.hiw-dot.dE{left:75%;top:48.8%;background:#3f9a33;}
.hiw-dot.dF{left:91.66%;top:89.5%;background:#e8940f;}
.hiw-zz.go .hiw-dot{animation:dotIn .5s ease forwards, dotPulse 2.4s ease-in-out infinite;}
.hiw-zz.go .dA{animation-delay:.25s,.8s;}
.hiw-zz.go .dB{animation-delay:.55s,1.1s;}
.hiw-zz.go .dC{animation-delay:.85s,1.4s;}
.hiw-zz.go .dD{animation-delay:1.15s,1.7s;}
.hiw-zz.go .dE{animation-delay:1.45s,2.0s;}
.hiw-zz.go .dF{animation-delay:1.75s,2.3s;}
@keyframes dotIn{to{transform:translate(-50%,-50%) scale(1);opacity:1;}}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 3px rgba(26,60,114,.12);}50%{box-shadow:0 0 0 11px rgba(26,60,114,0);}}
.hiw-pcard{position:absolute;width:15%;min-height:206px;background:#fff;border:1px solid #eef2f8;border-radius:18px;padding:32px 18px 22px;text-align:center;box-shadow:0 24px 50px -34px rgba(16,40,90,.42);z-index:2;opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s;}
.hiw-zz.go .hiw-pcard{opacity:1;transform:none;}
.hiw-pcard:hover{box-shadow:0 42px 72px -34px rgba(16,40,90,.55);}
.hiw-pcard:nth-of-type(1){left:0.83%;top:0;}
.hiw-pcard:nth-of-type(2){left:17.5%;top:175px;}
.hiw-pcard:nth-of-type(3){left:34.16%;top:0;}
.hiw-pcard:nth-of-type(4){left:50.83%;top:175px;}
.hiw-pcard:nth-of-type(5){left:67.5%;top:0;}
.hiw-pcard:nth-of-type(6){left:84.16%;top:175px;}
.hiw-zz.go .hiw-pcard:nth-of-type(1){transition-delay:.1s;}
.hiw-zz.go .hiw-pcard:nth-of-type(2){transition-delay:.35s;}
.hiw-zz.go .hiw-pcard:nth-of-type(3){transition-delay:.6s;}
.hiw-zz.go .hiw-pcard:nth-of-type(4){transition-delay:.85s;}
.hiw-zz.go .hiw-pcard:nth-of-type(5){transition-delay:1.1s;}
.hiw-zz.go .hiw-pcard:nth-of-type(6){transition-delay:1.35s;}
.hiw-pnum{position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;font-family:'Poppins',sans-serif;box-shadow:0 12px 22px -10px rgba(0,0,0,.4);z-index:4;}
.hiw-pcard:nth-of-type(odd) .hiw-pnum{background:linear-gradient(135deg,#57b64a,#3f9a33);}
.hiw-pcard:nth-of-type(even) .hiw-pnum{background:linear-gradient(135deg,#f5a623,#e8940f);}
.hiw-pcard .hiw-ico{width:56px;height:56px;border-radius:15px;margin:10px auto 14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;}
.hiw-pcard:nth-of-type(3n+1) .hiw-ico{background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.hiw-pcard:nth-of-type(3n+2) .hiw-ico{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.hiw-pcard:nth-of-type(3n) .hiw-ico{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 14px 26px -12px rgba(232,148,15,.6);}
.hiw-pcard h4{color:#1a3c72;font-size:17px;font-weight:700;margin:0 0 8px;}
.hiw-pcard p{color:#5a6675;font-size:13px;line-height:1.55;margin:0;}
@media(max-width:991px){
  /* process -> clean numbered vertical steps (1..6) */
  .hiw-zz{height:auto !important;display:block !important;position:relative;margin-top:8px;}
  .hiw-zzsvg,.hiw-dot{display:none !important;}
  .hiw-pcard{position:relative !important;width:100% !important;left:auto !important;top:auto !important;
    opacity:1 !important;transform:none !important;margin:0 0 34px 0 !important;padding-top:30px;text-align:center;}
  .hiw-pcard:last-child{margin-bottom:0 !important;}
  /* vertical connector line between steps */
  .hiw-pcard::after{content:"";position:absolute;left:50%;bottom:-34px;width:2px;height:34px;background:linear-gradient(180deg,#57b64a,#f5a623);opacity:.5;transform:translateX(-50%);}
  .hiw-pcard:last-child::after{display:none;}
  .hiw-pnum{top:-20px;}
}

/* ---------- OUR MISSION (replaces testimonials) ---------- */
.mission-wrap{position:relative;overflow:hidden;padding:84px 0;background:linear-gradient(135deg,#1a3c72 0%,#12305e 60%,#0e2a55 100%);}
.mission-wrap::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.6;}
.mission-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;}
.mission-blob.mb1{width:320px;height:320px;background:#57b64a;top:-100px;right:-90px;opacity:.26;}
.mission-blob.mb2{width:300px;height:300px;background:#f5a623;bottom:-110px;left:-90px;opacity:.20;}
.mission-wrap .container{position:relative;z-index:2;}
.mission-inner{max-width:1000px;margin:0 auto;text-align:center;}
.mission-eyebrow{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#bfe0d2;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:18px;}
.mission-inner h1{color:#fff;font-size:36px;font-weight:800;margin:0 0 18px;line-height:1.2;}
.mission-inner h1 span{background:linear-gradient(90deg,#6fd08f,#f5c06a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.mission-text{color:#cad7ee;font-size:17px;line-height:1.8;margin:0 auto 46px;max-width:860px;}
.mission-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mission-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:34px 26px;transition:.35s;position:relative;overflow:hidden;}
.mission-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.mission-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);}
.mission-card:hover::before{transform:scaleX(1);}
.mission-ico{width:66px;height:66px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:27px;margin:0 auto 18px;transition:.35s;}
.mission-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 16px 30px -12px rgba(63,154,51,.7);}
.mission-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 16px 30px -12px rgba(232,148,15,.7);}
.mission-ico.navy{background:linear-gradient(135deg,#3a5da0,#234a86);box-shadow:0 16px 30px -12px rgba(35,74,134,.8);}
.mission-card:hover .mission-ico{transform:scale(1.08) rotate(-4deg);}
.mission-card h4{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;}
.mission-card p{color:#c2d0ea;font-size:14px;line-height:1.6;margin:0;}
@media(max-width:767px){.mission-cards{grid-template-columns:1fr;}.mission-wrap{padding:60px 0;}.mission-inner h1{font-size:28px;}.mission-text{font-size:15px;}}

/* ---------- FINANCIAL AWARENESS (replaces blog) ---------- */
.fa-wrap{padding:84px 0;background:#fff;}
.fa-head{text-align:center;max-width:680px;margin:0 auto 48px;}
.fa-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.fa-head h1{font-size:36px;color:#1a3c72;font-weight:800;margin:0 0 10px;}
.fa-head h1 span{color:#57b64a;}
.fa-head p{color:#6b7686;font-size:16px;margin:0;}
.fa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.fa-card{background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:24px 18px;box-shadow:0 24px 50px -34px rgba(16,40,90,.4);transition:.35s;position:relative;overflow:hidden;text-align:center;}
.fa-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#57b64a,#f5a623);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.fa-card:hover{transform:translateY(-8px);box-shadow:0 44px 74px -34px rgba(16,40,90,.5);border-color:#dbe6f4;}
.fa-card:hover::before{transform:scaleX(1);}
.fa-ico{width:60px;height:60px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:29px;margin:0 auto 20px;transition:.35s;}
.fa-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 16px 30px -12px rgba(63,154,51,.6);}
.fa-ico.navy{background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 16px 30px -12px rgba(26,60,114,.6);}
.fa-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 16px 30px -12px rgba(232,148,15,.6);}
.fa-card:hover .fa-ico{transform:scale(1.08) rotate(-4deg);}
.fa-card h4{color:#1a3c72;font-size:19px;font-weight:700;margin:0 0 10px;}
.fa-card p{color:#5a6675;font-size:14.3px;line-height:1.7;margin:0;}
@media(max-width:767px){.fa-grid{grid-template-columns:1fr;}.fa-wrap{padding:60px 0;}.fa-head h1{font-size:28px;}}

/* contact select (loan product) */
.sb-contact-form .sb-cf-select{width:100%;border:1.5px solid #e2e8f2;border-radius:10px;padding:12px 14px;font-size:14.5px;color:#33414f;outline:none;transition:.2s;background:#fbfcfe;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%231a3c72' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
.sb-contact-form .sb-cf-select:focus{border-color:#57b64a;box-shadow:0 0 0 3px rgba(87,182,74,.15);background-color:#fff;}

/* ---------- ABOUT US + VISION/MISSION ---------- */
.abt-wrap{padding:84px 0;background:#fff;}
.abt-top{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;margin-bottom:52px;}
.abt-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:16px;}
.abt-content h1{font-size:35px;color:#1a3c72;font-weight:800;margin:0 0 8px;line-height:1.2;}
.abt-content h1 span{color:#57b64a;}
.abt-sub{color:#f5a623;font-weight:700;font-size:18px;margin:0 0 18px;}
.abt-content p{color:#5a6675;font-size:15.3px;line-height:1.8;margin:0 0 14px;}
.abt-visual{position:relative;}
.abt-visual-card{background:linear-gradient(160deg,#f1f6fd,#e9f6ec);border-radius:24px;padding:24px;box-shadow:0 40px 80px -40px rgba(16,40,90,.45);border:1px solid #eef2f8;position:relative;}
.abt-visual-card::after{content:"";position:absolute;inset:0;border-radius:24px;padding:1.5px;background:linear-gradient(135deg,rgba(87,182,74,.5),rgba(245,166,35,.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;}
.abt-visual-card img,.abt-visual-card svg{width:100%;height:auto;display:block;border-radius:16px;}
.abt-chip{position:absolute;left:22px;bottom:-16px;background:#1a3c72;color:#fff;font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:30px;box-shadow:0 18px 34px -16px rgba(16,40,90,.6);display:inline-flex;align-items:center;gap:9px;}
.abt-chip i{color:#f5c06a;}
.vm-row{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.vm-box{background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:34px 30px;box-shadow:0 30px 60px -38px rgba(16,40,90,.45);position:relative;overflow:hidden;transition:.3s;}
.vm-box::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;}
.vm-box.vision::before{background:linear-gradient(90deg,#2a5296,#1a3c72);}
.vm-box.mission::before{background:linear-gradient(90deg,#57b64a,#3f9a33);}
.vm-box:hover{transform:translateY(-6px);box-shadow:0 44px 74px -38px rgba(16,40,90,.5);}
.vm-ic{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:16px;}
.vm-ic.navy{background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.vm-ic.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.vm-tag{display:inline-block;color:#8894a5;font-weight:700;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;}
.vm-box h3{color:#1a3c72;font-size:21px;font-weight:700;margin:0 0 10px;line-height:1.3;}
.vm-box p{color:#5a6675;font-size:14.7px;line-height:1.75;margin:0;}
.vm-list{list-style:none;padding:0;margin:0;}
.vm-list li{display:flex;align-items:flex-start;gap:11px;color:#33414f;font-size:14.6px;margin-bottom:12px;font-weight:500;}
.vm-list li i{width:22px;height:22px;border-radius:50%;background:#e8f4e6;color:#3f9a33;display:flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto;margin-top:2px;}
@media(max-width:991px){.abt-top{grid-template-columns:1fr;gap:40px;}.vm-row{grid-template-columns:1fr;}.abt-content h1{font-size:29px;}}
@media(max-width:575px){.abt-wrap{padding:60px 0;}}

/* ---------- WOMEN EMPOWERMENT (green highlighted band) ---------- */
.we-band{position:relative;overflow:hidden;padding:80px 0;background: linear-gradient(
  130deg,
  #dce8f5 0%,
  #e8f0f8 55%,
  #f3f7fb 100%
);}
.we-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.7;}
.we-blob{position:absolute;border-radius:50%;filter:blur(70px);z-index:0;}
.we-blob.wb-a{width:300px;height:300px;background:#fff;top:-100px;right:-70px;opacity:.12;}
.we-blob.wb-b{width:300px;height:300px;background:#f5a623;bottom:-120px;left:-80px;opacity:.22;}
.we-band .container{position:relative;z-index:2;}
.we-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;}
.we-media-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:24px;padding:22px;box-shadow:0 40px 80px -40px rgba(0,0,0,.5);backdrop-filter:blur(3px);}
.we-media-card img,.we-media-card svg{width:100%;height:auto;display:block;border-radius:16px;background:#fff;}
.we-eyebrow{display:inline-block;background:rgb(26 60 114);border:1px solid rgba(255,255,255,.35);color:#fff;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:18px;}
.we-content h2{color:#1a3c72;font-size:37px;font-weight:800;line-height:1.2;margin:0 0 18px;text-shadow:0 2px 12px rgba(0,0,0,.15);}
.we-content p{color:#1a3c72;font-size:16px;line-height:1.85;margin:0 0 28px;max-width:560px;}
.we-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#2f7a26;font-weight:700;padding:15px 32px;border-radius:40px;text-decoration:none;transition:.3s;box-shadow:0 18px 34px -14px rgba(0,0,0,.4);}
.we-btn:hover{background:#12305e;color:#fff;transform:translateY(-3px); text-decoration: none; }
.we-btn i{transition:.3s;}
.we-btn:hover i{transform:translateX(4px);}
@media(max-width:991px){.we-grid{grid-template-columns:1fr;gap:36px;}.we-content h2{font-size:29px;}}

/* ---------- CUSTOMER PROTECTION (horizontal icon-left cards) ---------- */
.cp-wrap{padding:84px 0;background:#f6f8fc;}
.cp-head{text-align:center;max-width:680px;margin:0 auto 46px;}
.cp-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.cp-head h1{font-size:36px;color:#1a3c72;font-weight:800;margin:0 0 10px;}
.cp-head h1 span{color:#57b64a;}
.cp-head p{color:#6b7686;font-size:16px;margin:0;}
.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.cp-card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e7edf6;border-left:4px solid #57b64a;border-radius:14px;padding:24px 26px;box-shadow:0 20px 44px -32px rgba(16,40,90,.4);transition:.3s;}
.cp-card:nth-child(3n+1){border-left-color:#57b64a;}
.cp-card:nth-child(3n+2){border-left-color:#1a3c72;}
.cp-card:nth-child(3n){border-left-color:#f5a623;}
.cp-card:hover{transform:translateX(6px);box-shadow:0 30px 54px -30px rgba(16,40,90,.5);}
.cp-ico{flex:0 0 auto;width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:23px;}
.cp-ico.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 12px 22px -10px rgba(63,154,51,.6);}
.cp-ico.navy{background:linear-gradient(135deg,#2a5296,#1a3c72);box-shadow:0 12px 22px -10px rgba(26,60,114,.6);}
.cp-ico.orange{background:linear-gradient(135deg,#f5a623,#e8940f);box-shadow:0 12px 22px -10px rgba(232,148,15,.6);}
.cp-txt h4{color:#1a3c72;font-size:17px;font-weight:700;margin:2px 0 6px;}
.cp-txt p{color:#5a6675;font-size:14px;line-height:1.6;margin:0;}
@media(max-width:767px){.cp-grid{grid-template-columns:1fr;}.cp-wrap{padding:60px 0;}.cp-head h1{font-size:28px;}}
.sb-footer .sb-f-tagline{color:#8fe0d2;font-weight:600;font-size:13.5px;letter-spacing:.3px;margin:0 0 12px;}

/* ---------- ABOUT — design polish ---------- */
.abt-wrap{background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);}
.abt-content h1{font-size:37px;}
.abt-sub{position:relative;padding-left:16px;}
.abt-sub::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:linear-gradient(180deg,#57b64a,#f5a623);}
.abt-highlights{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.abt-hl{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e7edf6;border-radius:30px;padding:10px 18px;font-size:13.5px;font-weight:600;color:#1a3c72;box-shadow:0 12px 26px -20px rgba(16,40,90,.4);transition:.25s;}
.abt-hl:hover{transform:translateY(-3px);border-color:#bfe0d9;}
.abt-hl i{color:#57b64a;font-size:15px;}
.abt-visual{position:relative;}
.abt-visual::before{content:"";position:absolute;left:22px;right:-16px;top:-16px;bottom:22px;background:linear-gradient(160deg,#57b64a,#1a3c72);opacity:.10;border-radius:30px;transform:rotate(3deg);z-index:0;}
.abt-visual-card{position:relative;z-index:1;}
.vm-box{background:linear-gradient(180deg,#ffffff,#fbfdff);}

/* ---------- ABOUT — unique (tabs) redesign ---------- */
.abt-head2{text-align:center;max-width:720px;margin:0 auto 46px;}
.abt-head2 h1{font-size:37px;color:#1a3c72;font-weight:800;margin:0;}
.abt-head2 h1 span{color:#57b64a;}
.abt-sub2{display:inline-block;color:#f5a623;font-weight:700;font-size:19px;margin-top:10px;position:relative;}
.abt-body{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start;}
.abt-left p{color:#5a6675;font-size:15.3px;line-height:1.85;margin:0 0 14px;}
.abt-purpose{display:flex;gap:16px;background:#f6f9fc;border:1px solid #e7edf6;border-left:4px solid #57b64a;border-radius:14px;padding:20px 22px;margin:22px 0 20px;}
.abt-purpose-ic{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#57b64a,#3f9a33);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto;box-shadow:0 12px 22px -10px rgba(63,154,51,.6);}
.abt-purpose h4{color:#1a3c72;font-size:16px;margin:0 0 5px;font-weight:700;}
.abt-purpose p{color:#5a6675;font-size:14px;line-height:1.6;margin:0;}
.abt-right{position:relative;}
.abt-right::before{content:"";position:absolute;right:-16px;top:-16px;width:120px;height:120px;background:linear-gradient(135deg,#f5a623,#e8940f);opacity:.12;border-radius:26px;transform:rotate(8deg);}
.vm-tabs{position:relative;background:#fff;border:1px solid #e7edf6;border-radius:22px;box-shadow:0 40px 74px -40px rgba(16,40,90,.55);overflow:hidden;}
.vm-tabbtns{display:flex;background:#f4f7fc;padding:8px;gap:8px;}
.vm-tabbtn{flex:1;border:1px solid #e7edf6;background:transparent;color:#5a6675;font-weight:700;font-size:14.5px;padding:14px 10px;border-radius:13px;cursor:pointer;transition:.25s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;}
.vm-tabbtn:hover{color:#1a3c72;}
.vm-tabbtn.active[data-t="vision"]{background:linear-gradient(135deg,#234a86,#1a3c72);color:#fff;box-shadow:0 12px 24px -12px rgba(26,60,114,.6);}
.vm-tabbtn.active[data-t="mission"]{background:linear-gradient(135deg,#57b64a,#3f9a33);color:#fff;box-shadow:0 12px 24px -12px rgba(63,154,51,.6);}
.vm-pane{display:none;padding:30px 32px 34px;animation:vmfade .35s ease;}
.vm-pane.active{display:block;}
@keyframes vmfade{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.vm-pane-ic{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-bottom:16px;}
.vm-pane-ic.navy{background:linear-gradient(135deg,#234a86,#1a3c72);box-shadow:0 14px 26px -12px rgba(26,60,114,.6);}
.vm-pane-ic.green{background:linear-gradient(135deg,#57b64a,#3f9a33);box-shadow:0 14px 26px -12px rgba(63,154,51,.6);}
.vm-pane h3{color:#1a3c72;font-size:20px;font-weight:700;margin:0 0 12px;line-height:1.3;}
.vm-pane p{color:#5a6675;font-size:14.7px;line-height:1.75;margin:0 0 12px;}
.vm-pane .vm-list{list-style:none;padding:0;margin:0;}
.vm-pane .vm-list li{display:flex;align-items:flex-start;gap:11px;color:#33414f;font-size:14.4px;margin-bottom:11px;font-weight:500;}
.vm-pane .vm-list li i{width:22px;height:22px;border-radius:50%;background:#e8f4e6;color:#3f9a33;display:flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto;margin-top:2px;}
@media(max-width:991px){.abt-body{grid-template-columns:1fr;gap:34px;}.abt-head2 h1{font-size:29px;}}

/* ---------- WOMEN EMPOWERMENT — polish ---------- */
.we-media{position:relative;}
.we-media-badge{position:absolute;left:24px;bottom:-16px;background:#fff;color:#2f7a26;font-weight:700;font-size:13.5px;padding:11px 20px;border-radius:30px;box-shadow:0 18px 34px -14px rgba(0,0,0,.4);display:inline-flex;align-items:center;gap:9px;z-index:3;}
.we-media-badge i{color:#f5a623;}
.we-chips{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 20px;}
.we-chip{display:inline-flex;align-items:center;gap:8px;background:rgb(26 60 114);border:1px solid rgba(255,255,255,.32);color:#fff;font-size:13.3px;font-weight:600;padding:9px 16px;border-radius:30px;}
.we-chip i{color:#fff;font-size:13px;}
.we-tagline{color:#1a3c72;font-size:19px;font-weight:700;font-style:italic;margin:4px 0 26px;text-shadow:0 2px 12px rgba(0,0,0,.2);}

/* ---------- FAQ (accordion, one open at a time) ---------- */
.faq-wrap{padding:84px 0;background:#f6f8fc;}
.faq-head{text-align:center;max-width:680px;margin:0 auto 44px;}
.faq-eyebrow{display:inline-block;background:#e8f4e6;color:#3f9a33;font-weight:700;font-size:12.5px;letter-spacing:1.5px;text-transform:uppercase;padding:7px 18px;border-radius:30px;margin-bottom:14px;}
.faq-head h1{font-size:36px;color:#1a3c72;font-weight:800;margin:0 0 10px;}
.faq-head h1 span{color:#57b64a;}
.faq-head p{color:#6b7686;font-size:16px;margin:0;}
.faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 16px;
    align-items: start;
}
.faq-a {
    overflow: hidden;
}
.faq-item{background:#fff;border:1px solid #e7edf6;border-radius:14px;margin-bottom:14px;overflow:hidden;transition:box-shadow .3s,border-color .3s; width: 100%;  align-self: start;}
.faq-item.open{box-shadow:0 26px 54px -34px rgba(16,40,90,.45);border-color:#cfe0f0;}
.faq-q{width:100%;text-align:left;background:none;border:none;padding:20px 24px;font-size:16px;font-weight:600;color:#1a3c72;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:inherit;line-height:1.4;transition:color .2s;}
.faq-q:hover{color:#3f9a33;}
.faq-ico{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#eef4ff;color:#1a3c72;display:flex;align-items:center;justify-content:center;font-size:14px;transition:.35s;}
.faq-item.open .faq-ico{background:linear-gradient(135deg,#57b64a,#3f9a33);color:#fff;transform:rotate(135deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item:last-child {
    grid-column: span 1;
}
.faq-a-in{padding:0 24px 22px;color:#5a6675;font-size:14.6px;line-height:1.75;}
@media(max-width:575px){.faq-wrap{padding:60px 0;}.faq-head h1{font-size:27px;}.faq-q{font-size:15px;padding:17px 18px;}.faq-a-in{padding:0 18px 18px;}}
/* Mobile par wapas 1 column */
@media (max-width: 768px) {
    .faq-list {
        grid-template-columns: 1fr;
    }
}

/* ---------- mobile overflow safeguards ---------- */
html,body{overflow-x:hidden;max-width:100%;}
img,svg{max-width:100%;height:auto;}
*{-webkit-tap-highlight-color:transparent;}
@media(max-width:767px){
  .container{padding-left:16px;padding-right:16px;}
  .sb-footer .row{margin-left:0;margin-right:0;}
  .we-content h2,.mission-inner h1,.hiw-head h1,.lp-head h1,.abt-head2 h1,.cp-head h1,.fa-head h1,.commit-head h2,.faq-head h1{word-break:break-word;}
  .slider-wrap h2{font-size:34px;word-break:break-word;}
}

/* nav dropdown must not be clipped */
.sb-nav .container{overflow:visible !important;}
.sb-nav{overflow:visible !important;}