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

.ui-icon{width:25px;height:26px;display:inline-block;vertical-align:middle;margin-top:2px;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;float:right;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nums{font-weight:700;color:#0c64b3;font-family:Verdana,Geneva,sans-serif}.ui-icon,.ui-widget-content .ui-icon{background-position:0 -22px;background-image:url(../images/plu-minus.png);background-repeat:no-repeat}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background:url(../images/plu-minus.png);background-position:0 2px;background-repeat:no-repeat}.section4 #accordion h3{font-size:18px;line-height:23px;margin-bottom:0;font-weight:700;display:block;background:#fff;color:#171717;text-align:left;padding:20px 16px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,0.12);position:relative}.section4 #accordion h3:before{background:none}.ui-accordion-content{padding:15px 0;background:#fff}


*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
::-moz-selection{background:#b3d4fc;text-shadow:none;}
::selection{background:#b3d4fc;text-shadow:none;}
body{font-family:"Open Sans", Verdana, Arial, Helvetica, sans-serif; font-size:17px;font-weight:500;line-height:30px;color:#103b5e;}
h1, h2, h3, h4, h5, h6{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:700;text-rendering:optimizeLegibility;margin-top:0px; color:#242a2f;}
/*h1, h2, h3, h4, h5, h6{font-family:'fs_elliot', Arial, Helvetica, sans-serif;font-weight:bold;text-rendering:optimizeLegibility;margin-top:0px;}*/
p{font-weight:normal;margin-top:0px;}
b, strong{font-size:17px;font-weight:600;}
a{color:#fc5353;text-decoration:none;line-height:inherit;}
a:hover{color:#fc5353;text-decoration:none;}
a:focus{color:#fc5353;outline:none;}
p a, p a:visited{line-height:inherit;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0px 0 10px;padding:0;}
img{vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.left{float:left;}
.right{float:right;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
img.alignleft{float:left;margin:0 10px 10px 0;display:inline;}
img.alignright{float:right;margin:0 0px 10px 10px;display:inline;}
img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:10px;}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px;}
.ir:before{content:"";display:block;width:0;height:150%;}
.hidden{display:none !important;visibility:hidden;}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}
.invisible{visibility:hidden;}
.group:after{content:"";display:table;clear:both;}
.floatbox{overflow:hidden;}
.clear{clear:both;height:1px;line-height:1px;}
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*-- Parent Class --*/
#container{min-width:320px;overflow:hidden; position:relative;}
.container{max-width:1140px;width:100%;position:relative;z-index:9; margin: 0 auto;}
#header{position:relative transition: all 0.5s ease; z-index:999; background:#fef3e6; padding:20px 0 12px; }
.banner-wpr{ background:#fef3e6; padding-top: 30px;}
.banner-wpr .container{ max-width:1150px; margin:0 auto; position:relative;}

.heading-img{ background:#fef3e6; position:absolute; left:0; top:0;width: 100%; max-height:816px; height:100%;}
.heading-img img{ height:100%; width:100%; o-object-position: bottom;-o-object-fit: cover; object-fit: cover; object-position: bottom;}
#header .container { max-width: 1150px; width:100%; margin:0 auto; position: relative;}

#main-navigation{position: relative; padding: 0px 0; z-index: 999;}
#top-bar{ position: relative; transition: top 0.5s ease-in-out; width: 100%; padding:0; z-index:999;}
#content{padding:0px 0 0px;margin:0px 0 0;min-height:350px;position:relative;z-index:99;background:#fff;}
body.home #content{ background:transparent;}
#footer{padding:30px 0;background:#f8fafe; position:relative; margin-top:0px; border-top: 1px solid #d8dfef;}

.post dl, .post dt, .post dd, .post ul, .post ol, .post li, .post h1, .post h2, .post h3, .post h4,
.post h5, .post h6, .post pre, .post p, .post blockquote, .post th, .post td{margin:0;padding:0;font-size:15px;direction:ltr;}
.post p{font-family:inherit;font-weight:400;font-size:16px;line-height:1.6;margin-bottom:20px;color:#103b5e;text-align:left;}
.post p.lead{font-size:18px;line-height:30px;margin-bottom:25px;}
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6{font-weight:normal;font-style:normal; color:#1c1e21; text-rendering:optimizeLegibility;line-height:1.1;margin-bottom:14px;margin-top:0px;}
.post h1 small, .post h2 small, .post h3 small, .post h4 small, .post h5 small, .post h6 small{font-size:60%;color:#1c1e21;line-height:0;}
.post h1{font-size:35px;line-height:40px;margin-bottom:15px; font-weight: 800; font-family:"Open Sans", sans-serif; color:#103b5e;}
.post h2{font-size:30px;line-height:35px;margin-bottom:15px; font-weight: 800; font-family:"Open Sans", sans-serif; color:#103b5e;}
.post h3{font-size:20px;line-height:30px; font-weight: 700;}
.post h4{font-size:16px;line-height:20px;font-weight: 600;}
.post h5{font-size:14px;line-height:20px;font-weight: 700;}
.post h6{font-size:12px;line-height:18px;}
.post code{font-weight:bold;background:#111111;}
.post ul, .post ol, .post dl{font-size:16px;line-height:1.5;margin-bottom:20px;list-style-position:outside;}
.post ul li ul, .post ul li ol{margin-left:20px;margin-bottom:0;}
.post ul{list-style:none;}
.post ul li{margin:0 0 15px;padding:0 0 0 22px;display:block; color:#103b5e; background:url(../images/bullet.png) no-repeat 0 8px;  line-height: 1.6;font-size: 16px; font-weight:400;}
.post ul li a{color:#ff6c2c;}
.post ul li a:hover{color:#fc5353;}
.post ol{margin-left:20px;}
.post ol li ul, .post ol li ol{margin-left:20px;margin-bottom:0;}
.post ol li{margin:0 0 15px;padding:0;display:block; color:#103b5e; line-height: 1.6;font-size: 16px; font-weight:400;}

.logo{z-index:9999;padding:5px 0 0 0; margin-right: 90px; text-align:left; width:100%; max-width:250px; min-width: 100px;float: left; position:relative;}
  
#top-bar.white-bg .logo{ margin-top: 0px; padding-top: 0px;}
#top-bar.white-bg{position:fixed; top:0; left:0; width: 100%; min-height: 45px; display:block; z-index:9999; transition: all 0.5s ease; opacity: 1; background:#fef3e6; padding: 20px 0;}

#header .apply-btn, #header1 .apply-btn{font-size:18px;line-height:20px;margin:0px auto 0;padding:13px 25px;text-align:center;background:#d21181;}
#header .apply-btn:hover, #header1 .apply-btn:hover{color:#fff; background: #ea6e6e; -webkit-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);-moz-box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);box-shadow:5px 5px 5px 0px rgba(50, 50, 50, 0.50);}

.punchline {width: 100%; padding: 0px;position: relative; margin-top: 50px;}
.punchline ul{ list-style:none; margin:0; padding:0;}
.punchline ul li{ background:url(../images/tickicon.svg) no-repeat 0 8px; padding:0 0 0 25px; margin-bottom: 15px;float:left; width:50%; color:#fff; font-size: 15px;text-align: left;}
.banner-wpr .header-img { width: 90%; float: right;}

.punchline h1{ font-weight: 800; font-family:"Open Sans", sans-serif; font-size: 36px; line-height: 1.3; color:#df4424; letter-spacing: 0.5px; margin-bottom: 20px;}
.punchline p{color:#000; font-size:16px; line-height: 1.7; margin-bottom: 40px;font-weight: 400;}
.punchline .btn-box{ text-align: left;}
.punchline .btn{ margin:0; background:#1d6ae5; border-color: transparent; border-radius:0;}
.punchline .btn:hover{ background:#1555ba; border-color: transparent;}

.punchline p.small {font-weight: 400; font-size: 14px; color:#000 !important; display: inline-block;margin: 0 0 15px 0;}
.wrp-box1 {padding: 80px 0 0px 0; position:relative;}
.wrp-box1 .container{ max-width:1110px; margin:0 auto; width:100%;}

.four-points{ position:relative; margin:20px 0; padding:0;}
.four-points ul li{ position:relative; margin:0 0 15px; padding:0 0 0 20px; width:50%; float:left; background:url(../images/tick.svg) no-repeat 0 5px; color:#000;}

.content-img.content-img2 {margin-top: 50px;}
#faqs.innper-faqs{ padding:50px 0;}

.grey-section .get-quote { max-width: 250px;}
.grey-section .get-quote p.small{color:#222; margin-top:10px;}

@media (max-width:1100px){
.punchline{padding: 20px 0 0;}
.wrp-box1 {padding: 160px 0 100px 0;}
}


@media (max-width:900px){
.punchline{ padding:0;}
.punchline h1{font-size: 40px;line-height: 1.2;}
.punchline ul li{ float:none; width:100%; margin-bottom: 10px;}
.wrp-box1 { padding: 140px 0 100px 0;}
}

@media (max-width:767px){
.punchline{ width: 100%;padding:0px 30px 50px; margin: 40px 0;}
#top-bar .container{ padding:0;}
.logo { padding: 5px 0 0px 20px; margin-right: 0; text-align: left; width:200px; float: none;}
.punchline h1{font-size: 38px; line-height: 1.3; margin: 0px 0 20px;}
.punchline p{ text-align: center; margin-bottom: 20px; font-size: 20px;}
.punchline .btn-box{ text-align: center;}
#header .container { padding: 0;}
.form-label label { font-size: 16px !important; line-height: 18px !important; padding-top:0 !important;}
.punchline ul li{ float:left; width:50%; margin-bottom: 10px;}
.banner-wpr { padding-top: 0;}
}

@media (max-width:540px){
.punchline { padding: 30px 15px 50px;}
}

@media (max-width:440px){
.punchline ul li { float: none; width: 100%;}
.punchline { padding: 10px 15px 30px;}

}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {
.amount-slider-area .form-input.textfield input, .slider_wrapper .form-input.textfield input#edit-topup-amount, .slider_wrapper .form-input.textfield input#edit-loan-amount {
    text-align: center !important; width: 90px !important;}
.form-label label { font-size: 17px !important; line-height: 20px !important; padding-top:0 !important;}
}}


/*
#main-navigation ul{margin:0;padding:0;list-style:none;position:relative;z-index:999; float:right; }
#main-navigation ul li{float:left; margin:0px 1px 0 0; padding:0 15px; position:relative; transition: all 0.5s ease; }
#main-navigation ul li:first-child{background:none;padding-left:0; }
#main-navigation ul li.last-btn {padding-right: 0px; border-right: none; float: right;position:relative; margin:0; }
#main-navigation ul li.last-btn a{ padding: 10px 32px; border-radius: 5px; margin:0; position:relative; text-align:center; color:#fff; background:#df4424; transition: all 0.5s ease; font-weight:700; font-size: 14px; }
#main-navigation ul li.last-btn a:hover, #main-navigation ul li.last-btn.active a{ background:#1a5fce; color:#fff;}
#main-navigation ul li.last-btn a:before{ display: none;}



#main-navigation ul li a{text-decoration:none;display:block;text-align:center;padding:11px 2px;font-size:15px; font-weight: 700; color:#000;line-height:16px;position:relative;
transition: all 0.5s ease; font-family: "Open Sans", sans-serif; border-color: transparent; border-radius: 0;}
#main-navigation ul li a:hover, #main-navigation ul li.active a{color:#ff6c2c;z-index:99;transition:all 0.3s ease; }
#main-navigation .menu-btn{display:none;margin-right:0px;padding:12px 13px;position:absolute;right:0;top:10px;z-index:9999;background: transparent;border:none;}
#main-navigation .menu-btn .icon-bar{background:#fff;display:block;height:3px;position:relative;transition:all 0.3s cubic-bezier(0.19, 1, 0.22, 1) 0s;width:24px;}
#main-navigation .menu-btn .icon-bar + .icon-bar{margin-top:4px;}
#main-navigation .menu-btn:focus{outline:medium none;}
#main-navigation.active-menu .menu-btn span.icon-bar:nth-child(2n){opacity:0;}
#main-navigation.active-menu .menu-btn span.icon-bar:first-child{top:8px;transform:rotate(38deg);}
#main-navigation.active-menu .menu-btn span.icon-bar:last-child{bottom:6px;transform:rotate(-43deg);}


#top-bar.nav-down #main-navigation ul li a{padding: 18px 2px;}
#top-bar.nav-down #main-navigation ul li.last-btn a{ padding: 15px 25px; }

@media (min-width:768px){#main-navigation ul{display:block !important;}}

@media (max-width:767px){
#main-navigation{background:none;padding:0; float: none;display: block; width: 100%;margin-top: 0px;}
#main-navigation .menu-btn{display: block; right: 10px; top: -40px;}
#top-bar.white-bg #main-navigation .menu-btn{top: -38px;}
#main-navigation ul{position:relative;display:none;padding:0px;left:0px;top:20px;z-index:1000;width:100%;}

#main-navigation ul li{float:none;margin:0px;background:none;padding:0;border-bottom:1px solid #d8d5d4;}
#main-navigation ul li a{background:#fbf5f5;color:#103b5e;text-align:center;padding:15px 15px;line-height:22px;font-size:16px;border-radius:0; font-weight:500;}
#main-navigation ul li:hover a, #main-navigation ul li.active a{box-shadow:none;text-align:center;color:#000;}
#main-navigation .container{padding:0;}
#main-navigation ul li.last-btn{float: none;margin:0;}
#main-navigation ul li a:before{ bottom:0;}
#main-navigation ul li.last-btn a { padding: 12px 25px;}
#top-bar.nav-down #main-navigation ul li a{padding: 12px 2px;}
#main-navigation .menu-btn .icon-bar {  background: #ff6c2c;}
#top-bar.white-bg #main-navigation .menu-btn .icon-bar {  background: #ff6c2c;}
#main-navigation ul li a:before{ background: none; display: none;}
}

@media (max-width:380px){
.punchline h1 { font-size: 34px;}
.punchline ul li{ float:none; margin-bottom: 10px; width:100%;}
}*/


#main-navigation ul li.last-btn {padding-right: 0px; border-right: none; float: right;position:relative; margin:0; }
#main-navigation ul li.last-btn a{ padding: 10px 32px; border-radius: 5px; margin:0; position:relative; text-align:center; color:#fff; background:#df4424; transition: all 0.5s ease; font-weight:700; font-size: 14px; }
#main-navigation ul li.last-btn a:hover, #main-navigation ul li.last-btn.active a{ background:#1a5fce; color:#fff;}
#main-navigation ul li.last-btn a:before{ display: none;}
 
.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: none;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #fef3e6;
	}

/* Styling the links */
nav a {
	display:block;
	padding:4px 20px 16px;	
	color:#000;
	font-size:17px;
	text-decoration:none;
}

nav ul li > ul {  border-radius: 7px !important; padding:10px 0;background: #fff !important; }
nav ul li > ul > li.first{ position:relative;}
nav ul li > ul > li.first:before{background:url(../images/uparrow.png) no-repeat 0 0; position:absolute; left:29px; top:-19px; width:15px; height:9px; content:"";}
i > li.first:after {
  content: ' 🢑';
  font-size: 25px;
  top: 14px;
  position: absolute;
  text-indent: 2px; color:#000;
}


nav ul li > ul > li{ position:relative; background:none;}
nav ul li > ul > li a{padding: 13px 20px; font-size: 15px; line-height: 1.5;}

nav ul li > ul > li:hover { background: #f4f9ff; color:#ff7234;}
nav ul li > ul > li a:hover {color:#ff7234;}

/* Background color change on Hover */
nav a:hover {  color:#da4903;
	/*background-color: #da4903; */
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 50px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:270px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
nav li > a:after { content:  ' 🢓'; font-size:25px; top: 14px; position: absolute;text-indent: 2px; }
nav li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */
@media all and (max-width : 960px) {
nav a{font-size: 15px;padding: 6px 15px 14px;}
#main-navigation ul li.last-btn a {padding: 10px 14px;}
}

@media all and (max-width : 900px) {
.logo { margin-right: 45px;max-width: 220px;}
}


@media all and (max-width : 768px) {
	#main-navigation{margin-top: -45px;}
	nav {
		margin: 0;
	}
	nav ul li > ul > li a {
  font-size: 15px;
  border-bottom: 1px solid #353535;
}

nav ul li > ul > li.first:before{ display:none;}
nav ul li > ul{ padding:0;}
	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}
	nav ul li > ul > li a:hover {color:#fff;}

	/* Stylinf the toggle lable */
	.toggle { text-align:center;
		display: block;
		background-color: #fef3e6;
		padding:10px 20px 10px 20px;	
		color:#000;
		font-size:17px;
		text-decoration:none;
		border:none;cursor: pointer;
		
	}

	.toggle:hover {
		background-color: #fef3e6;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block; text-align:center;
		width: 100%;
		}
		
		#main-navigation .menu {
  text-align: right;
}

.toggle.menu-right {
  text-align: right;
}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {color: #fff;
		background-color: #d74600;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #212121; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}

}

/*-main-section --*/
.main-section{ background:#fff; position:relative;padding-top: 40px;}
.two-layout .box{padding: 30px 0 0; position:relative;}
.faqs-section { position: relative; background: #fff; padding: 80px 0;}
.content-img { max-width: 420px; width: 100%; text-align: center; display: block; margin: 0 auto; }
.two-layout { position: relative; padding: 50px 0 80px;}
.two-layout h2{ font-size:36px; font-weight: 800; color:#103b5e; line-height: 48px;}

.three-steps{ background:#fff; padding: 70px 50px; border-radius:10px; position:relative; box-shadow: 0px 10px 32px rgba(3,63,130,.1); margin-bottom: 60px;}
.three-steps h2 {font-size: 30px; font-weight: 800; text-align:center; color:#103b5e; max-width: 600px; margin: 0 auto 50px; line-height: 40px;}
.three-steps .box1{ text-align: center; background: #fdfbf9; padding: 30px; border-radius: 10px;}
.three-steps .box1 p, .three-steps .box1 h3{ text-align:center;}
.three-steps .box1 .icon {text-align: center; display: block; max-width: 100px; margin: 0 auto 20px;}

/*-- Home page accordian--*/
#accordion h3 { font-size: 18px; font-weight:700; color:#30363d; padding: 20px 0; border-bottom: 1px solid #f1f1f1; margin-bottom:0; font-family:"Open Sans", Verdana, Arial, Helvetica, sans-serif;line-height: 20px;cursor: pointer;}
#accordion ul li{ background: url(../images/bullet.png) no-repeat 0 5px;margin-bottom: 15px; font-weight: 400 !important; line-height: 21px;}


.apply-btn{color:#fff; background: #ff6c2c; font-size: 18px; font-weight:600; display: inline-block; transition: all 0.3s ease; padding: 15px 50px; border-radius: 100px; box-shadow: 0px 2px 9px 0px rgba(0,0,0,0.25); margin:30px 0 0; } 
.apply-btn:hover{background: #fb804a; color:#fff; }

.grey-section{ position:relative; background:#f8fafe; padding:50px 0;}
.grey-section .icon { float:left; width:13%;}
.grey-section .rightbox{ width:87%; float:right;}

.grey-section .center-box { text-align: center; margin-bottom: 30px; padding:30px 0;}
.grey-section .center-box p{ text-align:center;}
.col1 {background: #fff;padding: 20px;border-radius: 10px; margin-bottom: 20px; position:relative;box-shadow: 4px 12px 32px rgba(73,53,192,.12); transition: all 0.5s ease; cursor:pointer;}
.col1:hover{ margin-top:-5px;}

.section1{ background:#fff; position:relative; padding:70px 0;}
.section1 .light-blue{ background:#ebfaff; padding:30px; position:relative; border-radius:10px; margin-bottom:30px;}
.section1 .light-red{ background:#fff1f1; position:relative; padding:30px; border-radius:10px; margin-bottom:30px;}

.section1 .light-blue h2, .section1 .light-red h2, .section1 .light-green h2{ font-size: 24px;}
.section1 .light-blue p, .section1 .light-red p, .section1 .light-blue ul li, .section1 .light-red ul li{ color:#103b5e;}
.light-green{ background:#eefaf2;padding:30px; position:relative; border-radius:10px; margin-bottom:30px;}
#faqs { position:relative; padding:0; margin:0;}
#faqs ul{ list-style:none; margin:; padding:0;}
#faqs ul li{margin: 0 0 20px; padding: 0 40px 0 0px; display: inline-block; width: 49%; background: none;vertical-align: top; color:#103b5e;}
#faqs ul li h3{font-size: 18px; line-height: 28px; font-weight: 700; color:#103b5e;}
#faqs ul li p{ color:#103b5e;}

.call-to-action{ background:#00c2ff; padding:25px 30px; border-radius:20px; position:relative; margin-bottom: 50px;}
.call-to-action .inner{ padding: 65px 0 20px 55px; position:relative;}
.call-to-action .inner h2, .call-to-action .inner p{color:#fff;}
.call-to-action .icon { max-width: 300px; text-align: center; margin: 0 auto;}
.call-to-action .get-quote  {text-align: center; max-width: 300px;}
.call-to-action .get-quote .orange-btn{ margin-bottom: 10px; font-weight: 700; font-size: 24px;padding: 24px 45px;}
.call-to-action .inner h2 {font-size: 36px; line-height: 45px;}

.leftbox-wpr, .righbox-wpr{background: #fff;padding: 40px 50px;border-radius: 10px;position: relative;box-shadow: 0px 10px 32px rgba(3,63,130,.1);margin-bottom: 60px;	}
.righbox-wpr{ border-top:12px solid #00c2ff;padding: 0;max-width: 210px; width:100%;}
.righbox-wpr ul li{ padding:0; background:none; margin:0; display: block; width: 100%;}
.righbox-wpr ul li a{ padding:6px 15px; transition: all 0.5s ease; color:#1d3245; display:block; font-size: 15px; font-weight:500;}
.righbox-wpr ul li a:hover{ background:#f0fbff; color:#00c2ff;}
.righbox-wpr ul li.active a{background:#f0fbff; color:#00c2ff;}
.leftbox-wpr h2 { font-size: 24px;}
.leftbox-wpr h3{font-size:20px;}

.three-steps.three-steps-iner { box-shadow: none; padding: 0;  margin: 30px 0;  position: relative;}
.three-steps.three-steps-iner h2 { text-align: left; margin: 0 0 30px 0; padding: 0;}

#form-wrp { max-width: 800px; margin: 0 auto; position: relative; background:#f8f8f8; padding:30px 40px;}
#form-wrp form{ margin-top:30px;}
#form-wrp p{ margin-bottom: 10px; color:#000;}
#form-wrp a{color:#000;}
label {display: block;padding-bottom: 4px; font-size: 17px;}
input, select, textarea {border-radius: 5px;border: 1px solid #ccc;  box-sizing: border-box;  font-size: 17px;  width: 100%; padding: 8px; margin-bottom: 20px; font-weight:400;}
textarea {height: 250px;}
#form-wrp form button:hover {  border: 2px solid black;}
.button-wpr { background: #399e07; color: #fff;  font-size: 17px;  text-transform: uppercase; display: block;  margin: 0 0 10px; border-radius: 4px;  cursor: pointer;}
.reset{ background:#dc8c0d;}
#form-wrp ul li{ background:none; padding:0;}

.leftbox-wpr.faqspage h3 {color:#103b5e; }
.box.serbox {margin: 0; padding: 0;}

.box-msg {
  background: #fff;
  padding: 20px 25px;
  border-radius: 10px;
  position: relative;
  max-width: 700px;
  margin: 50px auto;
  text-align: center;
  box-shadow: 2px 0 10px 3px rgba(0, 0, 0, .15);
  top: 50px;
}

.ser-section{ position:relative; }
.ser-section ul{ position:relative; background:#f9f9f9; padding:30px 25px; border-radius:10px;}
.ser-section ul li{ display: inline-grid; width: auto; margin-right: 30px; background-position: 0 7px;}
.ser-section .loan-optoin{ position:relative; text-transform: uppercase; color: #aaa; font-size: 14px; background:#fff; padding:5px 15px 5px 0px;}
.ser-section .loan-optoin:after{ width: 120px; height: 1px; position: absolute; right: -120px; content: ""; top: 15px; background: #1acc8d; }
.singlemom{ padding-top:50px;}
.list-check ul li{ background:url(../images/bullet-green.png) no-repeat 0 7px;}
.list-check ul li span {color: #31af42; font-weight:700;}

.dot-list ul li{ background:url(../images/dots.png) no-repeat 0 10px; padding-left: 15px;}
.cons-list ul li{background:url(../images/cons.png) no-repeat 0 4px; padding-left: 28px;}
.cons-list ul li span{color:#cb0600; font-weight: 700;}
.list-none ul li{ background:none !important; padding-left: 0;}


@media (max-width:850px){
.leftbox-wpr, .righbox-wpr { padding: 40px 24px;}
}

@media (max-width:767px){
	#faqs ul li{ width:100%; padding:0;}
	.call-to-action .inner { padding: 25px 0 20px 0px;}
	.call-to-action .get-quote .orange-btn{ font-size:18px;padding: 15px 31px;}
	.call-to-action .icon {max-width: 170px;}
	.leftbox-wpr, .righbox-wpr {padding: 40px 20px;}
	.singlemom{ padding-top:0px;}
	.content-img{ margin-bottom: 20px;}	
	.two-layout { padding: 50px 0 40px;}
	.grey-section .center-box{ padding:0;} 
	.call-to-action .inner h2 { font-size: 30px; line-height: 38px;}
}


#footer .navigation{text-align:left;padding:0 0 0 0px; margin:0px; }
#footer .navigation ul{list-style:none;margin:0 0 15px;padding:0px;text-align:left;}
#footer .navigation ul li{display: block; margin: 0 0px 15px 0; padding: 0px 0px 5px 0px;  line-height: 12px; text-align: left; background:none !important; color:#536d8c; width:100%;}
#footer .navigation ul li a{ color:#536d8c; font-size: 14px; font-weight:400; padding:0; }
#footer .navigation h3{color:#153b5e; font-size: 18px; font-weight: 600; margin-bottom: 20px;}
.copyright{padding:0px 0px;margin-bottom:20px; text-align:left;  }
.copyright p{color:#536d8c; font-size: 15px; font-weight:400; line-height:1.6; margin-bottom: 20px;}
.disclaimer p{color:#536d8c; font-size: 12px; font-weight:400; line-height:1.5; margin-bottom: 20px;}
.copyright p a{color:#536d8c;}
.disclaimer { padding-top: 0px; margin-top: 0px;margin-bottom: 10px;}
.disclaimer p strong{ font-size: 14px;}
#scroll { position: fixed;right: 0;bottom: 80px;background: #df4424;color: #fff;text-decoration: none;padding: 20px 16px; border-radius: 30px; z-index: 999;}
.address-logo-wpr{ position:relative; padding:30px 0; border-top:1px solid #dfe6f1; border-bottom:1px solid #dfe6f1; margin:30px 0 20px;}
.address-logo-wpr p{font-size: 14px; line-height: 22px;color:#536d8c;}
.address-logo-wpr p strong{font-size: 14px; line-height: 22px;}
.address-logo-wpr .logo{ text-align:center; margin-bottom: 15px;}

.box.box-singlemonthr {
  margin: 0;
  padding: 0;}
  


/*--Cookies --*/
.cookie-alert {
  position: fixed;
  bottom: 0px;
  right: 15px;
  width: 100%; background:#f1f1f1; padding:25px 15px; text-align:center;
  margin: 0 !important;
  z-index: 999;
  opacity: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
}

.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}



#app-box p {
  text-align: center;
}
body.application-page1 .row{
  padding: 40px;
  max-width: 700px; width:100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.application-page1 .progressBar {
	margin-bottom: 26px;
	margin-bottom: 1.66em;
	position: relative;
	
}

body.application-page1 .progressBarcontainer {
	width: 100%;
	height: 10px;
	background: #E1E1E1!important;
	overflow: hidden;
	border-radius: 0.3em;
}
body.application-page1 .progressBarValue {
	height: 10px;
	float: left;
	border-radius: 0.3em;
	background:#39F;

}

body.application-page1 .speech-bubble {
	font-size: 0.75em;
	line-height: 2em;
	position: absolute;
	top: -0.60em;
	text-align: center;
	min-width: 3em;
	border-radius: 0.3em;
	color: white;
	display: none;
}

body.application-page1 .speech-bubble:after {
	border: 0.5em solid transparent;
	content: "";
	margin-left: -0.5em;
	position: absolute;
	bottom: -50%;
	left: 50%;
}

body.application-page1 .html {
	left: calc(88.5% - 1.5em);
}
  
body.application-page1 .css{
	  left: calc(78.5% - 1.5em);
}

body.application-page1 .javascript{
	left: calc(58.5% - 1.5em);
} 

body.application-page1 .react{
	left: calc(48.5% - 1.5em);
}

body.application-page1 .jquery{
	left: calc(58.5% - 1.5em);
}

  
body.application-page1 .html:after {
	border-top-color: #a487b2;
}

body.application-page1 .css:after{
	border-top-color:#a487b2;
}

body.application-page1 .javascript:after{
	border-top-color:#a487b2;
}

body.application-page1 .react:after{
	border-top-color:#a487b2;
}

body.application-page1 .jquery:after{
	border-top-color:#a487b2;
}


@media (max-width:767px){
	#footer nav a:hover,
 	#footer nav ul ul ul a {color: #fff; background-color: transparent;}
	#footer nav a:hover{ color:#000;}
	}