body {background: black;}


i {
  color: white;
}

* {
  font-family: 'Roboto', sans-serif;
}

header {
  padding: 90px;
  padding-right: 20px;
  padding-top: 10px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("bgh (1).jpg");
  background-repeat: space;
  background-size: 100%;
  width: 94%;
}

main {
  position: absolute; top: 1100px;
  padding: 90px
}

.left80 {
  left: 90vw;
}

.t120 {top: 35px}

.yellow {
  color: #FFD600
}

.bg-yellow {
  background: #FFD600
}

h2 {
  color: white;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 76pt;
  line-height: 50px;
}


.logo {
  width: 5vw
}

.input-search {
  width: 200px;
  height: 38px;
  background: transparent;
  border: none;
  color: white;
  font-family: 'Roboto', sans-serif;
  font-size: 18pt;
  outline: none;
}

.input-wrapper {
  display: inline-block;
  width: fit-content;
  padding: 7px;
  padding-right: 20px;
  padding-right: 20px;
  border: 1px solid white;
}

.search-input-wrapper {
  width: fit-content
}

* {
  outline: none;
}

button {
  display: inline;
}

.btn1 {
  background: #FFD600;
  border: none;
  border-radius: 40px;
  padding: 30px;
  font-size: 25pt;
  font-weight: 700;
}

.btn2 {
  border: 1px solid #FFD600;
  color: #FFD600;
  background: none;
  border-radius: 40px;
  padding: 30px;
  font-size: 25pt;
  font-weight: 700;
}

.btn-xl {
  border: none;
  color: black;
  background: white;
  width: 85vw;
  text-align: center;
  border-radius: 80px;
  padding: 50px;
  padding-bottom: 90px;
  font-size: 30pt;
  font-weight: 700;
  height: 80px;
}

.mt350 {margin-left: 350px}

.about-m {
  display: inline-block; margin-left: 200px
}
.ml300 {margin-left: 300px}
.ml250 {margin-left: 250px;}
@media (width < 1700px) {
  .t120 {top: 120px;}
  h2 {
    font-size: 78pt
  }

  .ml300 {margin-left: 150px}
  .ml250 {margin-left: 150px;}
  
  header {
    padding: 70px;
    height: 1000px;
  }
}

@media (width < 1600px) {
  .review {margin-top: 200px}
  .about-m {
    display: inline-block; margin-left: 100px; margin-top: 50px
  }
  
  h2 {
    font-size: 62pt
  }

  .left80 {
    left: 90vw;
  }

  center {position: relative; left: -10vw}
  
  header {
    padding: 85px;
  }
  .ml300 {margin-left: 70px}
  .ml250 {margin-left: 80px;}
}

@media (width < 1500px) {
  .mt350 {margin-left: 250px}
}

@media (width < 1400px) {
  h2 {
    font-size: 50pt
  }
  header {
    width: 97%;
  }
}

@media (width < 1200px) {
  h2 {
    font-size: 48pt
  }
}

img {
  object-fit: cover;
}

.accordion {margin-top: 80px}

.accordion-button {
  background: none;
  border: none;
  color: white;
  font-size: 30pt;
  font-weight: 400;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: left;
  border-bottom: 1px solid white;
}

.accordion-content {display: none; font-size: 20pt; color: white; font-weight: 300; padding: 20px; text-align: left; margin-left: 300px}

.active {
  background: #F07C0D; border: none;
}

.review {
  display: inline-block;
  border: 30px solid #F07C0D;
  background: white; padding: 50px; width: 450px; height: 300px;
  color: black; text-align: center; font-size: 20pt; border-radius: 40px;
}
.review i {color: black}
.review img {border-radius: 128px; position: relative; top: -180px; border: 3px solid white;
            }
.review-heading-body {position: relative; top: -180px;}

.full-review {margin-left: 50px; display: inline-block;}

.full-review p {
  color: white; font-size: 20pt; font-weight: 300; text-align: justify; width: 450px;
}

.full-reviews-group {display: inline-block; position: relative;}