/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
:root {
    --container-width: 1200px;
    --logo-height: 2.3rem;
    --header-height: 4.5rem;
    --space-xs: 0.25rem;
    --space-s: 0.5rem;
    --space-base: 1rem;
    --space-m: clamp(1.13rem, calc(1.00rem + 0.56vw), 1.50rem);
    --space-l: clamp(1.50rem, calc(1.33rem + 0.74vw), 2.00rem);
    --space-xl: clamp(2.25rem, calc(2.00rem + 1.11vw), 3.00rem);
    --space-2xl: clamp(3.00rem, calc(2.67rem + 1.48vw), 4.00rem);
    --space-3xl: clamp(3.75rem, calc(3.33rem + 1.85vw), 5.00rem);
    --space-section: clamp(4.50rem, calc(4.00rem + 2.22vw), 6.00rem);
    --font-base: 1rem;
    --font-s: 0.75rem;
    --font-xs: 0.5rem;
    --font-h1: clamp(1.88rem,calc(1.79rem + 0.37vw),2.13rem);
    --font-h2: clamp(1.41rem, calc(1.34rem + 0.28vw), 1.59rem);
    --font-h3: clamp(1.06rem, calc(1.01rem + 0.21vw), 1.20rem);
    --font-h4: clamp(0.90rem, calc(0.86rem + 0.18vw), 1.03rem);
    --font-h6: clamp(0.75rem, calc(0.72rem + 0.15vw), 0.85rem);
	--gradient-1: linear-gradient(to right, #7e2c86 0, #3f135d 100%);
}
.gradient-bg{
	background-image:var(--gradient-1);
}
.review-card__star-rating:before{
  content:"★ ★ ★ ★ ★";
  --color:#faa241;
  --blank:#f1f1f1;
  --percent: calc(var(--rating) / 5 * 100%);
  line-height:1;
  background: linear-gradient(90deg, var(--color) var(--percent), var(--blank) var(--percent));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color:transparent;
}
.review-card:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -30px;
    border: 15px solid transparent;
    border-top-color: #fff;
    z-index: 1;
}