@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap";.font-arabic{font-family:Noto Sans Arabic,Arial,sans-serif}body.rtl{direction:rtl;text-align:right;font-family:Noto Sans Arabic,Arial,sans-serif}body.rtl *{font-family:Noto Sans Arabic,Arial,sans-serif}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] *{font-family:Noto Sans Arabic,Arial,sans-serif}[dir=rtl] .flex-row-reverse{flex-direction:row-reverse}[dir=rtl] input[type=text],[dir=rtl] input[type=search],[dir=rtl] textarea,[dir=rtl] select,[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .ml-4{margin-left:0;margin-right:1rem}[dir=rtl] .mr-4{margin-right:0;margin-left:1rem}[dir=rtl] .pl-10{padding-left:0;padding-right:2.5rem}[dir=rtl] .pr-4{padding-right:0;padding-left:1rem}[dir=rtl] .left-3{left:auto;right:.75rem}[dir=rtl] .right-3{right:auto;left:.75rem}[dir=rtl] .arabic-text{line-height:1.6;letter-spacing:normal}[dir=rtl] .event-card .absolute.left-3{left:auto;right:.75rem}[dir=rtl] .event-card .absolute.right-3{right:auto;left:.75rem}[dir=rtl] .modal-content{text-align:right}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .form-label,[dir=rtl] .form-input{text-align:right}[dir=rtl] .btn-with-icon{flex-direction:row-reverse}[dir=rtl] .nav-item{margin-left:0;margin-right:1rem}[dir=rtl] .icon-left{margin-left:.5rem;margin-right:0}[dir=rtl] .icon-right{margin-right:.5rem;margin-left:0}[dir=rtl] .space-x-2>:not([hidden])~:not([hidden]){margin-left:0;margin-right:.5rem}[dir=rtl] .space-x-4>:not([hidden])~:not([hidden]){margin-left:0;margin-right:1rem}@media(max-width:640px){body.rtl{direction:rtl;text-align:right}body.rtl *{max-width:100%;box-sizing:border-box}[dir=rtl] input{text-align:right;direction:rtl}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .absolute.left-3{left:auto;right:.75rem}[dir=rtl] .absolute.right-3{right:auto;left:.75rem}body.rtl .overflow-x-auto{max-width:100vw}body.rtl .flex{flex-wrap:wrap;max-width:100%}body.rtl .whitespace-nowrap{flex-shrink:0}}@media(min-width:641px)and (max-width:1024px){[dir=rtl] .sm\:flex-row-reverse{flex-direction:row-reverse}[dir=rtl] .sm\:self-auto{align-self:auto}}[dir=rtl] .grid,[dir=rtl] .rounded-lg,[dir=rtl] .rounded-xl,[dir=rtl] .rounded-3xl{text-align:right}[dir=rtl] .absolute.right-4{right:auto;left:1rem}[dir=rtl] .absolute.left-4{left:auto;right:1rem}