:root {
  --RF: "PT Sans", "Arial", "Helvetica", sans-serif;
  --BM: 4vh;
  --IM: 2vh;
  --RP: 1vh;
}
@font-face {
  font-family: "Regular";
  src: url(../fonts/VKSansDisplay-Regular.ttf);
}
@font-face {
  font-family: "DemiBold";
  src: url(../fonts/VKSansDisplay-DemiBold.ttf);
}
body {
  font-family: "Regular", sans-serif;
  position: relative;
  background-color: #f5f5f5;
}
.topheader {
  display: flex;
  justify-content: center;
  min-height: 12vh;
  background: -webkit-gradient(linear, left top, left bottom, from(#2d94cb), to(#1a6a98));
}
.topheader .container {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
}
.topheader .container .IT {
  display: flex;
  justify-content: center;
  align-items: center;
}
.topheader .container .IT img {
  width: 5vw;
  object-fit: cover;
  margin-right: var(--IM);
}
.topheader .container .IT .text {
  display: flex;
  flex-direction: column;
  min-width: 50%;
  color: white;
}
.topheader .container .IT .text h1 {
  font-size: 2.5vh;
  width: 100%;
  text-transform: uppercase;
  font-weight: 550;
  margin-bottom: var(--IM);
}
.topheader .container .IT .text h3 {
  font-size: 1.2vh;
}
.topheader .container .TB {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40%;
}
.topheader .container .TB a {
  font-size: 1.8vh;
  text-transform: uppercase;
  color: #fff;
  width: 50%;
}
.topheader .container .TB button {
  width: 50%;
  margin-top: var(--IM);
  background-color: transparent;
  color: #fff;
  font-size: 2vh;
  border: 2px solid #fff;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
  cursor: pointer;
}
.topheader .container .TB button:hover {
  border-color: #30ee43;
}
.topheader .container .IGR {
  display: flex;
  justify-content: start;
  align-items: center;
}
.topheader .container .IGR img {
  object-fit: contain;
  width: 7vw;
}
.overlay {
  height: 0;
  width: 100vw;
}
.Form {
  width: 25vw;
  height: 0;
  overflow: hidden;
}
.Form form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  min-height: 50vh;
  width: calc(25vw - 20%);
}
.Form form h3 {
  font-size: 2vh;
  width: 80%;
}
.Form form input {
  border: 2px solid #ddd;
  width: 80%;
  position: relative;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
  outline: none;
}
.Form form ::placeholder {
  font-size: 1.6vh;
}
.Form form select {
  background-color: transparent;
  width: 80%;
  border: 2px solid #ddd;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
}
.Form form select option {
  width: 80%;
}
.Form form button {
  background-color: #23bf32;
  color: white;
  padding: var(--RP);
  width: 80%;
  box-sizing: border-box;
  border-radius: 1vh;
  text-transform: uppercase;
  font-size: 2.5vh;
}
.Form form button:hover {
  box-shadow: 0px 2px #333;
}
.overlayActive {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background-color: #0000005f;
  backdrop-filter: blur(5px);
  z-index: 998;
}
.FormActive {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 25%;
  left: 38%;
  background-color: #fff;
  border-radius: 1vh;
  min-width: 25vw;
  z-index: 999;
  min-height: 50vh;
}
header {
  display: flex;
  min-height: 4vh;
  justify-content: center;
  align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8f4fa), color-stop(55%, #dff0fa), color-stop(55%, #d5eefa), to(#ccebfa));
}
header nav {
  width: 70%;
}
header nav ul {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}
header nav ul li {
  display: flex;
  align-items: center;
  min-height: 4vh;
  padding: var(--RP);
  box-sizing: border-box;
}
header nav ul li:hover {
  background-color: #509dc3;
}
header nav ul li:hover a {
  color: white;
}
header nav ul li a {
  color: #115884;
  font-size: 1.6vh;
  text-transform: uppercase;
  font-weight: 700;
}
main {
  display: flex;
  justify-content: center;
  width: 100vw;
  padding: var(--RP);
  box-sizing: border-box;
}
main .container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  min-height: 100vh;
  width: 62%;
}
main .container h4 {
  font-size: 1.3vh;
  color: #b7b7b7;
}
main .container h3 {
  text-transform: uppercase;
  font-size: 1.8vh;
  font-weight: 550;
}
main .container h1 {
  font-size: 4vh;
  font-weight: bolder;
  color: #175f89;
}
main .container button {
  text-transform: uppercase;
  background-color: #23bf32;
  color: white;
  font-size: 1.8vh;
  padding: var(--RP);
  box-sizing: border-box;
  width: 100%;
  cursor: pointer;
  border-radius: 1vh;
}
main .container img {
  width: 100%;
  object-fit: cover;
  max-height: 50%;
  filter: blur(2px);
}
main .container .inf {
  all: unset;
  font-size: 2.7vh;
  color: #175f89;
  font-weight: bold;
}
hr {
  width: 62%;
  margin: var(--BM) auto;
  height: 0.3vh;
  background-color: #ddd;
}
.services {
  display: flex;
  justify-content: center;
}
.services .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 62%;
}
.services .container h1 {
  font-size: 5vh;
  position: relative;
  margin-bottom: var(--BM);
}
.services .container h1 .blue {
  color: #23bf32;
}
.services .container h1:after {
  content: "";
  width: 100%;
  height: 0.4vh;
  border-radius: 1vh;
  background-color: #000;
  position: absolute;
  bottom: -15%;
  left: 0;
}
.services .container .services-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.services .container .services-container .servirce {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  margin-right: var(--IM);
  min-height: 33vh;
  max-width: 33vh;
  min-width: 33vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: var(--IM);
  position: relative;
  overflow: hidden;
  border-radius: 1vh;
}
.services .container .services-container .servirce img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 9;
  border-radius: 1vh;
}
.services .container .services-container .servirce .z-index {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  min-height: 30vh;
  width: 100%;
  z-index: 10;
}
.services .container .services-container .servirce .z-index .text {
  display: flex;
  background-color: #0000005f;
  color: white;
  align-items: center;
  width: 80%;
  min-height: 7vh;
  max-height: 8vh;
  padding: var(--RP);
  box-sizing: border-box;
  font-size: 1.8vh;
}
.services .container .services-container .servirce .z-index button {
  background-color: #23bf32;
  color: white;
  padding: var(--RP);
  box-sizing: border-box;
  width: 80%;
  border-radius: 1vh;
  font-size: 1.8vh;
}
.services .container .services-container .servirce:hover img {
  filter: blur(3px);
  scale: 1.2;
}
.infServices {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.infServices .text {
  width: 62%;
}
.infServices .text h1 {
  font-size: 3vh;
}
.infServices .container {
  display: flex;
  flex-direction: column;
  width: 62%;
  min-height: 100vh;
  margin-top: var(--BM);
}
.infServices .container h3 {
  font-size: 2vh;
  margin-bottom: var(--IM);
}
.infServices .container ul {
  background-color: #00aaff41;
  max-width: 60%;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
  margin-bottom: var(--IM);
}
.infServices .container ul li {
  margin-bottom: 1vh;
  position: relative;
  padding-left: var(--RP);
  box-sizing: border-box;
  font-size: 1.7vh;
  text-transform: capitalize;
}
.infServices .container ul li::before {
  content: "";
  position: absolute;
  left: -1%;
  bottom: 27%;
  height: 0.7vh;
  min-width: 0.7vh;
  background-color: #000;
  border-radius: 100%;
}
.infServices .container button {
  background-color: #23bf32;
  color: white;
  font-size: 2vh;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
}
.third {
  display: flex;
  justify-content: center;
}
.third .container {
  display: flex;
  flex-direction: column;
  width: 62%;
}
.third .container h3 {
  font-size: 2vh;
  margin-bottom: var(--IM);
}
.third .container .border {
  display: flex;
  align-items: center;
  padding: var(--RP);
  box-sizing: border-box;
  border: 3px solid #ddd;
  border-radius: 1vh;
  margin-bottom: var(--IM);
}
.third .container .border h3 {
  margin-bottom: 0;
}
.third .container .map iframe {
  border-radius: 1vh;
  border: 2px solid #ddd;
}
.fourth {
  display: flex;
  justify-content: center;
}
.fourth .container {
  display: flex;
  flex-direction: column;
  width: 62%;
}
.fourth .container h1 {
  font-size: 2.5vh;
  margin-bottom: var(--IM);
}
.fourth .container h3 {
  font-size: 2vh;
  margin-bottom: var(--IM);
}
.fourth .container ul {
  background-color: #00aaff41;
  max-width: 60%;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
  margin-bottom: var(--IM);
}
.fourth .container ul li {
  margin-bottom: 1vh;
  position: relative;
  padding-left: var(--RP);
  box-sizing: border-box;
  font-size: 1.7vh;
  text-transform: capitalize;
}
.fourth .container ul li::before {
  content: "";
  position: absolute;
  left: -1%;
  bottom: 27%;
  height: 0.7vh;
  min-width: 0.7vh;
  background-color: #000;
  border-radius: 100%;
}
.fourth .container .border {
  display: flex;
  align-items: center;
  padding: var(--RP);
  box-sizing: border-box;
  border: 3px solid #ddd;
  border-radius: 1vh;
  margin-bottom: var(--IM);
}
.fourth .container .border h3 {
  font-size: 2vh;
  margin-bottom: 0;
}
.fourth .container button {
  background-color: #23bf32;
  color: white;
  font-size: 2vh;
  padding: var(--RP);
  box-sizing: border-box;
  border-radius: 1vh;
}
.fifth {
  display: flex;
  justify-content: center;
}
.fifth .container {
  display: flex;
  width: 62%;
}
.fifth .container .reviews {
  display: flex;
  width: 100%;
  overflow-x: hidden;
}
.fifth .container .reviews .review {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 50vw;
  min-height: 30vh;
  background-color: #fff;
  border-radius: 1vh;
  padding: var(--RP);
  box-sizing: border-box;
}
.fifth .container .reviews .review .review-text {
  display: flex;
  flex-direction: column;
  width: 80%;
}
.fifth .container .reviews .review .review-text h3 {
  margin-top: var(--IM);
  font-size: 2vh;
}
.fifth .container .reviews .review .name {
  display: flex;
  align-items: center;
}
.fifth .container .reviews .review .name h2 {
  font-size: 3vh;
  font-weight: bold;
  margin-right: var(--BM);
}
.fifth .container .reviews .review .name h3 {
  font-size: 3vh;
  color: orange;
}
.fifth .container .back {
  background-image: url(../img/back.svg);
}
.fifth .container .back,
.fifth .container .next {
  background-color: transparent;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 4vw;
  height: 100%;
}
.fifth .container .next {
  background-image: url(../img/next.svg);
}
h1 {
  font-family: "DemiBold", sans-serif;
  font-weight: unset;
}
@media screen and (max-width: 768px) {
  .overlay {
    height: 0;
    width: 100vw;
  }
  .Form {
    width: 80vw;
    height: 0;
    overflow: hidden;
  }
  .Form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-height: 50vh;
    width: calc(80vw - 10%);
  }
  .Form form h3 {
    font-size: 2vh;
    width: 80%;
  }
  .Form form input {
    border: 2px solid #ddd;
    width: 80%;
    position: relative;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
    outline: none;
  }
  .Form form ::placeholder {
    font-size: 1.6vh;
  }
  .Form form select {
    background-color: transparent;
    width: 80%;
    border: 2px solid #ddd;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
  }
  .Form form select option {
    width: 80%;
  }
  .Form form button {
    background-color: #23bf32;
    color: white;
    padding: var(--RP);
    width: 80%;
    box-sizing: border-box;
    border-radius: 1vh;
    text-transform: uppercase;
    font-size: 2.5vh;
  }
  .Form form button:hover {
    box-shadow: 0px 2px #333;
  }
  .overlayActive {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: #0000005f;
    backdrop-filter: blur(5px);
    z-index: 998;
  }
  .FormActive {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 25%;
    left: 10%;
    background-color: #fff;
    border-radius: 1vh;
    min-width: 50vw;
    z-index: 999;
    min-height: 50vh;
  }
  .topheader {
    display: flex;
    justify-content: center;
    min-height: 12vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#2d94cb), to(#1a6a98));
  }
  .topheader .container {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .topheader .container .IT {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 48%;
  }
  .topheader .container .IT img {
    width: 20vw;
    object-fit: cover;
    margin-right: var(--IM);
  }
  .topheader .container .IT .text {
    display: flex;
    flex-direction: column;
    min-width: 50%;
    color: white;
  }
  .topheader .container .IT .text h1 {
    font-size: 2.5vh;
    width: 100%;
    text-transform: uppercase;
    font-weight: 550;
    margin-bottom: var(--IM);
  }
  .topheader .container .IT .text h3 {
    font-size: 1.2vh;
  }
  .topheader .container .TB {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48%;
  }
  .topheader .container .TB a {
    font-size: 1.6vh;
    text-transform: uppercase;
    color: #fff;
    width: 80%;
  }
  .topheader .container .TB button {
    width: 80%;
    margin-top: 1vh;
    background-color: transparent;
    color: #fff;
    font-size: 2vh;
    border: 2px solid #fff;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
    cursor: pointer;
  }
  .topheader .container .TB button:hover {
    border-color: #30ee43;
  }
  .topheader .container .IGR {
    display: none;
    justify-content: start;
    align-items: center;
  }
  .topheader .container .IGR img {
    object-fit: contain;
    width: 7vw;
  }
  header {
    display: flex;
    min-height: 4vh;
    justify-content: unset;
    align-items: center;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f4fa), color-stop(55%, #dff0fa), color-stop(55%, #d5eefa), to(#ccebfa));
  }
  header .burger {
    display: flex;
    flex-direction: column;
    min-height: 4vh;
    width: 10vw;
    align-items: center;
    justify-content: space-evenly;
  }
  header .burger button {
    width: 7vw;
    height: 0.5vh;
    border-radius: 1vh;
    background-color: #000;
  }
  header nav {
    position: fixed;
    width: 0;
    overflow: hidden;
    height: 100vh;
  }
  header nav ul {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
  }
  header nav ul li {
    display: flex;
    align-items: center;
    min-height: 0;
    padding: var(--RP);
    box-sizing: border-box;
  }
  header nav ul li:hover {
    background-color: #509dc3;
  }
  header nav ul li:hover a {
    color: white;
  }
  header nav ul li a {
    color: #115884;
    font-size: 1.6vh;
    text-transform: uppercase;
    font-weight: 700;
  }
  header .navActive {
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8f4fa), color-stop(55%, #dff0fa), color-stop(55%, #d5eefa), to(#ccebfa));
    z-index: 999;
  }
  header .navActive ul {
    display: flex;
    z-index: 100000;
    flex-direction: column;
  }
  header .navActive ul li {
    min-height: 4vh;
  }
  main {
    display: flex;
    justify-content: center;
    width: 100vw;
    padding: var(--RP);
    box-sizing: border-box;
  }
  main .container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    min-height: 100vh;
    width: 80%;
  }
  main .container h4 {
    font-size: 1.3vh;
    color: #b7b7b7;
  }
  main .container h3 {
    text-transform: uppercase;
    font-size: 1.8vh;
    font-weight: 550;
  }
  main .container h1 {
    font-size: 4vh;
    font-weight: bolder;
    color: #175f89;
  }
  main .container button {
    text-transform: uppercase;
    background-color: #23bf32;
    color: white;
    font-size: 1.8vh;
    padding: var(--RP);
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    border-radius: 1vh;
  }
  main .container img {
    width: 100%;
    object-fit: cover;
    max-height: 50%;
    filter: blur(2px);
  }
  main .container .inf {
    all: unset;
    font-size: 2.7vh;
    color: #175f89;
    font-weight: bold;
  }
  hr {
    width: 80%;
    margin: var(--BM) auto;
    height: 0.3vh;
    background-color: #ddd;
  }
  .services {
    display: flex;
    justify-content: center;
  }
  .services .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80%;
  }
  .services .container h1 {
    font-size: 5vh;
    position: relative;
    margin-bottom: var(--BM);
  }
  .services .container h1 .blue {
    color: #23bf32;
  }
  .services .container h1:after {
    content: "";
    width: 100%;
    height: 0.4vh;
    border-radius: 1vh;
    background-color: #000;
    position: absolute;
    bottom: -15%;
    left: 0;
  }
  .services .container .services-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
  }
  .services .container .services-container .servirce {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    margin-right: 0;
    min-height: 33vh;
    max-width: 33vh;
    min-width: 33vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: var(--IM);
    position: relative;
    overflow: hidden;
    border-radius: 1vh;
  }
  .services .container .services-container .servirce img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9;
    border-radius: 1vh;
  }
  .services .container .services-container .servirce .z-index {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    min-height: 30vh;
    width: 100%;
    z-index: 10;
  }
  .services .container .services-container .servirce .z-index .text {
    display: flex;
    background-color: #0000005f;
    color: white;
    align-items: center;
    width: 80%;
    min-height: 7vh;
    max-height: 8vh;
    padding: var(--RP);
    box-sizing: border-box;
    font-size: 1.8vh;
  }
  .services .container .services-container .servirce .z-index button {
    background-color: #23bf32;
    color: white;
    padding: var(--RP);
    box-sizing: border-box;
    width: 80%;
    border-radius: 1vh;
    font-size: 1.8vh;
  }
  .services .container .services-container .servirce:hover img {
    filter: blur(3px);
    scale: 1.2;
  }
  .infServices {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .infServices .text {
    width: 80%;
  }
  .infServices .text h1 {
    font-size: 3vh;
  }
  .infServices .container {
    display: flex;
    flex-direction: column;
    width: 80%;
    min-height: 100vh;
    margin-top: var(--BM);
  }
  .infServices .container h3 {
    font-size: 2vh;
    margin-bottom: var(--IM);
  }
  .infServices .container ul {
    background-color: #00aaff41;
    max-width: 80%;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
    margin-bottom: var(--IM);
  }
  .infServices .container ul li {
    margin-bottom: 1vh;
    position: relative;
    padding-left: var(--RP);
    box-sizing: border-box;
    font-size: 1.7vh;
    text-transform: capitalize;
  }
  .infServices .container ul li::before {
    content: "";
    position: absolute;
    left: -1%;
    bottom: 27%;
    height: 0.7vh;
    min-width: 0.7vh;
    background-color: #000;
    border-radius: 100%;
  }
  .infServices .container button {
    background-color: #23bf32;
    color: white;
    font-size: 2vh;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
  }
  .third {
    display: flex;
    justify-content: center;
  }
  .third .container {
    display: flex;
    flex-direction: column;
    width: 80%;
  }
  .third .container h3 {
    font-size: 2vh;
    margin-bottom: var(--IM);
  }
  .third .container .border {
    display: flex;
    align-items: center;
    padding: var(--RP);
    box-sizing: border-box;
    border: 3px solid #ddd;
    border-radius: 1vh;
    margin-bottom: var(--IM);
  }
  .third .container .border h3 {
    margin-bottom: 0;
  }
  .third .container .map iframe {
    border-radius: 1vh;
    border: 2px solid #ddd;
  }
  .fourth {
    display: flex;
    justify-content: center;
  }
  .fourth .container {
    display: flex;
    flex-direction: column;
    width: 80%;
  }
  .fourth .container h1 {
    font-size: 2.5vh;
    margin-bottom: var(--IM);
  }
  .fourth .container h3 {
    font-size: 2vh;
    margin-bottom: var(--IM);
  }
  .fourth .container ul {
    background-color: #00aaff41;
    max-width: 80%;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
    margin-bottom: var(--IM);
  }
  .fourth .container ul li {
    margin-bottom: 1vh;
    position: relative;
    padding-left: var(--RP);
    box-sizing: border-box;
    font-size: 1.7vh;
    text-transform: capitalize;
  }
  .fourth .container ul li::before {
    content: "";
    position: absolute;
    left: -1%;
    bottom: 27%;
    height: 0.7vh;
    min-width: 0.7vh;
    background-color: #000;
    border-radius: 100%;
  }
  .fourth .container .border {
    display: flex;
    align-items: center;
    padding: var(--RP);
    box-sizing: border-box;
    border: 3px solid #ddd;
    border-radius: 1vh;
    margin-bottom: var(--IM);
  }
  .fourth .container .border h3 {
    font-size: 2vh;
    margin-bottom: 0;
  }
  .fourth .container button {
    background-color: #23bf32;
    color: white;
    font-size: 2vh;
    padding: var(--RP);
    box-sizing: border-box;
    border-radius: 1vh;
  }
  .fifth {
    display: flex;
    justify-content: center;
  }
  .fifth .container {
    display: flex;
    width: 80%;
  }
  .fifth .container .reviews {
    display: flex;
    width: 100%;
    overflow-x: hidden;
  }
  .fifth .container .reviews .review {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 80vw;
    min-height: 30vh;
    background-color: #fff;
    border-radius: 1vh;
    padding: var(--RP);
    box-sizing: border-box;
  }
  .fifth .container .reviews .review .review-text {
    display: flex;
    flex-direction: column;
    width: 80%;
  }
  .fifth .container .reviews .review .review-text h3 {
    margin-top: var(--IM);
    font-size: 2vh;
  }
  .fifth .container .reviews .review .name {
    display: flex;
    flex-direction: column;
    align-items: unset;
    margin-top: var(--BM);
  }
  .fifth .container .reviews .review .name h2 {
    font-size: 3vh;
    font-weight: bold;
    margin-right: 0;
  }
  .fifth .container .reviews .review .name h3 {
    font-size: 3vh;
    color: orange;
  }
  .fifth .container .back {
    background-image: url(../img/back.svg);
  }
  .fifth .container .back,
  .fifth .container .next {
    background-color: transparent;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    width: 4vw;
    height: 100%;
  }
  .fifth .container .next {
    background-image: url(../img/next.svg);
  }
}