:root {
  --main-color: #3073a7;
  --white-color: #ffffff;
  --black-color: #000000;
  --text-color: #6a7a77;
  --btn-background-color: linear-gradient(
    135deg,
    #5fc3e4 0%,
    #3073a7 100%
  );
  --background: linear-gradient(180deg, #fcfefd 0%, #f4f6f9 60%, #dce7f0 100%);
  --background-hover: linear-gradient(
    135deg,
     #3073a7 0%,
     #5fc3e4 100%
  );
  --placeholder-color: #a1a1a1;
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
  .swiper-button-next,
.swiper-button-prev {
 display: none;
}
.text-box {
width: 100%;
padding: 0px 20px;
}
.text-box h2 {
  font-size: 2.2rem !important;
  font-weight: 700;
  margin-bottom: 20px;
}
.text-box p {
  font-size: 1.1rem;
}
.hero .swiper .swiper-wrapper .swiper-slide {
  height: 65vh;
  position: relative;
}
.about img {
  height: 350px;
}
}

@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}