@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Open+Sans:wght@400;500;600&display=swap";body{margin:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,Liberation Sans,sans-serif}html{scroll-behavior:smooth}section{scroll-margin-top:80px}.slideOut{opacity:0}.slideIn{animation:slideIn .8s ease-in-out forwards}@keyframes slideIn{0%{opacity:0;transform:translate(-100%);filter:blur(4px)}to{opacity:1;transform:translate(0);filter:blur(0)}}.fadeOut{opacity:0}.fadeIn{animation:fadeIn .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slideLeftOut{opacity:0}.slideLeftIn{animation:slideLeftIn .5s ease-in-out forwards}@keyframes slideLeftIn{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.slideLeftOut2{opacity:0}.slideLeftIn2{animation:slideLeftIn2 .5s ease-in-out forwards}@keyframes slideLeftIn2{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.slideRightOut{opacity:0}.slideRightIn{animation:slideRightIn .5s ease-in-out forwards}@keyframes slideRightIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slideRightOut2{opacity:0}.slideRightIn2{animation:slideRightIn2 .5s ease-in-out forwards}@keyframes slideRightIn2{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.slideTopOut{opacity:0}.slideTopIn{animation:slideTopIn .5s ease-in-out forwards}@keyframes slideTopIn{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.slideBottomOut{opacity:0}.slideBottomIn{animation:slideBottomIn .5s ease-in-out forwards}@keyframes slideBottomIn{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.scaleOut{opacity:0}.scaleIn{animation:scaleIn .5s ease-in-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.8);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.rotateOut{opacity:0}.rotateIn{animation:rotateIn .5s ease-in-out forwards}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg);filter:blur(4px)}to{opacity:1;transform:rotate(0);filter:blur(0)}}.flipOut{opacity:0}.flipIn{animation:flipIn .5s ease-in-out forwards}@keyframes flipIn{0%{opacity:0;transform:rotateY(90deg);filter:blur(4px)}to{opacity:1;transform:rotateY(0);filter:blur(0)}}.zoomIn{animation:zoomIn .5s ease-in-out forwards}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.zoomOut{opacity:0}.zoomOutIn{animation:zoomOutIn .5s ease-in-out forwards}@keyframes zoomOutIn{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.bounceOut{opacity:0}.bounceIn{animation:bounceIn .5s ease-out forwards}@keyframes bounceIn{0%{opacity:0;transform:translateY(-100px)}60%{transform:translateY(30px)}80%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.swingOut{opacity:0}.swingIn{animation:swingIn .5s ease-in-out forwards}@keyframes swingIn{0%{opacity:0;transform:rotate(-100deg)}to{opacity:1;transform:rotate(0)}}.rollOut{opacity:0}.rollIn{animation:rollIn .5s ease-in-out forwards}@keyframes rollIn{0%{opacity:0;transform:rotate(-120deg);transform-origin:center}to{opacity:1;transform:rotate(0)}}.skewOut{opacity:0}.skewIn{animation:skewIn .5s ease-in-out forwards}@keyframes skewIn{0%{opacity:0;transform:skew(-20deg)}to{opacity:1;transform:skew(0)}}.wobbleOut{opacity:0}.wobbleIn{animation:wobbleIn 1s ease-in-out forwards}@keyframes wobbleIn{0%{opacity:0;transform:translate(-30px)}25%{transform:translate(15px)}50%{transform:translate(-10px)}75%{transform:translate(5px)}to{opacity:1;transform:translate(0)}}.pulseOut{opacity:0}.pulseIn{animation:pulseIn 1s ease-in-out infinite forwards}@keyframes pulseIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.8)}}.shakeOut{opacity:0}.shakeIn{animation:shakeIn .5s ease-in-out forwards}@keyframes shakeIn{0%{opacity:0;transform:translate(-20px)}25%{transform:translate(10px)}50%{transform:translate(-5px)}75%{transform:translate(2px)}to{opacity:1;transform:translate(0)}}.blurOut{opacity:0}.blurIn{animation:blurIn .5s ease-in-out forwards}@keyframes blurIn{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}.expandOut{opacity:0}.expandIn{animation:expandIn .5s ease-in-out forwards}@keyframes expandIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.contractOut{opacity:0}.contractIn{animation:contractIn .5s ease-in-out forwards}@keyframes contractIn{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}
