:root {
	--green:#008244;
	--gold:#e4ca00;
	--terra:#ad4f2e;
	--dark:#0e1a14;
	--muted:#6c757d;
}
/**Font**/
@font-face {
	font-family: 'AveriaSerifLibre';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("../webfonts/AveriaSerifLibre-Regular.ttf") format("truetype");
}

@font-face {
	font-family: 'Cambria';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("../webfonts/Cambria-Font-For-Windows.ttf") format("truetype");
}

@font-face {
	font-family: 'SourceSansPro';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url("../webfonts/SourceSansPro-Regular.ttf") format("truetype");
}

html, body {
	font-family: Cambria;
	font-size: 18px;
	scroll-behavior: smooth;
	background: #f7f8f9;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}

.font-averia {
	font-family: AveriaSerifLibre;
}

.primary-bg {
	background-color: #000040;
}

.secondary-bg {
	background-color: #886C00;
}

.primary-btn {
	background-color: #000040;
	color: #FFFFFF;
}

.primary-btn:hover {
	background-color: #000040;
	color: #FFFFFF;
}

.primary-gradient{
  background: linear-gradient(21deg, #886C00, #000040);
  color: white;
}

/* navbar container */
.navbar-custom{background: #000040;}
.navbar-custom .navbar-brand, .navbar-custom .nav-link {
	font-size: 18px;
	line-height: 20px;
	color:#D4AA00 !important;
	font-weight:600;
}
.navbar-custom .nav-link:hover {
	color:#FFFFFF !important;
}
.navbar-nav .nav-item {
	padding-right: 10px;
}
.navbar-nav .nav-item .nav-link:last-child {
	padding-right: 0px;
}

.dropdown-toggle::after {
	display: none;
}
.main-search:focus {
	border-color: none; /* Change border color */
	box-shadow: none; /* Change glow color */
}

/* Cards */
.card{
	border:0; border-radius:0rem; overflow:hidden; box-shadow:0 .25rem 1.25rem rgba(0,0,0,.08);
}

.gradient-pill{
	background: linear-gradient(90deg, var(--gold), var(--terra));
	color:#262200; font-weight:800; letter-spacing:.5px; padding:.35rem .75rem; border-radius:99px;
}

.verti-timeline {
	border-left: 3px dashed #f6f6f6;
	margin: 0 10px;
}

.verti-timeline .event-list {
    position: relative;
    padding: 0px 0px 40px 30px;
}

.verti-timeline .event-list .event-timeline-dot {
	position: absolute;
	left: -9px;
	top: 0px;
	z-index: 9;
	font-size: 16px;
}

.verti-timeline .event-list .event-content {
	position: relative;
	border: 2px solid #eff2f7;
	border-radius: 7px;
}

.verti-timeline .event-list.active .event-timeline-dot {
	color: #556ee6;
}
  
.verti-timeline .event-list:last-child {
	padding-bottom: 0px;
}

.color-1 {
	background-color: #000025;
	color: #FFFFFF;
}

.color-2 {
	background-color: #8C0000;
	color: #FFFFFF;
}

.login_form {
	border: 0 none;
	border-radius: 20px;
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
	padding: 40px 10px 30px 10px;
	box-sizing: border-box;
}

/** Footer **/
footer.page-footer{
  bottom: 0;
  color: #fff;
  background-color: #000040;
}

footer.page-footer .container-fluid{
  width: auto;
}

footer.page-footer .footer-copyright {
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 255, 255, 0.6);
}

footer.page-footer a{
  color: #fff;
}

.nav .nav-item .nav-link:hover {
	color: #FFFFFF;
}

.blob{
    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    opacity:.55;
    animation:float 12s infinite alternate ease-in-out;
}

.blob1{
    width:320px;
    height:320px;
    background:#00c6ff;
    top:-70px;
    left:-80px;
}

.blob2{
    width:420px;
    height:420px;
    background:#7b2ff7;
    bottom:-120px;
    right:-120px;
    animation-delay:2s;
}

.blob3{
    width:220px;
    height:220px;
    background:#ff416c;
    top:40%;
    left:50%;
    animation-delay:5s;
}

@keyframes float{
    from{
        transform:translateY(-30px) scale(1);
    }
    to{
        transform:translateY(30px) scale(1.2);
    }
}

/* Glass Card */

.glass-card{
    max-width:900px;
    padding:20px;
    text-align:center;
}

.error-code{
    font-size:11rem;
    font-weight:900;
    line-height:1;
    color: #000040;

    text-shadow:
    0 10px 35px rgba(0,0,0,.5),
    0 0 30px rgba(255,255,255,.2);
}

.errorh2{
    color: #886C00;
    font-weight:700;
    margin-top:10px;
}

.btn-home{
    padding:14px 35px;
    font-weight:600;
    border-radius:50px;
    background:#000040;
    color:white;
    transition:.3s;
    box-shadow:0 10px 30px rgba(255,255,255,.25);
}

.btn-home:hover{
    transform:translateY(-4px);
    background:#1A1AFF;
    color:white;
}

.btn-search{
    padding:14px 35px;
    border-radius:50px;
    border:1px solid #000040;
    color:#000040;
    transition:.3s;
}

.btn-search:hover{
    background:#1A1AFF;
    color:white;
    transform:translateY(-4px);
}

.icon{
    font-size:60px;
    color:#000040;
    margin-bottom:20px;
}

@media(max-width:768px){

    .glass-card{
        padding:40px 25px;
    }

    .error-code{
        font-size:7rem;
    }

    .errorh2{
        font-size:28px;
    }
}