@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');

@font-face {
  font-family: bangla;
  src: url(../../public-assets/webfonts/SolaimanLipi.ttf);
}
body{
 margin: 0;
 font-family: 'bangla', Poppins, sans-serif;
 background-color: var(--site-bg);
}
/*
body{
	font-family: 'Roboto', sans-serif;
}
*/
a{
	text-decoration: none;
	color: var(--link-color);
}
a:hover{
	color: var(--link-hover-color);
}
img{
	max-width: 100%;
}
p{
	color: var(--text-color);
}

.text-right{
	text-align: right !important;
}
.text-md-right{
	text-align: right !important;
}
.text-shadow{
	text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333, 1px 1px 10px #333;	
}
.blur{
	background-color: var(--sweet-header-bg);
}
.section-bg{
	background-color: var(--section-bg);
}
.bg-sweet {
	background-color: var(--primary-color)!important;
}
.text-sweet{
	color: var(--heading-color) !important;
}
/* Header area*/
.header-top{
	padding: 20px 0;
	background-color: #D6F1F7;
}
.header-top img{
	max-height: 106px;
}
.header-top h1{
	font-size: 40px;
	font-weight:700;
	color: var(--heading-color);
}
.header-top h2{
	font-size: 27px;
	font-weight:500;
	color: var(--primary-color);
}


/***** Main Menu *****/
/*
nav{
	text-transform: uppercase;
}
*/
.main-menu{
	background-color: var(--header-bg) !important;
	padding: 15px 0;
	box-shadow: rgba(0, 0, 0, .20) 0px 5px 5px -2px;
}
.main-menu .active{
	color: #FFF !important;
	background-color: var(--nav-active-color);
	border-radius:3px;
}
.main-menu .nav-link{
	transition: .3s;
}
.main-menu .navbar-brand, .main-menu .navbar-nav .nav-link{
	color: var(--nav-color);
	font-weight: 500;
}		
.main-menu .nav-link:hover{
	color: #FFF !important;
	background-color: var(--nav-active-color);
	border-radius:3px;
}
.navbar-brand{
	color: var(--nav-brand-color);
}
.navbar-brand:hover, .navbar-brand:focus{
	color: var(--nav-brand-hover-color) !important;
}
.navbar-brand img{
	width: auto;
	max-height: 50px;
	margin-top: -16px;
	margin-bottom: -12px;
}
.mobile-logo{
	display: none;
}

/* Sub Menu */
.navbar-expand-lg .navbar-nav .nav-link {
	padding: 6px 9px;
	font-size: 16px;
	margin: 0 1px;
}

.dropdown-menu {
    background-color:  var(--nav-active-color);
	padding: 5px;
	min-width: 230px;
}

.dropdown-item {
	color:  var(--nav-color);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: var(--nav-color);
	background-color: var(--nav-active-color);
}


.dropdown-menu .active{
    color: #fff;
    background-color: var(--header-bg) !important;
}


.dropdown-menu li a::before{
	content: "→ ";
}	
.dropdown-menu .dropdown-item {
	padding-left: 5px;
	font-size: 14px;
	text-transform: capitalize;
}
.dropdown-menu .dropdown-item:hover{
	background-color: var(--link-color);
	color: #FFF !important;
}
.nav-link {
    padding: .3rem 1rem;
}
/* Menu togol icon */
.nav-mobile-icon{
	font-size: 25px;
	color: var(--nav-color);
}
.navbar-light .navbar-toggler {
    color: var(--nav-icon-color);
    border-color: var(--nav-icon-color);
}


/***** Home header-banner ***/
.home-banner{
	height: 450px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.blur{
	width: 100%;
	height: 100%;
}
.banner-blur{
	width: 100%;
	height: 100%;	
}
.home-banner h2, .home-banner h5{
	color: #fff;
	text-shadow: 0 0 5px #000;
}


/* Home Register */
.home-reg-area{
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}
.home-reg-area .blur{
	width: 100%;
	height: 100%;
	min-height: 200px;
	background-color: var(--sweet-blur);
}
.home-reg-area h2 i{
	font-size: 60px;
	margin-bottom:-30px;
}
.home-reg-area h2{
	font-size: 36px;
}
.home-reg-area .btn{
	margin-top:15px;
}


/* events-area */
.events-area{
	padding: 80px 0;
}

/* Notice */
.notice-area{
	background-color: #ececec;
	overflow: hidden;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}
.notice-area .notice_title {
    background: var(--primary-color);
    color: #fff;
    text-align: right;
    -webkit-clip-path: polygon(0 0,85% 0,100% 100%,0 100%);
    clip-path: polygon(0 0,85% 0,100% 100%,0 100%);
}
.notice-area .title {
    font-size: 16px;
    padding: 0 60px 0 0;
    line-height: 35px;
    font-weight: 600;
	padding-left: 5px;
}
.notice_content{
	height: 35px;
}
.notice-area .notice_content a {
    color: #f00;
    font-weight: 400;
    font-size: 16px;
	line-height: 35px;
}
.notice-area .notice_content .notice-icon {
    color: var(--primary-color);
    font-size: 10px;
    padding-right: 5px;
}


/***** Home header-banner ***/
.home-banner{
	height: 450px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.blur{
	width: 100%;
	height: 100%;
}
.home-banner h2{
	color: #fff;
	text-shadow: -1px -1px 10px #333, 1px -1px 10px #333, -1px 1px 10px #333, 1px 1px 10px #333;
} 
.home-banner h5{
	color: #fff;
	text-shadow: 0 0 5px #000;
}
.home-banner h2{
	font-size: 45px;
}
.home-banner h5{
	font-size: 25px;
}


/* home-post-area */
.home-post-area{
	padding: 80px 0;
}


/* home-gallery-area */
.home-gallery-area{
	padding: 80px 0;
}
.gallery-item{
	width:100%;
	height: 150px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow:hidden;
	position: relative;
}
.gallery_content{
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0);
	transition: .6s;
	text-align: center;
}
.gallery-item:hover .gallery_content{
	background: rgba(33, 84, 172, 0.6);
	opacity: 1;
}
.gallery_icon{
	color: #FFF;
	font-size: 10px;
	transition: .3s;
	position: absolute;
	top:-5%;
	left:50%;
	margin-top:-18px;
	margin-left:-18px;
	opacity: 0;
}
.gallery-item:hover .gallery_icon{
	top:50%;
	opacity: 1;
}
.lb-data .lb-caption {
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    color: #FFF;
	padding: 8px 0;
}
.lb-data .lb-number {
    padding-bottom: 1em;
    font-size: 14px;
    color: #999999;
}




/* ** Blog Posts Page *** */
.single-post{
	margin-bottom: 50px;
}
.post-thumbnail{
	height: 200px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.post-title{
	margin-top: 20px;
	margin-bottom: 16px;
}
.post-title h4{
	font-size: 20px;
	color: var(--heading-color);
}
.post-info img{
	width: 30px;
	height :30px;
	border-radius: 50%;
	margin-right: 8px;
}
.post-info{
	font-size: 14px;
	font-weight: 400;
	color: #374046;
	margin-top: 10px;
}
.post-content{
	color: #7d8082;
	font-size: 14px;
	text-align: justify;
}
.post-link a{
	font-weight: 500 !important;
	font-size: 15px !important;
	padding: 8px 20px 8px 20px !important;
}
.post-link span{
	margin-left: 10px;
	transition: 0.3s;
}
.post-link a:hover span{
	padding-left: 10px;
}


.posts-pagination{
	
}
.posts-pagination .page-item .active{
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}

/* ** Blog Posts Page *** */
.single-post{
	margin-bottom: 50px;
}
.post-thumbnail{
	height: 200px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.post-title{
	margin-top: 20px;
	margin-bottom: 14px;
}


.posts-pagination{
	
}
.posts-pagination .page-item .active{
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd;
}

/* Pagination */
.posts-pagination .page-item .active {
    background-color: var(--sweet-btn) !important;
    border-color: var(--sweet-btn) !important;
	color: #FFF !important;
}
.page-link {
    color: var(--sweet-btn) !important;
}

l


/* Sweet Section CSS */

.bg-sweet{
	background-color: var(--primary-color);
}
.text-sweet{
	color: var(--primary-color);
}
.table-sweet{
	background-color: var(--heading-color);
	color:#FFF;
}
.sweet-section{
    height: 450px;
    background-position-x: right;
    background-repeat: no-repeat;
}
.bg-overlay{
	width:100%;
	height:100%;
	background-color: transparent;
}
.sweet-section h2{
	font-size:42px;
	font-weight:600;
	color: var(--sweet-heading-color);
	text-align: left;
}
.sweet-section h5{
	font-size:22px;
	font-weight:500;
	line-height: 27px;
	text-align: left;
	margin-bottom: 15px;
}
.sweet-section p{
	font-size:19px;
	font-weight:400;
	line-height: 20px;
}
.sweet-section .btn{
	padding: 10px 20px;
	border: 2px solid transparent;
}
.btnright{
	margin-left:15px;
}

.sweet-desc-section{
	padding: 85px 0 40px 0;
}
.desc-hading{
	margin-bottom:40px;
	text-align: center;
	text-transform:  uppercase;
}
.desc-hading h4{
	font-size: 28px;
	font-weight:600;
	color: var(--sweet-heading-color);
}
.desc-hading p{
	font-size: 16px;
	font-weight:400;
	color: #3c3c3c;
	text-align:center;
	margin-bottom: 5px;
	margin-top:12px;
}
.desc-hading span{
	max-width:600px;
	display: inline-block;
}

.desc-hading hr{
	width: 85px;
	border: 3px solid var(--heading-hr-color);
	border-radius: 3px;	
	display:inline-block;
	opacity: .9;
	margin-top:10px;
}
.sweet-item{
	border-radius: 4px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.05);
	background-color: #F1F6FB;
	position: relative;
}
.sweet-item img{
	border-radius: 4px 4px 0 0;
}
.sweet-item-brand{
	width: 100%;
	font-size: 19px;
	font-weight: 600;
	text-shadow: 0 0 5px #000;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 10px;
	text-transform: uppercase;
	color: #FFF;
}
.sweet-item-content{
	padding: 12px 15px 8px 15px;
}
.sweet-item-content h4{
	font-size: 20px;
	font-weight:600;
	color: var(--sweet-heading-color);
}
.sweet-item .btn {
    font-weight: 500;
    border-radius: 0 .25rem .25rem 0;
	padding: 8px 20px;
}

.doctor-info .sweet-item  .btn{
	margin-top: -25px !important;
}
.sweet-item .btn{
	margin-top:-25px;
}

/* Sweet Mini Section CSS */
.sweet-mini-section{
    height: 280px;
    background-position-x: right;
	background-position-y: center;
    background-size: cover;
    background-repeat: no-repeat;
	background-color: var(--sweet-header-bg);
}
.bg-mini-overlay{
	width:100%;
	height:100%;
	background-color: var(--sweet-header-bg);
}
.sweet-mini-section h2{
	font-size:28px;
	font-weight:600;
	color: var(--sweet-header-color);
	text-align: left;
	margin-bottom:0px;
	text-shadow: 0 0 5px #000;
}
.sweet-desc-mini-section{
	padding: 30px 0 30px 0;
}



/* sweet button */
.btn-sweet {
    color: #fff;
    background-color: var(--sweet-btn);
    border-color: var(--sweet-btn);
}
.btn-sweet:hover {
    color: #fff;
    background-color: var(--sweet-btn-hover);
    border-color: var(--sweet-btn-hover);
}
.btn-outline-sweet {
    color: var(--sweet-btn);
    border-color: var(--sweet-btn) !important;
}
.btn-outline-sweet:hover {
    color: #fff;
    background-color: var(--sweet-btn-hover);
    border-color: var(--sweet-btn-hover) !important;
}






/* committee-list */
.committee-section{
	padding: 80px 0;
}
.committee-area .row{
	border-radius: 8px;
}
.committee-list{
	border: 1px solid #2154ac36;
	border-right: none;
	border-radius: 8px 0 0 8px;
}
.committee-list h4{
	background-color: #efefef;
	padding: 15px;
	border-radius: 8px 0 0 0;
	color: var(--heading-color);
}
.committee-list .nav{
	padding: 10px 10px;
}
.committee-list a{
	font-size: 15px;
}
.committee-list .badge{
	font-weight: 500;
}


.committee-info{

}
.committee-title{
	background-color: var(--primary-color);
	padding: 15px;
	border-radius: 0 7px 0 0;
}
.committee-title h3{
	font-size: 22px;
	color: #FFF;
}
.committee-title p{
	font-size: 14px;
	color: #FFF;
	margin:0;
}
.committee-members{
	padding: 15px;
	border-radius: 0 0 8px 0;
	border: 1px solid #2154ac36;
}
.committee-members img{
	border-radius: 50%;
	width: 80%;
}
.committee-members h4{
	color: var(--heading-color);
	font-size: 15px;
	font-weight:500;
	margin-top:6px;
	margin-bottom:0px;
}
.committee-members p{
	font-size: 14px;
	text-align:center;
}


/* Members */
.member-item .sweet-item{
	border-radius: 4px;
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.05);
	background-color: #F1F6FB;
	text-align: center;
}
.member-item  .sweet-item img{
	border-radius: 4px 4px 0 0;
	height:160px;
	width:160px;
	border-radius:50%;
	margin: 7px 5px;
}
.member-item  .sweet-item-content{
	padding: 7px 15px 8px 15px;
}
.member-item  .sweet-item h4{
	font-size: 18px;
	font-weight:600;
	color: #FFF;
	margin-bottom:4px;
	background-color: var(--primary-color);
	padding:9px 5px;
	text-align:center;
}
.member-item  .sweet-item-content h6{
	font-size: 16px;
	font-weight:500;
	color: var(--heading-color);
	line-height: 20px;
	text-transform: capitalize;
}
.member-item  .sweet-item-content p{
	font-size: 16px;
	font-weight:400;
	color: #130947;
	margin-bottom:3px;
	color:#4d4d4d;
}
.member-item  .sweet-item-content a{
	color: #4d4d4d;
}
.member-item  .sweet-item-content a:hover{
	color: #000;
}
.member-item  .sweet-item-content hr{
	margin: 8px 0;
}
.member-item  .sweet-item .btn {
    font-weight: 400;
    border-radius: 0 .25rem .25rem 0;
	padding: 7px 14px;
	font-size: 15px;
}
.Member-section h2 {
  margin-top: -50px;
}

/* Reg Form Image */
#uploaded_image img{
	width: 100px;
	height: 100px;
	border: 1px solid #eaecec;
	border-radius:50%;
	padding:3px;
}
.pUploader label{
	height: 100px;
	border: 1px dashed #959595;
	padding: 1rem;
	outline: none;
	cursor: pointer;
	border-radius: .25rem;
}


/* Home Page Info */
.committee-home{
	
}
.committee-home img{
	width: 75%;
}
.committee-home h5{
	font-size: 18px;
	margin-top:8px;
	margin-bottom:3px;
	color: var(--heading-color);
}
.committee-home h6{
	font-size: 15px;
	margin:3px 0;
	color: var(--primary-color);
}
.committee-home p{
	font-size: 14px;
	margin:3px 0;
	text-align: center;
}















.main-content{
	min-height: 1800px;
	background-color: green;
}
.content-title{
	font-size: 22px;
	font-weight: 600;
	color: var(--heading-color);
	margin-bottom: 23px;
	border-left: 5px solid var(--primary-color);
	padding-left: 10px;
}
.catTitle{
	position: relative;
	font-size: 22px;
	font-weight: 600;
	color: #00113e;
	border-left: 5px solid #ff483c;
	padding-left: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
.catTitle .liner::before {
    position: absolute;
    content: '';
    width: 100%;
    border-top: 4px solid #d9d9d9;
    top: 50%;
	margin-top:-1px;
    display: inline-block;
    vertical-align: bottom;
	margin-left: 15px;
}

/* Loading Animation CSS */
#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  background-color: rgba(0,0,0, 0.3);
  z-index: 9999;
  text-align: center;
  transition: .3s;
}

.loader {
  position: absolute;
  margin-left: -40px;
  margin-top: -40px;
  top: 50%;
  left: 50%;
  z-index: 99999;
  border: 8px solid #FFF;
  border-radius: 50%;
  border-top: 8px solid #0D6EFD; /* #3498db*/
  border-right: 8px solid #0D6EFD;
  border-bottom: 8px solid #0D6EFD;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 1.5s linear infinite; /* Safari */
  animation: spin 1.5s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.section-content,
.link-area,
.home-post-area{
	padding: 60px 0;
}


/*
.nav-item a.show{
	background-color: #1D6775;
	color: #FFF !important;
}
*/







/*** Home Slider  ***/
.home-slide{
	background-size: cover;
	background-position: center center;
	max-height: 480px !important;
	position: relative;
	}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
	left: 0;
	top:0;
    background-color: #080d15;
    opacity: .7;
}
.slider-content{
	z-index:3;
}
.control a{
	z-index:99;
}
.slider-content h1, .slider-content h4{
	text-transform: uppercase;
	color: #fff;
}
.slider-content h4{
	font-size: 29px;
}
.slider-content a button{
	font-family: "bangla";
	font-size: 1.2em !important;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 1px;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
	margin-left: 5px;
	margin-right: 5px;
}	

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
	



/*** Page Header ***/
.page-header{
	padding: 40px 0;
}
.donor-profile-header{
	background-color: #DAFFF2;
	padding: 30px 0;
}
.page-header h2{

}
.page-header i{
	font-size: 50px;
}

/*** Page Content ***/
.page-content{
	padding: 40px 0;
	min-height: 250px;
}
.page-content p{

}


/***  Page Background Color ***/
.about-us{
	background: rgb(167,254,234);
	background: linear-gradient(180deg, rgba(167,254,234,1) 0%, rgba(218,255,242,1) 100%); 
}
.about-us-content{
	background: linear-gradient(180deg, rgba(218,255,242,.2) 0%, rgba(167,254,234,.2) 100%); 
}
.donor-head-bg{
	background: rgb(255,176,159);
	background: linear-gradient(0deg, rgba(255,204,193, .20) 0%, rgba(255,204,193,1) 100%); 
}
.donor-bg{
	background: linear-gradient(0deg, rgba(255,204,193, .1) 0%, rgba(255,204,193, 0.02) 100%); 
}
.doctor-head-bg{
	background: rgb(174,214,241);
	background: linear-gradient(0deg, rgba(174,214,241,0.2) 0%, rgba(174,214,241,.5) 100%); 
}
.doctor-bg{
	background: linear-gradient(0deg, rgba(174,214,241,.1) 0%, rgba(255,255,255, 1) 100%); 
}
.ambulance-head-bg{
	background: rgb(223,255,218);
	background: linear-gradient(0deg, rgba(223,255,218,0.40) 0%, rgba(223,255,218,1) 100%); 
}
.ambulance-bg{
	background: linear-gradient(0deg, rgba(223,255,218,0.2) 0%, rgba(255,255,255,1) 100%); 
}
.emergency-head-bg{
	background: rgb(254,255,218);
	background: linear-gradient(0deg, rgba(254,255,218,0.5) 0%, rgba(254,255,218,1) 100%); 
}
.emergency-bg{
	background: linear-gradient(0deg, rgba(254,255,218,.2) 0%, rgba(255,255,255,1) 100%); 
}
.page-head-bg{
	background: rgb(235,222,240);
	background: linear-gradient(0deg, rgba(235,222,240,0.2) 0%, rgba(235,222,240,1) 100%); 
}
.page-bg{
	background: linear-gradient(0deg, rgba(235,222,240,.2) 0%, rgba(255,255,255,1) 100%); 
}
.profile-head-bg{
	background: rgb(218,255,246);
	background: linear-gradient(0deg, rgba(218,255,246,0.51) 0%, rgba(218,255,246,1) 100%); 
}
.profile-bg{
	background: linear-gradient(0deg, rgba(218,255,246,0.2) 0%, rgba(255,255,255,1) 100%);  
}
.Login-head-bg{
	background: rgb(167,254,234);
	background: linear-gradient(180deg, rgba(167,254,234,1) 0%, rgba(218,255,242,1) 100%); 
}
.Login-bg{
	background: linear-gradient(0deg, rgba(218,255,242,.3) 0%, rgba(255,255,255,1) 100%); 
}
.reg-head-bg{
	background: rgb(174,214,241);
	background: linear-gradient(0deg, rgba(174,214,241,0.2) 0%, rgba(174,214,241,.5) 100%); 
}
.hospital-head-bg{
	 background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(17,102,151,.1) 0%, rgba(17,102,151,.01) 100%); 
}
.reg-bg{
	background: linear-gradient(0deg, rgba(174,214,241,.2) 0%, rgba(255,255,255, 1) 100%);
}
.marginRadio{
	margin-right: 10px;
}


 /*** award-area **/
.award-area h5{
	text-align: justify;
}

/*** Link Area ***/

.link-area h3{

}
.link-box{
	border-radius: 0 25px 0 25px;
	margin-bottom: 20px;
	transition:.03s;
}
.link-box img{
	width: 70%;
	transition:.07s;
}
.link-box h4{
	font-family: bangla;
	font-size: 20px;
	color: #FFF;
}
.link-box:hover {
	background-color: #E41C26E6;
}
.link-box:hover img{
	width: 65%;
}


.link-blood {
	background-color: #E41C26;
}
.link-blood:hover {
	background-color: #E41C26E6;
}
.link-ambulance {
	background-color: #df5524;
}
.link-ambulance:hover {
	background-color: #df5524E6;
}
.link-docter {
	background-color: #56A217;
}
.link-docter:hover {
	background-color: #56A217E6;
}
.link-reg {
	background-color:  #2e86c1  ;
}
.link-reg:hover {
	background-color: #2e86c1E6;
}
.link-login {
	background-color:  #1abc9c   ;
}
.link-login:hover {
	background-color: #17a589 ;
}
.link-contact {
	background-color:  #FF7E27   ;
}
.link-contact:hover {
	background-color: #17a589 ;
}



/*** Login-area ***/
.login-form{
	background-color: #C1FEEE;
	border-radius: 8px;
}

.login-info{
	background-color: #1abc9c;
	border-radius: 0 15px 15px 0;
}
.login-form i{
	font-size: 48px;	
}

.fa-border {
    border: .08em solid #6FB5FF;
    border-radius: 50%;
    padding: .2em .25em .15em;
}




/*** Donor list Table ***/
.donor-list{
	
}
.danger{
	background-color: #fd949ebd;
}
.info{
	background-color: #9fffb7;
}
.donor-list-item td{
	padding: 1px 3px 1px 8px;
	font-size: 14px;
}

.donor-list-item th{
	background-color: transparent;
	padding: 5px 3px 3px 8px;
	font-weight: 400;
}
.donor-list-item a{

	display: block;
	font-size: 18px;
}

/*** contact list Table ***/
.contact-info{
	
}
.contact-info td{
	padding: 4px 3px;
}

/*** Donating Table ***/
.donating-table td{
	font-size: 14px;
}
.donating-table th{
	font-size: 16px;
	font-weight:400;
}
.donating-info{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 1500px;
}



/*** Registration-area ***/
.reg-area{
	
}
.reg-info{
	background-color: #3786BD;
	border-radius: 15px 0 0 15px;
}
.reg-form{
	background-color: #FFF;
	border-radius: 0 15px 15px 0;
}

.required{
	color: #E41C26;
}

/**** Search  ****/
.table-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 78px;
    z-index: 999;
}




/*** footer-area ***/
.footer-area{
	color: var(--footer-text-color);
	background-color: #FFFFFF;
}

.footer-head h3{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
}
.footer-head img{
	width: 85%;
	max-height: 100px;
}
.footer-head h4{
	font-size: 17px;
}
.footer-head h6{
	margin:0;
	text-align:left;
	font-size: 15px;
	font-weight: 400;
}
.footer-head span{
	font-size: 14px;
}
.footer-copyright{
	padding: 10px 0;
	background-color: var(--footer-bg);
}
.footer-copyright p, .footer-copyright a{
	color:  var(--footer-textlight-color);
}
.footer-copyright p{
	font-size: 14px;
	margin: 7px 0 0 0;
}
.footer-copyright a:hover{
	text-decoration: underline;
}

.footer-area .social_link .nav-link:hover{
	color: #B5B5B5;
}

.social_link .nav-item .nav-link{
	padding: 4px 7px;
	font-size:28px;
}
.developed{
	color: var(--footer-text-color) !important;
}


/*** Ambulance Area ***/
.ambulance-info h6{
	color: #000;
}
.ambulance-info td{
	padding: 3px 5px;
	color: #3c3c3c;
}
.ambulance-info{
}
/** Doctor Area**/
.hospital-doctors-bg {
	background-color: #E9F2FF;
}
.doctor-info-area{

}
.doctor-area{
	min-height:400px;
}
.doctor-info{
	
}
.doctor-info h4{
	font-size: 18px;
	color: #00113e;
}
.doctor-info p{
	font-size: 15px;
	font-weight: 400;
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.doctor-info p i{
	font-size: 16px;
	width: 17px;
}
.designation {	
	color: #873600;
}
.specialist {	
	color: #4a235a;
}
.hospitalName {	
	color: ;
}
.locationName {	
	color:  ;
}
.doctor-info .visiting-hour{
	border-bottom: none !important;
}











/********* Hospital info*****/
.hospital_info_section {
	background-position-y: bottom 0;
    background-size: auto 430px;
}
.hospital_info_section,
.doc-booking-area{
	background-color:#efefef;
}

.hospital-info h5{
	font-size: 18px;
}
.hospital-info .table td{
	padding: 3px 5px;
}

.hospital-info-area td{
	padding: 5px;
}
.hospital-item img{
	width: 40%;
}

.hospital-area a{
	color: #116697;
}
.hospital-area .btn{
	background-color: #116697;
	color:#FFF; 
}
.hospital-area .btn:hover{
	background-color: #0c4360;
}
.hospital-area .btn-outline-primary{
	border-color: #116697;
	background-color: #FFF;
	color: #116697;
}
.hospital-area .btn-outline-primary:hover{
	color: #FFF;
}



/** doctors-Profile **/
.doctors_info_section{
	background-position-y: center;
    background-size: cover;
	background-color:#E1E7F3;
}
.doctors-info-area{
	
}
.doctors-info-area .sweet-item{
	position : relative;
}
.chamber-no{
	width: 100%;
	font-size: 21px;
	font-weight:600;
	text-shadow: 0 0 5px #FFF;
	text-align:center;
	position:absolute;
	top:7px;
	left: 0;
}










.doctor-profile p, .doctor-profile h5{
	text-align:center !important;
	font-size: 18px;
	margin-bottom: 8px;
}
.doctor-profile h5{
	font-size: 20px;
}
.chamber_info p{
	font-size: 16px;
	color: #3e3e3e;
}










/* Doctors Page */
.doctors_section{
	background-color:#E1E7F3;
}
.filter-form{
	margin-top:-70px;
	background-color: var(--section-bg);
}
.contact-filter{
	border-radius: 4px;
	background-color: #FFF;
	padding: 20px 30px;
}
.contact-filter label{
	font-size: 18px;
	font-weight:600;
	color: var(--heading-color);
}


.donorSearh_section{
    background-position-x: right;
	background-position-y: top;
    background-size: 600px 210px;
}

.ambulance_section{
    background-position-x: right;
	background-position-y: top;
    background-size: contain;
}



/* Donor List */
.donorList-area{
    background-position-x: right;
	background-position-y: top;
    background-size: auto 260px;
	background-color: rgba(33,84,171,0.7);
	
}

.donorList-area .bg-mini-overlay{
	background-color: rgba(33,84,171,0.5);
}

.search-result-area .sweet-item{
	position : relative;
}
.search-result-area .donorId-show{
	width: 100%;
	font-size: 19px;
	font-weight:600;
	text-shadow: 0 0 5px #FFF;
	text-align:right;
	position:absolute;
	top:5px;
	right: 10px;
}








/********* Profile info*****/
.donor-profile-area{
	
}
.profile_info{
	min-width: 400px;
}
.donor-profile-info{
	
}
.pforile-userIcon{
	font-size: 40px;
}
/*** Usage Mobile Responsive Only **/
.donor-history{
	overflow-y: auto;
	max-height: 600px;
}

.donor-history td{
	padding: 0.2rem .5rem;
}
.donor-comments{
	overflow-y: auto;
	max-height: 1000px;
}

.donor-comments img{

}
.comments-date {
	font-size: 14px;
	color: #6c757d;
}
.comments{
	color: #4a4a4a  ;	
}

.bg-answer{
	background-color:#c1f5ff !important;;
}
.bg-comment .comments{
	text-align: right !important;
	font-size: red;
}
.bg-answer .comments{
	text-align: left;
}
.border-answer{
    border-color: #88d9ea !important;
}
.bg-donorAnswer{
    background-color: #d6ffa4 !important;
}
.border-donorAnswer{
    border-color: #a1dc59 !important;
}
.donor-comments td{
	padding: 3px
}
.donor-comments td button{
	padding: 2px 3px;
}

/* single comments **/
.single-comments{
	margin-right: 12px;
}
.single-comments .comments-content{
	position: relative;
}
.single-comments .comments-date {
    position: absolute;
    right: 10px;
    top: 10px;
}
.comments-userphoto{
	text-align: right;
}
.comments-userphoto img{
	max-width:40px; 
	margin-right: 10px;
}
.comments-content{
	padding: 8px 8px;
}
.single-comments h6{
	font-size: #000;
	color: 18px;
	margin-bottom: 5px;
}
.single-comments p{
	margin: 0;
	color: #666;
}

.comments-left-margin {
	margin-left: 50px;
}


/* Profile all comments **/
.profile-comments{
	margin-right: 12px;
}
.comments-userphoto{
	text-align: right;
}
.profile-comments .comments-userphoto img{
	width: 100%;
	padding-right: 2px;	
	margin-top: 6px;
}
.profile-comments .comments-content{
	padding: 8px 8px;
}
.profile-comments h6{
	font-size: #000;
	color: 18px;
	margin-bottom: 5px;
}
.profile-comments p{
	margin: 0;
	color: #666;
}

.profile-comments .comments-left-margin {
	margin-left: 20px;
}

/**** profile-login-user */
.profile-login-user{
	background-color: #1d6775;
}
.profile-login-user a{
	color: #FFF;
	font-size: 15px;
	padding: .3rem .6rem;
}.profile-login-user a:hover{
	color: #C9D5DF ;
}

.profile-login-user a i{
	font-size:12px;
}
.profile-login-user a .profileActive i{
	color: #20ff20 !important;
}
.profile-login-user a .profilePending i{
	color: #ff061e !important;
}
.profile-login-user a .profileDraft i{
	color: #ffc107 !important;
}

/*participant-payment summary info popop*/
.participant-payment{
	font-size: 13px;
}
.participant-payment h5{
	font-size: 16px;
}
.participant-payment h4{
	font-size: 20px;
}
.donor-ref-list td{
	padding: 2px 4px;
	font-size: 14px;
}

/*participant*/
.participant-item img{
	max-width:75%; 
}
.participant-item h4{
	font-size: 18px;
	color: var(--heading-color);
}
.participant-item p{
	font-size: 16px;
}


/*  Social Share */
.social-share ul li{
	float: left;
	padding: 0 5px;
}
.social-share .navbar-nav {
    display: inline;
}
.social-share a {
    padding: .2rem .3rem;
}

.social-share .social-icon {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    border-radius: 7px;
    cursor: pointer;
}

.social-twitter {
    background-color: #55acee
}

.social-facebook {
    background-color: #3b5999
}

.social-linkedin {
    background-color: #0077B5
}

.social-google {
    background-color: #dd4b39
}

.social-instagram {
    background-color: #dd4b39
}

.social-icon i {
    transition: 0.4s all
}

.social-icon:hover i {
    transform: scale(1.1)
}

/* ***  Alert Message ***/
.slide-left{
	position: fixed;
	top: 120px;
	right: -100px;
	z-index: 99999;
	transition: .5s;
}

.slide-left {
	-webkit-animation: slide-left 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
	        animation: slide-left 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) both;
}
@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
.msg_success {
    color: #fff !important;
    background-color: #34a853 !important;
	border-color: #badbcc;
}
.msg_info {
    color: #fff !important;
    background-color: #2DCCB8 !important;
	border-color: #badbcc;
}
.msg_warning {
    color: #000;
    background-color: #fbbc05;
    border-color: #badbcc;
}
.msg_danger {
    color: #FFF !important;
    background-color: #ea4335;
    border-color: #badbcc;
}
.slide-left i{
	font-size: 18px;
	margin-right: 4px;
}


/* Error 404 */
.error-section{
	height: 75vh;
}
.error-area{
	width: 100%;
	height: 100%;
}


/* 
Peast 2DCCB8
success 34a853
green 04AA6D 
pink F1416C 
yellow fbbc05  
primary 4285f4 
danger ea4335 
*/







/* ** Single Posts Open Page *** */
.single-post-content h3{
	color: var(--heading-color);
}
.sidebar-title {
	Background-color: var(--heading-color);
	color: #FFF;
	padding: 8px 10px;
}
.post-single-info{
	padding: 2px 0;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	margin: 20px 0;
	font-size: 15px;
}
.post-single-info ul{
	display: inline-flex;
}
.post-single-info li{
	padding: 5px 12px;
}
.post-single-info img{
	width: 30px;
	height :30px;
	border-radius: 50%;
	margin-right: 8px;
}
.post-single-thumbnail{
	max-width: 800px;
	max-height: 600px;
	margin: auto;
	overflow: hidden;
}
.post-single-thumbnail img{
	width:100%;
}
.post-single-content{
	margin: 25px 0;
	font-size: 16px;
}
.post-social-share{
	padding: 6px 0;
	border-top: 2px solid #E2E2E2;
	border-bottom: 2px solid #E2E2E2;
	margin: 20px 0;
}
.post-social-share{
	
}

/**  Home Page Post section**/

.home-post-area .single-post{
	background-color: #FFF;
	border: 1px solid #E4E4E4;
	transition: .3s;
}
.home-post-area .post-thumbnail{
	height: 160px;
}
.home-post-area .single-post:hover{
	border: 1px solid #b8b8b8;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.home-post-area .post-title{
	margin-top: 18px;
	margin-bottom: 8px;
}
.home-post-area .post-title h4{
	font-size: 18px;
}
.home-post-area .single-post {
    margin-bottom: 25px;
}


/* Author */
.author-area{
	background-color: var(--section-bg);
}
.author-info img{
	border-radius: 50%;
	max-width: 100%;
}
.author-info h4{
	color: var(--primary-color);
}
.author-info h4 span{
	color: var(--heading-color);
}
.author-info h4 p{
	font-size: 16px;
	font-weight: 400;
	color: var(--text-color);
	margin-top: 10px;
	margin-bottom:0;
	line-height: 25px;
}


.list-group-item.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
	color: #FFF;
}
.author-info h3{
	color: var(--heading-color);
}
.author-posta h5{
	color: var(--heading-color);
}


/*** widget-counter */
.widget-counter .symbol{
	font-size: 40px;
}
.widget-counter .value h1{
	font-size: 35px;
}
.widget-counter .value p{
	text-align: center;
}



/* search result */
.search-result{
	color: #3c3c3c;
}
.search-result h5{
	color: #000;
}


.advertising-area img{
	max-width: 70%;
}

/*Counter*/
.counter_area{
	background-color: var(--primary-color);
	color:#FFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.counter-item .counter {
	font-size: 35px;
	font-family: "Roboto";
	margin: 2px 0 7px 0;
}
.counter_area p{
	font-size: 16px;
	text-align:center;
	font-weight: 600;
}
.counter_area .counter-col:nth-of-type(1) .widget-counter,
.counter_area .counter-col:nth-of-type(2) .widget-counter{
	border-bottom: 0px solid #FFF;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.right-sidebar .latest-news{

}
.right-sidebar .latest-news h5{
	font-size:17px;
}
/* Notice*/
.accordion-button {
    color: var(--heading-color);
}
.accordion-button:not(.collapsed) {
    color: var(--link-hover-color);
}
.notice-date{
	font-size: 14px;
	color: #8c8c8c;
	display:block;
	margin-bottom:0;
	margin-top: 3px;
}
.notice-file img{
	width: 80px;
	margin-bottom: 5px;
}

/*Committee*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: var(--sweet-btn);
}
.nav-link {
    color: var(--link-hover-color);
}
.nav-link:focus, .nav-link:hover {
    color: var(--link-color);
}
/* events-single page */
.event-info-box{
	padding: 20px;
	background-color: var(--section-bg);
}
.event-info-box i{
	font-size: 40px;
	color: var(--primary-color);
}
.event-info-box h4{
	font-size: 22px;
	margin-top:10px;
	color: var(--heading-color);
}
.event-info-box h6{
	font-size: 16px;
}

/* Event Join */
.participant-photo img{
	
	width: 120px;
	height: 120px;
}
{
	text-transform: uppercase;
}



/* Profile section Header */
.profile-section{
	height: 150px !important;
	font-family: 'Roboto', sans-serif;
}
.profile-section .profile-head{
	padding-top:50px;
}
.profile-section h2 {
	font-size: 28px;
}
.profile-section h2 span {
	font-size: 24px;
}

.profile-header{
	background-color: var(--section-bg);
	font-family: 'Roboto', sans-serif;
}
.profile-header h4{
	font-size: 19px;
	text-transform: uppercase;
	color: #000;
	font-weight: 500;
}
.profile-header p{
	color:#808191;
	margin:0;
	font-size: 15px;
	font-weight:500;
}


/* Profile Detailes info card */
.profile-card, .teachers-head{
	font-family: 'Roboto', sans-serif;
}

.profile-card .title{
	font-size: 20px;
	color: #000;
	margin-bottom: 30px;
}
.info-listitem {
	margin-bottom: 20px;
}
.info-listitem .icon-box{
	width: 8%;
	float: left;
	font-size: 16px;
}
.info-listitem .content-box{
	width: 92%;
	overflow:hidden;
}
.info-listitem .content-box {
	font-size: 15px;
	color: #808080;
}
.info-listitem .content-box h5{
	margin: 0;
	font-size: 17px;
	color: #000;
	text-transform: uppercase;
}


.profile-menu{
	margin-top:-20px; 
	margin-bottom:-20px;
}
.profile-menu span{
	padding: 1.5rem 1.5rem !important;
	background-color: #FFF;
}
.profile-menu a{
	font-size:16px;
}

.accounts-table {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;;
}
.accounts-table th{
	font-weight: 500;
}









.profile-photo {
	width: 100px;
	float: left;
	margin-right: 16px;
}

.profile-photo img{
	width: 100%;
	height: auto;
}
.profile_table{
	font-size: 14px;
}
.table-head-bg{
	background-color: var(--primary-color);
	color: #FFF;
}

.profile-edit, .profile-edit label{
	font-size: 15px !important;
	font-weight: 400;
}
.profile-edit .form-label{
	margin-bottom: 3px;
}
.profile-edit .form-group{
	margin-bottom: 18px;
} 
.profile-edit .form-group{
	margin-bottom: 32px;
}
.profile-edit .form-left, .profile-info .form-left{
	width: 30%;
	float: left;
	margin-top: 8px;
	font-size: 15px;
}
.profile-edit .form-right, .profile-info .form-right{
	width: 70%;
	overflow: hidden;
}
.profile-info .form-right{
	font-weight: 600;
}

/**** profile-login-user */
.profile-login-user{
	background-color: #1D2327;
}
.profile-login-user a{
	color: #FFF;
	font-size: 16px;
	padding: .3rem .6rem;
}
.profile-login-user a:hover{
	color: #C9D5DF;
}
.profile-login-user a i{
	font-size:18px;
}








/*payment-method */
.payment-method{
	
}
.method-title{
	font-weight: 700;
	color: #232628;
}
.method-title input{
	margin-right: 12px !important;
}
.method-title img{
	margin-left: 15px !important;
	height: 25px;
	width: auto;
}
.payment-method .alert{
	margin: 10px 0;
}
.payment-instructions{
	font-size: 14px;
	color: #6c757d;
	margin-bottom:8px;
}



/* Invoice */
.payment-method{ 
	margin: 20px 0;
}
.invoice-section{
	background-color: #FFF;
	margin: 30px 0;
}
.invoice-section p{
	font-size: 14px;
	font-family: roboto;
	margin-bottom:0;
}
.invoice-head{ 
	background-color: var(--primary-color);
	color:#FFF;
}
.invoice-head .logo{
	width: 85px;
	height: 70px;
	float: left;
	margin-right: 8px;
	padding-top:5px;
}
.invoice-head h5{
	margin-bottom: 0px;
	font-size: 24px;
}
.invoice-head h6{
	margin-bottom: 0px;
	font-size: 18px;
}
.invoice-head p{
	color: #FFF;
}
.payment-method hr{
	background-color: var(--primary-color);
	padding: 2px;
	margin: 0;
	opacity: .70;
}
.invoice-depositor h5{
	font-size: 20px;
	font-weight: 600;
	color: var(--heading-color)
}
.invoice-depositor h6{
	font-size: 16px;
	margin-bottom: 0;
}
.invoice-info th{
	color: var(--heading-color);
}
.QRcode{
	max-width:110px;
}

@media print {
  body * {
    visibility: hidden;
    height:0;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
    height:auto;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}








/***************************** College *********************/

/* Home Single Post */
.post-item .post-item{

}
.post-item .post-thumbnail{
	height: 140px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.post-item  .card-title{
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 18px;
	color: var(--heading-color);
}
.post-item  .card-text{
	color: #7d8082;
	font-size: 14px;
	text-align: justify;
}

/* Gallery */
.gallery-item .card-body{
	color: var(--heading-color);
}
.gallery-item .post-thumbnail{
	height: 150px;
	text-align:center !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.gallery-item p{
	margin: 0;
	font-size: 14px;
	color:  var(--heading-color);
}



/* Home Top Section */
.top-main-section {
	
}
.top-main-section p{
	font-size: 17px;
	text-align: justify;
}



/* Sidebar Profile Info */
.profile-info-box{
	text-align:center;
}
.profile-info-box .card-header{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	background-color: var(--primary-color);
	color: #FFF;
}
.profile-info-box img{
	width: 70%;
}
.profile-info-box .card-title{
	color:  var(--heading-color);
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 18px;
}
.profile-info-box .card-text{
	margin-bottom: 0;
	font-size: 17px;
	color: var(--heading-color);
	text-align: center
}
.profile-info-box .card-link{
	font-size:14px;
}


/* Sidebar Info Box */
.sweet-info-box{
	margin-bottom: 15px;
}
.sweet-info-box .card-header{
	text-align:center;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	background-color: var(--primary-color);
	color: #FFF;
}
.sweet-info-box.card-text{
	
}
.sweet-info-box .card-link{
	
}
.sweet-info-box .list-group-item {
  padding: 5px 0;
}
.sweet-info-box .list-group-item i{
	margin-right: 7px;
}
.sweet-info-box .list-group-item a{
  padding: 5px 0;
}

/* Academic Corner Info Box */
.corner-info-box{
	margin-bottom: 15px;
}
.corner-info-box .card-header{
	text-align:center;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	background-color: var(--primary-color);
	color: #FFF;
}
.corner-info-box img{
	max-width: 100%;
}
.corner-info-box .box_info_list {
	margin: 0;
	padding: 0;
}
.corner-info-box .box_info_list li{
	list-style: none;
	padding: 0 0;
    margin: 0 0 0 10px;
    font-size: 16px;
	color: var(--primary-color);
	display: block ruby;
}
.corner-info-box .box_info_list li::before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0da";
	margin-right: 5px;
 }
.corner-info-box .box_info_list li a{
	padding: 3px 0;
}
.corner-info-box .box_info_list li a:hover{
	text-decoration: underline;
}





/* Notice Home */

.notice-header{
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	background-color: var(--primary-color);
	color: #FFF;
	padding: 10px 12px;
	margin-bottom: 0;
}
.notice-item a{
	font-size: 18px;
}
.notice-item a{
	font-size: 18px;
}
.notice-item .notice-new{
	width: 55px;
}
.notice-view i{
	font-size: 20px;
	color: var(--primary-color);
}
.notice-view p{
	font-size: 14px;
	color: #607d8b;
	margin-top: -8px;
	margin-bottom: 0;
	text-align:center;
}
.notice-date .month-date{
	background-image: url("../../media/icons/caleander12.png"); 
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
}

.notice-date .month{
	font-size: 13px;
	margin-bottom: 0;
	color: #FFF;
	padding: 0px 5px 2px 5px;
	margin-top: -3px;
}
.notice-date .date{
	font-size: 18px;
	color: var(--primary-color);
	margin-top: -3px;
	margin-bottom: 0;
}
.notice-date .year{
	transform: rotate(270deg);
	color: var(--heading-color);
	font-size: 16px;
	margin-left: -6px;
	margin-bottom: 0;
}

.academic tr{ cursor: pointer; }

/* Footer */

.footer-widget{
	padding: 30px 0;
	background-color: var(--footer-top-bg);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 15px;
}

.footer-widget .footer-title{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 15px !important;
}
.footer-widget p{
	font-size: 14px;
	line-height: 22px;
}
.footer-widget .footer-logo{
  max-height: 148px;
  max-width: 85%;
}
.widget-link-list{
	margin: 0;
	padding: 0;
}
.widget-link-list {
	list-style: none;
}
.widget-link-list a{
	padding: 0;
	color: var(--footer-text-color);
	font-size:14px;
}
.widget-link-list li:hover a{
	color: var(--footer-textlight-color);
	text-decoration: underline;
}




/* Home Slider */
.custom-slider-kaioum .carousel-item{
	width: 100%;
	height: 550px;
	transition: .4s;
}
.custom-slider-kaioum .carousel-indicators li.active {
  border-color: var(--nav-active-color);
}


.sidebare-division nav-link{
	
}
.sidebare-division .list-group-item a {
  padding: 5px 7px;
}
.sidebare-division .list-group-item .active{
	background-color: var(--nav-active-color);
	color: #FFF;
	border-radius: 3px;
}

/*Teachers */
.principals-box .card-title{
	color:  var(--primary-color);
}
.principals-box .list-group-item{
	padding-left: 2px;
}
.teachers-head h3{
	font-size: 26px;
}
.teachers-head h4{
	color:  var(--primary-color);
	font-size: 22px;
}
.teachers-head h5{
	color:  var(--text-color);
	font-size: 18px;
}
.teachers-head span{
	min-width: 50px !important;
}



/*Staff*/
.staff-item img{
	width: 55%;
}








.nice-heading{
	font-size: 22px;
	color: #FFF;
	padding: 8px 7px;
	border-radius: 50rem !important;
	text-align:center !important;
	background-color: var(--primary-color);
}







.course-area .course-title{
	font-size: 22px;
	color: #FFF;
	padding: 8px 7px;
	border-radius: 50rem !important;
	text-align:center !important;
}
.course-item .card:hover{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.course-item .card-title{
	font-size: 20px;
	color: var(--heading-color);
}


.course-orang .course-title{
	background-color:#F7692C;
}
.course-orang .btn{
	background-color:#F7692C;
	border-color: #F7692C;
}
.course-orang .btn:hover{
	background-color:#EA5515;
	border-color: #EA5515;
}
.course-green .course-title{
	background-color:#76B921;
}
.course-green .btn{
	background-color:#76B921;
	border-color: #76B921;
}
.course-green .btn:hover{
	background-color:#68B00C;
	border-color: #68B00C;
}
.course-blue .course-title{
	background-color:#2A97D3;
}
.course-blue .btn{
	background-color:#2A97D3;
	border-color: #2A97D3;
}
.course-blue .btn:hover{
	background-color:#1072A8;
	border-color: #1072A8;
}




/* reg-area */
.reg-area{
    justify-content: center;
    min-height: 80vh;
    background: url(../images/pattern-1.svg) no-repeat center bottom;
        background-color: rgba(0, 0, 0, 0);
        background-size: auto;
    background-color: var(--section-bg);
    background-size: cover;
}
.reg-title{
	font-size: 20px;
	color: #FFF;
	background-color: var(--primary-color);
	padding: 10px 12px;
	border-radius: 5px !important;
	margin-top: 35px;
	margin-bottom: 20px;
}

label {
    color: var(--heading-color);
    font-weight: 500;
	margin-bottom: 7px !important;
	font-size:17px;
}

.form-control, .form-select, .dd-handle {
    color: #324148;
    border-width: 1px;
    border-color: #eaecec;
    padding: 12px 12px;
	border-radius: 8px;
	font-size: 16px;
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus, .uneditable-input:focus {   
  border-color: rgba(33, 84, 172, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}



.reg_section {
    height: 100px !important;
}

.login-avater{
	width: 28px;
	height: 28px;
	border-radius: 50%;
}



/* Date Picker */
.datepicker {
	background-color: white !important;
}

.header-top h2 {
color: #3c3c3c;
}