.wrapper {
    padding-top: 100px;
}

@media (max-width: 768px) {
    .wrapper {
        padding-top: 100px;
    }
}

.product-title {
    font-size: 2rem; /* Large for main title (~32px) */
    font-weight: 600;
    color: #0B3D91;
    font-family: 'Montserrat', 'Oswald', 'Helvetica Neue', Arial, sans-serif;
    letter-spacing: 1px; /* Adds breathing space between capitals */
    text-transform: uppercase; /* Ensures consistent uppercase styling */
}

.product-description {
    font-size: 1.25rem; /* Subtitle (~20px) */
    font-weight: 500;
    color: #444;
}

.product-text {
    font-size: 1rem; /* Body text (~16px) */
    line-height: 1.6;
    color: #555;
    max-width: 900px;
    margin: auto;
}

/* Main feature list */
.feature-list,
.benefit-list,
.sub-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Main features */
.feature-list li,
.benefit-list li,
.sub-feature-list li {
    display: flex;
    align-items: center;
    padding: 8px 0;
    transition: background-color 0.3s ease, transform 0.2s ease, color 0.3s ease;
    cursor: pointer;
}

/* Icon styling */
.feature-list li i,
.benefit-list li i,
.sub-feature-list li i {
font-size: 1.2rem;
min-width: 28px; /* Keeps icons aligned vertically */
text-align: center;
transition: color 0.3s ease, transform 0.2s ease;
}

/* Hover animations */
.feature-list li:hover,
.benefit-list li:hover,
.sub-feature-list li:hover {
background-color: #f0f8ff; /* Light blue background */
transform: translateX(5px);
border-radius: 6px;
color: #0B3D91; /* Text color on hover */
}

.feature-list li:hover i,
.benefit-list li:hover i,
.sub-feature-list li:hover i {
    color: #0B3D91; /* Icon highlight */
    transform: scale(1.2);
}

/* Sub-feature list under Advanced Reporting */
.sub-feature-list {
    padding-left: 2rem; /* Indent for hierarchy */
    font-size: 0.95rem;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Advanced Reporting title */
.advanced-title {
    font-weight: bold;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

/* Center product features on desktop view */
.product-features {
    max-width: 900px; /* Adjust based on design */
    margin: 0 auto; /* Centers horizontally */
    padding: 0 15px; /* Small padding for mobile edges */
}

/* Optional: More spacing for large screens */
@media (min-width: 1200px) {
    .product-features {
        max-width: 1000px;
    }
}


.product-details-section {
    background-color: #111; /* Deep black or use #1a1a1a for softer black */
    color: #fff;
    padding: 3rem 1rem;
}

.product-details-section h1,
.product-details-section h3,
.product-details-section h5,
.product-details-section p,
.product-details-section li {
    color: #fff;
}

.product-details-section .section-title {
    color: #f8f9fa;
}

.product-details-section .feature-list i,
.product-details-section .benefit-list i,
.product-details-section .sub-feature-list i {
    color: #ffd700; /* Optional: golden icons for contrast */
}

.product-details-section .carousel-caption h5,
.product-details-section .carousel-caption p {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 0.5rem 1rem;
    border-radius: 6px;
}

/* Dark background for video section */
.product-video-section {
    background-color: #1a1a1a; /* or #1a1a1a for softer black */
    color: #fff;
    padding: 3rem 1rem;
}

.product-video-section h3,
.product-video-section p {
    color: #fff;
}

/* Optional: soften muted text */
.product-video-section .text-muted {
    color: #ccc !important;
}

/* Rating Box Enhancements */
.rating-box {
    background-color: #111; /* deeper black for contrast */
    color: #fff;
    border-radius: 8px;
}

/* Rating Number Styling */
.rating-score {
    font-size: 2.5rem;
    color: #fff;
    line-height: 1.2;
}

.rating-number {
    color: #ffd700; /* golden yellow for visibility */
    font-weight: 700;
    font-size: 2.5rem;
}

.rating-summary {
    background-color: #111; /* match your other sections */
    padding: 3rem 1rem;
    color: #fff;
}

/* Reviews Text */
.rating-summary p {
    font-size: 1rem;
    color: #ccc;
}

/* Optional: Star color */
.rating-stars {
    color: #ffd700;
    font-size: 1.4rem;
}

  

/* Testimonials Section Container */
.testimonial-section {
    background-color: #111; /* Deep black background */
    color: #fff;
    padding: 3rem 1rem;
}

/* Individual Testimonial Boxes */
.testimonial-box {
    background-color: #1a1a1a; /* Slightly lighter for contrast */
    color: #fff;
    border: 1px solid #333;
    border-radius: 8px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effect for Testimonial Boxes */
.testimonial-box:hover {
    background-color: #222;
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}

/* Testimonial Author Name */
.testimonial-box h6 {
    color: #f8f9fa;
    font-weight: 600;
}

/* Testimonial Text */
.testimonial-box p {
    color: #e0e0e0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Rating Stars Placeholder */
.rating-stars {
    color: #ffd700; /* Gold stars */
    font-size: 1.2rem;
}

/* Section Heading */
.testimonial-section h3 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: 700;
}

/* Responsive Padding for Smaller Screens */
@media (max-width: 768px) {
    .testimonial-section {
        padding: 2rem 1rem;
    }

    .testimonial-box {
        padding: 1.5rem;
    }
}