@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{height:100%;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7113e5;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#331fab}.swiper{width:100%;height:100%}.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:flex!important;width:100%;height:100%;object-fit:cover}.swiper-slide-duplicate{display:flex!important}.swiper-pagination-bullet-active{background-color:#cc33b2!important}.my-swiper .swiper-button-prev,.my-swiper .swiper-button-next{color:#cc33b2}.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)}}