*{	font-family: 'Libre Franklin', sans-serif; }
html, body{ height: 100%; width:100%; }

Extra small devices Phones (<768px)*/
@media (min-width: 480px) and (max-width: 767px) {  

}/*End*/

/* Small devices Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {

}/*End*/

/* Medium devices Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {

}/*End*/

/* Large devices Desktops (≥1200px) */
@media (min-width: 1200px) {


}/*End


/*Common Element*/
	.achBtn:visited,
	.achBtn{
		background-color: #3555ad;
		color: #fff;
		padding: 8px 16px;
		border-radius: 16px;
		text-align: center;			
	}

	.achBtn:hover{
		background-color: #4f73b7;
		color: #fff;
		text-decoration: none;
	}

	.achBtn:active{
		background-color: #8a9fc4;
		color: #fff;
	}

	/*Main Header*/
	.mainHeader-lg{
		position: fixed;
		z-index: 10;
		top: 0;
		left: 0;
		float: left;
		background-color: #1a1a1e;
		width: 100%;
		height: 100px;
		display: block;
	}

	.inner-lg{
		display: flex;
		height: 100%;
		width: 88%;
		margin: 0 6%;  
	}

	.brand-lg{
		width: 160px;
	}

	.brand-lg > a {
		width:100%;
		height: 100%;
		display: block;
	}

	.brand-lg > a > img{
		width:100%;
		margin-top: 14px;
	}

	.navg-lg{
		margin-left: 48px;
		width: calc(100% - 208px);
		display: block;
	}

	.navList-lg{
		list-style: none;
		padding: 40px 0 0 0;
	}

	.navList-lg > li{
		display: inline-block;
		margin: 0 24px;
	}

	.navList-lg > li > a{
		color: rgba(255,255,255,0.9);
		font-size: 1.2rem;
	}

	.navList-lg > li > a:hover{
		color: #98B2F9;
		font-size: 12px;
		text-decoration: none;
	}

	.navList-lg > li > a:active{
		color: #FFF;
		font-size: 12px;
	}

	.navList-lg > li > a.active{
		background-color: #3555ad;
		color: #fff;
		padding: 8px 16px;
		border-radius: 16px;
	}

	.navList-lg > li > a.active:hover{
		text-decoration: none;
	}

	/* Main Page*/

	.frontPage-lg{
		float: left;
		display: block;
		width: 100%;
		height: calc(100% - 100px);
		margin-top: 100px;
	}

	.page-elements-lg{
		float: left;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	.heroTitle-lg{
		float: left;
		width: 44%;
		margin-left: 6%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		position: relative;
	}	
	
	.heroTitle-lg > h1{
		color:#ffffff;
		font-weight: 900;
		font-size: 12rem;
		margin-bottom: 100px;
	}

	.heroTitle-lg > a{
		width: 200px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: 600;
		padding: 10px 32px;
		box-shadow: 5px 8px 5px #9fa4b5;	
	}

	.heroTitle-lg > a:hover{
		box-shadow: 2px 5px 5px #9fa4b5;	
	}

	.heroTitle-lg > p{
		position: absolute;
		bottom: 8px;
		font-size: 1rem;
		font-weight: 600;
		color: #ffffff;
	}

	.heroImage-lg{
		float:left;
		width: 44%;
		margin-right: 6%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	/*Learn More Page*/
	.page-title-lg{
		display: block;
		float:left;		
		width: 88%;
		margin: 45px 6% 0 6%;
	}

	.page-title-lg > h2{
		font-weight: 700;
		color:#2c2e35;
		font-size: 4.2rem;
	}

	.text-details-lg{
		float: left;
		display: block;
		width: 34%;
		margin-left: 6%;
		height: calc(100% - 122px);
	}

	.text-details-lg > p {
		font-size: 1.2rem;
		font-weight: 600;
		width: 80%;
		margin-top: 65px;
	}

	.learnMore-points-lg{
		float: left;
		display: block;
		width: 54%;
		margin-right: 6%;
		height: calc(100% - 122px);
	}

	.learnMore-card-lg{
		float: left;
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: 440px;
		background-color: #e9f2fa;
		color:#2c2e35;
		border-radius: 25px;
		box-shadow: 5px 8px 5px #cdd2d6;
		margin-top: 34px;
		padding: 32px; 
	}

	.pointCard-lg{
		width: 155px;
		height: 300px;
	}

	.pointCard-lg > p{
		text-align: center;
		font-size: 1.2rem;
		font-weight: 600;
		width: 100%;
		margin-top: 35px;
	}

	/*Benefits Page*/
	.benefit-contain-lg{
		float: left;
		width: 88%;
		margin: 0 6%;
		margin-top: 45px;
		height: calc(100% - 168px); 
	}

	.container-fluid-adj-lg{
		padding:0;
	}

	.benefit-card-lg{
		float: left;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		align-items: flex-start;
		width: 100%;
		height: 175px;
		background-color: #e9f2fa;
		color:#2c2e35;
		border-radius: 15px;
		box-shadow: 5px 8px 5px #cdd2d6;
		padding: 32px 16px; 
	}

	.benefit-card-lg > p {
		font-size: 1rem;
		font-weight: 600;
		width: 100%;
		margin-top: 16px;
		color:#374279;
	}

.benefit-card-lg > img {
		width: 54px;
	}

	.benefit-card-marginn-lg{
		margin-top: 34px;
	}

	/*Contact us*/
	.contactus-contain-lg{
		float: left;
		width: 88%;
		margin: 0 6%;
		margin-top: 45px;
		height: calc(100% - 168px); 
	}

	.contactus-card-lg{
		float: left;
		display: block;
		width: 100%;
		height: 390px;
		background-color: #e9f2fa;
		color:#2c2e35;
		border-radius: 15px;
		box-shadow: 5px 8px 5px #cdd2d6;
		padding: 32px; 
	}

	.query-select-lg{
		float: left;
		width: 50%;
	}

	.comment-box-lg > p,
	.query-select-lg > p{
		font-size: 1.2rem;
		font-weight: 600;
		width: 100%;
		color:#2c2e35;
	}

	.query-select-lg > select{
		float: left;
		box-shadow: 5px 8px 5px #9fa4b5;
		border: none;
		border-radius: 5px;
		width: 75%;
		margin-bottom: 24px;
		padding:16px 8px;
		font-size: 1.4rem;
		font-weight: 600;
		color:#7b7e85;
	}

	.comment-box-lg{
		float: left;
		width: 50%;
	}

	.comment-area-lg{
		float: left;
		box-shadow: 5px 8px 5px #9fa4b5;
		border: none;
		border-radius: 15px;
		width: 100%;
		margin-bottom: 24px;
		height: 235px;
		resize: none;
		padding:16px; 
	}

	.comment-box-lg > button{
		font-size: 1.4rem;
		font-weight: 600;
		padding: 10px 32px;
		box-shadow: 5px 8px 5px #9fa4b5;
		border: none;
		float: right;
		border-radius: 25px;
	}

	.comment-box-lg > button:hover{
		box-shadow: 2px 5px 5px #9fa4b5;
	}
	/* -- FAQs -- */
	.faq-lister-lg{
		list-style-type: none;
		float: left;
		display: block;
		margin-left: 6%;
		padding: 0;
		width: 45%;
		margin-top: 35px;  
	}

	.faq-lister-lg > li{
		margin-top:16px;
	}

	.quest-lg{
		display: block;
		width: 80%;
		background-color: #e9f2fa;
		color: #2c2e35;
		border-radius: 15px;
		box-shadow: 5px 8px 5px #cdd2d6;
		padding: 16px;
		font-size: 1.1rem;
		font-weight: 600;
	}

	.ans-lg{
		display: block;
		width: 80%;
		margin-left:10%;
		background-color: #9ab7df;
		color: #fff;
		border-radius: 15px;
		box-shadow: 5px 8px 5px #cdd2d6;
		padding: 16px;
		font-size: 1.1rem;
		font-weight: 600;
	}