@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");@tailwind base;@tailwind components;@tailwind utilities;*{margin: 0;padding: 0;box-sizing: border-box;font-family: "IBM Plex Sans Arabic", sans-serif;font-weight: 700;}*,*::before,*::after{box-sizing: border-box;}html{scroll-behavior: smooth;}:root{--primary-color: #0074d9;--link-color: #506690;--btn-hover-color: #0054de;--lg-heading: #161c2d;--text-content: #869ab8;--fixed-header-height: 4.5rem;--font-size-body-text: clamp(0.875rem, 1.6vw, 1rem);--h1-font-size: calc(var(--font-size-body-text) * 2.4);--h2-font-size: calc(var(--h1-font-size) - 0.9375rem);--h3-font-size: calc(var(var(--h2-font-size)) - 0.5rem);}body{width: 100%;height: 100vh;overflow-x: hidden;background-color: #fafbfb;}ul li{list-style-type: none;}a{text-decoration: none;}button{background-color: transparent;border: none;outline: none;cursor: pointer;}.dropdown-menu{opacity: 0;transform: translateY(-0.625rem);visibility: hidden;transition: all 0.3s ease;}.nav-item:hover .dropdown-menu{opacity: 1;transform: translateY(0);visibility: visible;}.mobile-menu{transition: transform 0.3s ease-in-out;}.mobile-menu[class~=hidden]{transform: translateX(100%);}