/* ===================================
   Hero Section Text Consistency Fix
   =================================== */

/* First paragraph - hero description */
.slide .content .inner .description,
p.description {
    font-size: 17px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    color: #6c757d !important;
    margin-bottom: 20px !important;
    opacity: 1 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* Second paragraph - about me content */
.about-me-content {
    font-size: 17px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    color: #6c757d !important;
    margin-bottom: 20px !important;
    opacity: 1 !important;
    font-family: 'Poppins', sans-serif !important;
}

/* About me section spacing */
.about-me-section {
    margin-top: 25px !important;
}

/* Key facts styling */
.about-me-section .key-facts {
    margin-top: 20px !important;
}

.about-me-section .key-facts ul {
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.about-me-section .key-facts li {
    font-size: 16px !important;
    line-height: 28px !important;
    color: #6c757d !important;
    margin-bottom: 10px !important;
    font-family: 'Poppins', sans-serif !important;
}

.about-me-section .key-facts li strong {
    color: #1e2125 !important;
    font-weight: 600 !important;
}

/* Section Titles - Make them more visible */
.section-title,
.title,
h2.title,
.rn-section-title .title,
.section-title .title,
.rn-section-gapTop .section-title .title {
    color: #1e2125 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* Pricing section title - FORCE VISIBILITY */
.rn-pricing-area .section-title .title,
.pricing-area .section-title .title,
.rn-pricing-area .title,
#pricing .section-title .title,
#pricing h2.title {
    color: #e7e7e7 !important;
    font-weight: 700 !important;
    font-size: 48px !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
    opacity: 1 !important;
}

/* Web Development Packages subtitle - FORCE DARK */
.rn-pricing-area .section-title .subtitle,
.pricing-area .section-title .subtitle,
#pricing .subtitle,
.rn-pricing-area h3,
.pricing-area h3 {
    color: #1e2125 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Pricing card text - FORCE BETTER STYLING */
.rn-pricing .pricing-body p.description,
.rn-pricing .pricing-body p,
.pricing-body p,
.pricing-body .description,
.rn-pricing p {
    font-size: 14px !important;
    line-height: 24px !important;
    color: #495057 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}

/* Pricing card titles */
.rn-pricing .pricing-header .title,
.pricing-header .title,
.rn-pricing h4 {
    color: #1e2125 !important;
    font-weight: 700 !important;
    font-size: 20px !important;
}

/* Pricing features list - FORCE DARK TEXT */
.rn-pricing .pricing-body .list-style--1 li,
.pricing-body .list-style--1 li,
.rn-pricing ul li,
.pricing-body ul li {
    font-size: 13px !important;
    line-height: 26px !important;
    color: #495057 !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
}

/* Price amount styling */
.rn-pricing .pricing-header .price-wrapper .price,
.pricing-header .price {
    color: #6366f1 !important;
    font-weight: 700 !important;
}

/* Responsive adjustments */
@media only screen and (max-width: 767px) {
    .slide .content .inner .description,
    p.description,
    .about-me-content {
        font-size: 15px !important;
        line-height: 27px !important;
    }
    
    .about-me-section .key-facts li {
        font-size: 14px !important;
        line-height: 24px !important;
    }
    
    .rn-pricing-area .section-title .title,
    .pricing-area .section-title .title {
        font-size: 36px !important;
    }
}

@media only screen and (max-width: 575px) {
    .slide .content .inner .description,
    p.description,
    .about-me-content {
        font-size: 14px !important;
        line-height: 25px !important;
    }
    
    .rn-pricing-area .section-title .title,
    .pricing-area .section-title .title {
        font-size: 28px !important;
    }
}