@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");

.vision p:nth-child(1) {
  margin-left: 5px;
  line-height: 5px;
  font-size: 0.8rem;
  color: #2a6ea5ab;
  font-family: "Archivo Black", sans-serif;
  letter-spacing: 10px;
}

.vision h2 {
  font-weight: bold;
  color: #0e395c;
  font-size: 2.2rem;
}

.vision p {
  color: #3b5c7c;
}

.vision .heading-2 {
  font-weight: bold;
  margin-bottom: 10px;
  color: #0e395c;
}

.vision img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vision iframe {
  width: 90%;
}

.colored-box {
  background-color: #e9e9e9;
}

.colored-box h3 {
  letter-spacing: 5px;
  color: rgba(78, 77, 77, 0.856);
}

.colored-box p {
  color: rgba(78, 77, 77, 0.856);
  margin-top: 10px;
  font-weight: 300;
}

#exampleSlider {
  margin: auto;
  width: 100%;
  max-width: 1200px;
  position: relative;
}

@media (max-width: 1200px) {
  #exampleSlider {
    max-width: 800px;
  }
}

@media (max-width: 767px) {
  #exampleSlider {
    max-width: 450px;
  }
}

#exampleSlider .MS-content {
  margin: 15px 5%;
  overflow: hidden;
  white-space: nowrap;
}

#exampleSlider .MS-content img {
  object-fit: cover;
  width: 100%;
  height: 180px;
  display: inline-block;
}
@media (max-width: 767px) {
  #exampleSlider .MS-content {
    margin: 15px 5%;
  }
}

#exampleSlider .MS-content .item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  border-right: none;
  width: 365px;
}

@media (max-width: 767px) {
  #exampleSlider .MS-content .item {
    width: 400px;
  }
}

@media (max-width: 576px) {
  #exampleSlider .MS-content .item {
    width: 90vw;
  }
}

#exampleSlider .MS-controls button {
  color: #81745e;
  position: absolute;
  border: none;
  background: transparent;
  font-size: 30px;
  outline: 0;
  top: 75px;
}

#exampleSlider .MS-controls button:hover {
  cursor: pointer;
}
#exampleSlider .MS-controls .MS-left {
  left: 0px;
}

#exampleSlider .MS-controls .MS-right {
  right: 0px;
}

#view-more, #more-videos button {
  color: rgba(78, 77, 77, 0.856);
  background-color: rgba(0, 0, 0, 0);
  border: 0px;
  font-size: 20px;
}

#view-more:hover, #more-videos button:hover {
  cursor:pointer;
}

#view-more p, #more-videos button p {
  letter-spacing: 2px;
  margin: 0px;
}