@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Nunito:ital,wght@0,700;1,700&display=swap'); 
/* great vibes */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Nunito:ital,wght@0,700;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* playfair display */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,700;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* INTER */ 

:root{
    --logoFont : 'Great Vibes', cursive;
    --primaryFont : "Inter", sans-serif;
    --headingFont : "Playfair Display", serif;
}

.logo{
    font-family: var(--logoFont);
    font-weight: 600;
    font-size: 22px;
}
.primary{
    font-family: "Inter", sans-serif;
}

.hero-content .quote{
    font-family: var(--logoFont);
    font-size: clamp(2.8rem, 4.5vw, 4.2rem);
    margin-bottom: 20px;
}
.hero-content .headingQ{
    font-family: var(--headingFont);
    font-size: clamp(3.5rem, 7vw, 6.5rem);
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 0.95px;
    margin-bottom: 45px;
}
.hero-content .lokQ{
    font-family: var(--logoFont);
    font-size: clamp(2.5rem, 4vw, 3.8rem);
    margin-top: 10px;
    margin: 0;
}
.hero-content .headingQp{
    font-family: var(--headingFont);
    font-size: 30px;
    margin: 0;
}

#titlePrimary{
    font-family: var(--logoFont);
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    align-items: center;
}
#IconL{
    font-size: 40px;
}
.heading{
    margin-top: 15px;
    margin-bottom: 0;
    font-family: var(--primaryFont);
    font-weight: 700;
}
.subTitle{
    font-family: var(--primaryFont);
}
.cta-title {
  font-family: var(--logoFont);
  color: #35552f;
  font-size: 48px;
  margin-bottom: 10px;
}