body {
  background-image: none;
  margin: 0;
}
.landing-page {
  overflow-x: hidden;

  font-size: 14px;
  font-family: Catamaran, sans-serif;
  font-style: normal;
}
.landing-page h1 {
  font-size: 56px;
  line-height: 1.29em;
  font-weight: 700;
  color: #111;
  margin-bottom: 12px;
}
.landing-page h2 {
  font-size: 29px;
  font-weight: 700;
  font-family: Catamaran, "sans-serif";
  color: #111;
  margin-top: 0;
  margin-bottom: 12px;
  line-height: 1.57;
}

.navbar {
  padding: 0.75rem 15%;

  display: flex;
  align-items: center;
  gap: 1rem;
}

.navbar-brand {
  font-size: 1.25rem;
}

.navbar a {
  text-decoration: none;
  color: #111;
}

.main-box {
  position: relative;
  background: url(/page/img.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 160px;
  padding-top: 90px;
  margin-bottom: 30px;
  background-position: 0;
}

.main-box__layer {
  background-color: rgba(0, 0, 0, 0.55);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-box__content {
  position: relative;
  z-index: 1;

  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 15%;
}

.content,
.content .header {
  color: #fff;
}
.content .rainbow {
  margin-bottom: 25px;
}

.articles-component {
  margin-bottom: 30px;
}

.articles {
  display: grid;
  grid-template-columns: 1fr 1fr;

  margin: 0 15%;
}

.article {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.article h2 {
  margin-top: 15px;
}

.article {
  margin-bottom: 20px;
}

.about-us {
  background: #f3f3f3;
  padding: 30px 15%;
  clear: both;
}

.about-us img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  float: right;
}

.contact {
  padding: 30px 15%;
}

.contact__info__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.contact__info__item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}

.app-icon {
  float: left;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
}
.app-icon.school {
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMDBBMzZDIj48cGF0aCBkPSJNNDc5LTEyMCAxODktMjc5di0yNDBMNDAtNjAwbDQzOS0yNDAgNDQxIDI0MHYzMTdoLTYwdi0yODJsLTkxIDQ2djI0MEw0NzktMTIwWm0wLTMwOCAzMTUtMTcyLTMxNS0xNjktMzEzIDE2OSAzMTMgMTcyWm0wIDI0MCAyMzAtMTI3di0xNjhMNDc5LTM2MCAyNDktNDg1djE3MGwyMzAgMTI3Wm0xLTI0MFptLTEgNzRabTAgMFoiLz48L3N2Zz4=");
}
.app-icon.chart {
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMDBBMzZDIj48cGF0aCBkPSJNMjg0LTI3N2g2MHYtMjc1aC02MHYyNzVabTE2NiAwaDYwdi00MDZoLTYwdjQwNlptMTY2IDBoNjB2LTE0OGgtNjB2MTQ4Wk0xODAtMTIwcS0yNCAwLTQyLTE4dC0xOC00MnYtNjAwcTAtMjQgMTgtNDJ0NDItMThoNjAwcTI0IDAgNDIgMTh0MTggNDJ2NjAwcTAgMjQtMTggNDJ0LTQyIDE4SDE4MFptMC02MGg2MDB2LTYwMEgxODB2NjAwWm0wLTYwMHY2MDAtNjAwWiIvPjwvc3ZnPg==");
}
.app-icon.folder {
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMDBBMzZDIj48cGF0aCBkPSJNMTQwLTE2MHEtMjQgMC00Mi0xOC41VDgwLTIyMHYtNTIwcTAtMjMgMTgtNDEuNXQ0Mi0xOC41aDI4MWw2MCA2MGgzMzlxMjMgMCA0MS41IDE4LjVUODgwLTY4MHY0NjBxMCAyMy0xOC41IDQxLjVUODIwLTE2MEgxNDBabTAtNjBoNjgwdi00NjBINDU2bC02MC02MEgxNDB2NTIwWm0wIDB2LTUyMCA1MjBaIi8+PC9zdmc+");
}
.app-icon.zoom {
  height: 50px;
  width: 50px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0OHB4IiBmaWxsPSIjMDBBMzZDIj48cGF0aCBkPSJNNzk2LTEyMSA1MzMtMzg0cS0zMCAyNi02OS45NiA0MC41UTQyMy4wOC0zMjkgMzc4LTMyOXEtMTA4LjE2IDAtMTgzLjA4LTc1UTEyMC00NzkgMTIwLTU4NXQ3NS0xODFxNzUtNzUgMTgxLjUtNzV0MTgxIDc1UTYzMi02OTEgNjMyLTU4NC44NSA2MzItNTQyIDYxOC01MDJxLTE0IDQwLTQyIDc1bDI2NCAyNjItNDQgNDRaTTM3Ny0zODlxODEuMjUgMCAxMzguMTMtNTcuNVE1NzItNTA0IDU3Mi01ODV0LTU2Ljg3LTEzOC41UTQ1OC4yNS03ODEgMzc3LTc4MXEtODIuMDggMC0xMzkuNTQgNTcuNVExODAtNjY2IDE4MC01ODV0NTcuNDYgMTM4LjVRMjk0LjkyLTM4OSAzNzctMzg5WiIvPjwvc3ZnPg==");
}
.app-icon.phone {
  height: 36px;
  width: 36px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNi42MiAxMC43OWMxLjQ0IDIuODMgMy43NiA1LjE0IDYuNTkgNi41OWwyLjItMi4yYy4yNy0uMjcuNjctLjM2IDEuMDItLjI0IDEuMTIuMzcgMi4zMy41NyAzLjU3LjU3LjU1IDAgMSAuNDUgMSAxVjIwYzAgLjU1LS40NSAxLTEgMS05LjM5IDAtMTctNy42MS0xNy0xNyAwLS41NS40NS0xIDEtMWgzLjVjLjU1IDAgMSAuNDUgMSAxIDAgMS4yNS4yIDIuNDUuNTcgMy41Ny4xMS4zNS4wMy43NC0uMjUgMS4wMmwtMi4yIDIuMnoiLz48L3N2Zz4=);
}
.app-icon.email {
  height: 36px;
  width: 36px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGQ9Ik0yMCA0SDRjLTEuMSAwLTEuOTkuOS0xLjk5IDJMMiAxOGMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjZjMC0xLjEtLjktMi0yLTJ6bTAgNGwtOCA1LTgtNVY2bDggNSA4LTV2MnoiLz48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
}
.app-icon.location {
  height: 36px;
  width: 36px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIzNnB4IiBoZWlnaHQ9IjM2cHgiPjxwYXRoIGQ9Ik0xNSAxMVY1bC0zLTMtMyAzdjJIM3YxNGgxOFYxMWgtNnptLTggOEg1di0yaDJ2MnptMC00SDV2LTJoMnYyem0wLTRINVY5aDJ2MnptNiA4aC0ydi0yaDJ2MnptMC00aC0ydi0yaDJ2MnptMC00aC0yVjloMnYyem0wLTRoLTJWNWgydjJ6bTYgMTJoLTJ2LTJoMnYyem0wLTRoLTJ2LTJoMnYyeiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}