/* Apply a polished and strong fade effect to the background */
.project-area-1 {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.project-area-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.8), /* Deep black fade at the top */
        rgba(0, 0, 0, 0.6) 40%, /* Smooth transition */
        rgba(255, 255, 255, 0.2) 70%, /* Slight light effect in the middle */
        rgba(0, 0, 0, 0.9) 100% /* Strong fade at the bottom */
    );
    z-index: 1;
    pointer-events: none; /* Ensures the overlay doesn’t block interactions */
}

.project-area-1 .container {
    position: relative;
    z-index: 2; /* Keeps content above the gradient effect */
}

.th-mobile-menu ul li a {
    color: black;
}

/* CSS to make the about-text and other text black */

.sidemenu-wrapper .about-text,
.sidemenu-wrapper .widget_title,
.sidemenu-wrapper .th-widget-contact .details p,
.sidemenu-wrapper .th-widget-contact .details a {
    color: black;
}


.testi-card_text {
    color: #333333 !important; /* A blackish color for the text */
    font-size: 16px; /* Adjust font size for readability */
    line-height: 1.6; /* Increase line height for better spacing */
    font-weight: 400; /* Ensure the font weight is balanced */
}

.testi-card_name {
    color: #222222; /* Slightly darker black for emphasis on names */
    font-size: 18px; /* Make the name stand out slightly */
    font-weight: 600; /* Bold for better visibility */
}

.testi-card_desig {
    color: #555555; /* Grayish-black for designation */
    font-size: 14px; /* Smaller than the name for hierarchy */
    font-weight: 400;
}

.testi-grid_review i {
    color: #ffcc00; /* Keep the stars in gold or adjust as needed */
}