.inter-bold {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.inter-normal {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.inter-medium {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.inter-light {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.inter-semibold {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
  

.glass-effect {
    background: linear-gradient(135deg, rgba(17, 71, 123, 0.8) 0%, rgba(52, 152, 219, 0.6) 100%);
    border-radius: 15px;
    padding: 30px;
    backdrop-filter: blur(100px); /* تأثير التمويه */
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2); /* ظل ناعم */
    transition: all .3s ease-in-out;
    color: white;
}