/*-- landing page css ---*/

:root {
  --htext-blue-color: #0071b9;
  --htext-white-color: #004773;
  --hbg-primary-color: #004773;
  --hbg-sec-color:#eaf7fe;
}

body.iatse-path-node-15000016 div#block-iatse-873-page-title{display:none;}
body.path-frontpage .highlighted{margin-bottom:0px;}
/*-- home top section css---*/
.opening-section-top{
	position: relative;
    background: #0071b9;
    margin: 0px -15px;
    padding: 0px 20px;
}
.top-header-logo{position:relative;}
.top-header-logo img{border-radius:50%;  width:210px; height:210px;}

.overlay-bgright{
	position: absolute;
    background: #00001f;
    right: 0px;
    height: 100%;
	top:0px;
	bottom:0px;
    width: 23.8%;
}

.logo-stripsline{
	position: absolute;
    right: 47%;
	width:54px;
    top: 0px;
    bottom: 0px;
    display: flex;
}
.logo-stripsline div{
	background: #00001f;
    margin-right: 5px;
    height: 100%;
    display: block;
}
.logo-stripsline div:nth-child(1){width: 2px;
    margin-right: 9px;}
.logo-stripsline div:nth-child(2){width: 2.5px;
    margin-right: 8.5px;}
.logo-stripsline div:nth-child(3){width: 3.5px;
    margin-right: 7.5px;}
.logo-stripsline div:nth-child(4){width: 4px;
    margin-right: 6.5px;}
.logo-stripsline div:nth-child(5){width: 5px;
    margin-right: 6.5px;}

.headtop-title{
	font-size: 55px;
    line-height: 57px;
    margin-bottom: 20px;
	color:#fff;
    font-weight: 900;
	font-family: 'Criteria-Super';
}

.headtop-subtext{
	font-size: 22px;
    color: #fff;
    line-height: 30px;
	font-family: 'Criteria-Bold';
}

/*-- category section css --*/
.text-blue-color{#004773;}

.catimg-section{padding:40px 0px;}
.catimg-section .catg-title a{color:var(--htext-blue-color); margin-top:5px; font-size:27px; font-weight: bold; font-family: 'Criteria-Bold';}
.catg-img img{width:140px; height:140px; border-radius:50%;}
.catimg-section .catg-title a:hover{text-decoration:none; opacity:0.8;}

/*-- promoting section ---*/


.hpromting-section {
    padding: 40px 0px;
    margin: 0px -15px;
    padding: 40px 20px;
    background: #eaf7fe;
	position:relative;
}
.hpromting-section .row{background:var(--hbg-sec-color);}
.promt-htitle a{font-size:40px; color:var(--htext-blue-color); font-weight: bold; margin-bottom: 15px; font-family: 'Criteria-Bold';}
.promt-subtext{font-size:22px; line-height:25px; color:var(--htext-blue-color); font-weight:bold; font-family: 'Criteria-Bold';}
.promt-htitle a:hover{text-decoration:none; opacity:0.8;}

.txt-btnlink{
    border-radius: 15px;
    border: solid 2px #fff;
    padding: 5px 20px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
	font-family: 'Criteria-Bold';
}	
.txt-btnlink:hover{
	text-decoration:none;
	opacity:0.8;
	color:#fff;
}

a.txt-btnlink.pay-now  {
   background-color: #5abb62;
   border: solid 2px #5abb62;
   padding: 8px 27px;

}

.strips-line{
	position: absolute;
    left: 50%;
    display: flex;
    top: -40px;
    bottom: -40px;
    display: flex;
}
.strips-line div{
	background: #0071b9;
    margin-right: 20px;
    height: 100%;
    display: block;
	
}
.promoting-img-sec{position:relative;}
.promoting-img-sec img{
	width: 230px;
    height: 230px;
    border-radius: 50%;
	
	}

.strips-line div:nth-child(1){width:4px;}
.strips-line div:nth-child(2){width:4px;}
.strips-line div:nth-child(3){width:3px;}
.strips-line div:nth-child(4){width:3px;}
.strips-line div:nth-child(5){width:3px;}
.strips-line div:nth-child(6){width:2px;}
.strips-line div:nth-child(7){width:2px;}

.geninfo-section:after {
     background: #0071b9;
    right: -15px;
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    top: 0px;
    z-index: -1;
}

.geninfo-section .row .col-md-6{
	padding:40px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.geninfo-section .row .col-md-6.info-textsection{
	background:#0071b9;
	padding:40px 20px;
}
.leftbg-img{
	background: #0071b9;
    left: -15px;
    position: absolute;
    content: '';
    width: calc(50% + 15px);
    height: 100%;
    top: 0px;
    z-index: -1;
}
.leftbg-img img{width:100%; height:100%; object-fit:cover;}
.heading-info-sec {
background: #004773e0;
    width: 291px;
    height: 291px;
    border-radius: 50%;
    align-items: center;
    flex-direction: column;
    display: flex;
    justify-content: center;
}
.heading-info-sec  .headsec-title{
    font-size: 27px;
    color: #fff;
    font-weight: 500;
    padding: 0px 30px;
    line-height: 35px;
    margin-bottom: 10px;
    font-family: 'Criteria-Bold';
    margin-top: 40px;
}
.promt-htitle{font-size:27px; color:#fff; font-weight:bold; margin-bottom: 15px;}
.info-text .geninfo-title{
	font-size:40px;
	color:#fff;
	font-weight:bold;
	margin-bottom: 15px;
	font-family: 'Criteria-Bold';
}
.info-text p{font-size:22px; line-height: 25px; color:#fff; font-family: 'Criteria-Bold';}
div#block-l4fourthblock + article { display: none;}

.opening-section-top .col-md-6 {
    padding-top: 40px;
    padding-bottom: 40px;
	height:325px;
	display: flex;
    justify-content: center;
    flex-direction: column;
	box-sizing:border-box;
}
.noticealert-img img {max-width: 80px;}
.notice-alertinfo .geninfo-title{font-size:32px;}
.noticealert-img {margin-bottom: 15px;}
.noticealert-img {text-align: center;}
/*-- responsive css ---*/
@media only screen and (min-width:1400px)
{
	.overlay-bgright{width:100vw; margin-right: calc((-50vw) - 352px);}
	main .container{max-width:1300px; margin:0px auto;}
}

@media(min-width:300px) and (max-width:991px){
	.headtop-title{font-size: 40px; line-height: 45px;}
	.headtop-subtext{font-size:20px; line-height:24px;}
	.catimg-section .catg-title a{font-size:20px; line-height:24px;}
	.promt-htitle a{font-size:30px;}
	.promt-subtext{font-size:18px; line-height:22px;}
	.info-text .geninfo-title{font-size:30px;}
	.headtop-subtext br{display:none;}
	.promt-subtext br{display:none;}
	.info-textbr{display:none;}
}
@media(max-width:767px){
	
	.leftbg-img{width: calc(100% + 30px); height: 380px; z-index: inherit;}
	.geninfo-section .row .col-md-6:first-child { height: 380px; }
	.overlay-bgright{height: auto;top: 228px; width: 44%; right:0px;}
	.logo-stripsline{right: 44%; top:0px; }
	.opening-section-top .row .col-md-6:nth-child(2){padding-top: 30px; margin-top: 30px;}

	.hpromting-section .row .col-md-6:nth-child(1){
		order:2;
	}
	.hpromting-section .row .col-md-6{position:static; max-width: calc(100% - 100px);}
	.hpromting-section  .strips-line {right:-18px; left:inherit; top:0px; bottom:0px;}
	.hpromting-section  .strips-line div{margin-right:10px;}
	.hpromting-section .row  .text-center{text-align:left!important;}
	.promt-htitle{margin-top:10px;}
	.opening-section-top .col-md-6:first-child {
    order: 2;
    padding-top: 0px;
    }
	.opening-section-top .col-md-6{
		position:static;
		height:inherit;
		max-width: calc(100% - 60px);
		align-items:flex-start;
		
	}
	.opening-section-top .text-center{
		text-align:left!important;
	}
	.text-center.top-header-logo.mt-4.mt-md-0{margin-top:0px!important;}
	.headtop-title{font-size:35px;}
	.opening-section-top > .container > .row > .col-md-6:nth-child(2){
		padding-bottom:20px;
	}
	.logo-stripsline{right:3px; }
	.promoting-img-sec img, .top-header-logo img{width:140px; height:140px;}
}
@media(min-width:320px) and (max-width:391px){
	.overlay-bgright{
		    top: 252px;
	}
}
	
@media screen and (max-width:767px) {
	.opening-section-top .overlay-bgright
	{display:none;}
	.opening-section-top > .container > .row > .col-md-6:nth-child(2){margin-top:0px;}
	
}