.elementor-71 .elementor-element.elementor-element-f01df60{--display:flex;--justify-content:flex-end;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}/* Start custom CSS for html, class: .elementor-element-55ea36e *//* -------------------------------------------------------------
   MARGINE FREE & FULL-WIDTH BREAKOUT (थीम के मार्जिन को तोड़ने के लिए)
   ------------------------------------------------------------- */
.df-footer-fullwidth {
  background-color: #1a1c20 !important;
  color: #ffffff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  box-sizing: border-box !important;
  
  /* यह कोड वर्डप्रेस के किसी भी बॉक्स से फुटर को खींच कर पूरी स्क्रीन पर फैला देगा */
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* अंदर का स्पेस (ऊपर-नीचे 60px, दाएं-बाएं 40px) */
  padding: 60px 40px !important; 
}

/* कंटेंट को बीच में रखने के लिए लिमिटर */
.df-footer-wrapper {
  max-width: 1200px !important;
  margin: 0 auto !important;
  width: 100% !important;
}

/* डेस्कटॉप और बड़ी स्क्रीन के लिए 4 कॉलम लेआउट */
.df-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 40px 30px !important;
}

/* हेडिंग्स स्टाइल */
.df-title {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 16px 0 !important;
  text-transform: none !important;
}

/* लिस्ट सेटिंग्स (डिफ़ॉल्ट वर्डप्रेस बुलेट्स को साफ़ करना) */
.df-links {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.df-links li {
  margin: 0 0 10px 0 !important;
  list-style-type: none !important;
}

/* लिंक्स का लुक और बत्तख के रंग (Yellow) वाला होवर */
.df-links li a, .df-clickable {
  color: #a0a5ad !important;
  text-decoration: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
  word-break: break-word !important;
}

.df-links li a:hover, .df-clickable:hover {
  color: #f5b016 !important; 
}

/* कॉन्टैक्ट लेआउट */
.df-contact-box {
  display: flex !important;
  flex-direction: column !important;
}

.df-contact-item {
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

.df-contact-item p {
  color: #a0a5ad !important;
  font-size: 14px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* इमेज की तरह पिंक/रेड आइकन्स */
.df-icon {
  margin-right: 12px !important;
  font-size: 14px !important;
  display: inline-block !important;
  min-width: 18px !important;
}

.df-icon.df-pink {
  color: #ff2a5f !important;
}

/* सोशल मीडिया */
.df-social {
  margin-top: 15px !important;
  display: flex !important;
  gap: 12px !important;
}

.df-social a {
  color: #ffffff !important;
  background: #2a2d34 !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: background 0.3s !important;
}

.df-social a:hover {
  background: #f5b016 !important;
  color: #1a1c20 !important;
}

/* -------------------------------------------------------------
   MOBILE OPTIMIZATION (मोबाइल पर भी ज़ीरो मार्जिन रहेगा)
   ------------------------------------------------------------- */
@media (max-width: 992px) {
  .df-footer-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 35px 20px !important;
  }
}

@media (max-width: 600px) {
  .df-footer-fullwidth {
    padding: 40px 20px !important; /* मोबाइल स्क्रीन के अंदर की मामूली पैडिंग */
  }

  .df-footer-grid {
    grid-template-columns: 1fr !important; /* सब कुछ एक कॉलम में */
    gap: 30px !important;
  }

  .df-title {
    font-size: 18px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #2a2d34;
    padding-bottom: 6px;
  }

  .df-links li {
    margin-bottom: 12px !important;
  }

  .df-links li a {
    font-size: 15px !important;
  }
}/* End custom CSS */