@font-face {
  font-display: swap;
  font-family: "Gabriela";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gabriela-v23-latin-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Gupter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/gupter-v14-latin-regular.woff2") format("woff2");
}

:root {
  --COLOURI: #41ff07;
}

body { font-family: "Gupter"; overflow-x: hidden; }

.navbar .nav-link {
    font-size: 0.875rem;
    text-transform: uppercase;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.navbar .nav-item a.active { border-left: 0.1875rem groove var(--COLOURI); border-radius: 1rem 0rem 0rem 1rem; color: var(--COLOURI) !important; }

.navbar-toggler:focus { outline: none; }
/*! navigation end */

.carousel-item { height: 28.125rem; }

.carouselImage1 { background: url("../images/multipageplci.jpg"); background-size: cover; }
.carouselImage2 { background: url("../images/multipageplcii.jpg"); background-size: cover; }
.carouselImage3 { background: url("../images/multipageplciii.jpg"); background-size: cover; }
/*! showcase end */

#homeHeading {
  background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)), url("../images/multipageplclights.jpg") fixed no-repeat center /cover;
  text-align: center;
  color: var(--COLOURI);
}
/*! home heading end */

#videoPlay {
  position: relative;
  min-height: 27.5rem;
  background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url("../images/multipageplcmedia.jpg") fixed no-repeat center /cover;
  text-align: center;
  color: var(--COLOURI);
}

#videoPlay a { color: var(--COLOURI); }
/*! video end */

#pageHeader {
  height: 13.5rem;
  background: url("../images/multipageplci.jpg");
  background-position: 0 -22.5rem;
  background-attachment: fixed;
  color: var(--COLOURI);
  border-bottom: 0.07rem solid var(--COLOURI);
  padding-top: 3.125rem;
}

.aboutImg { margin-top: -4.2rem; }
/*! about page end */

#faq hr, #contact hr { background: var(--COLOURI); }

#faq .card { border: 0.01rem solid var(--COLOURI); }

#faq a { color: var(--COLOURI); text-decoration: none; }

#faq .card-body, #faq .card-header { background: #000000; }
/*! services page end */

footer { background: #000000; color: #ffffff; }

footer .developer, #developer { font: bold 1.2rem "Gabriela"; color: #ffffff; text-shadow: 1px 1px 2px #ffd700, 0 0 25px #000000, 0 0 5px #000000; }
footer #developer { letter-spacing: 0.4rem; }