html, body {
      font-family: "Alexandria", Arial, sans-serif !important;
    }
*{
        font-family: "Alexandria", Arial, sans-serif !important;
}
    :root{
      --accent-grad: linear-gradient(90deg,var(--accent-start,#0D2977),var(--accent-end,#265CF5));
    }
    .gradient-text {
      background: linear-gradient(90deg,#0D2977,#265CF5);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .group-hover\:block:hover > .group-hover-block { display: block; }
    .mobile-open { transform: translateY(0); transition: transform .18s ease; }
    .search-box { min-width: 18rem; max-width: 22rem; }
    .active-underline {
      border-bottom-style: solid;
      border-bottom-width: 3px;
      border-image: linear-gradient(90deg,#0D2977,#265CF5) 1;
    }

    .font-nav{
      font-family: "Alexandria",  Arial, sans-serif;
      font-size: 16px ;
      /* font-weight: 00 !important; */
    }
    .family{
      font-family: "Alexandria",  Arial, sans-serif !important;
      /* font-weight: 200 !important; */
      font-size: 14px !important;
    }

    .font-Main{
      font-family: "Alexandria",  Arial, sans-serif !important;
    }

    /* ------------------------Exceptional------------------------ */
/* خلفية متدرجة */
    .gradient-bg {
background: linear-gradient(90deg, rgba(13, 41, 119, 0.9) 0%, rgba(38, 92, 245, 0.8) 100%);
    }

    /* تأثير زجاجي */
    .glass-effect {
      background: rgba(255, 255, 255, 0.15);
      backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* الدوائر الزخرفية */
    .floating-circle {
      position: absolute;
      width: 300px;
      height: 300px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(255,255,255,0.15), transparent 70%);
      animation: float 10s ease-in-out infinite;
    }

    .floating-circle:nth-child(1) {
      top: 10%;
      left: 15%;
      animation-delay: 0s;
    }

    .floating-circle:nth-child(2) {
      top: 60%;
      right: 10%;
      animation-delay: 3s;
    }

    .floating-circle:nth-child(3) {
      bottom: 10%;
      left: 25%;
      animation-delay: 6s;
    }

    .floating-circle:nth-child(4) {
      top: 30%;
      right: 25%;
      animation-delay: 9s;
    }

    @keyframes float {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-20px);
      }
    }