@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  --main-heading-color: #366637;
  --main-icon-color: #ffce28;
  --title-color: #ffce28 !important;
}
html {
  scroll-behavior: smooth;
  text-align: justify;
}
.et_pb_text_inner {
  color: var(--title-color);
}
.display-4 {
  font-weight: 600;
  font-size: 2rem;
  color: #ffffff !important;
  line-height: 1.2em;
}
/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {
  .display-4 {
    font-weight: 600;
    font-size: 1rem;
    color: #ffffff !important;
    line-height: 1.2em;
  }
}

.about h2 {
  color: var(--main-heading-color);
}
.colored-text {
  color: var(--main-heading-color);
}
.fa-solid {
  color: var(--main-icon-color);
}
.img-fluid {
  border-radius: 1rem 0 1rem 0 !important;
}
p {
  font-size: 14px !important;
  font-family: "Poppins", sans-serif !important;
  /* font-family: "Open Sans", sans-serif !important; */
}

.abt-btn {
  color: #ffffff !important;
  border-width: 1px !important;
  padding-top: 0.5rem !important;
  padding-right: 1.6rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1.6rem !important;
  font-size: 14px;
  background-color: #e02b20;
}
.abt-btn:hover {
  color: #e02b20 !important;
  border-width: 1px !important;
  padding-top: 0.5rem !important;
  padding-right: 1.6rem !important;
  padding-bottom: 0.5rem !important;
  padding-left: 1.6rem !important;
  font-size: 14px;
  background-color: #ffffff;
}

.learn-more a {
  text-decoration: none;
  color: #ffffff;
}
.learn-more a:hover {
  text-decoration: none;
  color: #e02b20;
}
#nav {
  top: 0;
  width: 100%;
}
#nav a {
  transition: all 0.4s;
}
#nav img {
  width: 60px;
  height: 50px;
}
#nav.fixed {
  position: fixed;
  box-shadow: 5px 5px 19px 0px rgba(0, 0, 0, 0.5);
}
#nav.fixed img {
  width: 55px;
  height: 45px;
}
#nav.fixed a {
  font-size: 13px;
}
.card h2 {
  color: var(--title-color);
}
.focus {
  background-color: var(--main-heading-color);
  border-radius: 1rem 0 1rem 0 !important;
}
.green {
  color: var(--main-heading-color);
}
.red-line {
  border: 3px solid red !important;
  background-color: red !important;
  color: red !important;
}

footer {
  background-color: var(--main-heading-color);
}
.dot {
  height: 20px;
  width: 20px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  color: #366637;
}
.dot .fa-check {
  text-align: center !important;
  color: #366637 !important;
  font-size: 12px !important;
}
.objectives li {
  list-style: none;
}