html {
	  scroll-padding-top: 80px;  /* height of sticky header */
	  overflow-x: hidden;
	}
	
	body{
		margin:0;
		padding:0;
		font-family: 'Inter', sans-serif;
		font-size:15px;
		color: #272727;
		overflow-x: hidden;
		line-height:1.7;
		letter-spacing: 0.8px;
		/* background: #fff url("../images/body_bg.jpg") repeat center top; */
	}
	
	a,a:hover,a:focus{ 
		text-decoration:none; 
		outline:none;
		color:#5332b4;
	}
	
	ul,li{ 
		margin:0;
		padding:0;
		list-style:none;
	}
	
	button{
		margin: 0;
		padding: 0;
		cursor: pointer;
		border: none;
		background: none;
	}
	
	button,button:focus{outline:none;}
	
	a:focus, a:hover {
		/*color: #007cc3;*/
		text-decoration: none;
		color:#5332b4;
	}
		
	.bg_element{ position: absolute;}
	
	.top_to_page {
		position: fixed;
		bottom: 5%;
		right: 40px;
		width: 50px;
		z-index: 1;
		cursor: pointer;
		border-radius: 50%;
	}
	
	.header_border{	
		border: 1px solid #d8d8d8;
		display: none;
		animation: fade .5s ease forwards;
	}
	
	@keyframes fade {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	.overlay_scroll{overflow:hidden;}
	
/* ================================== section title /subtitle =============================== */

	.sec_title{
		font-size: 40px;
		font-weight:500;
	}
	
	.sec_subtitle{
		font-size: 18px;
	}
	
	.orange{color:#e66952;}
	
	.blue{color:#5332b4;}
	
	.black,.black:hover,.black:focus{color: #181818;}
	
	.white,.white:hover,.white:focus{color:#fff;}
	
	.cust_btn{ display:block;}
	
	
/* ================================== Header =============================== */

	header{ 
		position: relative;
		position:fixed;
		width:100%;
		background:#fff;
		z-index:1024;
		top:0;
	}
	
	.fhir-logo{
		color: #4c4c4c;
		font-size: 12px;
		font-weight: 600;
		display: block;
		margin-left: 78px;
		margin-top: -4px;		
	}

	.navbar{
		padding:0;
		margin-bottom: 5px;
	}

	.navbar-toggler {
		border-color: #8c288b;
	}

	.navbar-toggler-icon span{
		background: #8c288b none repeat scroll 0 0;
		display: block;
		height: 2px;
		margin-top: 6px;
	}
	
	.navbar-nav{margin-top: 20px;}

	.navbar-nav .nav-item{ 
		position:relative;
		padding: 0 15px;
	}
	
	.navbar-nav .nav-item:last-child{ 
		padding-right:0;
	}
		
	.nav-item a{
		color: #181818;
		font-weight: 500;
		font-size: 18px;
	}
	
	.nav-item a:hover{
		color: #5332b4; 
	}

	.active-link {
	  color: #5332b4!important; 
	  font-weight: 700!important;
	}
		
	
/* ==================================  Backround strips ================================== */
	
	.stripe_blue,
	.bg_blue{background:#002b44;}
	
	.stripe_orange,
	.bg_orange{background:#e66952;}
	
	.stripe_yellow,
	.bg_yellow{background:#FFDA56;}
	
	.bg_gray{background:#edeeef;}
	
	
/* ================================== footer =============================== */


	footer{
		font-size:13px; 
		position:relative;
		background: #4C4C4C;
		color: #fff;
		padding: 20px 0;
		border-top: 1px solid #e8e8e8;
		text-align: center;
	}
	
	.social_icons a {
		margin: 5px;
		color: #4c4c4c;
		border: 2px solid #4c4c4c;
		border-radius: 50%;
		width: 35px;
		height: 35px;
		display: inline-block;
		line-height: 32px;
		text-align: center;
		font-size: 15px;
	}
	
	.social_icons a:hover {
		color: #7F60D8;
		border: 2px solid #7F60D8;
		transition: 0.5s all ease;
	}
		
/* ================================== Home page  =============================== */
	
	/* ---------- sec_banner ---------- */
	.sec_banner{
		position:relative;
		/* height: 80vh; 
		 min-height: 580px; */
	}
		
	/* .banner_img{
		position: absolute;
		right: 4%;
		bottom: 15%;
		max-width: 40%;
	} */
	
	.sec_banner .sub_title{
		font-size: 24px;
		font-weight: 500;
		    text-transform: uppercase;
	}
	
	.sec_banner .sub_title::before{
		content: "";
		display: inline-block;
		border-top: 2px solid #e66952;
		width: 3rem;
		margin: 0 1rem 0 0;
		transform: translateY(-0.5rem);
	}
	
	.sec_banner .title{
		font-size: 37px;
		font-weight: 400;
		color: #181818;
		margin-top: 20px;
	}
	

	/* ================================== 1. sec_oncosure ================================== */
	
	.sec_oncosure{position: relative;}
	
	.sec_oncosure .bg_lt {
		top: -20%;
		left: -3%;
		width: 20%;
	}
	
	.sec_oncosure .bg_stripe_lt{
		position: absolute;
		width: 80%;
		background: #FFDA56;
		height: 75%;
		top: 40%;
		left: -15px;
		z-index: -1;
	}
	
	.sec_oncosure .strip_img {
		max-width:90%; 
		margin-left: 45px;
	}
	
	.oncosure_aside{		
		background-color: #f7f8f9;
		width: 60%;
		margin-left: 25%;
		position: relative;
		margin-top: -5%;
		margin-bottom: 3%;
		z-index: 1;
	} 
	
	.oncosure_aside ul{
		padding:30px 0 16px 0;
		box-shadow: 2px 3px 10px 0px rgba(36, 35, 35,0.5);
	}
	
	.oncosure_aside li{
		padding: 0 25px;
		border-left: 1px solid #ccc;
		width:50%;
	}
	
	.oncosure_aside .card-title{
		font-size: 24px;
		margin-bottom: 5%;
		font-weight: 600;
	}
		
	.oncosure_aside li:nth-child(1){border-left: none;}
	
	/* ---- sec_features ---- */
	
	.sec_features{
		position:relative;
	}
	
	.sec_features .bg_lt{
		top:-10%;
		left:5%;
	}
	
	.sec_features .bg_rt{
		bottom: -8%;
		right: -10%;
		width: 21%;
	}
	
	.sec_features .logo_wrp{
		width: 350px;
		height: 350px;
		border: 8px solid #7F60D8;
		text-align: center;
		border-radius: 100%;
		align-items: center;
		display: flex;
	}
	
	.sec_features .logo_wrp img{
		margin:0 auto;
	}
	
	.feat_list li{
		background: #F5F5F5;
		border: 1px solid #d8d8d8;
		padding: 18px;
		width: 90%;
		margin: 0 auto 24px;
	}
	
	.feat_list li:hover{
		background: #FFDA56;
		transition: 0.200s all ease;
	}
	
	.list_lt li:nth-child(1),
	.list_lt li:nth-child(4){
		margin-left:20%;
	}
	
	.list_rt li:nth-child(1),
	.list_rt li:nth-child(4){
		margin-left:-10%;
	}
	
	
	/* ---- sec_advantages ---- */
	
	.sec_advantages{
		position:relative;
		background: #f7f8f9;
	}
	
	.sec_advantages .bg_lt{
		top: 30%;
		left: -5%;
		width: 15%;
	}
	
	.sec_advantages .icon{
		height:50px;
		margin-bottom:20px;
		
	}
	
	/* ---- sec_issues ---- */
	
	.sec_issues{position:relative;}
	
	.sec_issues .bg_stripe_lt {
		margin-left: -15px;
		height: 100%;
		background-image: linear-gradient(90deg, #FFDA56 40%, transparent 40%);
		display: flex;
		align-items: center;
		padding: 10% 0;
	}
	
	.sec_issues .list li {
		margin-bottom: 30px;
		padding-left: 40px;
		position: relative;
		font-size: 16px;
		line-height:1.5;
	}
	
	.sec_issues .list li i{
		font-size: 26px;
		position: absolute;
		left: 0;
		color: #7F60D8;
	}
	
	.sec_issues .bg_rt {
		bottom: -8%;
		right: -10%;
		width: 21%;
	}
	
	
	
	/* ================================== 2. sec_about ================================== */
	
	.sec_about{
		position:relative;
		background:#F7F8F9;
	}
	
	.sec_about .bg_lt{
		top: 25%;
		left: 3%;
	}
	
	/* ================================== 3. sec_news ================================== */
	
	.news_wrp{
		text-align:left;
		display: inline-block;
		border: 1px solid #d8d8d8;
		padding: 30px;
	}
	
	.news_date{
		font-weight: 600;
		color: #272727;
	}
	
	.news_wrp .news_title{
		font-size: 24px;
		font-weight: 500;
		color:#000000;
	}
	
	.more_btn{
		color: #5332b4;
		font-weight: 500;
		font-size: 20px;	
	}
	
	.news_wrp:hover .news_title,  
	.news_wrp:focus .news_title{
		text-decoration: underline;
		color:#5332b4;
	}
	
	
/* ================================== 4. Contact page   ================================== */ 

		
	/* ---- contact form --- */
	
	.sec_form{
		position:relative;
		/*background: #F7F8F9;*/
	}
	
	.gray_bg{
		background: #f7f8f9; 
		box-shadow: 2px 3px 10px 0px rgba(36, 35, 35,0.5);
	}
	
	
	/* tab */
	
	.nav-pills .nav-link {
	    background: #D8D8D8;
		color: #000;
		display: block;
		font-size: 20px;
		font-weight: 500;
		padding: 10px 0;
		width: 150px;
		text-align: center;
		text-decoration: none;
		border-radius: 0;
		cursor: pointer;
	}
	
	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		background: #694AC1;
		font-weight:400!important;
		color: #fff!important;
	}
	
	.contact_form_wrapper{
	    background: #f7f8f9;
		padding: 5%;
		box-shadow: 2px 3px 10px 0px rgba(36, 35, 35,0.5);
	}
	
	.contact_form_wrapper .form_input {
		position:relative;
		margin-bottom: 30px;
	}
	
	.contact_form_wrapper .input{
		padding: 10px 0px;
		display: block;
		width: 100%;
		border: none;
		border-bottom: 1px solid #7E7E7E;
		resize: none;
		font-size: 16px;
		background: transparent;
	}
	
	.validate_msg {
		color: #F16C51;
		display: inline-block;
		font-size: 12px;
		font-weight: normal;
		left: 0px;
		margin: 0 auto;
		padding: 4px;
		position: absolute;
		top: 100%;
		visibility:hidden;	
	}
	
	.contact_form_wrapper input:focus, 
	.contact_form_wrapper textarea:focus {
		outline: none;
	}
			
	.form_btn {
		border: none;
		outline: none;
		color: #fff;
		font-weight: 500;
		font-size: 16px;
		text-align: center;
		padding: 15px 40px;
		display: block;
		background: #7F60D8;
		margin-top: 10px;
	}
	
	.contact_info{
		color:#464646;
		padding:20px;
	}
	
	.site_address {font-weight: 500;}
	
	.site_address .location:before,
	.site_address .site_contact:before,
	.site_address .site_mail:before{
		font-family: FontAwesome;
		font-size: 24px;
		margin: 0 15px 0 0;
		color: #000000;
		vertical-align: middle;
	}
	
	.site_address .location:before {
		content: "\f041";	
	}
	
	.site_address .site_contact:before {
		content:"\f095";
	}
	
	.site_address .site_mail:before {
		content:"\f003";
	}
	
	.site_address address{margin-left:30px;}
	
	
	.contact_info .social_icons a {background:transparent;}
	
	
/* ================================== 2. News / News details =============================== */

	.inner_banner{
		position: relative;
		padding: 150px 0 50px 0;
		background: #f7f8f9;
		min-height: 300px;
	}
	
	.news_title{
		font-size: 29px;
		font-weight: 600;
		line-height: 40px;
	}
		
		
	.news_content .subhead{
		display: inline-block;
		margin-bottom: 10px;
		font-size: 17px;
	}
	
	.news_content a{
		font-weight:600;
		text-decoration: underline;
	}
	
	/*.news_date{
		font-weight: 600;
		color: #272727;
		font-size: 18px;
		margin-bottom: 15px;
		border-bottom: 1px solid #d8d8d8;
		padding-bottom: 10px;
		display:none;
	}*/
	
	
		
	
/* ================================== Media queries =============================== */

	@media (max-width: 1400px){
		
	}
	
	@media screen and (max-width: 1200px){
		
		.oncosure_aside {
			margin-top: -4px;
		}
		
		.sec_features .logo_wrp {
			width: 300px;
			height: 300px;
			margin-top:45px;
		}
	
	}
	
	
	@media screen and (max-width: 1024px){
		/*.navbar-nav {
			display: none !important;
		} */
		
		.bg_element{display:none;}
		
		.oncosure_aside {
			margin-top: -4px;
		}
	}
	
	@media screen and (max-width: 992px){
		.banner_img_wrp{ 
			position: static;
			width: 100%;
		}
		
		.oncosure_aside {
			width: 80%;
			margin-left: 10%;
			margin-top: 5%;
		}
		
		.oncosure_aside li {
			width: 100%;
			margin-bottom: 5%;
			border-left: none;
		}
		
		.sec_features .logo_wrp {display:none;}
		
		.list_lt li:nth-child(1),
		.list_lt li:nth-child(4){
			margin-left:0%;
			margin: 0 auto 24px;
		}
		
		.list_rt li:nth-child(1),
		.list_rt li:nth-child(4){
			margin-left:0%;
			margin: 0 auto 24px;
		}
		
		.sec_issues .list{
			width: 80%;
			margin: 0 auto;
		}
		
		.sec_oncosure .strip_img {
			width: 100%;
			margin-left: 0;
			max-width:100%;
		}
		
		.sec_issues .bg_stripe_lt img {
			 width:90%;
			 margin: 0 auto;
		}

	}
	
	@media screen and (max-width: 768px){
		
		.sec_banner {
			margin-top: 80px;
		}
		
		.oncosure_aside {
			background-color: #f7f8f9;
			width: 80%;
			margin-left: 10%;
		}
	
		/* Services page */
		.oncosure_aside li{
			width: 100%;
			margin-bottom: 5%;
			border-left: none;
		}
		
	}