/* Light */
@font-face {
    font-family: 'Oswald-light';
    src: url('fonts/oswald/Oswald-Light.ttf') format('truetype');

    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'Oswald-Medium';
    src: url('fonts/oswald/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: 'Oswald-Bold';
    src: url('fonts/oswald/Oswald-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Qahiri Regular */
@font-face {
    font-family: 'Qahiri';
    src: url('fonts/qahiri/Qahiri-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


/* Qahiri Regular */
@font-face {
    font-family: 'Almarai-Bold';
    src: url('fonts/almarai/Almarai-Bold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Anek_Malayalam';
    src: url('fonts/Anek_Malayalam/AnekMalayalam-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900; /* variable font weight range */
    font-stretch: 75% 125%; /* adjust if your font supports width axis */
    font-style: normal;
}

 @font-face {
            font-family: 'AnekMalayalam';
            src: url('fonts/fonts/AnekMalayalam.ttf') format('truetype');
    
        }


/* Example usage */
.arabic-text {
    font-family: 'Qahiri', serif;
    font-weight: 400;
}


/* Example usage */
body {

    font-weight: 300; /* Light by default */
    background:white !important;
}

h1, h2, h3 {
      font-family: 'Oswald-Bold', sans-serif;
}

p {
  font-family: 'Oswald-light', sans-serif;
  font-size: 22px; /* Default for desktops */
}

/* Malayalam font */
.anek_malayalam {
  font-family: 'Anek_Malayalam', sans-serif;
  font-size: 22px; /* Default for desktops */
}

/* Medium devices (tablets, landscape phones, 768px and up) */
@media (max-width: 992px) {
  p,
  .anek_malayalam {
    font-size: 20px !important;
  }
}

/* Small devices (phones, 576px and up) */
@media (max-width: 768px) {
  p,
  .anek_malayalam {
    font-size: 22px !important;
  }
}

/* Extra small devices (very small phones) */
@media (max-width: 480px) {
  p,
  .anek_malayalam {
    font-size: 22px !important;
  }
}


.qahiri{
      font-family: 'Qahiri', sans-serif;
      letter-spacing: 2px !important;
}

.almarai{
   
     font-family: 'Almarai-Bold', sans-serif !important;
}



/* Apply font to whole navbar */
.navbar, 
.navbar-nav .nav-link, 
.navbar-brand {
   font-family: 'Oswald-light', sans-serif;
    font-weight: 400; /* Regular */
}

/* If you want Arabic links bold */
.navbar-nav .nav-link {
    font-weight: 700; /* Bold */
}


.navbar-toggler {
    height: 40px !important;
    width: 40px !important;}
    
    /* Remove border and shadow from navbar toggle button */
.navbar-toggler {
    border: none !important;
    box-shadow: none !important;
}

.auliyas .section-title{
  font-weight:700; 
  font-size:clamp(18px, 5vw, 28px);
  line-height:1.2;
}

.auliyas .card{
  border:0;
  border-radius:16px;
}

.auliyas .card-img-top{
  width:100%;
  height:220px;               /* mobile default height */
  object-fit:cover;           /* crop without distortion */
  display:block;
}

.auliyas .card-title{
  font-size:clamp(16px, 4.2vw, 20px);
  line-height:1.3;
  word-break:break-word;      /* നീളമുള്ള പേരുകൾ പൊളിഞ്ഞുപോകാതിരിക്കാൻ */
}

/* ചെറിയ screen-ുകളിൽ അധിക space കുറക്കാൻ */
@media (max-width: 576px){
  .auliyas{ padding-left:12px; padding-right:12px; }
  .auliyas .card-body{ padding:12px; }
  .auliyas .card-img-top{ height:200px; }
}

/* വലിയ screen-ുകൾക്കായി image height കൂട്ടാം */
@media (min-width: 992px){
  .auliyas .card-img-top{ height:260px; }
}