html{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}
.btn:hover {
  background-color: #003a70 !important;
}
.bg-blue{
	background:rgb(38 47 96);
}
.cl-blue{
	color:#003a70;
}
.bg-yellow{
	background:rgb(245 166 35);
}
.cl-yellow{
	color:rgb(245 166 35);
}
.cl-grey-1{
	color:rgb(107 114 128);
}
.cl-grey-2{
	color:rgb(156 163 175);
}
.font-size-1{
	font-size:12px;
}
.font-size-2{
	font-size:14px;
}
.font-size-3{
	font-size:16px;
}
.font-size-4{
	font-size:24px;
}
.font-size-5{
	font-size:48px;
}

a:hover{
	color:rgb(245 166 35);
}
a:hover svg path{
	fill:rgb(245 166 35);
}


.bg-blue-l{
	background:#f6fbff;
}
.bg-blue-d{
	background:#001a33;
}
.cl-blue-d{
	color:#001a33;
}
.bg-white{
	background:#FFFFFF;
}
.cl-white{
	color:#FFFFFF;
}
::-webkit-scrollbar {
  width:15px;
}
::-webkit-scrollbar-track {
	 background:#f6fbff;
}
::-webkit-scrollbar-thumb {
  background: #003a70; 
  border-radius: 10px;
	border:solid 5px #f6fbff
}
::-webkit-scrollbar-thumb:hover {
  background: #003a70; 
}
@media screen and (max-width: 767px){
	.navbar div div img{
		height:22px;
		width:auto;
	}
}
.nav{
	justify-content: center;
	gap: 20px;
}
input[type="checkbox"] {
    appearance: none;
    background-color: #fff !important;
    margin:4px 4px 0 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    float: left;
}
input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;	
	transform: scale(0);	
	transition: 120ms transform ease-in-out;	
	box-shadow: inset 1em 1em var(--form-control-color);	
	background-color: CanvasText;	
	transform-origin: bottom left	;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);	
}	
input[type="checkbox"]:checked::before {
	transform: scale(1);
}
input[type="checkbox"]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}
.checkboxFlex label{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 5px;
}