@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');
:root {
    --font-main: 'Tajawal';
    --color-primary: #856342;
  --f-color:  #856342;
  --color-primary-reverse: #fff;
}
body {
  font-family: "Tajawal", sans-serif;
}
.title-heade {
  background-color: transparent !important;
  margin-inline-end: 20px;
  color: var( --color-primary)!important;
}
.fbanner-star-btn,.fbanner-star-btn::after {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px !important);
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.fbanner-star-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

.fbanner-star-btn:active {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.s-block--features__item .feature-icon {
  background-color: transparent;
}
.s-block--features__item i {
  color: var(--color-primary) !important;
}
.s-block--features__item p {
  display: none;
}
.g_cat {
  margin-top: 20px;
}
.image-title {
    padding: 8px 25px;
}