@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
html,body,button,input,select,textarea{font-family:Cairo,system-ui,sans-serif!important}
h1,h2,h3,h4,h5,h6,.brand,.nav,.topbtn,.home{font-family:Cairo,system-ui,sans-serif!important}
.top{position:sticky!important;top:0!important;z-index:40!important;background:#f5f3edf2!important;border-bottom:1px solid #d8deea!important;backdrop-filter:blur(18px)!important}
.top .topin{height:76px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;direction:ltr!important}
.top .brand{grid-column:1!important;justify-self:start!important;margin:0!important;display:inline-flex!important;align-items:center!important;gap:3px!important;direction:ltr!important;color:#07175a!important;font-size:25px!important;font-weight:900!important;letter-spacing:-1px!important;white-space:nowrap!important}
.top .brand i{display:inline-flex!important;align-items:center!important;background:#efe4cc!important;color:#074de2!important;border:1px solid #dccca9!important;border-radius:11px!important;padding:1px 8px!important;margin:0!important;font-style:normal!important;line-height:1.45!important}
.top .nav{grid-column:2!important;justify-self:end!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:20px!important;direction:rtl!important;color:#354363!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}
.top .nav a{color:inherit!important;text-decoration:none!important}
.top .nav a.active{color:#354363!important}
.top .nav a:hover,.top .nav a:focus{color:#074de2!important}
.top .topbtn{grid-column:3!important;justify-self:end!important;margin:0!important;background:transparent!important;border:0!important;border-radius:8px!important;box-shadow:none!important;color:#4a5159!important;padding:7px 3px!important;font-size:14px!important;font-weight:700!important;white-space:nowrap!important}
.top .topbtn:hover,.top .topbtn:focus{color:#074de2!important;background:transparent!important}
@media(max-width:1100px){.top .nav{gap:12px!important;font-size:13px!important}}
@media(max-width:900px){.top .topin{height:auto!important;min-height:66px!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;padding-top:10px!important;padding-bottom:8px!important}.top .brand{grid-column:1!important;grid-row:1!important;font-size:22px!important}.top .topbtn{grid-column:2!important;grid-row:1!important;display:inline-flex!important;justify-self:end!important}.top .nav{grid-column:1/-1!important;grid-row:2!important;display:flex!important;width:100%!important;justify-self:stretch!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;padding-bottom:4px!important;scrollbar-width:thin!important}.top .nav a{flex:0 0 auto!important}}