/* Start custom CSS for html, class: .elementor-element-53fb411 *//* ==================================================
   BUYERS PAGE STYLESHEET
   --------------------------------------------------
   This is a starter stylesheet that matches the HTML
   structure generated in Parts 1 and 2.
   Replace YOUR-HERO-IMAGE.jpg with your own image.
   ================================================== */

:root{
  --primary:#5A8702;
  --secondary:#2F4F06;
  --dark:#1b1b1b;
  --text:#000000;
  --light:#f7f9fb;
  --white:#fff;
  --border:#e9ecef;
  --radius:18px;
  --shadow:0 15px 45px rgba(0,0,0,.08);
  --transition:.35s ease;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:Inter,sans-serif;
  color:var(--text);
  line-height:1.75;;
}
img{display:block;max-width:100%}
a{text-decoration:none;transition:var(--transition)}
.container{width:92%;max-width:1240px;margin:auto}
.section{padding:100px 0}
.gray{background:var(--light)}

.section-title{text-align:center;max-width:850px;margin:0 auto 70px}
.section-title h2{font-size:42px;color:var(--dark);margin-bottom:18px}
.section-subtitle{
  display:inline-block;
  padding:8px 18px;
  border-radius:40px;
  background:rgba(90,135,2,.12);
  color:var(--primary);
  letter-spacing:2px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:18px;
}

.buyers-hero{
  position:relative;
  padding:140px 0;
  background:
    linear-gradient(rgba(0,0,0,.60),rgba(0,0,0,.60)),
    url("https://multiverseexim.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-20-2026-11_57_35-PM.png") center/cover no-repeat;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.35));
}
.hero-content{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:70px;
  align-items:center;
}
.hero-left h1{
  color:#fff;
  font-size:58px;
  line-height:1.2;
  margin-bottom:25px;
}
.hero-left h1 span{display:block;color:#b8f25b}
.hero-text{color:#000000;font-size:18px}

.hero-buttons{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin-top:35px;
}

.btn-buyers,
.btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 38px;
  border-radius:50px;
  font-weight:600;
}

.btn-buyers{
  background:var(--primary);
  color:#fff;
}
.btn-buyers:hover{background:var(--secondary)}

.btn-outline{
  color:#fff;
  border:2px solid #fff;
}
.btn-outline:hover{
  background:#fff;
  color:#222;
}

.hero-right img{
  border-radius:22px;
  box-shadow:var(--shadow);
}

.hero-boxes{
  display:flex;
  gap:25px;
  flex-wrap:wrap;
  margin-top:50px;
}
.hero-box{
  background:#fff;
  padding:28px;
  min-width:180px;
  border-radius:20px;
  text-align:center;
  
}
.hero-box h3{
  color:var(--primary);
  font-size:42px;
}

.hero-box p {
    color: #000 !important;
}  


.two-column{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}
.two-column img{
  border-radius:20px;
  box-shadow:var(--shadow);
}

.feature-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:18px;
  margin-top:30px;
}
.feature-list div{
  background:#fff;
  padding:18px;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  font-weight:600;
}

.material-grid,
.why-grid,
.service-grid,
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:30px;
}

.card,
.why-card,
.service-card,
.benefit-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:.3s;
}
.card:hover,
.why-card:hover,
.service-card:hover,
.benefit-card:hover{
  transform:translateY(-8px);
}
.card img,
.service-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}
.card h3,
.service-card h3,
.why-card h3,
.benefit-card h3{
  color:var(--dark);
  padding:24px 24px 12px;
}
.card p,
.service-card p,
.why-card p,
.benefit-card p{
  padding:0 24px 20px;
}
.card ul{
  padding:0 24px 24px 44px;
}

.forms-grid,
.industry-grid,
.trust-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:24px;
}
.form-card,
.industry-card{
  background:#fff;
  text-align:center;
  padding:30px;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.form-card img,
.industry-card img{
  width:64px;
  height:64px;
  margin:0 auto 20px;
}

.process{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:24px;
}
.step{
  background:#fff;
  text-align:center;
  padding:30px;
  border-radius:18px;
  box-shadow:var(--shadow);
}
.step span{
  width:60px;
  height:60px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--primary);
  color:#fff;
  font-weight:700;
  margin-bottom:20px;
}

.faq-item{
  background:#fff;
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.05);
  padding:24px;
  margin-bottom:20px;
}
.faq-item h3{margin-bottom:10px;color:var(--dark)}

.trust-banner{
  padding:80px 0;
  background:#f2f8e8;
  text-align:center;
}
.trust-grid{
  margin-top:40px;
}
.trust-grid div{
  background:#fff;
  padding:18px;
  border-radius:14px;
  box-shadow:var(--shadow);
  font-weight:600;
}

.buyers-cta{
  padding:110px 0;
  text-align:center;
  background:var(--primary);
  color:#fff;
}
.buyers-cta h2,
.buyers-cta p,
.buyers-cta .section-subtitle{
  color:#fff;
}
.buyers-cta .section-subtitle{
  background:rgba(255,255,255,.18);
}

@media(max-width:992px){
  .hero-content,
  .two-column{
    grid-template-columns:1fr;
  }
}

@media(max-width:768px){
  .section{padding:70px 0}
  .hero-left h1{font-size:38px}
  .section-title h2{font-size:32px}
  .hero-buttons{
    flex-direction:column;
    align-items:flex-start;
  }
  .feature-list{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4cd22e0 *//* Description text color */
.section .two-column p {
    color: #555555 !important; /* Apna color yahan change karein */
    font-size: 17px;
    line-height: 1.8;
}
.section.gray .section-title p {
    color: #555555 !important; /* Apna color yahan change karein */
}
/* Section description color */
.section .section-title p {
    color: #555555 !important; /* Apna color yahan change karein */
}/* Section description */
.section-title p {
    color: #555555 !important;
}

/* Why card descriptions */
.why-card p {
    color: #555555 !important;
}
/* Benefit card description color */
.benefit-card p {
    color: #555555 !important; /* Apna desired color yahan likhein */
}
/* Process step description color */
.process .step p {
    color: #555555 !important; /* Apna desired color yahan likhein */
}
/* Service card description color */
.service-card p {
    color: #555555 !important; /* Apna desired color yahan likhein */
}
/* Material Grid description color */
.material-grid .card p{
    color: #555555 !important;
}
/* FAQ section description color */
.faq-item p{
    color: #555555 !important;
}/* End custom CSS */