:root {
	/* PRIMARY THEME */
  	--primary1: #091F46;
  	--primary1v: #2955BF;
  	--primary2: #2955BF;
  	--primary3: #2955BF;
	--primary4: #58C27D;
	/*NEUTRALS THEME */
  	--neutrals1: #141416;
  	--neutrals2: #23262F;
  	--neutrals3: #353945;
  	--neutrals4: #777E90;
  	--neutrals5: #B1B5C3;
  	--neutrals6: #E6E8EC;
  	--neutrals7: #F4F5F6;
  	--neutrals8: #FFF;
	
	--secondary3: #FFD166;
	--gold: #c8b28f;
	--gold-original: #C2A16B;
	--hero-height-desktop: 85vh;
	
	--page: #F5F6FD;
}
body{ 
	background-color:var(--page);
	font-family: 'Raleway', sans-serif;
}
nav .btn-outline-light{
	border-color: #C3C3C3;
	margin-left:50px;
}
nav{
	height:90px!important;
}
nav img{
	height:30px!important;
}
nav .nav-item{ padding-left:50px; }
header h1{
	font-weight: bold!important;
}

header{
	min-height:60vh;
	background-color:var(--primary1);
}
header.homepage{
	color:var(--primary1);
	background-color: rgb(222,227,236)!important;
	background-image:url(/images/pages/masks/wave.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
header.partner{
	color:#fff;
	background-color: #8989e5!important;
	background-image:url(/images/pages/masks/wave.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
header.about{
	color: var(--primary1);
	background-color: #DEE3EC!important;
	background-image:url(/images/pages/masks/wave.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
header.student{
	color: #fff;
	background-color: #ea6376!important;
	background-image:url(/images/pages/masks/wave.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
header.inst{
	color: #fff;
	background-color: #70c68b!important;
	background-image:url(/images/pages/masks/wave.webp);
	background-repeat:no-repeat;
	background-size:cover;
}
.circle-div {
    height: 150px;
    width: 150px;
    background-color: var(--gold);
    border-radius: 50%;
    display: inline-block;
}
.circle-div img {
    position: absolute;
    width: 150px;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: 999px;
    border-bottom-right-radius: 999px;
}
.icon-purple{ 
	color:#fff;
	font-size:30px;
	height:50px;
	width:50px;
	background-color: rgba(139,139,229,1);
	border: 5px solid rgba(139, 139,225, .5);
	
}
.icon-green-large{ 
	color:#fff;
	font-size:45px;
	height:100px;
	width:100px;
	background-color: #70c68b;
	border: 5px solid rgba(112,198,139,.5);
	
}
.text-green{ color:#70c68b; }
.icon-red{ 
	color:#fff;
	font-size:30px;
	height:50px;
	width:50px;
	background-color: #ea6376;
	border: 5px solid rgba(234,99,118,.5);
	
}
.icon-text{
	font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}
.btn-green { 
  color: #ffffff; 
  background-color: #70C68B; 
  border-color: #5FB079; 
} 
 
.btn-green:hover, 
.btn-green:focus, 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  color: #ffffff; 
  background-color: #5DB077; 
  border-color: #5FB079; 
} 
 
.btn-green:active, 
.btn-green.active, 
.open .dropdown-toggle.btn-green { 
  background-image: none; 
} 
 
.btn-green.disabled, 
.btn-green[disabled], 
fieldset[disabled] .btn-green, 
.btn-green.disabled:hover, 
.btn-green[disabled]:hover, 
fieldset[disabled] .btn-green:hover, 
.btn-green.disabled:focus, 
.btn-green[disabled]:focus, 
fieldset[disabled] .btn-green:focus, 
.btn-green.disabled:active, 
.btn-green[disabled]:active, 
fieldset[disabled] .btn-green:active, 
.btn-green.disabled.active, 
.btn-green[disabled].active, 
fieldset[disabled] .btn-green.active { 
  background-color: #70C68B; 
  border-color: #5FB079; 
} 
 
.btn-green .badge { 
  color: #70C68B; 
  background-color: #ffffff; 
}
.bg-blue{ background-color:var(--primary1); color:#fff;}
#i-am img{ max-width:300px; border: 10px solid;}

#i-am .blue{ color:#8888e4; }
#i-am .blue img{ border-color:#bebeec;  }
#i-am .blue img:hover{ border-color:#8C8CC1;  }

#i-am .red{ color:#efabb5; }
#i-am .red img{ border-color:#efabb5;  }
#i-am .red img:hover{ border-color:#DD9FA8;  }

#i-am .green{ color:#70c68b; }
#i-am .green img{ border-color:#70c68b;  }
#i-am .green img:hover{ border-color:#62AF7A;  }


.card-img-overlay{ background-color: rgba(0,0,0,0.61)!important; color:#fff; transition:all .3s;}
.card-img-overlay:hover{ background-color: rgba(0,0,0,0.3)!important; color:#fff; transition: .5s all;}


#why-us .card{ color: var(--primary1);}
#why-us .card.active{ background-color:var(--primary1)!important; color: #fff!important;}
#why-us .active .card-body{ background-color:var(--primary1)!important; color: #fff!important;}
#staff .card.active{ background-color:var(--primary1)!important; color: #fff!important;}
#staff .active .card-body{ background-color:var(--primary1)!important; color: #fff!important;}

#why-us.student svg{ color:#ea6376; }
.text-red{ color:#ea6376;}
.bg-red{ background-color:#ea6376; color:#fff;}
#applications,.blue-overlay{ 
height:400px;
}
.blue-overlay { 
	background-color:rgba(9, 31, 70, .5);
	background-image:url(/images/pages/homepage/apply-box.webp);
	background-size:cover;
	background-repeat: no-repeat;
}

.card:not(.not-as-round), .card:not(.not-as-round) .card-body{ border-radius: 30px!important; }
.inst-card .card{
	border-radius: 5px!important;
}
#news .card-img-top{
	max-height:250px;
	border-radius: 30px!important;
}
#news a{ color:var(--primary1); text-decoration:none;}

#hslogos img{ filter:grayscale(100%);}

footer{
	background-color:var(--primary1);
	min-height:150px;
	color:#fff;
}


.btn-blue { 
  color: #ffffff; 
  background-color: #1E325C; 
  border-color: #253F78; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #ffffff; 
  background-color: #294278; 
  border-color: #253F78; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #1E325C; 
  border-color: #253F78; 
} 
 
.btn-blue .badge { 
  color: #1E325C; 
  background-color: #ffffff; 
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .scroller {
    scrollbar-width: auto!important;
    scrollbar-color: #70c68b #ffffff!important;
  }

  /* Chrome, Edge, and Safari */
   .scroller::-webkit-scrollbar {
    width: 16px!important;
  }

   .scroller::-webkit-scrollbar-track {
    background: #ffffff!important;
  }

   .scroller::-webkit-scrollbar-thumb {
    background-color: #70c68b!important;
    border-radius: 10px!important;
    border: 3px solid #ffffff!important;
  }

#icon {
	
}
#icon .col {color: #70c68b; min-height:150px;   padding: 20px 10px;}
#icon .col h5{ font-size:18px;}
#icon .col:hover{ background-color: #70c68b; color:#fff;  }
#icon svg{  color:#70c68b; font-size:52px; margin-bottom:20px;}
#icon .col:hover svg{  color:#fff; }