/* ============================= */
/* ✅ Testimonial Area */
/* ============================= */
.testimonial-area {
    padding: 80px 0 0;
    margin-top: 0px;
    background-color: #1F4A2F; /* Green background */
    color: #ffffff;           
}

.testimonial-area,
.testimonial-area p,
.testimonial-area blockquote {
    color: #ffffff !important;   
    font-weight: 500;
    line-height: 1.6;
}

.testimonial-area .testimonial-text {
    color: rgba(255, 255, 255, 0.85) !important; 
    font-style: italic;
}

.testimonial-area strong,
.testimonial-area .testimonial-author {
    color: #e0e0e0 !important;  
    font-weight: 700;
}

.testimonial-area .fa-star,
.testimonial-area .fa-star-half-alt {
    color: #ffffff !important; 
    text-shadow: 0 1px 3px #000;
}

/* ============================= */
/* ✅ Accordion Area */
/* ============================= */
.call-back-area02 .accordion-button {
    padding: 10px 20px;
    background: #1F4A2F;       /* Green */
    color: #FFF;               
    border: 1px solid #B88B2A; /* Gold */
    border-radius: 7px 7px 0 0;
    font-weight: 700;
    transition: background 0.2s, color 0.2s, border 0.2s;
}
.call-back-area02 .accordion-button:hover {
    background: #276d41;       /* Brighter green hover */
    border-color: #ffffff;
}

.call-back-area02 .accordion-item {
    border-radius: 7px !important;
    border: 1px solid #B88B2A;  
    background: #2f5d3d;        
    box-shadow: 0 2px 8px #111;
}

.call-back-area02 .accordion-button.collapsed {
    border-bottom: 0px;
    background: #1F4A2F;   
    color: #FFF;
}

.call-back-form textarea {
    width: 100%;
    border-radius: 4px;
    height: 110px;
    padding: 15px 18px;
    border: 1px solid #ccc;        /* Light gray border */
    background-color: #fff;        /* White background */
    color: #000;                   /* Black text */
    font-family: 'Inter', sans-serif;
    resize: none;                  /* Optional: prevent resize handle */
}

.call-back-form textarea:focus {
    outline: none !important;      /* ✅ Removes default blue outline */
    border-color: #6c63ff;         /* Custom border color */
    box-shadow: 0 0 5px #6c63ff;   /* Optional: add soft glow */
    background-color: #fff;        /* Keep white */
    color: #000;
}


/* ============================= */
/* ✅ Brand Area */
/* ============================= */
.brand-area {
    background-color: #ffffff !important;  /* Section background white */
    padding: 40px 0;
}

.brand-item {
    background-color: #ffffff !important; /* White inside */
    border: 1px solid #B88B2A;            /* Gold clean border */
    border-radius: 14px;
    padding: 20px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.3s, border-color 0.3s, transform 0.3s;
}

.brand-item img {
    max-height: 50px;       /* Keeps logos uniform */
    object-fit: contain;
    cursor: pointer;
    background: transparent !important;  /* ❌ Remove green */
    border: none !important;             /* ❌ Remove dashed border */
    box-shadow: none !important;
    padding: 0;                          /* Reset padding */
}

.brand-item:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.15); /* Soft hover shadow */
    border-color: #1F4A2F;                   /* Green border on hover */
    transform: scale(1.05);
}

/* ============================= */
/* ✅ Card/Button Styles */
/* ============================= */
.read-more-btn, .card-btn {
    background: #B88B2A;     /* Gold */
    color: #FFF;
    border: 2px solid #1F4A2F;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 24px;
    font-size: 15px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border 0.2s, transform 0.2s;
}
.read-more-btn:hover, .card-btn:hover {
    background: #1F4A2F;     
    color: #FFF;
    border: 2px solid #FFF;
    transform: translateY(-2px);
}

/* ============================= */
/* ✅ Icon Circle */
/* ============================= */
.card-icon {
    background: #B88B2A;     
    color: #FFF;
    border-radius: 50%;
    padding: 12px;
    font-size: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px #111;
}

/* ============================= */
/* ✅ Subtitle / Slogan */
/* ============================= */
.subtitle-text, .section-slogan, .section-subtitle {
    color: #FFF;
    font-weight: 700;
    text-shadow: 0 2px 8px #000;
    letter-spacing: 1px;
    font-size: 1.2em;
}
.section-title