:root {
  scroll-padding-top: 140px;
  scroll-behavior: smooth;
}
h1 {
  font-family: "Roboto Slab", serif;
  font-size: 55px;
  font-weight: bold;
  text-align: left;
}
h2 {
  text-align: left;
}
h3 {
  text-align: left;
}
h4 {
  text-align: left;
  color: #4f9fa6;
  font-family: "Cabin", sans-serif;
}
.h4-link {
  font-weight: bold;
  color: #333263;
  text-transform: capitalize;
}
.h4-link:hover {
  color: #7798b7;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  cursor: pointer;
}
.orange-font {
  color: #d77737;
}
.green-font {
  color: #4f9fa6;
}
.dark-green-font {
  color: #355e3b;
}
.blue-font {
  color: #223c62;
}
.southeast-font {
  color: #6205ac;
}
.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
section {
  width: 90%;
}
.green-bg {
  background-color: #4f9fa6;
}
.school-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 900px;
  min-width: 300px;
  justify-content: space-between;
  align-items: center;
  background-color: #ebefec;
  height: auto;
  padding: 0px;
  margin: 32px 0px 32px 0px;
  box-shadow: 5px 7px 10px rgba(1, 69, 206, 0.2);
}
.school-button > h3 {
  margin: 0px;
  color: #d77737;
}
.icon-btn {
  font-size: 30px !important;
  padding: 5px 16px 5px 16px;
  height: 49px;
  background-color: #d2dad4;
  color: #4f9fa6;
  margin-left: 8px;
}
.icon-btn:hover {
  background-color: #4f9fa6;
  color: #d2dad4;
  transition: all ease 0.5s;
}
.input {
  width: 100% !important;
  border-radius: 10px;
  padding: 1em !important;
}
textarea {
  width: 100%;
  padding: 1em;
}