@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";#root{width:100%;min-height:100%;background-color:#171717;overflow:hidden;position:relative;padding:24px 13px}.ContactInfoList__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:23px;font-size:14px;color:#fff;width:100%;padding:0 25px;margin-bottom:10px}.ContactInfoItem__container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid white;padding:9px 0;width:100%}.ContactInfoItem__container div{display:flex;gap:5px}.Hero__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.photo{--dimension: 138px;width:var(--dimension);height:var(--dimension);position:relative}.photo__personal{border-radius:50%;width:100%;height:100%;object-fit:cover}.Qr_code{object-fit:cover;position:absolute;bottom:0;left:99px}dialog{top:60%;left:50%;transform:translate(-50%,-50%);padding:10px;border:none;outline:none;box-shadow:0 0 20px #68686871}dialog svg{--dimension: 200px;width:var(--dimension);height:var(--dimension)}.info{text-align:center}.info h1{color:#fff;font-size:28px;font-weight:500;margin-top:15px}.info p{font-size:20px;font-weight:300;color:#b7b7b7;margin-top:5px;letter-spacing:1px}.ContactButton__container{display:flex;justify-content:space-around;align-items:center;gap:5px;min-width:280px;border-radius:15px;background-color:#fff;padding:4px 30px;color:#000;font-size:20px;font-weight:600;margin-top:20px;margin-bottom:10px}.Nav__container{width:100%}.language-and-share_container{width:100%;display:flex;justify-content:space-between;align-items:center}.Nav__container select{font-size:20px;font-weight:300;background:none;color:#fff;border:none;outline:none;text-align:center}.share_icon{background-color:#fff;padding:7px;border-radius:50%;display:flex;justify-content:center;align-items:center}.logo{display:flex;justify-content:center;align-items:center}.logo img{width:147px}.VCard__container{width:100%;min-height:fit-content;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(#2f2f2f80,#2e2b2b4d),linear-gradient(to bottom right,#fff3,#03030300);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 0 0 .25px #d9d9d9;padding:18px;display:flex;flex-direction:column;align-items:center;gap:10px}.divider{width:100%;height:.8px;background-color:#9a9a9a9a}.circle{width:var(--width_and_height);height:var(--width_and_height);border-radius:50%;position:absolute;animation:rotate ease-in-out 3s infinite alternate}.circle-1{--width_and_height: 70vw;background-image:conic-gradient(from 180deg,#100024,#022831 35%,#00657c 54%,#ffe23c);top:-160px;left:-33.39px}@keyframes rotate{to{transform:rotate(180deg);width:150vw}}.circle-2{--width_and_height: 100vw;background-image:conic-gradient(from 154deg,#ffe23c,#100024 31%,#022831 35%,#00657c 54%,#ffe23c);top:256.22px;left:-240px}.circle-3{--width_and_height: 100vw;background-image:conic-gradient(from -30deg,#100024,#ffe23c 14%,#022831 35%,#00657c 54%,#100024 93%);bottom:-66px;right:-146px}.blur-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#01010133;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.FallBack__container{width:100%;min-height:100svh;position:relative;border-radius:14px;overflow:hidden;background:linear-gradient(#2f2f2f80,#2e2b2b4d),linear-gradient(to bottom right,#fff3,#03030300);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 0 0 .25px #d9d9d9;padding:18px;display:flex;flex-direction:column;align-items:center;gap:63px}.Users__container{margin:auto 0;display:flex;flex-direction:column;justify-content:start;flex-grow:1;align-items:center;gap:10px;width:100%}.User__item{display:flex;justify-content:start;align-items:center;width:100%;gap:12px;background-color:#fff;border-radius:15px;color:#000;padding:10px}.User__item img{--dimension: 80px;width:var(--dimension);height:var(--dimension);object-fit:cover;border-radius:50%}.User__info{flex-grow:1}.User__info h1{font-size:18px}.User__info p{font-size:15px;line-height:20px}.User__item .arrow{--dimensions: 30px;width:var(--dimensions);height:var(--dimensions);fill:#000;justify-self:end;flex-shrink:0}.rotate{transform:rotate(180deg)}*{padding:0;margin:0;box-sizing:border-box}:root{font-family:Inter,Tajawal,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;background-color:#000;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}a{text-decoration:none;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}