/* Apply color scheme dynamically */
@import url(https://fonts.bunny.net/css?family=montserrat:300,400,500,600,700,800,900);
:root {
  --primary_main_colour_1: {{ color_scheme.primary_main_colour_1 | default:"rgba(18, 15, 45, 1.00)" }};
  --primary_main_colour_2: {{ color_scheme.primary_main_colour_2 | default:"rgba(89, 40, 229, 1.00)" }};
  --primary_main_colour_3: {{ color_scheme.primary_main_colour_3 | default:"rgba(232, 69, 199, 1.00)" }};
  --primary_main_colour_4: {{ color_scheme.primary_main_colour_4 | default:"rgba(35, 30, 60, 1.00)" }};
  --primary_black: {{ color_scheme.primary_black | default:"rgba(12, 10, 30, 1.00)" }};
  --primary_white: {{ color_scheme.primary_white | default:"rgba(240, 240, 255, 1.00)" }};
  --primary_site_danger: {{ color_scheme.primary_site_danger | default:"rgba(255, 77, 105, 1.0)" }};
  --primary_site_success: {{ color_scheme.primary_site_success | default:"rgba(82, 210, 132, 1.0)" }};
  --primary_site_background: {{ color_scheme.primary_site_background | default:"rgba(22, 19, 48, 1.00)" }};
  --primary_site_text: {{ color_scheme.primary_site_text | default:"rgba(230, 230, 255, 1.00)" }};
  --primary_button_gray: {{ color_scheme.primary_button_gray | default:"rgba(90, 90, 110, 1.00)" }};
  --primary_button_white: {{ color_scheme.primary_button_white | default:"rgba(255, 255, 255, 0.1)" }};
  --primary_shadows_spreed: {{ color_scheme.primary_shadows_spreed | default:"rgba(143, 98, 229, 0.15)" }};
  --primary_grey: {{ color_scheme.primary_grey | default:"rgba(130, 130, 150, 1.0)" }};
  --primary_grey_light: {{ color_scheme.primary_grey_light | default:"rgba(160, 160, 190, 1.0)" }};
  --primary_grey_light_2: {{ color_scheme.primary_grey_light_2 | default:"rgba(200, 180, 240, 0.1)" }};
  --primary_grey_light_3: {{ color_scheme.primary_grey_light_3 | default:"rgba(190, 190, 250, 0.07)" }};
  --primary_grey_light_4: {{ color_scheme.primary_grey_light_4 | default:"rgba(255, 255, 255, 0.04)" }};
  --primary_grey_dark: {{ color_scheme.primary_grey_dark | default:"rgba(90, 90, 120, 1.0)" }};
  --primary_footer_bg: {{ color_scheme.primary_footer_bg | default:"rgba(10, 8, 40, 1.00)" }};
}

.grid {
  width: 100%;
  list-style: none;
  margin: 0px auto;
  padding: 100px 0px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  position: relative;
  z-index: 3;
}
.grid li {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 2rem;
  width: 29%;
  opacity: 0;
  border-radius: 2rem;
  box-shadow: 0 2rem 3rem var(--primary_shadows_spreed);
  margin: 1rem 2% 4rem;
}
.grid li .product_review {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.grid li .product_review .product_photo {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin: -70px 0px 0px;
  gap: 1rem;
}
.grid li .product_review .product_photo img {
  width: 100%;
  max-width: 80px;
  border-radius: 2rem;
  box-shadow: 0 2rem 3rem var(--primary_shadows_spreed);
  border: solid 3px var(--primary_white);
}
.grid li .product_review .product_photo a {
  font-size: 0.75rem;
  text-transform: capitalize;
  font-weight: 500;
}
.grid li .product_review .product_photo a:link, .grid li .product_review .product_photo a:active, .grid li .product_review .product_photo a:visited {
  border: none;
  text-decoration: none;
  color: var(--primary_main_colour_3);
  cursor: pointer;
  transition: all 1.3s ease-in-out;
  outline: none;
}
.grid li .product_review .product_photo a:hover {
  color: var(--primary_site_text);
  transition: all 1.3s ease-in-out;
}
.grid li .product_review .product_review_stars {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem;
}
.grid li .product_review .service_tags {
  box-shadow: 0.1rem 0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_3) 90%, var(--primary_site_background)), -0.1rem -0.1rem 0.2rem color-mix(in srgb, var(--primary_grey_light_4) 90%, var(--primary_site_background));
  border-radius: 2rem;
  padding: 2rem;
  background-color: color-mix(in srgb, var(--primary_main_colour_1) 90%, var(--primary_white));
  padding: 0.2rem 0.8rem;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 0.75rem;
}
.grid li .product_review .product_customer_review {
  padding: 15px 0px 30px;
}
.grid li .product_review .product_customer_review p {
  text-align: justify;
}
.grid li .product_review .product_customer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.grid li .product_review .product_customer img {
  max-width: 30px;
  border-radius: 2rem;
  box-shadow: 0 2rem 3rem var(--primary_shadows_spreed);
  border: solid 3px var(--primary_white);
}
.grid li a, .grid li img {
  outline: none;
  border: none;
  display: block;
  max-width: 100%;
}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
  opacity: 1;
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-animation: moveUp 0.65s ease forwards;
  animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
@keyframes moveUp {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (max-width: 1260px) {
  .grid li {
    width: 29%;
  }
}
@media screen and (max-width: 980px) {
  .grid li {
    width: 45.5%;
  }
}
@media screen and (max-width: 765px) {
  .grid li {
    width: 95%;
  }
}

/*# sourceMappingURL=reviews.css.map */