/* Global theme */
body {
  font-family: 'Poppins', sans-serif;
}

/* Navbar */
.navbar {
  background: #0a0a0a !important;
}

.nav-link {
  color: #ffffff !important;
  transition: 0.3s;
}

.nav-link:hover {
  color: #00d4ff !important;
  transform: translateY(-1px);
}

.nav-link.active {
  color: #00d4ff !important;
}

.navbar-brand {
  color: #ffffff !important;
}

.nav-link i {
  margin-right: 6px;
  font-size: 1rem;
}

/* HERO SECTION */
.hero {
  min-height: 88vh;
  background: linear-gradient( rgba(0,0,0,0.55), rgba(0,0,0,0.7) ),
  url('assets/ICT_\ Information\ and\ communications\ technology\ on….jpeg');
  background-size: cover;
  background-position: center;
  padding: 80px 0;
}

/* Quick service boxes */
.hero-box {
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  transition: 0.3s;
}

.hero-box:hover {
  background: rgba(255,255,255,0.2);
  transform: translateY(-5px);
  cursor: pointer;
}

/* Certification highlight bar */
.cert-bar {
  background: #0a0a0a;
  font-weight: 500;
}

.cert-bar i {
  color: #00d4ff;
  margin-right: 6px;
}
/* ABOUT SECTION */
.about-section {
  background: #f8f9fa;
}

.about-section h2 {
  letter-spacing: 0.5px;
}

.about-card {
  background: #ffffff;
  border-left: 4px solid #00d4ff;
}

/* Icons spacing */
.about-section i {
  margin-right: 6px;
}
.service-box i {
  opacity: 0.9;
}

.service-box:hover i {
  opacity: 1;
  color: #00d4ff;
}
/* EVENTS MANAGEMENT */
.events-section {
  background: #f7f9fb;
}

.event-box {
  background: #fff;
  transition: 0.3s;
  border-bottom: 4px solid transparent;
}

.event-box:hover {
  transform: translateY(-6px);
  border-bottom: 4px solid #00d4ff;
  background: #f8fbff;
  cursor: pointer;
}

.event-box h5 {
  font-weight: 600;
}

.event-box p {
  font-size: 14px;
  color: #555;
}
/* CERTIFICATIONS SECTION */
.cert-section {
  background: #ffffff;
}

.cert-box {
  background: #fefefe;
  transition: 0.3s;
  border-bottom: 4px solid transparent;
}

.cert-box:hover {
  transform: translateY(-6px);
  border-bottom: 4px solid #00d4ff;
  background: #f8fbff;
  cursor: pointer;
}

.cert-box h5 {
  font-weight: 600;
}

.cert-box p {
  font-size: 14px;
  color: #555;
}
/* CONTACT SECTION */
.contact-info h5 {
  font-weight: 600;
}

.contact-info p {
  margin-bottom: 6px;
  font-size: 15px;
}

.contact-form label {
  font-weight: 500;
}

.contact-section .input-group-text {
  background: #f0f4f8;
  border-right: none;
}

.contact-section .form-control,
.contact-section textarea {
  border-left: none;
}

.contact-section .input-group .form-control:focus {
  box-shadow: none;
  border-color: #00d4ff;
}

.contact-info {
  border-left: 5px solid #00d4ff;
}

.contact-form {
  border-left: 5px solid #0d6efd;
}
/* CONTACT & MAP SECTIONS */
.map-wrapper {
  height: 100%;
  min-height: 430px;
}

#contact p {
  font-size: 14px;
  color: #555;
}

#contact h5 {
  font-weight: 600;
}
/* FOOTER */
.footer a:hover {
  color: #00d4ff !important;
}

.footer .btn-outline-light:hover {
  background: #00d4ff;
  border-color: #00d4ff;
  color: #000 !important;
}
.footer small a:hover {
  color: #00d4ff !important;
}