@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@600;700&family=Roboto:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Heebo:wght@100;500&display=swap");
body {
  font-family: "Roboto", sans-serif;
  background-color: #f7faff;
  color: #000;
  line-height: 1.6em;
  font-family: "Heebo", sans-serif;
  font-weight: 300;
}

.bold {
  font-weight: 500;
}

.upper {
  text-transform: uppercase;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.text-primary,
th {
  color: #054c7f !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff !important;
  background-color: #054c7f !important;
}

a.nav-link {
  color: white !important;
  text-transform: uppercase;
}

#computer_body {
  font-family: "Heebo", sans-serif;
  font-weight: 300;
}
#computer_body a.nav-link {
  color: #f06c33 !important;
}
#computer_body .text-primary,
#computer_body th {
  color: #f06c33 !important;
}

nav ul a {
  font-weight: 500 !important;
}

#computer_header {
  height: 50vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.753)), url(../img/computer_ink/header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

#computer_nav {
  background-color: white !important;
}
#computer_nav img {
  height: 70px !important;
}
#computer_nav .container-fluid {
  background-color: white !important;
}

#delivery_capability {
  background-color: white;
}

#individual_companies {
  background-color: white;
  background-image: url(../img/computer_ink/bg_3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

#niche_market,
#where_started {
  background-color: white;
  background-image: url(../img/computer_ink/bg_dark.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  color: aliceblue;
}
#niche_market ul,
#where_started ul {
  text-align: left !important;
}

#company_success .col-md-3 {
  margin-bottom: 1em;
}
#company_success .col-md-3 .card .card-body {
  padding-bottom: 0;
}
#company_success .col-md-3 .card .card-body p {
  font-size: 0.9em;
  margin-bottom: 1em;
}

#ownership {
  background-image: url(../img/computer_ink/bg_2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#ownership tr {
  text-align: center;
}
#ownership td {
  font-size: 0.9em;
  padding: 0.5em;
}
#ownership th {
  font-size: 0.9em;
}
#ownership .col-md-4 .card {
  background-image: url(../img/computer_ink/header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#ownership .col-md-4 .card#card_empowerment {
  background-image: url(../img/computer_ink/ownership/empowerment.jpg);
}
#ownership .col-md-4 .card#card_socio {
  background-image: url(../img/computer_ink/ownership/socio.jpg);
}
#ownership .col-md-4 .card#card_procurement {
  background-image: url(../img/computer_ink/ownership/procurement.jpg);
}
#ownership .col-md-4 .card#card_ownership {
  background-image: url(../img/computer_ink/ownership/black_owned.jpg);
}
#ownership .col-md-4 .card#card_management {
  background-image: url(../img/computer_ink/ownership/management.jpg);
}
#ownership .col-md-4 .card#card_skills {
  background-image: url(../img/computer_ink/ownership/skills.jpg);
}
#ownership .card {
  min-height: 225px;
}

#company_offering {
  background-color: #fcfcfc !important;
}
#company_offering .col-md-4 {
  border-left: 1px solid rgb(226, 226, 226);
}
#company_offering ul,
#company_offering .card-body {
  font-size: 0.95em;
}

#focus {
  background-image: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)), url(../img/computer_ink/bg_5.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 0.9em;
}
#focus img {
  margin-bottom: 1em;
}

#bigtime_header {
  height: 50vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(../img/bigtime_projects/header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

#evolve {
  background-image: url(../img/computer_ink/bg_dark.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#evolve .evolve_card {
  min-height: 225px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: end;
  border-radius: 15px;
  margin-bottom: 1.5em;
}
#evolve .evolve_card#research {
  background-image: url(../img/bigtime_projects/evolve/r_and_d.jpg);
}
#evolve .evolve_card#pharmaceutical {
  background-image: url(../img/bigtime_projects/evolve/pharmaceutical.jpg);
}
#evolve .evolve_card#aviation {
  background-image: url(../img/bigtime_projects/evolve/aviation.jpg);
}
#evolve .evolve_card#financial {
  background-image: url(../img/bigtime_projects/evolve/financial_tech.jpg);
}
#evolve .evolve_card#agriculture {
  background-image: url(../img/bigtime_projects/evolve/agriculture.jpg);
}
#evolve .evolve_card#energy {
  background-image: url(../img/bigtime_projects/evolve/energy.jpg);
}
#evolve .evolve_card .evole_text {
  background-color: #054c7f;
  width: 100%;
  text-align: center;
  padding: 0.3em;
  border-radius: 0px 0px 15px 15px;
}
#evolve .evolve_card .evole_text h6 {
  margin: 0;
}

#wrong {
  background-image: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), url(../img/bigtime_projects/rdp.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

#challenges {
  background-image: url(../img/computer_ink/bg_4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

#measures {
  background-image: url(../img/computer_ink/bg_3.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
#measures .col-md-6 img,
#measures .col-md-8 img {
  border-radius: 10px;
}

html,
body {
  scroll-behavior: smooth;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 100vh;
  z-index: 11;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader img {
  width: 80%;
  max-width: 200px !important;
}

.card {
  border-radius: 10px;
  border: none !important;
  height: 100% !important;
  box-shadow: 0 10px 50px rgba(132, 132, 132, 0.1) !important;
}
.card.raised {
  box-shadow: 0 10px 50px rgba(132, 132, 132, 0.1) !important;
}

nav img {
  height: 50px !important;
}

header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  letter-spacing: 0.4em;
}

#coming_soon {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 25000;
  width: 100%;
  height: 100vh;
  background-color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
}/*# sourceMappingURL=main.css.map */