/*  ==================================Use the below format for better control =======================================
:root {
  --primary-bg-color: #1e90ff;
  --primary-color: #ffffff;
}

body {
  background-color: var(--primary-bg-color);
}

.container {
  color: var(--primary-bg-color);
  background-color: var(--primary-color);
  padding: 15px;
}

.container h2 {
  border-bottom: 2px solid var(--primary-bg-color);
}

.container .note {
  border: 1px solid var(--primary-bg-color);
  padding: 10px;
}
===========================================================================================================================*/


/* ========== Global CSS (Common across all pages) ========== */
body { 
    font-family: 'Arial', sans-serif; 
}
.navbar-brand { 
    font-weight: bold; 
}
.section-header { 
    font-weight: 700; 
    color: #6b3f2b; 
}
footer { 
    background: #f5f5f5; 
    padding: 20px 0; 
    text-align: center; 
    color: #555; 
    margin-top: 40px; 
}

/* ========== about.php css ========== */
/*.value-card { */
/*    background: #f8f9fa; */
/*    border-left: 5px solid #bfa58a;*/
/*    border-right: 5px solid #bfa58a; */

/*}*/

.value-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a;
    border-right: 5px solid #bfa58a;   /* ADD THIS */
    padding: 20px;
    border-radius: 6px;
}









.team-photo { 
    width: 120px; 
    height: 120px; 
    object-fit: cover; 
    border-radius: 50%; 
}

/* ========== contact.php css ========== */
.contact-info { 
    background: #f8f9fa; 
    padding: 20px; 
    border-radius: 10px; 
   
}
.contact-info h5 { 
    color: #6b3f2b; 
    font-weight: bold; 
}
.map iframe { 
    width: 100%; 
    height: 300px; 
    border: 0; 
    border-radius: 10px; 
}
.form-card { 
    background: #fff; 
    border: 1px solid #ddd; 
    padding: 25px; 
    border-radius: 10px; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
}

/* ========== index.php css ========== */
.hero { 
    background: #f8f9fa; 
    padding: 80px 0; 
}
.hero h1 { 
    font-weight: 700; 
    color: #6b3f2b; 
}
.btn-brown { 
    background-color: #6b3f2b; 
    color: #fff; 
}
.btn-brown:hover { 
    background-color: #4e2e1e; 
    color: #fff; 
}
.btn-outline-brown { 
    border: 2px solid #bfa58a; 
    color: #6b3f2b; 
}
.btn-outline-brown:hover { 
    background: #bfa58a; 
    color: #fff; 
}
.gallery img { 
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
    border-radius: 8px; 
}

/* ========== industries.php css ========== */
.industry-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a; 
    padding: 20px; 
    border-radius: 6px; 
}
.testimonial { 
    background: #fff; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
    border-radius: 8px; 
    padding: 20px; 
}
.testimonial p { 
    font-style: italic; 
}
.client-logo { 
    max-width: 120px; 
    max-height: 60px; 
    object-fit: contain; 
}

/* ========== infrastructure.php css ========== */
.machine-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a; 
}
.workflow-step { 
    border-radius: 8px; 
    background: #fff; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
    padding: 20px; 
    text-align: center; 
}
.workflow-step h6 { 
    color: #6b3f2b; 
}
.infra-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a; 
    padding: 20px; 
    border-radius: 10px; 
}
.infra-card img { 
    max-width: 100%; 
    height: 200px; 
    object-fit: cover; 
    border-radius: 8px; 
    margin-bottom: 10px; 
}

/* ========== ourprojects.php css ========== */
.case-card { 
    background: #fff; 
    border: 1px solid #ddd; 
    border-radius: 10px; 
    padding: 20px; 
    box-shadow: 0 2px 6px rgba(0,0,0,0.1); 
    transition: 0.2s; 
}
.case-card:hover { 
    transform: scale(1.02); 
}
.case-card h5 { 
    color: #6b3f2b; 
    font-weight: bold; 
}
.case-meta { 
    font-size: 0.9rem; 
    color: #777; 
}

/* ========== ourclients.php css ========== */
.client-logo { 
    max-height: 80px; 
    object-fit: contain; 
    margin-bottom: 10px; 
}
.testimonial-card { 
    min-height: 200px; 
}
.carousel-indicators [data-bs-target] { 
    background-color: #333; 
}

/* ========== products.php css ========== */
.product-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a; 
}
.product-card img { 
    max-width: 100%; 
    height: auto; 
    margin-bottom: 10px; 
}

/* ========== qualities.php css ========== */
.cert-card, 
.qa-card { 
    background: #f8f9fa; 
    border-left: 5px solid #bfa58a; 
    padding: 20px; 
    border-radius: 6px; 
}
.cert-card h6, 
.qa-card h6 { 
    color: #6b3f2b; 
}