body{font-family: 'Poppins', 'Noto Sans Malayalam', sans-serif; font-weight: 400; line-height: 1.5rem }
h1,h2,h3,h4,h5{font-family: 'Poppins', 'Noto Sans Malayalam', sans-serif; font-weight: 700 !important }
h6{font-weight: 600 !important}
a, a:hover{text-decoration: none;}
em{font-family:'Georgia', serif;}
.text-purple{color:#1f69b8;}
.bg-purple{background-color:#004187;}
.top-links{background:#004187; font-size: 14px;}
.top-links .material-symbols-outlined{font-weight: 300; font-size: 22px}
.logo{max-height:60px}
.logo-text{line-height: 1.4rem}

.banner-bg{background-image: url('banner-bg.png'); background-position: right center; background-size:cover; background-repeat: no-repeat;}
.banner{background-position: right center; background-size:cover; background-repeat: no-repeat; min-height: 500px}
.banner-text{position: absolute;top: 15%; left:0;z-index: 1;  padding-top: 20px; padding-bottom: 60px; 
	border-top-right-radius: 15px; border-bottom-right-radius: 15px}

#banner .carousel-control-prev{right: 20px !important; left: auto; height: 100px; width: 100px; margin-top: 18%}
#banner .carousel-control-next{right: 20px !important; left: auto; height: 100px; width: 100px; margin-top: 22%}
.carousel-indicators button{width: 12px !important; height: 12px !important; border-radius: 50%}
.main-head{line-height: 3.5rem}
.font-weight-bold{font-weight: 600!important}
.font-weight-semi{font-weight: 500!important}
.font-weight-normal{font-weight: 400!important}
.one-line {display: block; padding-right: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.two-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.three-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.four-line {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.social a{width:45px; height:45px; line-height:45px; background:#999; color: #fff; border-radius:50%; font-size:18px; text-align:center; display:inline-block;}
.social a:hover{background:#36348e; color: #fff; border-radius:50%;}

#hero{background-color:#032863; background-image: url('banner-bg.jpg'); background-size: cover; background-position: right bottom; }

#upD .nav-tabs .nav-item .active {background: transparent; border: none; border-bottom: 3px solid #b42727; }
#upD .nav-tabs .nav-link{color: #1f69b8; font-weight: 700}

#upD .nav-pills .nav-link{color: #000; background: #f2f2f2; border-radius: 24px; font-size: 14px; font-weight: 700; border:1px solid #ddd; margin-right: 2px; padding: 4px 12px}
#upD .nav-pills .nav-item .active {background: #004187; border: none; color: #fff; }


@media (min-width: 320px) and (max-width: 700px){
.sm-hide{display: none;}
.banner{background-position:  44% 0;}
.main-head{line-height: 2.2rem}
#banner .carousel-control-prev{ right:5px !important; margin-top: 100%}
#banner .carousel-control-next{ right:5px !important; margin-top: 88%}
.navbar-nav{padding: 30px; min-height: 75vh}
#collapsibleNavbar .nav-item{font-size: 22px; line-height: 24px; margin-bottom: 10px}
#collapsibleNavbar .dropdown-menu{border:none;}
	}


@media (min-width: 720px) and (max-width: 900px){
		.tab-v-hide{display: none;}
		.logo{max-height:50px}
			}
@media (min-width: 720px) and (max-width: 1230px){
		.tab-hide{display: none;}
		.logo{max-height:50px}
		.display-5{line-height: 2rem}
		.modal-xl{min-width: 85%}
			}
@media (min-width: 1000px) and (max-width: 1100px){
		.tab-h-hide{display: none;}
		.logo{max-height:50px}
}