:root {
  --primary-color: darkblue;
  --secondary-color: #d11414;
  --main-font: Anton, sans-serif;
  --template-font: texgyreadventorbold;
  --display-font: Yesteryear, cursive;
  --text-font: Montserrat, sans-serif;
  --open-font: Open Sans, sans-serif;
  --arvo-font: Arvo, serif;
}

body p {
  font-family: var(--text-font);
  font-weight: 600;
}

.navbar-inverse {
  background-color: white;
}
.navbar-inverse li a {
  color: black;
}

.navbar-nav > li {
  border-right: none;
}

.navbar-form,
.why-choose:after {
  background-color: var(--primary-color);
}

.btn {
  background-color: var(--secondary-color);
}

.about {
  background: none;
}

.logo-text {
  font-family: var(--main-font);
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 2px;
  font-size: 3.2rem;
  margin-top: 15px;
  line-height: 1;
  color: red;
}

.header-top {
  background-color: white;
}

.header-top ul.follow-us li a {
  color: black;
  letter-spacing: 2px;
  font-size: 1.8rem;
}
.header-top ul.follow-us li a:hover {
  color: black;
}

.header-top ul.top-nav li a {
  font-family: var(--arvo-font);
  color: black;
  font-size: 1.5rem;
}
.header-top ul.top-nav li a:hover {
  color: black;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  background-color: var(--secondary-color);
  color: white;
}

.header-middle a.login {
  border: 2px dashed var(--secondary-color);
  color: var(--primary-color);
  letter-spacing: 2px;
}
.header-middle a.login:hover {
  background-color: var(--secondary-color);
}
.header-middle a.login span {
  color: var(--primary-color);
  letter-spacing: 2px;
}
.header-middle .contact ul li {
  font-family: var(--template-font);
  font-size: 1.2rem;
}

.navbar-form .form-control {
  letter-spacing: 2px;
}

.banner-outer .slide1 {
  background: url(../images/slider/3.avif) no-repeat center top/cover;
}
.banner-outer .slide2 {
  background: url(../images/slider/4.avif) no-repeat center top/cover;
}
.banner-outer .slide3 {
  background: url(../images/slider/7.avif) no-repeat center top/cover;
}

.about ul.our-links li.apply-online, .about ul.our-links li.prospects, .about ul.our-links li.certification {
  background: var(--primary-color);
}
.about ul.our-links li.apply-online:hover, .about ul.our-links li.prospects:hover, .about ul.our-links li.certification:hover {
  background: rgb(49, 49, 140);
}

.wt-makes-different {
  background-color: var(--primary-color);
}
.wt-makes-different .left .q-mark {
  background-color: #ffffff;
}
.wt-makes-different .left h2 {
  font-family: var(--display-font);
  font-size: 72px;
}

.inner-banner {
  background: var(--primary-color);
}
.inner-banner h1, .inner-banner p {
  color: white;
}

.contact-detail {
  background: var(--primary-color);
}
.contact-detail .inner a {
  font-size: 12px;
}
.contact-detail .inner p {
  color: white;
}

.contact-bottom {
  background: var(--secondary-color);
}

.footer .foot-nav {
  width: 32%;
}

.footer h3 {
  font-size: 30px;
}

.footer .foot-nav ul li {
  font-size: 5rem;
}

.footer .foot-nav ul li a {
  font-size: 12px;
}

@media only screen and (min-width: 1000px) {
  .sticky-column {
    position: sticky;
    top: 0;
    height: 100vh;
    color: var(--primary-color);
  }
  .giant-letter {
    font-size: 10rem;
  }
}
@media only screen and (max-width: 1200px) {
  .logo-text {
    /* font-size: 2rem;    } */
    /* display: none; */
  }
}
@media only screen and (max-width: 1200px) and (max-width: 992px) {
  .logo-text {
    /* font-size: 2rem;    } */
    display: none;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 768px) {
  .wt-makes-different .left h2 {
    font-size: 45px;
  }
  .logo-text {
    display: none;
  }
}/*# sourceMappingURL=my-style.css.map */