@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');


/* Hero Section Dynamic Styles */

/* Main Title Styling - Desktop */
.hero-section h1,
.hero-title,
.hero-title-mobile,
h1.hero-title-mobile,
#home h1 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 50px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

/* Subtitle Styling - Desktop */
.hero-section .hero-subtitle,
.hero-subtitle,
.hero-subtitle-mobile,
h2.hero-subtitle-mobile,
#home .hero-subtitle {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
}

/* Description Styling - Desktop */
.hero-section p,
.hero-description,
.hero-description-mobile,
p.hero-description-mobile,
#home p:not(.hero-subtitle) {
    font-family: 'Poppins', sans-serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    color: #f2f2f2 !important;
    line-height: 1.6 !important;
}

/* Mobile Responsive Styles - Using Mobile-Specific Settings */
@media (max-width: 768px) {
    /* Mobile Title Styling - Target correct classes */
    .hero-section h1,
    .hero-title,
    .hero-title-mobile,
    h1.hero-title-mobile,
    section.hero-bg .hero-container div h1.hero-title-mobile {
        font-family: 'Poppins', sans-serif !important;
        font-size: 35px !important;
        font-weight: 900 !important;
        color: #ffffff !important;
        line-height: 1.2 !important;
    }
    
    /* Mobile Subtitle Styling - Target correct classes */
    .hero-section .hero-subtitle,
    .hero-subtitle,
    .hero-subtitle-mobile,
    h2.hero-subtitle-mobile {
        font-family: 'Poppins', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #ffffff !important;
        line-height: 1.4 !important;
    }
    
    /* Mobile Description Styling - Target correct classes */
    .hero-section p,
    .hero-description,
    .hero-description-mobile,
    p.hero-description-mobile {
        font-family: 'Poppins', sans-serif !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        color: #ffffff !important;
        line-height: 1.6 !important;
    }
}