@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
/*Roboto Text*/
/*Roboto Text*/
/*Color Palette*/
/*Color Palette*/
.spacing {
  height: 20px;
  width: 90%;
  display: flex;
  align-self: center;
}

.spacing-line {
  height: 20px;
  width: 90%;
  border-bottom: 0.5px solid lightgray;
  display: flex;
  align-self: center;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .spacing {
    height: 20px;
    width: 95%;
    display: flex;
    align-self: center;
  }
  .spacing-line {
    height: 20px;
    width: 95%;
    border-bottom: 0.5px solid lightgray;
    display: flex;
    align-self: center;
  }
}
* {
  margin: 0;
  padding: 0;
  font-family: "Roboto", serif;
}

body {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: #bd1e2d;
}

/*Header*/
.header {
  height: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: gray 0px 1px 10px;
}
.header .logo-container {
  height: 100%;
  width: auto;
}
.header .logo-container img {
  height: 100%;
  width: 100;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .header {
    height: 70px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: gray 0px 1px 10px;
  }
}
/*Header*/
/*Dashboard*/
.dashboard-container {
  height: 1000px;
  width: 600px;
  background-color: white;
  display: flex;
  flex-flow: column;
  align-items: center;
}

.textbox {
  height: auto;
  width: 90%;
  display: flex;
  flex-flow: column;
}

/*Dashboard*/
/*Services*/
.services-container {
  height: 5200px;
  width: 600px;
  background-color: white;
  display: flex;
  flex-flow: column;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .services-container {
    height: 5300px;
    width: 600px;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
/*Total 51oopx height*/
.services-one {
  height: 30px;
  width: 90%;
  display: flex;
  align-items: flex-end;
}
.services-one h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}

.services-two {
  height: 2050px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-two .service-two-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-two .service-two-one .service-two-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-two .service-two-one .service-two-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #0d0059;
}
.services-two .service-two-one .service-two-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-two .service-two-one .service-two-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-two .service-two-one .service-two-one-b img {
  height: 100%;
}
.services-two .service-two-two {
  height: 300px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-two .service-two-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #0d0059;
}
.services-two .service-two-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-two .service-two-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-three {
  height: 1100px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-three .service-three-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-three .service-three-one .service-three-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-three .service-three-one .service-three-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-three .service-three-one .service-three-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-three .service-three-one .service-three-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-three .service-three-one .service-three-one-b img {
  height: 100%;
}
.services-three .service-three-two {
  height: 300px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-three .service-three-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-three .service-three-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-three .service-three-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-four {
  height: 600px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-four .service-four-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-four .service-four-one .service-four-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-four .service-four-one .service-four-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-four .service-four-one .service-four-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-four .service-four-one .service-four-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-four .service-four-one .service-four-one-b img {
  height: 100%;
}
.services-four .service-four-two {
  height: 300px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-four .service-four-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-four .service-four-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-four .service-four-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-five {
  height: 230px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-five .service-five-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-five .service-five-one .service-five-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-five .service-five-one .service-five-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-five .service-five-one .service-five-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-five .service-five-one .service-five-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-five .service-five-one .service-five-one-b img {
  height: 100%;
}
.services-five .service-five-two {
  height: 300px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-five .service-five-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-five .service-five-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-five .service-five-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-six {
  height: 230px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-six .service-six-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-six .service-six-one .service-six-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-six .service-six-one .service-six-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-six .service-six-one .service-six-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-six .service-six-one .service-six-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-six .service-six-one .service-six-one-b img {
  height: 85%;
}
.services-six .service-six-two {
  height: 300px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-six .service-six-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-six .service-six-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-six .service-six-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-seven {
  height: 450px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-seven .service-seven-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-seven .service-seven-one .service-seven-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-seven .service-seven-one .service-seven-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-seven .service-seven-one .service-seven-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-seven .service-seven-one .service-seven-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-seven .service-seven-one .service-seven-one-b img {
  height: 100%;
}
.services-seven .service-seven-two {
  height: 500px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-seven .service-seven-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-seven .service-seven-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-seven .service-seven-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

.services-eight {
  height: 150px;
  width: 90%;
  display: flex;
  flex-flow: column;
}
.services-eight .service-eight-one {
  height: 100px;
  width: 100%;
  display: flex;
}
.services-eight .service-eight-one .service-eight-one-a {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  width: 70%;
  height: 100px;
}
.services-eight .service-eight-one .service-eight-one-a h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-eight .service-eight-one .service-eight-one-a p {
  font-size: 12px;
  font-weight: 300;
  color: #000000;
}
.services-eight .service-eight-one .service-eight-one-b {
  display: flex;
  align-items: center;
  width: 30%;
  height: 100px;
}
.services-eight .service-eight-one .service-eight-one-b img {
  height: 100%;
}
.services-eight .service-eight-two {
  height: 500px;
  width: 100%;
  display: flex;
  flex-flow: column;
}
.services-eight .service-eight-two h1 {
  font-size: 14px;
  font-weight: bold;
  color: #bd1e2d;
}
.services-eight .service-eight-two h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}
.services-eight .service-eight-two p {
  font-size: 12px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .services-one {
    height: 30px;
    width: 90%;
    display: flex;
    align-items: flex-end;
  }
  .services-one h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-two {
    height: 2120px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-two .service-two-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-two .service-two-one .service-two-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-two .service-two-one .service-two-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #0d0059;
  }
  .services-two .service-two-one .service-two-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-two .service-two-one .service-two-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-two .service-two-one .service-two-one-b img {
    height: 70%;
  }
  .services-two .service-two-two {
    height: 300px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-two .service-two-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #0d0059;
  }
  .services-two .service-two-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-two .service-two-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-three {
    height: 1130px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-three .service-three-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-three .service-three-one .service-three-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-three .service-three-one .service-three-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-three .service-three-one .service-three-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-three .service-three-one .service-three-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-three .service-three-one .service-three-one-b img {
    height: 70%;
  }
  .services-three .service-three-two {
    height: 300px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-three .service-three-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-three .service-three-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-three .service-three-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-four {
    height: 630px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-four .service-four-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-four .service-four-one .service-four-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-four .service-four-one .service-four-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-four .service-four-one .service-four-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-four .service-four-one .service-four-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-four .service-four-one .service-four-one-b img {
    height: 70%;
  }
  .services-four .service-four-two {
    height: 300px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-four .service-four-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-four .service-four-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-four .service-four-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-five {
    height: 230px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-five .service-five-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-five .service-five-one .service-five-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 80%;
    height: 100px;
  }
  .services-five .service-five-one .service-five-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-five .service-five-one .service-five-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-five .service-five-one .service-five-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    height: 100px;
  }
  .services-five .service-five-one .service-five-one-b img {
    height: 70%;
  }
  .services-five .service-five-two {
    height: 300px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-five .service-five-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-five .service-five-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-five .service-five-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-six {
    height: 230px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-six .service-six-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-six .service-six-one .service-six-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-six .service-six-one .service-six-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-six .service-six-one .service-six-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-six .service-six-one .service-six-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-six .service-six-one .service-six-one-b img {
    height: 60%;
  }
  .services-six .service-six-two {
    height: 300px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-six .service-six-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-six .service-six-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-six .service-six-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-seven {
    height: 460px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-seven .service-seven-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-seven .service-seven-one .service-seven-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-seven .service-seven-one .service-seven-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-seven .service-seven-one .service-seven-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-seven .service-seven-one .service-seven-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-seven .service-seven-one .service-seven-one-b img {
    height: 70%;
  }
  .services-seven .service-seven-two {
    height: 500px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-seven .service-seven-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-seven .service-seven-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-seven .service-seven-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
  .services-eight {
    height: 150px;
    width: 90%;
    display: flex;
    flex-flow: column;
  }
  .services-eight .service-eight-one {
    height: 100px;
    width: 100%;
    display: flex;
  }
  .services-eight .service-eight-one .service-eight-one-a {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
    height: 100px;
  }
  .services-eight .service-eight-one .service-eight-one-a h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-eight .service-eight-one .service-eight-one-a p {
    font-size: 12px;
    font-weight: 300;
    color: #000000;
  }
  .services-eight .service-eight-one .service-eight-one-b {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    height: 100px;
  }
  .services-eight .service-eight-one .service-eight-one-b img {
    height: 70%;
  }
  .services-eight .service-eight-two {
    height: 500px;
    width: 100%;
    display: flex;
    flex-flow: column;
  }
  .services-eight .service-eight-two h1 {
    font-size: 14px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .services-eight .service-eight-two h2 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
  }
  .services-eight .service-eight-two p {
    font-size: 12px;
    font-weight: 400;
    color: #000000;
  }
}
/*Services*/
/*TemporaryServices*/
/*TemporaryServices*/
/*Individual Profile*/
.profile-container {
  width: 600px;
  height: 1370px;
  background-color: white;
  display: flex;
  flex-flow: column;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .profile-container {
    width: 560px;
    height: 1630px;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
.profile-containertwo {
  width: 600px;
  height: 1230px;
  background-color: white;
  display: flex;
  flex-flow: column;
  align-items: center;
}

@media only screen and (min-width: 320px) and (max-width: 560px) {
  .profile-containertwo {
    width: 560px;
    height: 1470px;
    background-color: white;
    display: flex;
    flex-flow: column;
    align-items: center;
  }
}
.stwo {
  width: 90%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stwo .stwo-one {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
}
.stwo .stwo-one .stwo-one-textbox {
  height: 100%;
  width: 95%;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one {
  display: flex;
  justify-content: center;
  flex-flow: column;
  height: 40%;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h1 {
  color: #bd1e2d;
  font-size: 20px;
  font-weight: bold;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h2 {
  font-size: 28px;
  font-weight: bold;
  color: #bd1e2d;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h3 {
  font-size: 14px;
  font-weight: 300;
  color: #000000;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two {
  display: flex;
  justify-content: center;
  flex-flow: column;
  height: 30%;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one h1 {
  font-size: 8px;
  color: #585858;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one h2 {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two {
  height: 50%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two h1 {
  font-size: 8px;
  color: #585858;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two h2 {
  font-size: 12px;
  color: #000000;
  font-weight: 400;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-three {
  display: flex;
  justify-content: center;
  flex-flow: column;
  height: 30%;
}
.stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-three a {
  height: 40px;
  width: 145px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #bd1e2d;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}
.stwo .stwo-two {
  width: 50%;
  height: 100%;
}
.stwo .stwo-two .img-container {
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: flex-end;
  overflow: hidden;
  /* Animation for fading in and out */
}
.stwo .stwo-two .img-container img {
  height: 200px;
  width: 200px;
}
.stwo .stwo-two .img-container .mySlides {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Ensure images cover the entire container */
}
.stwo .stwo-two .img-container .mySlides:first-child {
  display: block;
}
@keyframes fade {
  from {
    opacity: 0.9;
  }
  to {
    opacity: 1;
  }
}
.stwo .stwo-two .img-container .fade {
  animation-name: fade;
  animation-duration: 1s;
  /* Adjust duration */
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .stwo {
    width: 90%;
    height: 650px;
    display: flex;
    flex-flow: column-reverse;
  }
  .stwo .stwo-one {
    width: 100%;
    height: 300px;
    display: flex;
    align-items: center;
  }
  .stwo .stwo-one .stwo-one-textbox {
    height: 100%;
    width: 100%;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one {
    display: flex;
    justify-content: center;
    flex-flow: column;
    height: 125px;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h1 {
    color: #bd1e2d;
    font-size: 30px;
    font-weight: bold;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h2 {
    font-size: 30px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-one h3 {
    font-size: 14px;
    font-weight: 300;
    color: #000000;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two {
    display: flex;
    justify-content: center;
    flex-flow: column;
    height: 125px;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: column;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one h1 {
    font-size: 10px;
    color: #585858;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-one h2 {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    text-decoration: none;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two {
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two h1 {
    font-size: 10px;
    color: #585858;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-two .stwo-one-textbox-two-two h2 {
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    text-decoration: none;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-three {
    display: flex;
    justify-content: flex-end;
    flex-flow: column;
    height: 50px;
  }
  .stwo .stwo-one .stwo-one-textbox .stwo-one-textbox-three a {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bd1e2d;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .stwo .stwo-two {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bd1e2d;
  }
  .stwo .stwo-two .img-container {
    height: 100%;
    width: auto;
    display: flex;
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .stwo .stwo-two .img-container img {
    height: 250px;
    width: 250px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.sthree {
  width: 90%;
  height: 400px;
  display: flex;
  flex-flow: column;
}
.sthree .sthree-one {
  height: 8%;
  display: flex;
  align-items: flex-start;
}
.sthree .sthree-one h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.sthree .sthree-two {
  height: 82%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  border: 1px solid #bd1e2d;
}
.sthree .sthree-two img {
  height: 100%;
  width: 100%;
}
.sthree .sthree-three {
  height: 10%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bd1e2d;
  border: 1px solid #bd1e2d;
}
.sthree .sthree-three a {
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  color: white;
  text-decoration: none;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .sthree {
    width: 90%;
    height: 300px;
    display: flex;
    flex-flow: column;
  }
  .sthree .sthree-one {
    height: 25px;
    display: flex;
    align-items: flex-start;
  }
  .sthree .sthree-one h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .sthree .sthree-two {
    height: 225px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    border: 1px solid #bd1e2d;
  }
  .sthree .sthree-two img {
    height: 100%;
    width: 100%;
  }
  .sthree .sthree-three {
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #bd1e2d;
    border: 1px solid #bd1e2d;
  }
  .sthree .sthree-three a {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-weight: 500;
    color: white;
    text-decoration: none;
  }
}
.sfour {
  height: 300px;
  width: 90%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.sfour .sfour-one {
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}

.sfour-two a {
  height: 50px;
  width: 100%;
  background-color: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-three a {
  height: 50px;
  width: 100%;
  background-color: #1877F2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-four a {
  height: 50px;
  width: 100%;
  background-color: #fbad50;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-five a {
  height: 50px;
  width: 100%;
  background-color: #0072b1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .sfour {
    height: 250px;
    width: 90%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .sfour .sfour-one {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .sfour-two a {
    height: 50px;
    width: 100%;
    background-color: #25D366;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-three a {
    height: 50px;
    width: 100%;
    background-color: #1877F2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-four a {
    height: 50px;
    width: 100%;
    background-color: #fbad50;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-five a {
    height: 50px;
    width: 100%;
    background-color: #0072b1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
}
.sfour-vertwo {
  height: 80px;
  width: 90%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.sfour-vertwo .sfour-one {
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}

.sfour-two a {
  height: 50px;
  width: 100%;
  background-color: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-three a {
  height: 50px;
  width: 100%;
  background-color: #1877F2;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-four a {
  height: 50px;
  width: 100%;
  background-color: #fbad50;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

.sfour-five a {
  height: 50px;
  width: 100%;
  background-color: #0072b1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Roboto", serif;
  font-weight: 500;
  text-decoration: none;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .sfour-vertwo {
    height: 80px;
    width: 90%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  .sfour-vertwo .sfour-one {
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .sfour-two a {
    height: 50px;
    width: 100%;
    background-color: #25D366;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-three a {
    height: 50px;
    width: 100%;
    background-color: #1877F2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-four a {
    height: 50px;
    width: 100%;
    background-color: #fbad50;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
  .sfour-five a {
    height: 50px;
    width: 100%;
    background-color: #0072b1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    font-size: 12px;
    font-family: "Roboto", serif;
    font-weight: 500;
    text-decoration: none;
  }
}
.sfive {
  width: 90%;
  height: 90px;
  display: flex;
  flex-flow: column;
}
.sfive .sfive-one {
  height: 20%;
}
.sfive .sfive-one h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.sfive .sfive-two {
  height: 80%;
  max-width: 40%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.sfive .sfive-two svg {
  height: 55px;
  fill: #000000;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .sfive {
    width: 90%;
    height: 70px;
    display: flex;
    flex-flow: column;
  }
  .sfive .sfive-one {
    height: 15px;
  }
  .sfive .sfive-one h1 {
    font-size: 16px;
    font-weight: bold;
    color: #bd1e2d;
  }
  .sfive .sfive-two {
    height: 55px;
    max-width: 40%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .sfive .sfive-two svg {
    height: 40px;
    fill: #000000;
  }
}
.ssix {
  height: 40px;
  width: 90%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.ssix h1 {
  font-size: 16px;
  font-weight: bold;
  color: #bd1e2d;
}
.ssix a {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  text-decoration: none;
}

/*Individual Profile*//*# sourceMappingURL=style.css.map */