@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Kalam:wght@300;400;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.hinditagline {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
 
}


.hind-light {
  font-family: "Hind", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.hind-regular {
  font-family: "Hind", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.hind-medium {
  font-family: "Hind", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.hind-semibold {
  font-family: "Hind", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.hind-bold {
  font-family: "Hind", sans-serif;
  font-weight: 700;
  font-style: normal;
}


@media (max-width: 575px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['MobileCoverPic'] ?? '') ?>') no-repeat center/cover; } }

@media (min-width: 576px) and (max-width: 767px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['MobileCoverPic'] ?? '') ?>') no-repeat center/cover; } }

@media (min-width: 768px) and (max-width: 991px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['MobileCoverPic'] ?? '') ?>') no-repeat center/cover; } }

@media (min-width: 992px) and (max-width: 1199px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['MobileCoverPic'] ?? '') ?>') no-repeat center/cover; } }

@media (min-width: 1200px) and (max-width: 1399px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['DesktopCoverPic'] ?? '') ?>') no-repeat center/cover; } }

@media (min-width: 1400px) {  .banner{ background: url('<?php echo $mediapath;?><?= htmlspecialchars($data['DesktopCoverPic'] ?? '') ?>') no-repeat center/cover; } }