/* ✅ Header Logo Styles */
.site-header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: #117B45;
  /* آپ کی ویب سائٹ کے تھیم کے مطابق */
  padding: 1px 0;
  border-bottom: 6px solid rgb(1, 126, 168);
}

.header-logo {
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 6px;
  /* اگر تھوڑا smooth corner دینا چاہیں */
}



/* ✅ Mobile Responsive */
@media (max-width: 768px) {
  .header-logo {
    max-width: 95%;
    /* موبائل پر تھوڑا چھوٹا */
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .header-logo {
    max-width: 100%;
    /* ٹیبلیٹ پر */
  }
}

@media (min-width: 1201px) {
  .header-logo {
    max-width: 100%;
    /* بڑے ڈیسک ٹاپ پر */
  }
}



/* ✅ Footer Logo Styles */
.site-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  /* آپ کی ویب سائٹ کے تھیم کے مطابق */
  padding: 1px 0;
  border-top: 6px solid rgb(133, 133, 133);
  border-bottom: 6px solid rgb(133, 133, 133);
}

.footer-logo {
  width: 100%;
  height: auto;
  display: inline-block;
  border-radius: 6px;
  /* اگر تھوڑا smooth corner دینا چاہیں */
}



/* ✅ Mobile Responsive */
@media (max-width: 768px) {
  .footer-logo {
    max-width: 95%;
    /* موبائل پر تھوڑا چھوٹا */
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .footer-logo {
    max-width: 100%;
    /* ٹیبلیٹ پر */
  }
}

@media (min-width: 1201px) {
  .footer-logo {
    max-width: 100%;
    /* بڑے ڈیسک ٹاپ پر */
  }
}