اجعل صيفك بارداً مع أفضل حلول التكييف

نحن في اير جروب نقدم لك أحدث أجهزة التكييف من كبرى العلامات التجارية مع ضمان حقيقي وخدمة ما بعد البيع المتميزة.

تسوق الآن تواصل معنا
[جهاز تكييف حديث]

10+

سنوات خبرة

5000+

عميل سعيد

24/7

دعم فني

100%

ضمان معتمد

أحدث الأجهزة المتوفرة

اختر من بين تشكيلة واسعة من التكييفات الموفرة للطاقة

[تكييف شارب] Sharp

تكييف شارب انفرتر 1.5 حصان

تكنولوجيا توفير الكهرباء بنسبة 40%

24,500 ج.م
[تكييف كاريير] Carrier

تكييف كاريير أوبتيماكس 2.25 حصان

تغطية حتى 18 متر مربع مع خاصية التتبع

32,900 ج.م
[تكييف ميديا] Midea

تكييف ميديا سمارت 3 حصان

تحكم كامل عبر الهاتف الذكي (WiFi)

41,200 ج.م

لماذا اير جروب؟

🛠️

تركيب احترافي

فنيون مدربون على أعلى مستوى لضمان تركيب الجهاز بكفاءة وتجنب تسريب الفريون.

📅

عقود صيانة دورية

نقدم خطط صيانة سنوية للحفاظ على عمر التكييف وكفاءة التبريد طوال العام.

🚚

شحن سريع

خدمة التوصيل والتركيب في خلال 24 ساعة من طلب المنتج داخل القاهرة والجيزة.

طلب تواصل مباشر

اضغط على الزر أدناه للتحدث معنا مباشرة عبر الواتساب وسنقوم بالرد عليك فوراً.

تحدث معنا الآن عبر واتساب

معلومات التواصل

📍

القاهرة، التجمع الخامس، شارع التسعين الشمالي

📞

02-23456789 | 01000000000

✉️

info@airgroup-eg.com

css/issues/362 */ img { border-style: solid; } textarea { resize: vertical; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #9ca3af; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #9ca3af; } input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; } button, [role="button"] { cursor: pointer; } /** * Override legacy focus reset from Normalize with modern Firefox focus styles. * * This is actually an improvement over the new defaults in Firefox in our testing, * as it triggers the better focus styles even for links, which still use a dotted * outline in Firefox by default. */ table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /** * Reset links to optimize for opt-in styling instead of * opt-out. */ a { color: inherit; text-decoration: inherit; } /** * Reset form element properties that are easy to forget to * style explicitly so you don't inadvertently introduce * styles that deviate from your design system. These styles * supplement a partial reset that is already applied by * normalize.css. */ button, input, optgroup, select, textarea { padding: 0; line-height: inherit; color: inherit; } /** * Use the configured 'mono' font family for elements that * are expected to be rendered with a monospace font, falling * back to the system monospace stack if there is no configured * 'mono' font family. */ pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /** * 1. Make replaced elements `display: block` by default as that's * the behavior you want almost all of the time. Inspired by * CSS Remedy, with `svg` added as well. * * https://github.com/mozdevs/cssremedy/issues/14 * * 2. Add `vertical-align: middle` to align replaced elements more * sensibly by default when overriding `display` by adding a * utility like `inline`. * * This can trigger a poorly considered linting error in some * tools but is included by design. * * https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210 */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /** * Constrain images and videos to the parent width and preserve * their intrinsic aspect ratio. * * https://github.com/mozdevs/cssremedy/issues/14 */ img, video { max-width: 100%; height: auto; } /** * Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } *, ::before, ::after{ --tw-border-opacity:1; border-color:rgba(229, 231, 235, var(--tw-border-opacity)); } .container{ width:100%; margin-right:auto; margin-left:auto; } @media (min-width: 100%){ .container{ max-width:100%; } } @media (min-width: 414px){ .container{ max-width:414px; } } @media (min-width: 1166px){ .container{ max-width:1166px; } } @font-face{ font-family:"GE_SS_Two"; src:url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Bold.6873d01.woff2) format("woff2"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Bold.2b5d327.woff) format("woff"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Bold.3345f8d.ttf) format("truetype"); font-display:swap; font-weight:700; font-style:normal } @font-face{ font-family:"GE_SS_Two"; src:url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Medium.b785851.woff2) format("woff2"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Medium.8311adb.woff) format("woff"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Medium.047e5fa.ttf) format("truetype"); font-display:swap; font-weight:500; font-style:normal } @font-face{ font-family:"GE_SS_Two"; src:url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Light.b84e0d4.woff2) format("woff2"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Light.035d46a.woff) format("woff"),url(https://www.rayashop.com/_nuxt/fonts/GE_SS_Two_Light.b4d5154.ttf) format("truetype"); font-display:swap; font-weight:400; font-style:normal } body{ font-family:Inter, Roboto, sans-serif; font-size:14px; line-height:24px } h1, h2, h3, h4, h5, h6{ font-family:Inter, Roboto, sans-serif; } [dir=rtl] body{ font-family:GE_SS_Two, Helvetica, Arial, sans-serif; font-size:14px; line-height:24px } [dir=rtl] h1, [dir=rtl] h2, [dir=rtl] h3, [dir=rtl] h4, [dir=rtl] h5, [dir=rtl] h6{ font-family:GE_SS_Two, Playfair Display, Helvetica, Arial, sans-serif; } :root{ font-size:16px } body,html{ width:100%; height:100%; scroll-behavior:smooth } .container{ max-width:1200px; margin-inline:auto; width:100% } .clamp-text{ -webkit-line-clamp:3 } .clamp-text,.truncate-two-lines{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical } .truncate-two-lines{ -webkit-line-clamp:2 } .-z-1{ z-index:-1 } .slide-up-enter-active,.slide-up-leave-active{ transition:transform .2s ease-in-out,opacity .2s ease-in-out } .slide-up-enter,.slide-up-leave-to{ transform:translate3d(0,100%,0); opacity:0 } .fade-enter-active,.fade-leave-active{ transition:opacity .3s ease-in-out } .fade-enter,.fade-leave-to{ opacity:0 } .ProductsGrid{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); -moz-column-gap:0.75rem; column-gap:0.75rem; row-gap:2rem } @media (min-width: 1024px){ .ProductsGrid{ -moz-column-gap:1.25rem; column-gap:1.25rem; row-gap:2.5rem; } } @media (min-width: 1024px){ .ProductsGrid{ grid-template-columns:repeat(auto-fill,minmax(224px,1fr)); } } .pointer-events-none{ pointer-events:none; } .pointer-events-auto{ pointer-events:auto; } .visible{ visibility:visible; } .invisible{ visibility:hidden; } .static{ position:static; } .fixed{ position:fixed; } .absolute{ position:absolute; } .relative{ position:relative; } .sticky{ position:sticky; } .inset-0{ top:0px; right:0px; bottom:0px; left:0px; } .-inset-4{ top:-1rem; right:-1rem; bottom:-1rem; left:-1rem; } .inset-x-0{ left:0px; right:0px; } .top-0{ top:0px; } .top-1{ top:0.25rem; } .top-2{ top:0.5rem; } .top-3{ top:0.75rem; } .top-4{ top:1rem; } .top-5{ top:1.25rem; } .top-6{ top:1.5rem; } .top-7{ top:1.75rem; } .top-10{ top:2.5rem; } .top-14{ top:3.5rem; } .top-19{ top:74px; } .top-20{ top:80px; } .top-35{ top:140px; } .top-50{ top:200px; } .top-auto{ top:auto; } .top-2\.5{ top:0.625rem; } .-top-0{ top:0px; } .-top-1{ top:-0.25rem; } .-top-2{ top:-0.5rem; } .-top-3{ top:-0.75rem; } .-top-4{ top:-1rem; } .-top-5{ top:-1.25rem; } .-top-6{ top:-1.5rem; } .-top-8{ top:-2rem; } .-top-10{ top:-2.5rem; } .-top-11{ top:-2.75rem; } .-top-12{ top:-3rem; } .-top-16{ top:-4rem; } .-top-0\.5{ top:-0.125rem; } .-top-1\.5{ top:-0.375rem; } .top-1\/2{ top:50%; } .top-full{ top:100%; } .-top-1\/3{ top:-33.333333%; } [dir="ltr"] .right-0{ right:0px; } [dir="rtl"] .right-0{ left:0px; } [dir="ltr"] .right-1{ right:0.25rem; } [dir="rtl"] .right-1{ left:0.25rem; } [dir="ltr"] .right-2{ right:0.5rem; } [dir="rtl"] .right-2{ left:0.5rem; } [dir="ltr"] .right-3{ right:0.75rem; } [dir="rtl"] .right-3{ left:0.75rem; } [dir="ltr"] .right-5{ right:1.25rem; } [dir="rtl"] .right-5{ left:1.25rem; } [dir="ltr"] .right-6{ right:1.5rem; } [dir="rtl"] .right-6{ left:1.5rem; } [dir="ltr"] .right-10{ right:2.5rem; } [dir="rtl"] .right-10{ left:2.5rem; } [dir="ltr"] .right-14{ right:3.5rem; } [dir="rtl"] .right-14{ left:3.5rem; } [dir="ltr"] .right-20{ right:80px; } [dir="rtl"] .right-20{ left:80px; } [dir="ltr"] .right-22{ right:88px; } [dir="rtl"] .right-22{ left:88px; } [dir="ltr"] .right-25{ right:100px; } [dir="rtl"] .right-25{ left:100px; } [dir="ltr"] .right-80{ right:20rem; } [dir="rtl"] .right-80{ left:20rem; } [dir="ltr"] .right-auto{ right:auto; } [dir="rtl"] .right-auto{ left:auto; } [dir="ltr"] .-right-1{ right:-0.25rem; } [dir="rtl"] .-right-1{ left:-0.25rem; } [dir="ltr"] .-right-2{ right:-0.5rem; } [dir="rtl"] .-right-2{ left:-0.5rem; } [dir="ltr"] .-right-3{ right:-0.75rem; } [dir="rtl"] .-right-3{ left:-0.75rem; } [dir="ltr"] .-right-4{ right:-1rem; } [dir="rtl"] .-right-4{ left:-1rem; } [dir="ltr"] .-right-6{ right:-1.5rem; } [dir="rtl"] .-right-6{ left:-1.5rem; } [dir="ltr"] .-right-10{ right:-2.5rem; } [dir="rtl"] .-right-10{ left:-2.5rem; } [dir="ltr"] .-right-2\.5{ right:-0.625rem; } [dir="rtl"] .-right-2\.5{ left:-0.625rem; } .bottom-0{ bottom:0px; } .bottom-3{ bottom:0.75rem; } .bottom-4{ bottom:1rem; } .bottom-5{ bottom:1.25rem; } .bottom-8{ bottom:2rem; } .bottom-10{ bottom:2.5rem; } .bottom-12{ bottom:3rem; } .bottom-14{ bottom:3.5rem; } .bottom-auto{ bottom:auto; } .-bottom-1{ bottom:-0.25rem; } .-bottom-2{ bottom:-0.5rem; } .-bottom-3{ bottom:-0.75rem; } .-bottom-4{ bottom:-1rem; } .-bottom-6{ bottom:-1.5rem; } .-bottom-8{ bottom:-2rem; } .-bottom-14{ bottom:-3.5rem; } .-bottom-16{ bottom:-4rem; } .-bottom-19{ bottom:-74px; } .-bottom-22{ bottom:-88px; } [dir="ltr"] .left-0{ left:0px; } [dir="rtl"] .left-0{ right:0px; } [dir="ltr"] .left-1{ left:0.25rem; } [dir="rtl"] .left-1{ right:0.25rem; } [dir="ltr"] .left-2{ left:0.5rem; } [dir="rtl"] .left-2{ right:0.5rem; } [dir="ltr"] .left-3{ left:0.75rem; } [dir="rtl"] .left-3{ right:0.75rem; } [dir="ltr"] .left-4{ left:1rem; } [dir="rtl"] .left-4{ right:1rem; } [dir="ltr"] .left-5{ left:1.25rem; } [dir="rtl"] .left-5{ right:1.25rem; } [dir="ltr"] .left-6{ left:1.5rem; } [dir="rtl"] .left-6{ right:1.5rem; } [dir="ltr"] .left-15{ left:60px; } [dir="rtl"] .left-15{ right:60px; } [dir="ltr"] .left-142{ left:568px; } [dir="rtl"] .left-142{ right:568px; } [dir="ltr"] .-left-1{ left:-0.25rem; } [dir="rtl"] .-left-1{ right:-0.25rem; } [dir="ltr"] .-left-2{ left:-0.5rem; } [dir="rtl"] .-left-2{ right:-0.5rem; } [dir="ltr"] .-left-16{ left:-4rem; } [dir="rtl"] .-left-16{ right:-4rem; } [dir="ltr"] .left-1\/2{ left:50%; } [dir="rtl"] .left-1\/2{ right:50%; } [dir="ltr"] .left-2\/4{ left:50%; } [dir="rtl"] .left-2\/4{ right:50%; } .z-0{ z-index:0; } .z-1{ z-index:1; } .z-2{ z-index:2; } .z-10{ z-index:10; } .z-20{ z-index:20; } .z-30{ z-index:30; } .z-40{ z-index:40; } .z-50{ z-index:50; } .z-auto{ z-index:auto; } .order-1{ order:1; } .order-2{ order:2; } .order-3{ order:3; } .order-4{ order:4; } .order-5{ order:5; } .order-10{ order:10; } .order-first{ order:-9999; } .order-last{ order:9999; } .col-span-1{ grid-column:span 1 / span 1; } .col-span-2{ grid-column:span 2 / span 2; } .col-span-4{ grid-column:span 4 / span 4; } [dir="ltr"] .float-left{ float:left; } [dir="rtl"] .float-left{ float:right; } .m-0{ margin:0px; } .m-2{ margin:0.5rem; } .m-auto{ margin:auto; } .mx-0{ margin-left:0px; margin-right:0px; } .mx-2{ margin-left:0.5rem; margin-right:0.5rem; } .mx-3{ margin-left:0.75rem; margin-right:0.75rem; } .mx-5{ margin-left:1.25rem; margin-right:1.25rem; } .mx-6{ margin-left:1.5rem; margin-right:1.5rem; } .mx-7{ margin-left:1.75rem; margin-right:1.75rem; } .mx-8{ margin-left:2rem; margin-right:2rem; } .mx-20{ margin-left:80px; margin-right:80px; } .mx-auto{ margin-left:auto; margin-right:auto; } .mx-0\.5{ margin-left:0.125rem; margin-right:0.125rem; } .-mx-5{ margin-left:-1.25rem; margin-right:-1.25rem; } .-mx-6{ margin-left:-1.5rem; margin-right:-1.5rem; } .my-1{ margin-top:0.25rem; margin-bottom:0.25rem; } .my-2{ margin-top:0.5rem; margin-bottom:0.5rem; } .my-4{ margin-top:1rem; margin-bottom:1rem; } .my-5{ margin-top:1.25rem; margin-bottom:1.25rem; } .my-6{ margin-top:1.5rem; margin-bottom:1.5rem; } .my-7{ margin-top:1.75rem; margin-bottom:1.75rem; } .my-8{ margin-top:2rem; margin-bottom:2rem; } .my-10{ margin-top:2.5rem; margin-bottom:2.5rem; } .my-12{ margin-top:3rem; margin-bottom:3rem; } .my-14{ margin-top:3.5rem; margin-bottom:3.5rem; } .my-20{ margin-top:80px; margin-bottom:80px; } .my-30{ margin-top:120px; margin-bottom:120px; } .my-40{ margin-top:10rem; margin-bottom:10rem; } .my-auto{ margin-top:auto; margin-bottom:auto; } .my-2\.5{ margin-top:0.625rem; margin-bottom:0.625rem; } .-my-7{ margin-top:-1.75rem; margin-bottom:-1.75rem; } .mt-0{ margin-top:0px; } .mt-1{ margin-top:0.25rem; } .mt-2{ margin-top:0.5rem; } .mt-3{ margin-top:0.75rem; } .mt-4{ margin-top:1rem; } .mt-5{ margin-top:1.25rem; } .mt-6{ margin-top:1.5rem; } .mt-7{ margin-top:1.75rem; } .mt-8{ margin-top:2rem; } .mt-9{ margin-top:2.25rem; } .mt-10{ margin-top:2.5rem; } .mt-11{ margin-top:2.75rem; } .mt-12{ margin-top:3rem; } .mt-13{ margin-top:52px; } .mt-14{ margin-top:3.5rem; } .mt-15{ margin-top:60px; } .mt-16{ margin-top:4rem; } .mt-19{ margin-top:74px; } .mt-20{ margin-top:80px; } .mt-auto{ margin-top:auto; } .mt-0\.5{ margin-top:0.125rem; } .mt-1\.5{ margin-top:0.375rem; } .mt-2\.5{ margin-top:0.625rem; } .mt-3\.5{ margin-top:0.875rem; } .-mt-1{ margin-top:-0.25rem; } .-mt-2{ margin-top:-0.5rem; } .-mt-3{ margin-top:-0.75rem; } .-mt-4{ margin-top:-1rem; } .-mt-5{ margin-top:-1.25rem; } .-mt-6{ margin-top:-1.5rem; } .-mt-14{ margin-top:-3.5rem; } [dir="ltr"] .mr-0{ margin-right:0px; } [dir="rtl"] .mr-0{ margin-left:0px; } [dir="ltr"] .mr-1{ margin-right:0.25rem; } [dir="rtl"] .mr-1{ margin-left:0.25rem; } [dir="ltr"] .mr-2{ margin-right:0.5rem; } [dir="rtl"] .mr-2{ margin-left:0.5rem; } [dir="ltr"] .mr-3{ margin-right:0.75rem; } [dir="rtl"] .mr-3{ margin-left:0.75rem; } [dir="ltr"] .mr-4{ margin-right:1rem; } [dir="rtl"] .mr-4{ margin-left:1rem; } [dir="ltr"] .mr-5{ margin-right:1.25rem; } [dir="rtl"] .mr-5{ margin-left:1.25rem; } [dir="ltr"] .mr-6{ margin-right:1.5rem; } [dir="rtl"] .mr-6{ margin-left:1.5rem; } [dir="ltr"] .mr-7{ margin-right:1.75rem; } [dir="rtl"] .mr-7{ margin-left:1.75rem; } [dir="ltr"] .mr-8{ margin-right:2rem; } [dir="rtl"] .mr-8{ margin-left:2rem; } [dir="ltr"] .mr-12{ margin-right:3rem; } [dir="rtl"] .mr-12{ margin-left:3rem; } [dir="ltr"] .mr-25{ margin-right:100px; } [dir="rtl"] .mr-25{ margin-left:100px; } [dir="ltr"] .mr-auto{ margin-right:auto; } [dir="rtl"] .mr-auto{ margin-left:auto; } [dir="ltr"] .mr-0\.5{ margin-right:0.125rem; } [dir="rtl"] .mr-0\.5{ margin-left:0.125rem; } [dir="ltr"] .mr-1\.5{ margin-right:0.375rem; } [dir="rtl"] .mr-1\.5{ margin-left:0.375rem; } [dir="ltr"] .mr-2\.5{ margin-right:0.625rem; } [dir="rtl"] .mr-2\.5{ margin-left:0.625rem; } [dir="ltr"] .mr-3\.5{ margin-right:0.875rem; } [dir="rtl"] .mr-3\.5{ margin-left:0.875rem; } [dir="ltr"] .-mr-2{ margin-right:-0.5rem; } [dir="rtl"] .-mr-2{ margin-left:-0.5rem; } [dir="ltr"] .-mr-5{ margin-right:-1.25rem; } [dir="rtl"] .-mr-5{ margin-left:-1.25rem; } .mb-0{ margin-bottom:0px; } .mb-1{ margin-bottom:0.25rem; } .mb-2{ margin-bottom:0.5rem; } .mb-3{ margin-bottom:0.75rem; } .mb-4{ margin-bottom:1rem; } .mb-5{ margin-bottom:1.25rem; } .mb-6{ margin-bottom:1.5rem; } .mb-7{ margin-bottom:1.75rem; } .mb-8{ margin-bottom:2rem; } .mb-9{ margin-bottom:2.25rem; } .mb-10{ margin-bottom:2.5rem; } .mb-12{ margin-bottom:3rem; } .mb-14{ margin-bottom:3.5rem; } .mb-20{ margin-bottom:80px; } .mb-24{ margin-bottom:6rem; } .mb-auto{ margin-bottom:auto; } .mb-1\.5{ margin-bottom:0.375rem; } .mb-2\.5{ margin-bottom:0.625rem; } .-mb-1{ margin-bottom:-0.25rem; } .-mb-2{ margin-bottom:-0.5rem; } .-mb-5{ margin-bottom:-1.25rem; } .-mb-7{ margin-bottom:-1.75rem; } .-mb-10{ margin-bottom:-2.5rem; } .-mb-16{ margin-bottom:-4rem; } [dir="ltr"] .ml-0{ margin-left:0px; } [dir="rtl"] .ml-0{ margin-right:0px; } [dir="ltr"] .ml-1{ margin-left:0.25rem; } [dir="rtl"] .ml-1{ margin-right:0.25rem; } [dir="ltr"] .ml-2{ margin-left:0.5rem; } [dir="rtl"] .ml-2{ margin-right:0.5rem; } [dir="ltr"] .ml-3{ margin-left:0.75rem; } [dir="rtl"] .ml-3{ margin-right:0.75rem; } [dir="ltr"] .ml-4{ margin-left:1rem; } [dir="rtl"] .ml-4{ margin-right:1rem; } [dir="ltr"] .ml-5{ margin-left:1.25rem; } [dir="rtl"] .ml-5{ margin-right:1.25rem; } [dir="ltr"] .ml-6{ margin-left:1.5rem; } [dir="rtl"] .ml-6{ margin-right:1.5rem; } [dir="ltr"] .ml-10{ margin-left:2.5rem; } [dir="rtl"] .ml-10{ margin-right:2.5rem; } [dir="ltr"] .ml-24{ margin-left:6rem; } [dir="rtl"] .ml-24{ margin-right:6rem; } [dir="ltr"] .ml-auto{ margin-left:auto; } [dir="rtl"] .ml-auto{ margin-right:auto; } [dir="ltr"] .ml-1\.5{ margin-left:0.375rem; } [dir="rtl"] .ml-1\.5{ margin-right:0.375rem; } [dir="ltr"] .ml-2\.5{ margin-left:0.625rem; } [dir="rtl"] .ml-2\.5{ margin-right:0.625rem; } .block{ display:block; } .inline-block{ display:inline-block; } .inline{ display:inline; } .flex{ display:flex; } .inline-flex{ display:inline-flex; } .table{ display:table; } .grid{ display:grid; } .contents{ display:contents; } .hidden{ display:none; } .h-0{ height:0px; } .h-1{ height:0.25rem; } .h-2{ height:0.5rem; } .h-3{ height:0.75rem; } .h-4{ height:1rem; } .h-5{ height:1.25rem; } .h-6{ height:1.5rem; } .h-7{ height:1.75rem; } .h-8{ height:2rem; } .h-9{ height:2.25rem; } .h-10{ height:2.5rem; } .h-11{ height:2.75rem; } .h-12{ height:3rem; } .h-13{ height:52px; } .h-14{ height:3.5rem; } .h-15{ height:60px; } .h-16{ height:4rem; } .h-19{ height:74px; } .h-20{ height:80px; } .h-21{ height:81px; } .h-22{ height:88px; } .h-24{ height:6rem; } .h-25{ height:100px; } .h-28{ height:7rem; } .h-30{ height:120px; } .h-32{ height:8rem; } .h-36{ height:9rem; } .h-40{ height:10rem; } .h-52{ height:13rem; } .h-60{ height:240px; } .h-72{ height:18rem; } .h-75{ height:300px; } .h-80{ height:20rem; } .h-96{ height:24rem; } .h-auto{ height:auto; } .h-px{ height:1px; } .h-0\.5{ height:0.125rem; } .h-1\.5{ height:0.375rem; } .h-2\.5{ height:0.625rem; } .h-3\.5{ height:0.875rem; } .h-unit{ height:1px; } .h-3\/4{ height:75%; } .h-full{ height:100%; } .max-h-16{ max-height:4rem; } .max-h-screen{ max-height:100vh; } .w-0{ width:0px; } .w-2{ width:0.5rem; } .w-3{ width:0.75rem; } .w-4{ width:1rem; } .w-5{ width:1.25rem; } .w-6{ width:1.5rem; } .w-7{ width:1.75rem; } .w-8{ width:2rem; } .w-9{ width:2.25rem; } .w-10{ width:2.5rem; } .w-11{ width:2.75rem; } .w-12{ width:3rem; } .w-13{ width:52px; } .w-14{ width:3.5rem; } .w-15{ width:60px; } .w-16{ width:4rem; } .w-19{ width:74px; } .w-20{ width:80px; } .w-21{ width:81px; } .w-22{ width:88px; } .w-24{ width:6rem; } .w-25{ width:100px; } .w-28{ width:7rem; } .w-30{ width:120px; } .w-32{ width:8rem; } .w-35{ width:140px; } .w-40{ width:10rem; } .w-42{ width:168px; } .w-44{ width:11rem; } .w-45{ width:180px; } .w-46{ width:184px; } .w-48{ width:12rem; } .w-50{ width:200px; } .w-52{ width:13rem; } .w-56{ width:14rem; } .w-60{ width:240px; } .w-64{ width:16rem; } .w-75{ width:300px; } .w-80{ width:20rem; } .w-96{ width:24rem; } .w-125{ width:500px; } .w-auto{ width:auto; } .w-2\.5{ width:0.625rem; } .w-3\.5{ width:0.875rem; } .w-unit{ width:1px; } .w-1\/2{ width:50%; } .w-1\/3{ width:33.333333%; } .w-2\/3{ width:66.666667%; } .w-1\/4{ width:25%; } .w-2\/4{ width:50%; } .w-3\/4{ width:75%; } .w-3\/5{ width:60%; } .w-4\/5{ width:80%; } .w-5\/6{ width:83.333333%; } .w-11\/12{ width:91.666667%; } .w-full{ width:100%; } .w-max{ width:-moz-max-content; width:max-content; } .min-w-0{ min-width:0px; } .min-w-57{ min-width:228px; } .min-w-max{ min-width:-moz-max-content; min-width:max-content; } .max-w-58{ max-width:230px; } .max-w-82{ max-width:328px; } .max-w-180{ max-width:720px; } .max-w-sm{ max-width:24rem; } .max-w-md{ max-width:28rem; } .max-w-xl{ max-width:36rem; } .max-w-2xl{ max-width:42rem; } .max-w-3xl{ max-width:48rem; } .max-w-7xl{ max-width:80rem; } .max-w-full{ max-width:100%; } .flex-1{ flex:1 1 0%; } .flex-self-width{ flex:0 0 auto; } .flex-shrink-0{ flex-shrink:0; } .flex-shrink{ flex-shrink:1; } .flex-grow{ flex-grow:1; } .border-collapse{ border-collapse:collapse; } .transform{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2{ --tw-translate-x:50%; } .translate-x-2\/3{ --tw-translate-x:66.666667%; } .-translate-x-1\/2{ --tw-translate-x:-50%; } .-translate-x-2\/3{ --tw-translate-x:-66.666667%; } .translate-y-1\/2{ --tw-translate-y:50%; } .-translate-y-1\/2{ --tw-translate-y:-50%; } .rotate-30{ --tw-rotate:30deg; } .rotate-45{ --tw-rotate:45deg; } .rotate-90{ --tw-rotate:90deg; } .rotate-180{ --tw-rotate:180deg; } .-rotate-45{ --tw-rotate:-45deg; } .rotate-n-30{ --tw-rotate:-30deg; } .scale-reverse{ --tw-scale-x:-1; --tw-scale-y:-1; } .scale-x-reverse{ --tw-scale-x:-1; } .scale-y-reverse{ --tw-scale-y:-1; } @keyframes spin{ to{ transform:rotate(360deg); } } @keyframes ping{ 75%, 100%{ transform:scale(2); opacity:0; } } @keyframes pulse{ 50%{ opacity:.5; } } @keyframes bounce{ 0%, 100%{ transform:translateY(-25%); animation-timing-function:cubic-bezier(0.8,0,1,1); } 50%{ transform:none; animation-timing-function:cubic-bezier(0,0,0.2,1); } } .cursor-default{ cursor:default; } .cursor-pointer{ cursor:pointer; } .cursor-not-allowed{ cursor:not-allowed; } .select-none{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .resize{ resize:both; } .list-inside{ list-style-position:inside; } .list-disc{ list-style-type:disc; } .list-decimal{ list-style-type:decimal; } .appearance-none{ -webkit-appearance:none; -moz-appearance:none; appearance:none; } .grid-cols-1{ grid-template-columns:repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .grid-cols-5{ grid-template-columns:repeat(5, minmax(0, 1fr)); } .flex-row{ flex-direction:row; } .flex-row-reverse{ flex-direction:row-reverse; } .flex-col{ flex-direction:column; } .flex-col-reverse{ flex-direction:column-reverse; } .flex-wrap{ flex-wrap:wrap; } .flex-nowrap{ flex-wrap:nowrap; } .items-start{ align-items:flex-start; } .items-end{ align-items:flex-end; } .items-center{ align-items:center; } .items-baseline{ align-items:baseline; } .justify-start{ justify-content:flex-start; } .justify-end{ justify-content:flex-end; } .justify-center{ justify-content:center; } .justify-between{ justify-content:space-between; } .justify-items-center{ justify-items:center; } .gap-0{ gap:0px; } .gap-1{ gap:0.25rem; } .gap-2{ gap:0.5rem; } .gap-3{ gap:0.75rem; } .gap-4{ gap:1rem; } .gap-5{ gap:1.25rem; } .gap-6{ gap:1.5rem; } .gap-7{ gap:1.75rem; } .gap-8{ gap:2rem; } .gap-10{ gap:2.5rem; } .gap-12{ gap:3rem; } .gap-15{ gap:60px; } .gap-0\.5{ gap:0.125rem; } .gap-1\.5{ gap:0.375rem; } .gap-2\.5{ gap:0.625rem; } .gap-3\.5{ gap:0.875rem; } .gap-x-1{ -moz-column-gap:0.25rem; column-gap:0.25rem; } .gap-x-2{ -moz-column-gap:0.5rem; column-gap:0.5rem; } .gap-x-3{ -moz-column-gap:0.75rem; column-gap:0.75rem; } .gap-x-4{ -moz-column-gap:1rem; column-gap:1rem; } .gap-x-5{ -moz-column-gap:1.25rem; column-gap:1.25rem; } .gap-x-6{ -moz-column-gap:1.5rem; column-gap:1.5rem; } .gap-x-8{ -moz-column-gap:2rem; column-gap:2rem; } .gap-x-10{ -moz-column-gap:2.5rem; column-gap:2.5rem; } .gap-x-11{ -moz-column-gap:2.75rem; column-gap:2.75rem; } .gap-x-12{ -moz-column-gap:3rem; column-gap:3rem; } .gap-x-14{ -moz-column-gap:3.5rem; column-gap:3.5rem; } .gap-x-15{ -moz-column-gap:60px; column-gap:60px; } .gap-x-16{ -moz-column-gap:4rem; column-gap:4rem; } .gap-x-20{ -moz-column-gap:80px; column-gap:80px; } .gap-x-25{ -moz-column-gap:100px; column-gap:100px; } .gap-x-30{ -moz-column-gap:120px; column-gap:120px; } .gap-x-1\.5{ -moz-column-gap:0.375rem; column-gap:0.375rem; } .gap-x-2\.5{ -moz-column-gap:0.625rem; column-gap:0.625rem; } .gap-x-3\.5{ -moz-column-gap:0.875rem; column-gap:0.875rem; } .gap-y-1{ row-gap:0.25rem; } .gap-y-2{ row-gap:0.5rem; } .gap-y-3{ row-gap:0.75rem; } .gap-y-4{ row-gap:1rem; } .gap-y-5{ row-gap:1.25rem; } .gap-y-6{ row-gap:1.5rem; } .gap-y-7{ row-gap:1.75rem; } .gap-y-8{ row-gap:2rem; } .gap-y-10{ row-gap:2.5rem; } .gap-y-2\.5{ row-gap:0.625rem; } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-2 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(0.5rem * var(--tw-space-x-reverse)); margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(0.5rem * var(--tw-space-x-reverse)); margin-right:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-4 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(1rem * var(--tw-space-x-reverse)); margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(1rem * var(--tw-space-x-reverse)); margin-right:calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-5 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(1.25rem * var(--tw-space-x-reverse)); margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-5 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(1.25rem * var(--tw-space-x-reverse)); margin-right:calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-7 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-7 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(1.75rem * var(--tw-space-x-reverse)); margin-left:calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-7 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(1.75rem * var(--tw-space-x-reverse)); margin-right:calc(1.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-8 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(2rem * var(--tw-space-x-reverse)); margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(2rem * var(--tw-space-x-reverse)); margin-right:calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-10 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .space-x-10 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(2.5rem * var(--tw-space-x-reverse)); margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .space-x-10 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(2.5rem * var(--tw-space-x-reverse)); margin-right:calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-7 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.75rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(2rem * var(--tw-space-y-reverse)); } .space-y-9 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(2.25rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.625rem * var(--tw-space-y-reverse)); } .self-start{ align-self:flex-start; } .self-center{ align-self:center; } .justify-self-center{ justify-self:center; } .overflow-auto{ overflow:auto; } .overflow-hidden{ overflow:hidden; } .overflow-visible{ overflow:visible; } .overflow-x-auto{ overflow-x:auto; } .overflow-y-auto{ overflow-y:auto; } .overflow-x-hidden{ overflow-x:hidden; } .overflow-y-hidden{ overflow-y:hidden; } .overflow-x-scroll{ overflow-x:scroll; } .overflow-y-scroll{ overflow-y:scroll; } .truncate{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .overflow-ellipsis{ text-overflow:ellipsis; } .whitespace-nowrap{ white-space:nowrap; } .whitespace-pre{ white-space:pre; } .break-all{ word-break:break-all; } .rounded-sm{ border-radius:0.125rem; } .rounded{ border-radius:0.25rem; } .rounded-md{ border-radius:0.375rem; } .rounded-lg{ border-radius:0.5rem; } .rounded-xl{ border-radius:0.75rem; } .rounded-2xl{ border-radius:1rem; } .rounded-3xl{ border-radius:1.5rem; } .rounded-full{ border-radius:9999px; } .rounded-xs{ border-radius:10px; } .rounded-2xs{ border-radius:20px; } .rounded-3xs{ border-radius:30px; } .rounded-4xs{ border-radius:40px; } .rounded-5xs{ border-radius:50px; } .rounded-6xs{ border-radius:60px; } .rounded-t-2xl{ border-top-left-radius:1rem; border-top-right-radius:1rem; } .rounded-t-3xl{ border-top-left-radius:1.5rem; border-top-right-radius:1.5rem; } .rounded-t-2xs{ border-top-left-radius:20px; border-top-right-radius:20px; } .rounded-t-3xs{ border-top-left-radius:30px; border-top-right-radius:30px; } .rounded-t-4xs{ border-top-left-radius:40px; border-top-right-radius:40px; } .rounded-b-xl{ border-bottom-right-radius:0.75rem; border-bottom-left-radius:0.75rem; } .rounded-b-xs{ border-bottom-right-radius:10px; border-bottom-left-radius:10px; } .rounded-b-3xs{ border-bottom-right-radius:30px; border-bottom-left-radius:30px; } [dir="ltr"] .rounded-br-lg{ border-bottom-right-radius:0.5rem; } [dir="rtl"] .rounded-br-lg{ border-bottom-left-radius:0.5rem; } [dir="ltr"] .rounded-br-2xl{ border-bottom-right-radius:1rem; } [dir="rtl"] .rounded-br-2xl{ border-bottom-left-radius:1rem; } [dir="ltr"] .rounded-bl-lg{ border-bottom-left-radius:0.5rem; } [dir="rtl"] .rounded-bl-lg{ border-bottom-right-radius:0.5rem; } .border-2{ border-width:2px; } .border{ border-width:1px; } .border-t-4{ border-top-width:4px; } .border-t{ border-top-width:1px; } [dir="ltr"] .border-r{ border-right-width:1px; } [dir="rtl"] .border-r{ border-left-width:1px; } .border-b-4{ border-bottom-width:4px; } .border-b{ border-bottom-width:1px; } [dir="ltr"] .border-l{ border-left-width:1px; } [dir="rtl"] .border-l{ border-right-width:1px; } .border-solid{ border-style:solid; } .border-dashed{ border-style:dashed; } .border-none{ border-style:none; } .border-transparent{ border-color:transparent; } .border-black{ --tw-border-opacity:1; border-color:rgba(0, 0, 0, var(--tw-border-opacity)); } .border-white{ --tw-border-opacity:1; border-color:rgba(255, 255, 255, var(--tw-border-opacity)); } .border-gray-300{ --tw-border-opacity:1; border-color:rgba(209, 213, 219, var(--tw-border-opacity)); } .border-red-100{ --tw-border-opacity:1; border-color:rgba(229, 232, 236, var(--tw-border-opacity)); } .border-red-700{ --tw-border-opacity:1; border-color:rgba(211, 0, 0, var(--tw-border-opacity)); } .border-yellow-700{ --tw-border-opacity:1; border-color:rgba(255, 206, 0, var(--tw-border-opacity)); } .border-primary-700{ --tw-border-opacity:1; border-color:rgba(0, 21, 95, var(--tw-border-opacity)); } .border-primary-500{ --tw-border-opacity:1; border-color:rgba(9, 78, 237, var(--tw-border-opacity)); } .border-primary-400{ --tw-border-opacity:1; border-color:rgba(206, 220, 251, var(--tw-border-opacity)); } .border-primary-300{ --tw-border-opacity:1; border-color:rgba(250, 250, 250, var(--tw-border-opacity)); } .border-primary-200{ --tw-border-opacity:1; border-color:rgba(247, 247, 247, var(--tw-border-opacity)); } .border-primary-100{ --tw-border-opacity:1; border-color:rgba(255, 255, 255, var(--tw-border-opacity)); } .border-dark-blue-100{ --tw-border-opacity:1; border-color:rgba(204, 226, 241, var(--tw-border-opacity)); } .border-light-blue-100{ --tw-border-opacity:1; border-color:rgba(230, 237, 253, var(--tw-border-opacity)); } .border-secondary-600{ --tw-border-opacity:1; border-color:rgba(97, 119, 146, var(--tw-border-opacity)); } .border-secondary-500{ --tw-border-opacity:1; border-color:rgba(102, 115, 159, var(--tw-border-opacity)); } .border-secondary-400{ --tw-border-opacity:1; border-color:rgba(151, 164, 183, var(--tw-border-opacity)); } .border-secondary-300{ --tw-border-opacity:1; border-color:rgba(217, 233, 244, var(--tw-border-opacity)); } .border-secondary-200{ --tw-border-opacity:1; border-color:rgba(240, 244, 254, var(--tw-border-opacity)); } .border-secondary-100{ --tw-border-opacity:1; border-color:rgba(204, 210, 218, var(--tw-border-opacity)); } .border-secondary-50{ --tw-border-opacity:1; border-color:rgba(153, 164, 181, var(--tw-border-opacity)); } .border-orange-700{ --tw-border-opacity:1; border-color:rgba(253, 162, 56, var(--tw-border-opacity)); } .border-fb{ --tw-border-opacity:1; border-color:rgba(0, 117, 252, var(--tw-border-opacity)); } .border-tag-Gray-100{ --tw-border-opacity:1; border-color:rgba(204, 208, 223, var(--tw-border-opacity)); } .bg-transparent{ background-color:transparent; } .bg-black{ --tw-bg-opacity:1; background-color:rgba(0, 0, 0, var(--tw-bg-opacity)); } .bg-white{ --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-gray-50{ --tw-bg-opacity:1; background-color:rgba(249, 250, 251, var(--tw-bg-opacity)); } .bg-gray-200{ --tw-bg-opacity:1; background-color:rgba(229, 231, 235, var(--tw-bg-opacity)); } .bg-gray-300{ --tw-bg-opacity:1; background-color:rgba(209, 213, 219, var(--tw-bg-opacity)); } .bg-red-50{ --tw-bg-opacity:1; background-color:rgba(250, 229, 229, var(--tw-bg-opacity)); } .bg-red-100{ --tw-bg-opacity:1; background-color:rgba(229, 232, 236, var(--tw-bg-opacity)); } .bg-red-200{ --tw-bg-opacity:1; background-color:rgba(255, 231, 194, var(--tw-bg-opacity)); } .bg-red-300{ --tw-bg-opacity:1; background-color:rgba(253, 188, 56, var(--tw-bg-opacity)); } .bg-red-400{ --tw-bg-opacity:1; background-color:rgba(247, 158, 27, var(--tw-bg-opacity)); } .bg-red-700{ --tw-bg-opacity:1; background-color:rgba(211, 0, 0, var(--tw-bg-opacity)); } .bg-yellow-600{ --tw-bg-opacity:1; background-color:rgba(255, 250, 230, var(--tw-bg-opacity)); } .bg-yellow-700{ --tw-bg-opacity:1; background-color:rgba(255, 206, 0, var(--tw-bg-opacity)); } .bg-green-700{ --tw-bg-opacity:1; background-color:rgba(1, 152, 47, var(--tw-bg-opacity)); } .bg-blue-50{ --tw-bg-opacity:1; background-color:rgba(242, 243, 246, var(--tw-bg-opacity)); } .bg-blue-100{ --tw-bg-opacity:1; background-color:rgba(240, 244, 254, var(--tw-bg-opacity)); } .bg-primary-700{ --tw-bg-opacity:1; background-color:rgba(0, 21, 95, var(--tw-bg-opacity)); } .bg-primary-500{ --tw-bg-opacity:1; background-color:rgba(9, 78, 237, var(--tw-bg-opacity)); } .bg-primary-400{ --tw-bg-opacity:1; background-color:rgba(206, 220, 251, var(--tw-bg-opacity)); } .bg-primary-300{ --tw-bg-opacity:1; background-color:rgba(250, 250, 250, var(--tw-bg-opacity)); } .bg-primary-200{ --tw-bg-opacity:1; background-color:rgba(247, 247, 247, var(--tw-bg-opacity)); } .bg-primary-100{ --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); } .bg-primary-50{ --tw-bg-opacity:1; background-color:rgba(245, 246, 248, var(--tw-bg-opacity)); } .bg-primary-25{ background-color:#0972a41a; } .bg-light-blue-100{ --tw-bg-opacity:1; background-color:rgba(230, 237, 253, var(--tw-bg-opacity)); } .bg-secondary-500{ --tw-bg-opacity:1; background-color:rgba(102, 115, 159, var(--tw-bg-opacity)); } .bg-secondary-400{ --tw-bg-opacity:1; background-color:rgba(151, 164, 183, var(--tw-bg-opacity)); } .bg-secondary-300{ --tw-bg-opacity:1; background-color:rgba(217, 233, 244, var(--tw-bg-opacity)); } .bg-secondary-200{ --tw-bg-opacity:1; background-color:rgba(240, 244, 254, var(--tw-bg-opacity)); } .bg-secondary-100{ --tw-bg-opacity:1; background-color:rgba(204, 210, 218, var(--tw-bg-opacity)); } .bg-tertiary-700{ --tw-bg-opacity:1; background-color:rgba(92, 168, 0, var(--tw-bg-opacity)); } .bg-tertiary-100{ --tw-bg-opacity:1; background-color:rgba(255, 248, 239, var(--tw-bg-opacity)); } .bg-tertiary-50{ background-color:#5ca8001a; } .bg-orange-700{ --tw-bg-opacity:1; background-color:rgba(253, 162, 56, var(--tw-bg-opacity)); } .bg-orange-600{ --tw-bg-opacity:1; background-color:rgba(249, 229, 190, var(--tw-bg-opacity)); } .bg-orange-300{ --tw-bg-opacity:1; background-color:rgba(255, 236, 215, var(--tw-bg-opacity)); } .bg-orange-200{ --tw-bg-opacity:1; background-color:rgba(255, 246, 235, var(--tw-bg-opacity)); } .bg-success-bg{ --tw-bg-opacity:1; background-color:rgba(233, 242, 225, var(--tw-bg-opacity)); } .bg-tag-Gray{ --tw-bg-opacity:1; background-color:rgba(229, 232, 239, var(--tw-bg-opacity)); } .bg-opacity-70{ --tw-bg-opacity:0.7; } .bg-contain{ background-size:contain; } .bg-center{ background-position:center; } .bg-no-repeat{ background-repeat:no-repeat; } .fill-current{ fill:currentColor; } .stroke-current{ stroke:currentColor; } .object-contain{ -o-object-fit:contain; object-fit:contain; } .object-cover{ -o-object-fit:cover; object-fit:cover; } .object-center{ -o-object-position:center; object-position:center; } [dir="ltr"] .object-right-bottom{ -o-object-position:right bottom; object-position:right bottom; } [dir="rtl"] .object-right-bottom{ -o-object-position:left bottom; object-position:left bottom; } .p-0{ padding:0px; } .p-1{ padding:0.25rem; } .p-2{ padding:0.5rem; } .p-3{ padding:0.75rem; } .p-4{ padding:1rem; } .p-5{ padding:1.25rem; } .p-6{ padding:1.5rem; } .p-7{ padding:1.75rem; } .p-8{ padding:2rem; } .p-16{ padding:4rem; } .p-1\.5{ padding:0.375rem; } .p-3\.5{ padding:0.875rem; } .px-0{ padding-left:0px; padding-right:0px; } .px-1{ padding-left:0.25rem; padding-right:0.25rem; } .px-2{ padding-left:0.5rem; padding-right:0.5rem; } .px-3{ padding-left:0.75rem; padding-right:0.75rem; } .px-4{ padding-left:1rem; padding-right:1rem; } .px-5{ padding-left:1.25rem; padding-right:1.25rem; } .px-6{ padding-left:1.5rem; padding-right:1.5rem; } .px-7{ padding-left:1.75rem; padding-right:1.75rem; } .px-8{ padding-left:2rem; padding-right:2rem; } .px-9{ padding-left:2.25rem; padding-right:2.25rem; } .px-10{ padding-left:2.5rem; padding-right:2.5rem; } .px-11{ padding-left:2.75rem; padding-right:2.75rem; } .px-12{ padding-left:3rem; padding-right:3rem; } .px-16{ padding-left:4rem; padding-right:4rem; } .px-19{ padding-left:74px; padding-right:74px; } .px-20{ padding-left:80px; padding-right:80px; } .px-1\.5{ padding-left:0.375rem; padding-right:0.375rem; } .px-2\.5{ padding-left:0.625rem; padding-right:0.625rem; } .px-3\.5{ padding-left:0.875rem; padding-right:0.875rem; } .py-0{ padding-top:0px; padding-bottom:0px; } .py-1{ padding-top:0.25rem; padding-bottom:0.25rem; } .py-2{ padding-top:0.5rem; padding-bottom:0.5rem; } .py-3{ padding-top:0.75rem; padding-bottom:0.75rem; } .py-4{ padding-top:1rem; padding-bottom:1rem; } .py-5{ padding-top:1.25rem; padding-bottom:1.25rem; } .py-6{ padding-top:1.5rem; padding-bottom:1.5rem; } .py-7{ padding-top:1.75rem; padding-bottom:1.75rem; } .py-8{ padding-top:2rem; padding-bottom:2rem; } .py-10{ padding-top:2.5rem; padding-bottom:2.5rem; } .py-12{ padding-top:3rem; padding-bottom:3rem; } .py-0\.5{ padding-top:0.125rem; padding-bottom:0.125rem; } .py-1\.5{ padding-top:0.375rem; padding-bottom:0.375rem; } .py-2\.5{ padding-top:0.625rem; padding-bottom:0.625rem; } .py-3\.5{ padding-top:0.875rem; padding-bottom:0.875rem; } .pt-0{ padding-top:0px; } .pt-1{ padding-top:0.25rem; } .pt-2{ padding-top:0.5rem; } .pt-3{ padding-top:0.75rem; } .pt-4{ padding-top:1rem; } .pt-5{ padding-top:1.25rem; } .pt-6{ padding-top:1.5rem; } .pt-7{ padding-top:1.75rem; } .pt-8{ padding-top:2rem; } .pt-10{ padding-top:2.5rem; } .pt-14{ padding-top:3.5rem; } .pt-15{ padding-top:60px; } .pt-16{ padding-top:4rem; } .pt-19{ padding-top:74px; } .pt-20{ padding-top:80px; } .pt-25{ padding-top:100px; } .pt-3\.5{ padding-top:0.875rem; } [dir="ltr"] .pr-0{ padding-right:0px; } [dir="rtl"] .pr-0{ padding-left:0px; } [dir="ltr"] .pr-1{ padding-right:0.25rem; } [dir="rtl"] .pr-1{ padding-left:0.25rem; } [dir="ltr"] .pr-2{ padding-right:0.5rem; } [dir="rtl"] .pr-2{ padding-left:0.5rem; } [dir="ltr"] .pr-4{ padding-right:1rem; } [dir="rtl"] .pr-4{ padding-left:1rem; } [dir="ltr"] .pr-6{ padding-right:1.5rem; } [dir="rtl"] .pr-6{ padding-left:1.5rem; } [dir="ltr"] .pr-10{ padding-right:2.5rem; } [dir="rtl"] .pr-10{ padding-left:2.5rem; } [dir="ltr"] .pr-11{ padding-right:2.75rem; } [dir="rtl"] .pr-11{ padding-left:2.75rem; } [dir="ltr"] .pr-36{ padding-right:9rem; } [dir="rtl"] .pr-36{ padding-left:9rem; } [dir="ltr"] .pr-1\.5{ padding-right:0.375rem; } [dir="rtl"] .pr-1\.5{ padding-left:0.375rem; } .pb-1{ padding-bottom:0.25rem; } .pb-2{ padding-bottom:0.5rem; } .pb-3{ padding-bottom:0.75rem; } .pb-4{ padding-bottom:1rem; } .pb-5{ padding-bottom:1.25rem; } .pb-6{ padding-bottom:1.5rem; } .pb-7{ padding-bottom:1.75rem; } .pb-8{ padding-bottom:2rem; } .pb-9{ padding-bottom:2.25rem; } .pb-10{ padding-bottom:2.5rem; } .pb-12{ padding-bottom:3rem; } .pb-13{ padding-bottom:52px; } .pb-16{ padding-bottom:4rem; } .pb-20{ padding-bottom:80px; } .pb-32{ padding-bottom:8rem; } .pb-2\.5{ padding-bottom:0.625rem; } .pb-3\.5{ padding-bottom:0.875rem; } [dir="ltr"] .pl-2{ padding-left:0.5rem; } [dir="rtl"] .pl-2{ padding-right:0.5rem; } [dir="ltr"] .pl-4{ padding-left:1rem; } [dir="rtl"] .pl-4{ padding-right:1rem; } [dir="ltr"] .pl-5{ padding-left:1.25rem; } [dir="rtl"] .pl-5{ padding-right:1.25rem; } [dir="ltr"] .pl-6{ padding-left:1.5rem; } [dir="rtl"] .pl-6{ padding-right:1.5rem; } [dir="ltr"] .pl-8{ padding-left:2rem; } [dir="rtl"] .pl-8{ padding-right:2rem; } [dir="ltr"] .pl-9{ padding-left:2.25rem; } [dir="rtl"] .pl-9{ padding-right:2.25rem; } [dir="ltr"] .pl-13{ padding-left:52px; } [dir="rtl"] .pl-13{ padding-right:52px; } [dir="ltr"] .text-left{ text-align:left; } [dir="rtl"] .text-left{ text-align:right; } .text-center{ text-align:center; } [dir="ltr"] .text-right{ text-align:right; } [dir="rtl"] .text-right{ text-align:left; } .font-display{ font-family:Inter, Roboto, sans-serif; } .font-body{ font-family:Inter, Roboto, sans-serif; } .text-xs{ font-size:0.75rem; line-height:1rem; } .text-sm{ font-size:0.875rem; line-height:1.25rem; } .text-base{ font-size:14px; line-height:24px; } .text-lg{ font-size:1.125rem; line-height:1.75rem; } .text-xl{ font-size:21px; line-height:28px; } .text-2xl{ font-size:27px; line-height:35px; } .text-3xl{ font-size:1.875rem; line-height:2.25rem; } .text-4xl{ font-size:42px; line-height:54px; } .text-3xs{ font-size:8px; line-height:12px; } .text-2xs{ font-size:11px; line-height:17px; } .text-md{ font-size:16px; line-height:24px; } .text-lg-0{ font-size:18px; line-height:22px; } .text-lg-1{ font-size:18px; line-height:27px; } .text-1\.5xl{ font-size:24px; line-height:36px; } .text-3\.4xl{ font-size:34px; line-height:25px; } .text-xl-1{ font-size:25px; line-height:48px; } .text-3xl-1{ font-size:26px; line-height:33px; } .font-light{ font-weight:300; } .font-normal{ font-weight:400; } .font-medium{ font-weight:500; } .font-semibold{ font-weight:600; } .font-bold{ font-weight:700; } .uppercase{ text-transform:uppercase; } .capitalize{ text-transform:capitalize; } .leading-6{ line-height:1.5rem; } .leading-normal{ line-height:1.5; } .tracking-wide{ letter-spacing:0.025em; } .text-current{ color:currentColor; } .text-black{ --tw-text-opacity:1; color:rgba(0, 0, 0, var(--tw-text-opacity)); } .text-white{ --tw-text-opacity:1; color:rgba(255, 255, 255, var(--tw-text-opacity)); } .text-gray-500{ --tw-text-opacity:1; color:rgba(107, 114, 128, var(--tw-text-opacity)); } .text-red-700{ --tw-text-opacity:1; color:rgba(211, 0, 0, var(--tw-text-opacity)); } .text-red-900{ --tw-text-opacity:1; color:rgba(224, 32, 32, var(--tw-text-opacity)); } .text-yellow-400{ --tw-text-opacity:1; color:rgba(251, 191, 36, var(--tw-text-opacity)); } .text-yellow-700{ --tw-text-opacity:1; color:rgba(255, 206, 0, var(--tw-text-opacity)); } .text-green-500{ --tw-text-opacity:1; color:rgba(16, 185, 129, var(--tw-text-opacity)); } .text-green-700{ --tw-text-opacity:1; color:rgba(1, 152, 47, var(--tw-text-opacity)); } .text-blue-300{ --tw-text-opacity:1; color:rgba(147, 197, 253, var(--tw-text-opacity)); } .text-blue-700{ --tw-text-opacity:1; color:rgba(29, 78, 216, var(--tw-text-opacity)); } .text-primary-700{ --tw-text-opacity:1; color:rgba(0, 21, 95, var(--tw-text-opacity)); } .text-primary-600{ --tw-text-opacity:1; color:rgba(0, 19, 85, var(--tw-text-opacity)); } .text-primary-500{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)); } .text-primary-400{ --tw-text-opacity:1; color:rgba(206, 220, 251, var(--tw-text-opacity)); } .text-primary-300{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)); } .text-primary-100{ --tw-text-opacity:1; color:rgba(255, 255, 255, var(--tw-text-opacity)); } .text-light-blue-100{ --tw-text-opacity:1; color:rgba(230, 237, 253, var(--tw-text-opacity)); } .text-secondary-900{ --tw-text-opacity:1; color:rgba(111, 111, 155, var(--tw-text-opacity)); } .text-secondary-700{ --tw-text-opacity:1; color:rgba(51, 73, 107, var(--tw-text-opacity)); } .text-secondary-600{ --tw-text-opacity:1; color:rgba(97, 119, 146, var(--tw-text-opacity)); } .text-secondary-500{ --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)); } .text-secondary-400{ --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)); } .text-secondary-300{ --tw-text-opacity:1; color:rgba(217, 233, 244, var(--tw-text-opacity)); } .text-secondary-200{ --tw-text-opacity:1; color:rgba(240, 244, 254, var(--tw-text-opacity)); } .text-secondary-100{ --tw-text-opacity:1; color:rgba(204, 210, 218, var(--tw-text-opacity)); } .text-secondary-50{ --tw-text-opacity:1; color:rgba(153, 164, 181, var(--tw-text-opacity)); } .text-tertiary-700{ --tw-text-opacity:1; color:rgba(92, 168, 0, var(--tw-text-opacity)); } .text-tertiary-600{ --tw-text-opacity:1; color:rgba(210, 222, 38, var(--tw-text-opacity)); } .text-orange-700{ --tw-text-opacity:1; color:rgba(253, 162, 56, var(--tw-text-opacity)); } .text-fb{ --tw-text-opacity:1; color:rgba(0, 117, 252, var(--tw-text-opacity)); } .text-tag-Gray-100{ --tw-text-opacity:1; color:rgba(204, 208, 223, var(--tw-text-opacity)); } .underline{ text-decoration:underline; } .line-through{ text-decoration:line-through; } .antialiased{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .opacity-0{ opacity:0; } .opacity-10{ opacity:0.1; } .opacity-30{ opacity:0.3; } .opacity-40{ opacity:0.4; } .opacity-50{ opacity:0.5; } .opacity-60{ opacity:0.6; } .opacity-75{ opacity:0.75; } *, ::before, ::after{ --tw-shadow:0 0 #0000; } .shadow-sm{ --tw-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.05); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow{ --tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md{ --tw-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg{ --tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-custom{ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } [dir="ltr"] .shadow-custom{ --tw-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15);; } [dir="rtl"] .shadow-custom{ --tw-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15); } .shadow-custom-1{ --tw-shadow:0px 4px 48px -12px rgba(0, 21, 95, 0.02); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-custom-3{ --tw-shadow:0 0 30px -12px rgba(0,28,70,0.2); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-custom-4{ --tw-shadow:0 0 40px -12px rgba(0,108,183,0.2); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-custom-5{ --tw-shadow:0 0 40px -12px rgba(0,28,70,0.3); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .outline-none{ outline:2px solid transparent; outline-offset:2px; } .outline-white{ outline:2px dotted white; outline-offset:2px; } .focus\:outline-none:focus{ outline:2px solid transparent; outline-offset:2px; } *, ::before, ::after{ --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; } [dir="ltr"] *, [dir="ltr"] ::before, [dir="ltr"] ::after{ --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); } [dir="rtl"] *, [dir="rtl"] ::before, [dir="rtl"] ::after{ --tw-ring-inset:var(--tw-empty, ); } .filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } [dir="ltr"] .filter{ --tw-blur:var(--tw-empty,/*!*/ /*!*/); --tw-brightness:var(--tw-empty,/*!*/ /*!*/); --tw-contrast:var(--tw-empty,/*!*/ /*!*/); --tw-grayscale:var(--tw-empty,/*!*/ /*!*/); --tw-hue-rotate:var(--tw-empty,/*!*/ /*!*/); --tw-invert:var(--tw-empty,/*!*/ /*!*/); --tw-saturate:var(--tw-empty,/*!*/ /*!*/); --tw-sepia:var(--tw-empty,/*!*/ /*!*/); --tw-drop-shadow:var(--tw-empty,/*!*/ /*!*/); } [dir="rtl"] .filter{ --tw-blur:var(--tw-empty, ); --tw-brightness:var(--tw-empty, ); --tw-contrast:var(--tw-empty, ); --tw-grayscale:var(--tw-empty, ); --tw-hue-rotate:var(--tw-empty, ); --tw-invert:var(--tw-empty, ); --tw-saturate:var(--tw-empty, ); --tw-sepia:var(--tw-empty, ); --tw-drop-shadow:var(--tw-empty, ); } .blur{ --tw-blur:blur(8px); } .backdrop-filter{ backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } [dir="ltr"] .backdrop-filter{ --tw-backdrop-blur:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-brightness:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-contrast:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-grayscale:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-hue-rotate:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-invert:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-opacity:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-saturate:var(--tw-empty,/*!*/ /*!*/); --tw-backdrop-sepia:var(--tw-empty,/*!*/ /*!*/); } [dir="rtl"] .backdrop-filter{ --tw-backdrop-blur:var(--tw-empty, ); --tw-backdrop-brightness:var(--tw-empty, ); --tw-backdrop-contrast:var(--tw-empty, ); --tw-backdrop-grayscale:var(--tw-empty, ); --tw-backdrop-hue-rotate:var(--tw-empty, ); --tw-backdrop-invert:var(--tw-empty, ); --tw-backdrop-opacity:var(--tw-empty, ); --tw-backdrop-saturate:var(--tw-empty, ); --tw-backdrop-sepia:var(--tw-empty, ); } .backdrop-blur-sm{ --tw-backdrop-blur:blur(4px); } .transition{ transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; } .transition-colors{ transition-property:background-color, border-color, color, fill, stroke; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; } .transition-transform{ transition-property:transform; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; } .duration-300{ transition-duration:300ms; } .ease-out{ transition-timing-function:cubic-bezier(0, 0, 0.2, 1); } .ease-in-out{ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); } .loading{ position:relative; overflow:hidden; vertical-align:middle; background-color:#efefef } .loading:after{ position:absolute; top:0; right:0; bottom:0; left:0; animation:shimmer 2s infinite; content:"" } [dir="ltr"] .loading:after{ transform:translateX(-100%); background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0)) } [dir="rtl"] .loading:after{ transform:translateX(100%); background-image:linear-gradient(-90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.5) 60%,hsla(0,0%,100%,0)) } @keyframes shimmer{ to{ transform:translateX(100%) } } .page-enter-active,.page-leave-active{ transition:opacity .3s } .page-enter,.page-leave-active{ opacity:0 } @media (min-width: 414px){ .xs\:w-75{ width:300px; } } @media (min-width: 640px){ .sm\:float-none{ float:none; } .sm\:mt-8{ margin-top:2rem; } .sm\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .sm\:text-base{ font-size:14px; line-height:24px; } } @media (min-width: 768px){ .md\:order-first{ order:-9999; } .md\:order-none{ order:0; } .md\:col-span-2{ grid-column:span 2 / span 2; } .md\:col-span-4{ grid-column:span 4 / span 4; } .md\:row-span-3{ grid-row:span 3 / span 3; } .md\:float-none{ float:none; } .md\:mx-0{ margin-left:0px; margin-right:0px; } .md\:my-1{ margin-top:0.25rem; margin-bottom:0.25rem; } .md\:my-10{ margin-top:2.5rem; margin-bottom:2.5rem; } .md\:mt-0{ margin-top:0px; } .md\:mt-1{ margin-top:0.25rem; } .md\:mt-2{ margin-top:0.5rem; } .md\:mt-3{ margin-top:0.75rem; } .md\:mt-4{ margin-top:1rem; } .md\:mt-5{ margin-top:1.25rem; } .md\:mt-6{ margin-top:1.5rem; } .md\:mt-8{ margin-top:2rem; } .md\:mt-10{ margin-top:2.5rem; } .md\:mt-11{ margin-top:2.75rem; } .md\:mt-12{ margin-top:3rem; } .md\:mt-13{ margin-top:52px; } .md\:mt-3\.5{ margin-top:0.875rem; } [dir="ltr"] .md\:mr-0{ margin-right:0px; } [dir="rtl"] .md\:mr-0{ margin-left:0px; } .md\:mb-0{ margin-bottom:0px; } [dir="ltr"] .md\:ml-2{ margin-left:0.5rem; } [dir="rtl"] .md\:ml-2{ margin-right:0.5rem; } [dir="ltr"] .md\:ml-8{ margin-left:2rem; } [dir="rtl"] .md\:ml-8{ margin-right:2rem; } [dir="ltr"] .md\:ml-10{ margin-left:2.5rem; } [dir="rtl"] .md\:ml-10{ margin-right:2.5rem; } [dir="ltr"] .md\:ml-auto{ margin-left:auto; } [dir="rtl"] .md\:ml-auto{ margin-right:auto; } .md\:block{ display:block; } .md\:flex{ display:flex; } .md\:table{ display:table; } .md\:hidden{ display:none; } .md\:h-12{ height:3rem; } .md\:h-20{ height:80px; } .md\:h-22{ height:88px; } .md\:h-30{ height:120px; } .md\:h-32{ height:8rem; } .md\:w-11{ width:2.75rem; } .md\:w-25{ width:100px; } .md\:w-32{ width:8rem; } .md\:w-162{ width:648px; } .md\:w-auto{ width:auto; } .md\:w-1\/2{ width:50%; } .md\:w-4\/6{ width:66.666667%; } .md\:w-full{ width:100%; } .md\:w-max{ width:-moz-max-content; width:max-content; } .md\:max-w-82{ max-width:328px; } .md\:flex-none{ flex:none; } .md\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .md\:grid-cols-7{ grid-template-columns:repeat(7, minmax(0, 1fr)); } .md\:grid-cols-8{ grid-template-columns:repeat(8, minmax(0, 1fr)); } .md\:flex-row{ flex-direction:row; } .md\:flex-col{ flex-direction:column; } .md\:flex-wrap{ flex-wrap:wrap; } .md\:items-start{ align-items:flex-start; } .md\:items-center{ align-items:center; } .md\:justify-start{ justify-content:flex-start; } .md\:justify-center{ justify-content:center; } .md\:justify-between{ justify-content:space-between; } .md\:gap-7{ gap:1.75rem; } .md\:gap-20{ gap:80px; } .md\:gap-x-10{ -moz-column-gap:2.5rem; column-gap:2.5rem; } .md\:gap-x-12{ -moz-column-gap:3rem; column-gap:3rem; } .md\:gap-x-19{ -moz-column-gap:74px; column-gap:74px; } .md\:gap-x-20{ -moz-column-gap:80px; column-gap:80px; } .md\:gap-y-0{ row-gap:0px; } .md\:gap-y-1{ row-gap:0.25rem; } .md\:gap-y-10{ row-gap:2.5rem; } .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(1rem * var(--tw-space-x-reverse)); margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .md\:space-x-4 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(1rem * var(--tw-space-x-reverse)); margin-right:calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-5 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .md\:space-x-5 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(1.25rem * var(--tw-space-x-reverse)); margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .md\:space-x-5 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(1.25rem * var(--tw-space-x-reverse)); margin-right:calc(1.25rem * calc(1 - var(--tw-space-x-reverse))); } .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(2rem * var(--tw-space-x-reverse)); margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .md\:space-x-8 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(2rem * var(--tw-space-x-reverse)); margin-right:calc(2rem * calc(1 - var(--tw-space-x-reverse))); } .md\:overflow-hidden{ overflow:hidden; } .md\:whitespace-nowrap{ white-space:nowrap; } .md\:rounded-none{ border-radius:0px; } .md\:rounded-2xl{ border-radius:1rem; } .md\:rounded-3xs{ border-radius:30px; } .md\:rounded-4xs{ border-radius:40px; } .md\:bg-transparent{ background-color:transparent; } .md\:bg-white{ --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); } .md\:hover\:bg-primary-300:hover{ --tw-bg-opacity:1; background-color:rgba(250, 250, 250, var(--tw-bg-opacity)); } .md\:bg-none{ background-image:none; } .md\:p-6{ padding:1.5rem; } .md\:px-0{ padding-left:0px; padding-right:0px; } .md\:px-5{ padding-left:1.25rem; padding-right:1.25rem; } .md\:px-8{ padding-left:2rem; padding-right:2rem; } .md\:px-9{ padding-left:2.25rem; padding-right:2.25rem; } .md\:px-11{ padding-left:2.75rem; padding-right:2.75rem; } .md\:px-12{ padding-left:3rem; padding-right:3rem; } .md\:px-15{ padding-left:60px; padding-right:60px; } .md\:px-19{ padding-left:74px; padding-right:74px; } .md\:py-5{ padding-top:1.25rem; padding-bottom:1.25rem; } .md\:py-7{ padding-top:1.75rem; padding-bottom:1.75rem; } .md\:pt-0{ padding-top:0px; } .md\:pt-5{ padding-top:1.25rem; } .md\:pt-6{ padding-top:1.5rem; } .md\:pt-7{ padding-top:1.75rem; } .md\:pt-13{ padding-top:52px; } .md\:pb-0{ padding-bottom:0px; } .md\:pb-8{ padding-bottom:2rem; } .md\:pb-9{ padding-bottom:2.25rem; } .md\:pb-24{ padding-bottom:6rem; } [dir="ltr"] .md\:pl-0{ padding-left:0px; } [dir="rtl"] .md\:pl-0{ padding-right:0px; } [dir="ltr"] .md\:text-left{ text-align:left; } [dir="rtl"] .md\:text-left{ text-align:right; } .md\:text-center{ text-align:center; } .md\:text-sm{ font-size:0.875rem; line-height:1.25rem; } .md\:text-base{ font-size:14px; line-height:24px; } .md\:text-lg{ font-size:1.125rem; line-height:1.75rem; } .md\:text-xl{ font-size:21px; line-height:28px; } .md\:text-2xl{ font-size:27px; line-height:35px; } .md\:text-3xl{ font-size:1.875rem; line-height:2.25rem; } .md\:text-4xl{ font-size:42px; line-height:54px; } .md\:text-1\.5xl{ font-size:24px; line-height:36px; } .md\:text-3\.4xl{ font-size:34px; line-height:25px; } .md\:font-bold{ font-weight:700; } .md\:hover\:text-primary-700:hover{ --tw-text-opacity:1; color:rgba(0, 21, 95, var(--tw-text-opacity)); } .md\:shadow-xl{ --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:shadow-none{ --tw-shadow:0 0 #0000; box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:shadow-custom-3{ --tw-shadow:0 0 30px -12px rgba(0,28,70,0.2); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1024px){ .lg\:absolute{ position:absolute; } .lg\:relative{ position:relative; } .lg\:sticky{ position:sticky; } .lg\:inset-auto{ top:auto; right:auto; bottom:auto; left:auto; } .lg\:top-0{ top:0px; } .lg\:top-2{ top:0.5rem; } .lg\:top-7{ top:1.75rem; } .lg\:top-8{ top:2rem; } .lg\:top-10{ top:2.5rem; } .lg\:top-16{ top:4rem; } .lg\:top-auto{ top:auto; } .lg\:-top-2{ top:-0.5rem; } .lg\:-top-6{ top:-1.5rem; } .lg\:-top-7{ top:-1.75rem; } .lg\:-top-10{ top:-2.5rem; } .lg\:top-1\/2{ top:50%; } [dir="ltr"] .lg\:right-0{ right:0px; } [dir="rtl"] .lg\:right-0{ left:0px; } [dir="ltr"] .lg\:right-4{ right:1rem; } [dir="rtl"] .lg\:right-4{ left:1rem; } [dir="ltr"] .lg\:right-5{ right:1.25rem; } [dir="rtl"] .lg\:right-5{ left:1.25rem; } [dir="ltr"] .lg\:right-8{ right:2rem; } [dir="rtl"] .lg\:right-8{ left:2rem; } [dir="ltr"] .lg\:right-10{ right:2.5rem; } [dir="rtl"] .lg\:right-10{ left:2.5rem; } [dir="ltr"] .lg\:right-12{ right:3rem; } [dir="rtl"] .lg\:right-12{ left:3rem; } [dir="ltr"] .lg\:right-19{ right:74px; } [dir="rtl"] .lg\:right-19{ left:74px; } [dir="ltr"] .lg\:right-20{ right:80px; } [dir="rtl"] .lg\:right-20{ left:80px; } [dir="ltr"] .lg\:right-25{ right:100px; } [dir="rtl"] .lg\:right-25{ left:100px; } [dir="ltr"] .lg\:right-80{ right:20rem; } [dir="rtl"] .lg\:right-80{ left:20rem; } [dir="ltr"] .lg\:right-auto{ right:auto; } [dir="rtl"] .lg\:right-auto{ left:auto; } [dir="ltr"] .lg\:-right-14{ right:-3.5rem; } [dir="rtl"] .lg\:-right-14{ left:-3.5rem; } .lg\:bottom-7{ bottom:1.75rem; } .lg\:bottom-auto{ bottom:auto; } .lg\:-bottom-1{ bottom:-0.25rem; } .lg\:-bottom-2{ bottom:-0.5rem; } .lg\:-bottom-7{ bottom:-1.75rem; } .lg\:-bottom-25{ bottom:-100px; } [dir="ltr"] .lg\:left-2{ left:0.5rem; } [dir="rtl"] .lg\:left-2{ right:0.5rem; } [dir="ltr"] .lg\:left-4{ left:1rem; } [dir="rtl"] .lg\:left-4{ right:1rem; } [dir="ltr"] .lg\:left-5{ left:1.25rem; } [dir="rtl"] .lg\:left-5{ right:1.25rem; } [dir="ltr"] .lg\:left-15{ left:60px; } [dir="rtl"] .lg\:left-15{ right:60px; } [dir="ltr"] .lg\:left-20{ left:80px; } [dir="rtl"] .lg\:left-20{ right:80px; } [dir="ltr"] .lg\:left-48{ left:12rem; } [dir="rtl"] .lg\:left-48{ right:12rem; } [dir="ltr"] .lg\:left-72{ left:18rem; } [dir="rtl"] .lg\:left-72{ right:18rem; } [dir="ltr"] .lg\:left-auto{ left:auto; } [dir="rtl"] .lg\:left-auto{ right:auto; } [dir="ltr"] .lg\:left-2\.5{ left:0.625rem; } [dir="rtl"] .lg\:left-2\.5{ right:0.625rem; } [dir="ltr"] .lg\:left-1\/2{ left:50%; } [dir="rtl"] .lg\:left-1\/2{ right:50%; } .lg\:order-1{ order:1; } .lg\:order-2{ order:2; } .lg\:order-3{ order:3; } .lg\:order-4{ order:4; } .lg\:order-first{ order:-9999; } .lg\:order-last{ order:9999; } .lg\:order-none{ order:0; } .lg\:col-span-2{ grid-column:span 2 / span 2; } .lg\:m-0{ margin:0px; } .lg\:mx-0{ margin-left:0px; margin-right:0px; } .lg\:mx-1{ margin-left:0.25rem; margin-right:0.25rem; } .lg\:mx-7{ margin-left:1.75rem; margin-right:1.75rem; } .lg\:mx-auto{ margin-left:auto; margin-right:auto; } .lg\:my-0{ margin-top:0px; margin-bottom:0px; } .lg\:my-3{ margin-top:0.75rem; margin-bottom:0.75rem; } .lg\:my-6{ margin-top:1.5rem; margin-bottom:1.5rem; } .lg\:my-7{ margin-top:1.75rem; margin-bottom:1.75rem; } .lg\:my-10{ margin-top:2.5rem; margin-bottom:2.5rem; } .lg\:my-12{ margin-top:3rem; margin-bottom:3rem; } .lg\:mt-0{ margin-top:0px; } .lg\:mt-1{ margin-top:0.25rem; } .lg\:mt-2{ margin-top:0.5rem; } .lg\:mt-3{ margin-top:0.75rem; } .lg\:mt-4{ margin-top:1rem; } .lg\:mt-5{ margin-top:1.25rem; } .lg\:mt-6{ margin-top:1.5rem; } .lg\:mt-7{ margin-top:1.75rem; } .lg\:mt-8{ margin-top:2rem; } .lg\:mt-9{ margin-top:2.25rem; } .lg\:mt-10{ margin-top:2.5rem; } .lg\:mt-11{ margin-top:2.75rem; } .lg\:mt-12{ margin-top:3rem; } .lg\:mt-14{ margin-top:3.5rem; } .lg\:mt-15{ margin-top:60px; } .lg\:mt-16{ margin-top:4rem; } .lg\:mt-19{ margin-top:74px; } .lg\:mt-20{ margin-top:80px; } .lg\:mt-24{ margin-top:6rem; } .lg\:mt-25{ margin-top:100px; } .lg\:mt-1\.5{ margin-top:0.375rem; } .lg\:mt-2\.5{ margin-top:0.625rem; } .lg\:-mt-0{ margin-top:0px; } .lg\:-mt-2{ margin-top:-0.5rem; } .lg\:-mt-5{ margin-top:-1.25rem; } .lg\:-mt-14{ margin-top:-3.5rem; } .lg\:-mt-25{ margin-top:-100px; } [dir="ltr"] .lg\:mr-0{ margin-right:0px; } [dir="rtl"] .lg\:mr-0{ margin-left:0px; } [dir="ltr"] .lg\:mr-2{ margin-right:0.5rem; } [dir="rtl"] .lg\:mr-2{ margin-left:0.5rem; } [dir="ltr"] .lg\:mr-5{ margin-right:1.25rem; } [dir="rtl"] .lg\:mr-5{ margin-left:1.25rem; } [dir="ltr"] .lg\:mr-7{ margin-right:1.75rem; } [dir="rtl"] .lg\:mr-7{ margin-left:1.75rem; } [dir="ltr"] .lg\:mr-10{ margin-right:2.5rem; } [dir="rtl"] .lg\:mr-10{ margin-left:2.5rem; } [dir="ltr"] .lg\:mr-14{ margin-right:3.5rem; } [dir="rtl"] .lg\:mr-14{ margin-left:3.5rem; } [dir="ltr"] .lg\:mr-15{ margin-right:60px; } [dir="rtl"] .lg\:mr-15{ margin-left:60px; } [dir="ltr"] .lg\:mr-auto{ margin-right:auto; } [dir="rtl"] .lg\:mr-auto{ margin-left:auto; } [dir="ltr"] .lg\:mr-2\.5{ margin-right:0.625rem; } [dir="rtl"] .lg\:mr-2\.5{ margin-left:0.625rem; } [dir="ltr"] .lg\:-mr-10{ margin-right:-2.5rem; } [dir="rtl"] .lg\:-mr-10{ margin-left:-2.5rem; } .lg\:mb-0{ margin-bottom:0px; } .lg\:mb-2{ margin-bottom:0.5rem; } .lg\:mb-3{ margin-bottom:0.75rem; } .lg\:mb-4{ margin-bottom:1rem; } .lg\:mb-5{ margin-bottom:1.25rem; } .lg\:mb-6{ margin-bottom:1.5rem; } .lg\:mb-7{ margin-bottom:1.75rem; } .lg\:mb-8{ margin-bottom:2rem; } .lg\:mb-9{ margin-bottom:2.25rem; } .lg\:mb-10{ margin-bottom:2.5rem; } .lg\:mb-11{ margin-bottom:2.75rem; } .lg\:mb-12{ margin-bottom:3rem; } .lg\:mb-14{ margin-bottom:3.5rem; } .lg\:mb-15{ margin-bottom:60px; } .lg\:mb-19{ margin-bottom:74px; } .lg\:mb-28{ margin-bottom:7rem; } .lg\:mb-100{ margin-bottom:400px; } [dir="ltr"] .lg\:ml-0{ margin-left:0px; } [dir="rtl"] .lg\:ml-0{ margin-right:0px; } [dir="ltr"] .lg\:ml-1{ margin-left:0.25rem; } [dir="rtl"] .lg\:ml-1{ margin-right:0.25rem; } [dir="ltr"] .lg\:ml-2{ margin-left:0.5rem; } [dir="rtl"] .lg\:ml-2{ margin-right:0.5rem; } [dir="ltr"] .lg\:ml-3{ margin-left:0.75rem; } [dir="rtl"] .lg\:ml-3{ margin-right:0.75rem; } [dir="ltr"] .lg\:ml-5{ margin-left:1.25rem; } [dir="rtl"] .lg\:ml-5{ margin-right:1.25rem; } [dir="ltr"] .lg\:ml-6{ margin-left:1.5rem; } [dir="rtl"] .lg\:ml-6{ margin-right:1.5rem; } [dir="ltr"] .lg\:ml-32{ margin-left:8rem; } [dir="rtl"] .lg\:ml-32{ margin-right:8rem; } [dir="ltr"] .lg\:ml-36{ margin-left:9rem; } [dir="rtl"] .lg\:ml-36{ margin-right:9rem; } [dir="ltr"] .lg\:ml-auto{ margin-left:auto; } [dir="rtl"] .lg\:ml-auto{ margin-right:auto; } .lg\:block{ display:block; } .lg\:inline-block{ display:inline-block; } .lg\:inline{ display:inline; } .lg\:flex{ display:flex; } .lg\:inline-flex{ display:inline-flex; } .lg\:grid{ display:grid; } .lg\:contents{ display:contents; } .lg\:hidden{ display:none; } .lg\:h-4{ height:1rem; } .lg\:h-5{ height:1.25rem; } .lg\:h-6{ height:1.5rem; } .lg\:h-7{ height:1.75rem; } .lg\:h-8{ height:2rem; } .lg\:h-9{ height:2.25rem; } .lg\:h-10{ height:2.5rem; } .lg\:h-12{ height:3rem; } .lg\:h-13{ height:52px; } .lg\:h-19{ height:74px; } .lg\:h-20{ height:80px; } .lg\:h-21{ height:81px; } .lg\:h-22{ height:88px; } .lg\:h-24{ height:6rem; } .lg\:h-25{ height:100px; } .lg\:h-28{ height:7rem; } .lg\:h-30{ height:120px; } .lg\:h-32{ height:8rem; } .lg\:h-35{ height:140px; } .lg\:h-36{ height:9rem; } .lg\:h-40{ height:10rem; } .lg\:h-42{ height:168px; } .lg\:h-92{ height:368px; } .lg\:h-135{ height:540px; } .lg\:h-full{ height:100%; } .lg\:w-4{ width:1rem; } .lg\:w-5{ width:1.25rem; } .lg\:w-6{ width:1.5rem; } .lg\:w-7{ width:1.75rem; } .lg\:w-8{ width:2rem; } .lg\:w-9{ width:2.25rem; } .lg\:w-10{ width:2.5rem; } .lg\:w-12{ width:3rem; } .lg\:w-13{ width:52px; } .lg\:w-15{ width:60px; } .lg\:w-16{ width:4rem; } .lg\:w-19{ width:74px; } .lg\:w-20{ width:80px; } .lg\:w-22{ width:88px; } .lg\:w-24{ width:6rem; } .lg\:w-25{ width:100px; } .lg\:w-28{ width:7rem; } .lg\:w-30{ width:120px; } .lg\:w-32{ width:8rem; } .lg\:w-35{ width:140px; } .lg\:w-36{ width:9rem; } .lg\:w-40{ width:10rem; } .lg\:w-42{ width:168px; } .lg\:w-45{ width:180px; } .lg\:w-48{ width:12rem; } .lg\:w-50{ width:200px; } .lg\:w-52{ width:13rem; } .lg\:w-56{ width:14rem; } .lg\:w-60{ width:240px; } .lg\:w-64{ width:16rem; } .lg\:w-72{ width:18rem; } .lg\:w-75{ width:300px; } .lg\:w-80{ width:20rem; } .lg\:w-92{ width:368px; } .lg\:w-96{ width:24rem; } .lg\:w-124{ width:496px; } .lg\:w-135{ width:540px; } .lg\:w-138{ width:552px; } .lg\:w-150{ width:600px; } .lg\:w-162{ width:648px; } .lg\:w-182{ width:732px; } .lg\:w-auto{ width:auto; } .lg\:w-1\/2{ width:50%; } .lg\:w-1\/3{ width:33.333333%; } .lg\:w-2\/3{ width:66.666667%; } .lg\:w-1\/4{ width:25%; } .lg\:w-3\/4{ width:75%; } .lg\:w-2\/5{ width:40%; } .lg\:w-3\/5{ width:60%; } .lg\:w-1\/6{ width:16.666667%; } .lg\:w-5\/6{ width:83.333333%; } .lg\:w-3\/12{ width:25%; } .lg\:w-full{ width:100%; } .lg\:w-max{ width:-moz-max-content; width:max-content; } .lg\:max-w-82{ max-width:328px; } .lg\:max-w-180{ max-width:720px; } .lg\:max-w-sm{ max-width:24rem; } .lg\:max-w-md{ max-width:28rem; } .lg\:max-w-lg{ max-width:32rem; } .lg\:max-w-xl{ max-width:36rem; } .lg\:max-w-2xl{ max-width:42rem; } .lg\:max-w-4xl{ max-width:56rem; } .lg\:max-w-full{ max-width:100%; } .lg\:flex-1{ flex:1 1 0%; } .lg\:transform{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .lg\:translate-x-0{ --tw-translate-x:0px; } .lg\:translate-x-1\/2{ --tw-translate-x:50%; } .lg\:-translate-x-1\/2{ --tw-translate-x:-50%; } .lg\:-translate-y-1\/2{ --tw-translate-y:-50%; } .lg\:rotate-0{ --tw-rotate:0deg; } .lg\:grid-flow-col{ grid-auto-flow:column; } .lg\:grid-cols-1{ grid-template-columns:repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5{ grid-template-columns:repeat(5, minmax(0, 1fr)); } .lg\:flex-row{ flex-direction:row; } .lg\:flex-col{ flex-direction:column; } .lg\:flex-wrap{ flex-wrap:wrap; } .lg\:items-start{ align-items:flex-start; } .lg\:items-end{ align-items:flex-end; } .lg\:items-center{ align-items:center; } .lg\:justify-start{ justify-content:flex-start; } .lg\:justify-end{ justify-content:flex-end; } .lg\:justify-center{ justify-content:center; } .lg\:justify-between{ justify-content:space-between; } .lg\:gap-0{ gap:0px; } .lg\:gap-1{ gap:0.25rem; } .lg\:gap-3{ gap:0.75rem; } .lg\:gap-4{ gap:1rem; } .lg\:gap-5{ gap:1.25rem; } .lg\:gap-8{ gap:2rem; } .lg\:gap-10{ gap:2.5rem; } .lg\:gap-15{ gap:60px; } .lg\:gap-20{ gap:80px; } .lg\:gap-1\.5{ gap:0.375rem; } .lg\:gap-x-0{ -moz-column-gap:0px; column-gap:0px; } .lg\:gap-x-2{ -moz-column-gap:0.5rem; column-gap:0.5rem; } .lg\:gap-x-4{ -moz-column-gap:1rem; column-gap:1rem; } .lg\:gap-x-5{ -moz-column-gap:1.25rem; column-gap:1.25rem; } .lg\:gap-x-6{ -moz-column-gap:1.5rem; column-gap:1.5rem; } .lg\:gap-x-8{ -moz-column-gap:2rem; column-gap:2rem; } .lg\:gap-x-12{ -moz-column-gap:3rem; column-gap:3rem; } .lg\:gap-x-20{ -moz-column-gap:80px; column-gap:80px; } .lg\:gap-x-36{ -moz-column-gap:9rem; column-gap:9rem; } .lg\:gap-y-0{ row-gap:0px; } .lg\:gap-y-2{ row-gap:0.5rem; } .lg\:gap-y-10{ row-gap:2.5rem; } .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(0px * var(--tw-space-x-reverse)); margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(0px * var(--tw-space-x-reverse)); margin-right:calc(0px * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(3rem * var(--tw-space-x-reverse)); margin-left:calc(3rem * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(3rem * var(--tw-space-x-reverse)); margin-right:calc(3rem * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-x-25 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; } [dir="ltr"] .lg\:space-x-25 > :not([hidden]) ~ :not([hidden]){ margin-right:calc(100px * var(--tw-space-x-reverse)); margin-left:calc(100px * calc(1 - var(--tw-space-x-reverse))); } [dir="rtl"] .lg\:space-x-25 > :not([hidden]) ~ :not([hidden]){ margin-left:calc(100px * var(--tw-space-x-reverse)); margin-right:calc(100px * calc(1 - var(--tw-space-x-reverse))); } .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0px * var(--tw-space-y-reverse)); } .lg\:space-y-14 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(3.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(3.5rem * var(--tw-space-y-reverse)); } .lg\:overflow-auto{ overflow:auto; } .lg\:overflow-hidden{ overflow:hidden; } .lg\:overflow-visible{ overflow:visible; } .lg\:overflow-x-auto{ overflow-x:auto; } .lg\:whitespace-normal{ white-space:normal; } .lg\:rounded-none{ border-radius:0px; } .lg\:rounded-2xl{ border-radius:1rem; } .lg\:rounded-3xl{ border-radius:1.5rem; } .lg\:rounded-xs{ border-radius:10px; } .lg\:rounded-3xs{ border-radius:30px; } .lg\:rounded-4xs{ border-radius:40px; } [dir="ltr"] .lg\:rounded-r-none{ border-top-right-radius:0px; border-bottom-right-radius:0px; } [dir="rtl"] .lg\:rounded-r-none{ border-top-left-radius:0px; border-bottom-left-radius:0px; } .lg\:rounded-b-none{ border-bottom-right-radius:0px; border-bottom-left-radius:0px; } .lg\:rounded-b-4xs{ border-bottom-right-radius:40px; border-bottom-left-radius:40px; } [dir="ltr"] .lg\:rounded-l-3xs{ border-top-left-radius:30px; border-bottom-left-radius:30px; } [dir="rtl"] .lg\:rounded-l-3xs{ border-top-right-radius:30px; border-bottom-right-radius:30px; } [dir="ltr"] .lg\:rounded-tr-none{ border-top-right-radius:0px; } [dir="rtl"] .lg\:rounded-tr-none{ border-top-left-radius:0px; } [dir="ltr"] .lg\:rounded-br-none{ border-bottom-right-radius:0px; } [dir="rtl"] .lg\:rounded-br-none{ border-bottom-left-radius:0px; } .lg\:border-0{ border-width:0px; } .lg\:border-t-4{ border-top-width:4px; } .lg\:bg-transparent{ background-color:transparent; } .lg\:bg-white{ --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); } .lg\:bg-primary-800{ --tw-bg-opacity:1; background-color:rgba(8, 70, 213, var(--tw-bg-opacity)); } .lg\:bg-primary-300{ --tw-bg-opacity:1; background-color:rgba(250, 250, 250, var(--tw-bg-opacity)); } .lg\:bg-light-blue-100{ --tw-bg-opacity:1; background-color:rgba(230, 237, 253, var(--tw-bg-opacity)); } .lg\:bg-secondary-200{ --tw-bg-opacity:1; background-color:rgba(240, 244, 254, var(--tw-bg-opacity)); } .lg\:p-3{ padding:0.75rem; } .lg\:p-4{ padding:1rem; } .lg\:p-5{ padding:1.25rem; } .lg\:p-6{ padding:1.5rem; } .lg\:p-7{ padding:1.75rem; } .lg\:p-8{ padding:2rem; } .lg\:p-10{ padding:2.5rem; } .lg\:p-12{ padding:3rem; } .lg\:p-14{ padding:3.5rem; } .lg\:px-0{ padding-left:0px; padding-right:0px; } .lg\:px-2{ padding-left:0.5rem; padding-right:0.5rem; } .lg\:px-4{ padding-left:1rem; padding-right:1rem; } .lg\:px-5{ padding-left:1.25rem; padding-right:1.25rem; } .lg\:px-6{ padding-left:1.5rem; padding-right:1.5rem; } .lg\:px-7{ padding-left:1.75rem; padding-right:1.75rem; } .lg\:px-8{ padding-left:2rem; padding-right:2rem; } .lg\:px-10{ padding-left:2.5rem; padding-right:2.5rem; } .lg\:px-11{ padding-left:2.75rem; padding-right:2.75rem; } .lg\:px-12{ padding-left:3rem; padding-right:3rem; } .lg\:px-13{ padding-left:52px; padding-right:52px; } .lg\:px-15{ padding-left:60px; padding-right:60px; } .lg\:px-20{ padding-left:80px; padding-right:80px; } .lg\:px-2\.5{ padding-left:0.625rem; padding-right:0.625rem; } .lg\:py-0{ padding-top:0px; padding-bottom:0px; } .lg\:py-1{ padding-top:0.25rem; padding-bottom:0.25rem; } .lg\:py-2{ padding-top:0.5rem; padding-bottom:0.5rem; } .lg\:py-3{ padding-top:0.75rem; padding-bottom:0.75rem; } .lg\:py-4{ padding-top:1rem; padding-bottom:1rem; } .lg\:py-5{ padding-top:1.25rem; padding-bottom:1.25rem; } .lg\:py-6{ padding-top:1.5rem; padding-bottom:1.5rem; } .lg\:py-7{ padding-top:1.75rem; padding-bottom:1.75rem; } .lg\:py-10{ padding-top:2.5rem; padding-bottom:2.5rem; } .lg\:py-12{ padding-top:3rem; padding-bottom:3rem; } .lg\:py-1\.5{ padding-top:0.375rem; padding-bottom:0.375rem; } .lg\:py-2\.5{ padding-top:0.625rem; padding-bottom:0.625rem; } .lg\:py-3\.5{ padding-top:0.875rem; padding-bottom:0.875rem; } .lg\:pt-0{ padding-top:0px; } .lg\:pt-4{ padding-top:1rem; } .lg\:pt-5{ padding-top:1.25rem; } .lg\:pt-6{ padding-top:1.5rem; } .lg\:pt-7{ padding-top:1.75rem; } .lg\:pt-8{ padding-top:2rem; } .lg\:pt-12{ padding-top:3rem; } .lg\:pt-14{ padding-top:3.5rem; } .lg\:pt-16{ padding-top:4rem; } .lg\:pt-20{ padding-top:80px; } .lg\:pt-24{ padding-top:6rem; } [dir="ltr"] .lg\:pr-0{ padding-right:0px; } [dir="rtl"] .lg\:pr-0{ padding-left:0px; } [dir="ltr"] .lg\:pr-12{ padding-right:3rem; } [dir="rtl"] .lg\:pr-12{ padding-left:3rem; } [dir="ltr"] .lg\:pr-25{ padding-right:100px; } [dir="rtl"] .lg\:pr-25{ padding-left:100px; } [dir="ltr"] .lg\:pr-64{ padding-right:16rem; } [dir="rtl"] .lg\:pr-64{ padding-left:16rem; } .lg\:pb-0{ padding-bottom:0px; } .lg\:pb-4{ padding-bottom:1rem; } .lg\:pb-5{ padding-bottom:1.25rem; } .lg\:pb-6{ padding-bottom:1.5rem; } .lg\:pb-7{ padding-bottom:1.75rem; } .lg\:pb-8{ padding-bottom:2rem; } .lg\:pb-10{ padding-bottom:2.5rem; } .lg\:pb-15{ padding-bottom:60px; } .lg\:pb-24{ padding-bottom:6rem; } .lg\:pb-25{ padding-bottom:100px; } [dir="ltr"] .lg\:pl-0{ padding-left:0px; } [dir="rtl"] .lg\:pl-0{ padding-right:0px; } [dir="ltr"] .lg\:pl-5{ padding-left:1.25rem; } [dir="rtl"] .lg\:pl-5{ padding-right:1.25rem; } [dir="ltr"] .lg\:pl-12{ padding-left:3rem; } [dir="rtl"] .lg\:pl-12{ padding-right:3rem; } [dir="ltr"] .lg\:pl-15{ padding-left:60px; } [dir="rtl"] .lg\:pl-15{ padding-right:60px; } [dir="ltr"] .lg\:text-left{ text-align:left; } [dir="rtl"] .lg\:text-left{ text-align:right; } .lg\:text-center{ text-align:center; } .lg\:text-xs{ font-size:0.75rem; line-height:1rem; } .lg\:text-sm{ font-size:0.875rem; line-height:1.25rem; } .lg\:text-base{ font-size:14px; line-height:24px; } .lg\:text-xl{ font-size:21px; line-height:28px; } .lg\:text-2xl{ font-size:27px; line-height:35px; } .lg\:text-3xl{ font-size:1.875rem; line-height:2.25rem; } .lg\:text-4xl{ font-size:42px; line-height:54px; } .lg\:text-5xl{ font-size:3rem; line-height:1; } .lg\:text-md{ font-size:16px; line-height:24px; } .lg\:text-1\.5xl{ font-size:24px; line-height:36px; } .lg\:text-3\.4xl{ font-size:34px; line-height:25px; } .lg\:text-3\.5xl{ font-size:34px; line-height:50px; } .lg\:text-xl-1{ font-size:25px; line-height:48px; } .lg\:text-2xl-1{ font-size:53px; line-height:65px; } .lg\:uppercase{ text-transform:uppercase; } .lg\:text-primary-700{ --tw-text-opacity:1; color:rgba(0, 21, 95, var(--tw-text-opacity)); } .lg\:text-primary-500{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)); } .lg\:text-secondary-500{ --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)); } .lg\:shadow-custom-1{ --tw-shadow:0px 4px 48px -12px rgba(0, 21, 95, 0.02); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 1280px){ .xl\:px-13{ padding-left:52px; padding-right:52px; } } @media (min-width: 1536px){ } @media print{ } /*purgecss start ignore*/ .nuxt-progress{ position:fixed; top:0; left:0; right:0; height:2px; width:0; opacity:1; transition:width .1s,opacity .4s; background-color:#2678c5; z-index:999999 } .nuxt-progress.nuxt-progress-notransition{ transition:none } .nuxt-progress-failed{ background-color:red } /*purgecss end ignore*/ /*purgecss start ignore*/ #app[data-v-786ee1b8]{ display:grid; width:100%; min-height:100vh; position:relative; --header-height:148px; padding-top:var(--header-height); grid-template-areas:"alerts" "content" "footer"; grid-template-rows:auto 1fr auto; grid-template-columns:100%; } @media (min-width: 768px){ #app[data-v-786ee1b8]{ --header-height:116px } } #main[data-v-786ee1b8]{ grid-area:content } [data-v-786ee1b8] .main-navigation{ transform:translateY(0); transition:transform .3s linear,top .2s ease-out } .header-hidden[data-v-786ee1b8] .main-navigation{ transform:translateY(-100%) } /*purgecss end ignore*/ /*purgecss start ignore*/ .CartIconCount[data-v-44eccf51]{ position:absolute; display:flex; align-items:center; justify-content:center; border-radius:9999px; --tw-bg-opacity:1; background-color:rgba(253, 162, 56, var(--tw-bg-opacity)); font-size:0.75rem; line-height:1rem; --tw-text-opacity:1; color:rgba(0, 21, 95, var(--tw-text-opacity)); width:16px; height:16px; top:5px } [dir="ltr"] .CartIconCount[data-v-44eccf51]{ right:-5px } [dir="rtl"] .CartIconCount[data-v-44eccf51]{ left:-5px } .FlagMenu[data-v-44eccf51]{ position:relative; } .FlagMenu__list[data-v-44eccf51]{ position:absolute; z-index:20; margin-top:1.5rem; display:flex; flex-direction:column; border-radius:10px; --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); padding-left:1.25rem; padding-right:1.25rem; padding-top:0.625rem; padding-bottom:0.625rem; --tw-shadow:0 0 40px -12px rgba(0,28,70,0.3); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); top:100%; min-width:190px } [dir="ltr"] .FlagMenu__list[data-v-44eccf51]{ left:-135px } [dir="rtl"] .FlagMenu__list[data-v-44eccf51]{ right:-135px } .FlagMenu__list[data-v-44eccf51]:before{ position:absolute; height:2rem; width:2rem; align-self:center; --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); --tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); content:""; box-shadow:none; z-index:-1; top:-7px; border-radius:4px } [dir="ltr"] .FlagMenu__list[data-v-44eccf51]:before{ transform:rotate(45deg); right:5px } [dir="rtl"] .FlagMenu__list[data-v-44eccf51]:before{ transform:rotate(-45deg); left:5px } .FlagMenu__item[data-v-44eccf51]{ display:flex; width:100%; align-items:center; padding-top:1.25rem; padding-bottom:1.25rem; --tw-text-opacity:1; color:rgba(0, 21, 95, var(--tw-text-opacity)) } .FlagMenu__item[data-v-44eccf51]:focus{ outline:2px solid transparent; outline-offset:2px } .FlagMenu__item span[data-v-44eccf51]{ font-size:0.875rem; line-height:1.25rem } /*purgecss end ignore*/ /*purgecss start ignore*/ .SearchBar[data-v-38c0576e]{ outline:1px solid #CEDCFB } .searchButton[data-v-38c0576e]{ width:32px; transition:.3s; overflow:hidden; padding:0 8px } .searchButton>div[data-v-38c0576e]{ width:-moz-fit-content; width:fit-content } .searchButton .text[data-v-38c0576e]{ transition-duration:.2s; transition-delay:.1s; opacity:0 } @media (min-width: 1024px){ .searchButton__active[data-v-38c0576e]{ width:90px } .searchButton__active .text[data-v-38c0576e]{ opacity:1 } } @media (min-width: 1024px){ input:focus+.searchButton[data-v-38c0576e]{ width:90px; } input:focus+.searchButton .text[data-v-38c0576e]{ opacity:1 } } input[data-v-38c0576e]::-moz-placeholder{ --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)) } input[data-v-38c0576e]:-ms-input-placeholder{ --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)) } input[data-v-38c0576e]::placeholder{ --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)) } .SearchMenu[data-v-38c0576e]{ height:100vh; width:100vw; top:59px; } [dir="ltr"] .SearchMenu[data-v-38c0576e]{ left:-24px; } [dir="rtl"] .SearchMenu[data-v-38c0576e]{ right:-24px; } @media (min-width: 1024px){ .SearchMenu[data-v-38c0576e]{ outline:1px solid #CEDCFB; top:45px; height:auto; width:100% } [dir="ltr"] .SearchMenu[data-v-38c0576e]{ left:0 } [dir="rtl"] .SearchMenu[data-v-38c0576e]{ right:0 } } .search-result img[data-v-38c0576e]{ height:60px; width:60px } [dir="ltr"] .search-result img[data-v-38c0576e]{ margin-right:1rem } [dir="rtl"] .search-result img[data-v-38c0576e]{ margin-left:1rem } .search-result li[data-v-38c0576e]:not(:last-child){ margin-bottom:1.25rem; border-bottom-width:1px; --tw-border-opacity:1; border-color:rgba(206, 220, 251, var(--tw-border-opacity)); padding-bottom:1.25rem } .search-suggestions[data-v-38c0576e]{ pointer-events:none; position:absolute; top:50%; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-translate-y:-50%; --tw-text-opacity:1; color:rgba(102, 115, 159, var(--tw-text-opacity)); width:calc(100% - 66px) } [dir="ltr"] .search-suggestions[data-v-38c0576e]{ left:1.25rem } [dir="rtl"] .search-suggestions[data-v-38c0576e]{ right:1.25rem } /*purgecss end ignore*/ /*purgecss start ignore*/ .cursor[data-v-4baf8f11]{ transition:opacity .1s ease-in-out; animation:blink-data-v-4baf8f11 1s step-start infinite } @keyframes blink-data-v-4baf8f11{ 0%,to{ opacity:1 } 50%{ opacity:0 } } /*purgecss end ignore*/ /*purgecss start ignore*/ .AddToCartAlert[data-v-94e89ef6]{ width:calc(100vw - 60px); height:auto } .AddToCartAlert[data-v-94e89ef6]:before{ position:absolute; --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); content:""; top:-8px; width:24px; height:24px } [dir="ltr"] .AddToCartAlert[data-v-94e89ef6]:before{ right:40px; transform:rotate(45deg) } [dir="rtl"] .AddToCartAlert[data-v-94e89ef6]:before{ left:40px; transform:rotate(-45deg) } .alert-enter-active[data-v-94e89ef6],.alert-leave-active[data-v-94e89ef6]{ transition:opacity 2s ease-in-out,transform 2s ease-in-out } .alert-enter[data-v-94e89ef6],.alert-leave-to[data-v-94e89ef6]{ opacity:0; transform:translate3d(0,-10px,0) } @media (min-width: 1024px){ .AddToCartAlert[data-v-94e89ef6]{ width:440px } } .alert-container[data-v-94e89ef6]{ height:calc(var(--page-height) - 200px) } /*purgecss end ignore*/ /*purgecss start ignore*/ .active a[data-v-53991e2e], .active span[data-v-53991e2e], .CategoryList .nuxt-link-active[data-v-53991e2e], .CategoryList a[data-v-53991e2e]:hover, .SubCategory h3 a[data-v-53991e2e]:hover, .SubCategory li a[data-v-53991e2e]:hover{ position:relative; font-weight:700 } .active a[data-v-53991e2e]:after, .active span[data-v-53991e2e]:after, .CategoryList .nuxt-link-active[data-v-53991e2e]:after, .CategoryList a[data-v-53991e2e]:hover:after, .SubCategory h3 a[data-v-53991e2e]:hover:after, .SubCategory li a[data-v-53991e2e]:hover:after{ position:absolute; border-radius:9999px; --tw-bg-opacity:1; background-color:rgba(253, 188, 56, var(--tw-bg-opacity)) } .active a[data-v-53991e2e]:after,.active span[data-v-53991e2e]:after,.CategoryList .nuxt-link-active[data-v-53991e2e]:after,.CategoryList a[data-v-53991e2e]:hover:after,.SubCategory h3 a[data-v-53991e2e]:hover:after,.SubCategory li a[data-v-53991e2e]:hover:after{ content:""; height:2.5px; width:80%; bottom:-11px } [dir="ltr"] .active a[data-v-53991e2e]:after,[dir="ltr"] .active span[data-v-53991e2e]:after,[dir="ltr"] .CategoryList .nuxt-link-active[data-v-53991e2e]:after,[dir="ltr"] .CategoryList a[data-v-53991e2e]:hover:after,[dir="ltr"] .SubCategory h3 a[data-v-53991e2e]:hover:after,[dir="ltr"] .SubCategory li a[data-v-53991e2e]:hover:after{ left:-9px } [dir="rtl"] .active a[data-v-53991e2e]:after,[dir="rtl"] .active span[data-v-53991e2e]:after,[dir="rtl"] .CategoryList .nuxt-link-active[data-v-53991e2e]:after,[dir="rtl"] .CategoryList a[data-v-53991e2e]:hover:after,[dir="rtl"] .SubCategory h3 a[data-v-53991e2e]:hover:after,[dir="rtl"] .SubCategory li a[data-v-53991e2e]:hover:after{ right:-9px } .SubCategory h3 a[data-v-53991e2e]:hover, .SubCategory li a[data-v-53991e2e]:hover{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)) } .SubCategory h3 a[data-v-53991e2e]:hover:after,.SubCategory li a[data-v-53991e2e]:hover:after{ bottom:-7px } .CategoryList .nuxt-link-active[data-v-53991e2e]{ pointer-events:none } [dir="ltr"] .CategoryList li[data-v-53991e2e]:not(:last-child){ margin-right:0.5rem } [dir="rtl"] .CategoryList li[data-v-53991e2e]:not(:last-child){ margin-left:0.5rem } .CategoryList+div[data-v-53991e2e]{ border-bottom-left-radius:28px; border-bottom-right-radius:28px } .CategoryMenu[data-v-53991e2e]{ display:grid; grid-template-columns:auto 205px; gap:20px; justify-content:space-between; padding-top:24px; } .CategoryMenu__categories[data-v-53991e2e]{ display:grid; grid-template-columns:repeat(4,minmax(160px,auto)); gap:20px; } .CategoryMenu__categories li[data-v-53991e2e]:last-child{ margin-bottom:0px } .CategoryMenu .offer-card[data-v-53991e2e]{ height:245px } .BrandsList[data-v-53991e2e]{ display:grid; grid-template-columns:repeat(4,1fr); -moz-column-gap:80px; column-gap:80px; row-gap:40px } /*purgecss end ignore*/ /*purgecss start ignore*/ .AlertGroup[data-v-ff809844]{ width:100%; margin-right:auto; margin-left:auto } @media (min-width: 100%){ .AlertGroup[data-v-ff809844]{ max-width:100% } } @media (min-width: 414px){ .AlertGroup[data-v-ff809844]{ max-width:414px } } @media (min-width: 1166px){ .AlertGroup[data-v-ff809844]{ max-width:1166px } } .AlertGroup[data-v-ff809844]{ position:fixed; left:0; right:0; z-index:99999 } .Alert+.Alert[data-v-ff809844]{ margin-top:1rem } .alerts-enter-active[data-v-ff809844],.alerts-leave-active[data-v-ff809844]{ transition-property:transform; transition-timing-function:ease-in-out; transition-duration:.3s } [dir="ltr"] .alerts-enter[data-v-ff809844],[dir="ltr"] .alerts-leave-to[data-v-ff809844]{ transform:translate3d(200%,0,0) } [dir="rtl"] .alerts-enter[data-v-ff809844],[dir="rtl"] .alerts-leave-to[data-v-ff809844]{ transform:translate3d(-200%,0,0) } /*purgecss end ignore*/ /*purgecss start ignore*/ .SideMenu[data-v-17588e12]{ position:fixed; top:0px; bottom:0px; width:100vw; min-height:var(--window-height); } [dir="ltr"] .SideMenu[data-v-17588e12]{ left:0px; } [dir="rtl"] .SideMenu[data-v-17588e12]{ right:0px; } .SideMenu__header[data-v-17588e12]{ position:relative } .SideMenu__header[data-v-17588e12]:after{ position:absolute; content:""; bottom:0; width:55px; height:70px; background-image:url(https://www.rayashop.com/_nuxt/img/small-lines.2850068.svg) } [dir="ltr"] .SideMenu__header[data-v-17588e12]:after{ right:0 } [dir="rtl"] .SideMenu__header[data-v-17588e12]:after{ left:0 } .SideMenu[data-v-17588e12] .AppAccordion{ border-bottom-width:1px; --tw-border-opacity:1; border-color:rgba(217, 233, 244, var(--tw-border-opacity)); padding-top:1rem; padding-bottom:1rem } .SideMenu li:last-child .AppAccordion[data-v-17588e12]{ border-bottom-width:0px } .SideMenu .illustrated-section[data-v-17588e12]{ position:relative } .SideMenu .illustrated-section[data-v-17588e12]:after{ position:absolute; bottom:0px; z-index:0; content:""; width:168px; height:133px; background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU5IiBoZWlnaHQ9IjEzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLTMgMTMzbDEuOTgzLS4wOWM0LjY1IDAgNy42My02Ljg3MSAxMC4xMjctMTIuMTAyYTQ2OS43NDMgNDY5Ljc0MyAwIDAwMy44ODEtOC4wODRDMjcuODI0IDgwLjkzMiA1Ni42NDYgMSA1Ni42NDYgMWg0Ny4zODVMMTY0IDEzM2gtNTAuNDZMODAuODc1IDQyLjIxOSA1MC44NDggMTMzSC0zem0wIDBsMS45ODMtLjA5YzQuNjUgMCA3LjYzLTYuODcxIDEwLjEyNy0xMi4xMDJhNDY5Ljc0MyA0NjkuNzQzIDAgMDAzLjg4MS04LjA4NEMyNy44MjQgODAuOTMyIDU2LjY0NiAxIDU2LjY0NiAxaDQ3LjM4NUwxNjQgMTMzaC01MC40Nkw4MC44NzUgNDIuMjE5IDUwLjg0OCAxMzNILTN6IiBzdHJva2U9IiMwMDZDQjciIHN0cm9rZS13aWR0aD0iMS41IiBmaWxsPSJub25lIiBvcGFjaXR5PSIuMSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==) } [dir="ltr"] .SideMenu .illustrated-section[data-v-17588e12]:after{ right:0px } [dir="rtl"] .SideMenu .illustrated-section[data-v-17588e12]:after{ left:0px } .back[data-v-17588e12]{ position:absolute; top:1.75rem } [dir="ltr"] .back[data-v-17588e12]{ transform:rotate(180deg); left:1.5rem } [dir="rtl"] .back[data-v-17588e12]{ transform:rotate(-180deg); right:1.5rem } .slide-enter-active[data-v-17588e12],.slide-leave-active[data-v-17588e12]{ transition:transform .3s ease-in-out } [dir="ltr"] .slide-enter[data-v-17588e12],[dir="ltr"] .slide-leave-to[data-v-17588e12]{ transform:translate3d(-100%,0,0) } [dir="rtl"] .slide-enter[data-v-17588e12],[dir="rtl"] .slide-leave-to[data-v-17588e12]{ transform:translate3d(100%,0,0) } /*purgecss end ignore*/ /*purgecss start ignore*/ @media (min-width: 1024px){ .RamadanTheme[data-v-9d8fbdda]:before{ background-repeat:no-repeat; width:33px; height:76px; background-image:url(https://www.rayashop.com/_nuxt/img/ramadan-1.b8fd3ef.svg) } [dir="ltr"] .RamadanTheme[data-v-9d8fbdda]:before{ left:-63px } [dir="rtl"] .RamadanTheme[data-v-9d8fbdda]:before{ right:-63px } .RamadanTheme[data-v-9d8fbdda]:after,.RamadanTheme[data-v-9d8fbdda]:before{ content:""; position:absolute; top:-24px; background-size:contain } .RamadanTheme[data-v-9d8fbdda]:after{ background-repeat:no-repeat; width:62px; height:120px; background-image:url(https://www.rayashop.com/_nuxt/img/ramadan-2.bc273cd.svg) } [dir="ltr"] .RamadanTheme[data-v-9d8fbdda]:after{ right:-72px } [dir="rtl"] .RamadanTheme[data-v-9d8fbdda]:after{ left:-72px } } .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ position:absolute; top:0px; height:3.5rem; width:100px; background-repeat:no-repeat } [dir="ltr"] .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ right:0px } [dir="rtl"] .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ left:0px } @media (min-width: 1024px){ .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ height:81px; width:9rem } } .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ content:""; background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDUiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCAxNDUgODIiIGZpbGw9Im5vbmUiPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgc3Ryb2tlPSIjRkY4RDM4IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMTQ1IDY2LjYyOGMtMTcuNjM0IDIuNzY3LTQ2LjUxLTMuNTM3LTc2LjI0Mi0xNy45NDJDMzkuMDI4IDM0LjI4MiAxNi4yMDcgMTUuNTM4IDcuNDgyIDAiLz48cGF0aCBkPSJtMTE4Ljc4OSA2NS45ODYgNS45NDkgMTIuNzk5YTEuMDMgMS4wMyAwIDAgMCAxLjc2Mi4xNzRsOC4zMzgtMTEuMzc3bS0zNS44MjItNi41MTMgNC4xMDYgMTMuNWExLjAyOCAxLjAyOCAwIDAgMCAxLjcyMS40MTdsOS44NDMtMTAuMTA3TTIyLjc1MiAxOC43OSA4LjkzNyAyMS44YTEuMDI4IDEuMDI4IDAgMCAxLTEuMjA1LTEuMjk2bDQuMDQzLTEzLjUwM202Ny42OTkgNDYuODc0IDIuNDI1IDEzLjg5OWExLjAyOCAxLjAyOCAwIDAgMCAxLjY1Ny42MjNsMTEuMDA1LTguODM2TTM4LjIxMiAzMS4yMjdsLTEzLjE3NCA1LjEyOWExLjAzIDEuMDMgMCAwIDEtMS4zOTItMS4wOTJsMS44NzYtMTMuOTY4bTMwLjQ4MiAyMS4zMTlMNDMuNDQgNDkuMDlhMS4wMyAxLjAzIDAgMCAxLTEuNS0uOTRsLjQwMy0xNC4wODhNNjAuNDYgNDUuMDE5bDEuMjAyIDE0LjA1N2ExLjAyNyAxLjAyNyAwIDAgMCAxLjU5Ni43NjVsMTEuNzM1LTcuODQ2Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNDUuMDAxdjgySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); background-size:contain } html[dir=rtl] .RamadanTheme[data-v-9d8fbdda]:after{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x:-1 } html[dir=rtl] .RamadanThemeRayaPlus[data-v-9d8fbdda]:before{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x:-1 } .OffersBanners[data-v-9d8fbdda]{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto auto auto; gap:20px; } @media (min-width: 1024px){ .OffersBanners[data-v-9d8fbdda]{ grid-template-columns:1fr 45% 1fr; grid-template-rows:100px 55px 150px 175px; grid-template-areas:"one two three" "one five three" "four five three" "four five six" } } .OffersBanners .one[data-v-9d8fbdda]{ grid-column:span 2 / span 2; aspect-ratio:7/2; } @media (min-width: 1024px){ .OffersBanners .one[data-v-9d8fbdda]{ grid-area:two; aspect-ratio:unset; grid-column:span 1 / span 1 } } .OffersBanners .slider[data-v-9d8fbdda]{ grid-column:span 2 / span 2; display:flex; gap:1.25rem; overflow-x:scroll } @media (min-width: 1024px){ .OffersBanners .slider[data-v-9d8fbdda]{ display:none } } .OffersBanners .slider>div[data-v-9d8fbdda]{ width:78%; aspect-ratio:16/9; flex:0 0 auto } @media (min-width: 1024px){ .OffersBanners .slider[data-v-9d8fbdda]{ grid-column:span 1 / span 1; display:contents } .OffersBanners .slider>div[data-v-9d8fbdda]{ width:100%; aspect-ratio:unset } } @media (min-width: 1024px){ .OffersBanners .two[data-v-9d8fbdda]{ grid-area:one } } @media (min-width: 1024px){ .OffersBanners .three[data-v-9d8fbdda]{ grid-area:six } } .OffersBanners .four[data-v-9d8fbdda]{ grid-column:span 2 / span 2; aspect-ratio:1.2/.94; } @media (min-width: 1024px){ .OffersBanners .four[data-v-9d8fbdda]{ grid-area:five; aspect-ratio:unset; grid-column:span 1 / span 1 } } @media (min-width: 1024px){ .OffersBanners .five[data-v-9d8fbdda]{ grid-area:four; aspect-ratio:unset } } .OffersBanners .five[data-v-9d8fbdda],.OffersBanners .six[data-v-9d8fbdda]{ aspect-ratio:1/1.1 } @media (min-width: 1024px){ .OffersBanners .six[data-v-9d8fbdda]{ grid-area:three; aspect-ratio:unset } } .MidSection[data-v-9d8fbdda]{ max-width:1296px; } .MidSection__Banners[data-v-9d8fbdda]{ grid-template-rows:auto auto auto; } @media (min-width: 1024px){ .MidSection__Banners[data-v-9d8fbdda]{ grid-template-rows:100px 55px 150px 175px; grid-template-areas:"one five three" "one five three" "four five three" "four five six" } } .MidSection__Banners .slider>div[data-v-9d8fbdda]{ width:calc(50% - 10px); flex:unset; aspect-ratio:4/5; } @media (min-width: 1024px){ .MidSection__Banners .slider>div[data-v-9d8fbdda]{ width:100%; aspect-ratio:unset } } .MidSection__Banners .four[data-v-9d8fbdda]{ aspect-ratio:1/1; } @media (min-width: 1024px){ .MidSection__Banners .four[data-v-9d8fbdda]{ aspect-ratio:unset } } .MidSection__Banners .five[data-v-9d8fbdda],.MidSection__Banners .six[data-v-9d8fbdda]{ aspect-ratio:4/5; } @media (min-width: 1024px){ .MidSection__Banners .five[data-v-9d8fbdda],.MidSection__Banners .six[data-v-9d8fbdda]{ aspect-ratio:unset } } .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ position:absolute; top:0px; height:100px; width:3.5rem; background-repeat:no-repeat } [dir="ltr"] .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ right:1.25rem } [dir="rtl"] .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ left:1.25rem } @media (min-width: 1024px){ .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ height:8rem; width:74px } [dir="ltr"] .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ right:3rem } [dir="rtl"] .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ left:3rem } } .MidSection__RamadanTheme[data-v-9d8fbdda]:before{ content:""; background-image:url(https://www.rayashop.com/_nuxt/img/ramadan-4.2008d3a.svg); background-size:contain } .rounded-banner[data-v-9d8fbdda] img{ -o-object-fit:cover; object-fit:cover; } @media (min-width: 768px){ .rounded-banner[data-v-9d8fbdda] img{ -o-object-fit:contain; object-fit:contain } } .black-friday .rounded-banner[data-v-9d8fbdda] img{ -o-object-fit:fill; object-fit:fill } @media (min-width: 1024px){ .black-friday[data-v-9d8fbdda]{ max-height:280px } } .banner-content[data-v-9d8fbdda]{ top:50%; transform:translateY(-50%); } @media (min-width: 1024px){ .banner-content[data-v-9d8fbdda]{ max-width:80% } } .Offers[data-v-9d8fbdda]{ display:grid; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,181px); -moz-column-gap:10px; column-gap:10px; row-gap:10px; } @media (min-width: 1024px){ .Offers[data-v-9d8fbdda]{ grid-template-columns:repeat(3,1fr); grid-template-rows:repeat(2,218px); -moz-column-gap:24px; column-gap:24px; row-gap:20px } } .Offers[data-v-9d8fbdda] .OfferCard:first-child{ grid-column:span 2 / span 2; } @media (min-width: 1024px){ .Offers[data-v-9d8fbdda] .OfferCard:first-child{ grid-row:span 2 / span 2 } } .hide-scrollbar[data-v-9d8fbdda]{ -ms-overflow-style:none; scrollbar-width:none } .hide-scrollbar[data-v-9d8fbdda]::-webkit-scrollbar{ display:none } .Categories[data-v-9d8fbdda]{ display:grid; grid-template-columns:repeat(2,1fr); grid-auto-rows:162px; -moz-column-gap:10px; column-gap:10px; row-gap:10px; } @media (min-width: 1024px){ .Categories[data-v-9d8fbdda]{ grid-template-columns:repeat(4,1fr); grid-auto-rows:285px; -moz-column-gap:20px; column-gap:20px; row-gap:20px } } .Categories[data-v-9d8fbdda] >:last-child:nth-child(2n){ grid-column:span 2 / span 2 } .SecondaryOffers__Grid[data-v-9d8fbdda]{ display:grid; grid-template-columns:repeat(1, minmax(0, 1fr)); -moz-column-gap:1.25rem; column-gap:1.25rem; row-gap:1.25rem; padding-left:1.25rem; padding-right:1.25rem; padding-top:4rem } @media (min-width: 1024px){ .SecondaryOffers__Grid[data-v-9d8fbdda]{ grid-template-columns:repeat(2, minmax(0, 1fr)); padding-left:0px; padding-right:0px } } .SecondaryOffers__Grid[data-v-9d8fbdda]{ grid-auto-rows:180px; } @media (min-width: 1024px){ .SecondaryOffers__Grid[data-v-9d8fbdda]{ grid-auto-rows:333px } } @media (min-width: 1024px){ .SecondaryOffers__Grid[data-v-9d8fbdda] .OfferCard:first-child{ grid-row:span 2 / span 2 } } .SecondaryOffers__bg[data-v-9d8fbdda]{ --tw-bg-opacity:1; background-color:rgba(255, 255, 255, var(--tw-bg-opacity)); height:500px } .offerCarouselBanner[data-v-9d8fbdda]{ width:154px; aspect-ratio:77/100 } .offers-banner[data-v-9d8fbdda]{ display:grid; grid-template-columns:1fr; row-gap:25px; } @media (min-width: 768px){ .offers-banner[data-v-9d8fbdda]{ grid-template-columns:408px 1fr; gap:0; height:240px; display:grid } } @media (min-width: 1024px){ .offers-banner[data-v-9d8fbdda]{ grid-template-columns:644px 1fr; gap:30px; height:350px; display:grid } } .wide-banner[data-v-9d8fbdda]{ aspect-ratio:7/7.5; } @media (min-width: 1024px){ .wide-banner[data-v-9d8fbdda]{ aspect-ratio:unset; height:270px } } [dir="ltr"] div.content-box[data-v-9d8fbdda]{ margin-left:0px } [dir="rtl"] div.content-box[data-v-9d8fbdda]{ margin-right:0px } /*purgecss end ignore*/ /*purgecss start ignore*/ .OfferCard__Link[data-v-6fdbb708]{ display:block; height:100%; width:100%; overflow:hidden; border-radius:16px } /*purgecss end ignore*/ /*purgecss start ignore*/ .offer-slider-item[data-v-95de3b40]{ width:calc(100% - 60px) } @media (min-width: 768px){ .offer-slider-item[data-v-95de3b40]{ width:200px } [dir="ltr"] .offer-slider-item[data-v-95de3b40]{ margin-left:0px } [dir="rtl"] .offer-slider-item[data-v-95de3b40]{ margin-right:0px } } .swiper-container[data-v-95de3b40]{ width:100%; height:100% } .swiper-nav[data-v-95de3b40]{ position:static; margin-top:0px; height:2.5rem; width:2.5rem; border-radius:9999px; border-width:1px; --tw-border-opacity:1; border-color:rgba(250, 250, 250, var(--tw-border-opacity)); background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)); backdrop-filter:blur(5px); transition:background-color .3s ease-in-out } .swiper-nav>.arrow-icon[data-v-95de3b40]{ height:1rem; width:0.5rem; --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)); transition:color .3s ease-in-out } .swiper-nav[data-v-95de3b40]:hover{ background:#FAFAFA } .swiper-nav:hover>.arrow-icon[data-v-95de3b40]{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)) } .swiper-nav[data-v-95de3b40]:after{ content:none } .swiper-nav.swiper-button-prev[data-v-95de3b40]{ transform:scaleX(-1) } .swiper-nav.swiper-button-disabled[data-v-95de3b40]{ opacity:.5 } /*purgecss end ignore*/ /*purgecss start ignore*/ .swiper-container[data-v-7dc01ce5]{ position:static; overflow:visible } @media (min-width: 1024px){ .swiper-container[data-v-7dc01ce5]{ overflow:hidden } } .swiper-container[data-v-7dc01ce5]{ width:100%; height:auto; } .swiper-container .swiper-wrapper .swiper-slide[data-v-7dc01ce5]{ width:-moz-fit-content; width:fit-content } @media (min-width: 1024px){ .swiper-container .controls-down>.swiper-nav[data-v-7dc01ce5]{ position:static } .swiper-container .controls-down[data-v-7dc01ce5]{ margin-top:20px; gap:28px } } [dir="ltr"] .swiper-container.has-margin-left[data-v-7dc01ce5]{ margin-left:16rem } [dir="rtl"] .swiper-container.has-margin-left[data-v-7dc01ce5]{ margin-right:16rem } .swiper-container .swiper-nav[data-v-7dc01ce5]{ position:absolute; top:33.333333%; display:flex; height:2.5rem; width:2.5rem; align-items:center; justify-content:center; border-radius:9999px; border-width:1px; --tw-border-opacity:1; border-color:rgba(9, 78, 237, var(--tw-border-opacity)); transition:background-color .3s ease-in-out } .swiper-container .swiper-nav>.arrow-icon[data-v-7dc01ce5]{ height:1rem; width:0.5rem; --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)); transition:color .3s ease-in-out } .swiper-container .swiper-nav[data-v-7dc01ce5]:hover{ --tw-bg-opacity:1; background-color:rgba(9, 78, 237, var(--tw-bg-opacity)) } .swiper-container .swiper-nav:hover>.arrow-icon[data-v-7dc01ce5]{ --tw-text-opacity:1; color:rgba(255, 255, 255, var(--tw-text-opacity)) } .swiper-container .swiper-nav[data-v-7dc01ce5]:after{ content:none } [dir="ltr"] .swiper-container .swiper-nav.categories-swiper-button-next[data-v-7dc01ce5]{ right:-20px; left:auto } [dir="rtl"] .swiper-container .swiper-nav.categories-swiper-button-next[data-v-7dc01ce5]{ left:-20px; right:auto } .swiper-container .swiper-nav.categories-swiper-button-prev[data-v-7dc01ce5]{ transform:scaleX(-1) } [dir="ltr"] .swiper-container .swiper-nav.categories-swiper-button-prev[data-v-7dc01ce5]{ left:-20px } [dir="rtl"] .swiper-container .swiper-nav.categories-swiper-button-prev[data-v-7dc01ce5]{ right:-20px } @media (min-width:1301px){ [dir="ltr"] .swiper-container .swiper-nav.categories-swiper-button-next[data-v-7dc01ce5]{ right:-60px; left:auto } [dir="rtl"] .swiper-container .swiper-nav.categories-swiper-button-next[data-v-7dc01ce5]{ left:-60px; right:auto } [dir="ltr"] .swiper-container .swiper-nav.categories-swiper-button-prev[data-v-7dc01ce5]{ left:-60px } [dir="rtl"] .swiper-container .swiper-nav.categories-swiper-button-prev[data-v-7dc01ce5]{ right:-60px } } .swiper-container .swiper-nav.swiper-button-disabled[data-v-7dc01ce5]{ opacity:.5 } @media (max-width:1220px){ .swiper-container .swiper-nav[data-v-7dc01ce5]{ display:none } } /*purgecss end ignore*/ /*purgecss start ignore*/ .CategoryCard[data-v-734147c3]{ width:96px; } @media (min-width: 1024px){ .CategoryCard[data-v-734147c3]{ width:115px } } .CategoryCard__imageWrapper[data-v-734147c3]{ width:96px; height:96px; border-radius:16px; overflow:hidden; } @media (min-width: 1024px){ .CategoryCard__imageWrapper[data-v-734147c3]{ width:115px; height:115px } } /*purgecss end ignore*/ /*purgecss start ignore*/ .hide-scrollbar[data-v-7c104c5a]{ -ms-overflow-style:none; scrollbar-width:none } .hide-scrollbar[data-v-7c104c5a]::-webkit-scrollbar{ display:none } /*purgecss end ignore*/ /*purgecss start ignore*/ .thumb[data-v-71f75a3e]{ width:224px; height:205px; } @media (min-width: 1024px){ .thumb[data-v-71f75a3e]{ width:218px; height:205px } } .content[data-v-71f75a3e]{ position:relative; display:flex; flex-direction:column; justify-content:space-around; padding:1.25rem; border-radius:28px; height:250px } .ProductCard__favorite[data-v-71f75a3e]{ display:flex; align-items:center; transition:transform .2s ease-in-out } .ProductCard__favorite[data-v-71f75a3e]:hover{ transform:scale(1.2) } .ProductCard__favorite svg.is-active path[data-v-71f75a3e]{ fill:currentColor; --tw-text-opacity:1; color:rgba(211, 0, 0, var(--tw-text-opacity)) } /*purgecss end ignore*/ /*purgecss start ignore*/ .ProductRating svg[data-v-3c9d8bcc]{ fill:currentColor } .ProductRating svg.is-active[data-v-3c9d8bcc]{ --tw-text-opacity:1; color:rgba(253, 162, 56, var(--tw-text-opacity)) } .product-rating[data-v-3c9d8bcc]{ width:60%; max-width:100px; aspect-ratio:5/1 } /*purgecss end ignore*/ /*purgecss start ignore*/ .AppButton[data-v-0815ca79]{ position:relative; align-items:center; justify-content:space-between; border-radius:9999px; border-width:1px; font-weight:700; height:50px; gap:25px; font-size:16px } [dir="ltr"] .AppButton[data-v-0815ca79]{ padding-left:1.25rem; padding-right:5px } [dir="rtl"] .AppButton[data-v-0815ca79]{ padding-right:1.25rem; padding-left:5px } .AppButton[data-v-0815ca79]:before{ position:absolute; height:2.5rem; width:2.5rem; border-radius:9999px; --tw-bg-opacity:1; background-color:rgba(9, 78, 237, var(--tw-bg-opacity)); content:""; transition:.3s ease } [dir="ltr"] .AppButton[data-v-0815ca79]:before{ right:5px } [dir="rtl"] .AppButton[data-v-0815ca79]:before{ left:5px } .AppButton__text[data-v-0815ca79]{ z-index:1; display:flex; align-items:center; justify-content:center; --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)); transition:.3s } .AppButton__arrow[data-v-0815ca79]{ z-index:1; display:flex; height:2.5rem; width:2.5rem; align-items:center; justify-content:center; --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } @media (min-width: 768px){ .AppButton[data-v-0815ca79]:hover:before{ height:100%; width:100% } [dir="ltr"] .AppButton[data-v-0815ca79]:hover:before{ right:0 } [dir="rtl"] .AppButton[data-v-0815ca79]:hover:before{ left:0 } .AppButton:hover .AppButton__text[data-v-0815ca79]{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } } .AppButton.is-loading[data-v-0815ca79]{ position:relative; opacity:0.75; pointer-events:none; cursor:progress } [dir="ltr"] .AppButton.is-loading[data-v-0815ca79]{ padding-left:3rem } [dir="rtl"] .AppButton.is-loading[data-v-0815ca79]{ padding-right:3rem } .AppButton.is-loading[data-v-0815ca79]:after{ position:absolute; display:block; height:1.25rem; width:1.25rem; content:""; top:calc(50% - 10px); border-radius:50%; border-style:solid; border-width:3px; animation:spinner-rotation-data-v-0815ca79 .75s infinite; animation-timing-function:cubic-bezier(.68,-.55,.27,1.55) } [dir="ltr"] .AppButton.is-loading[data-v-0815ca79]:after{ left:20px; border-color:transparent transparent #FAFAFA #FAFAFA } [dir="rtl"] .AppButton.is-loading[data-v-0815ca79]:after{ right:20px; border-color:transparent #FAFAFA #FAFAFA transparent } .inverted[data-v-0815ca79]{ --tw-bg-opacity:1; background-color:rgba(9, 78, 237, var(--tw-bg-opacity)) } .inverted[data-v-0815ca79]:before{ --tw-bg-opacity:1; background-color:rgba(250, 250, 250, var(--tw-bg-opacity)) } .inverted .AppButton__text[data-v-0815ca79]{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } @media (min-width: 768px){ .inverted:hover .AppButton__text[data-v-0815ca79]{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)) } } .inverted .AppButton__arrow svg[data-v-0815ca79]{ --tw-text-opacity:1; color:rgba(9, 78, 237, var(--tw-text-opacity)) } .danger[data-v-0815ca79]{ --tw-border-opacity:1; border-color:rgba(211, 0, 0, var(--tw-border-opacity)) } .danger[data-v-0815ca79]:before{ --tw-bg-opacity:1; background-color:rgba(211, 0, 0, var(--tw-bg-opacity)) } .danger .AppButton__text[data-v-0815ca79]{ --tw-text-opacity:1; color:rgba(211, 0, 0, var(--tw-text-opacity)) } @keyframes spinner-rotation-data-v-0815ca79{ to{ transform:rotate(1turn) } } /*purgecss end ignore*/ /*purgecss start ignore*/ [data-v-1ed9f2f0] .controls-down{ justify-content:flex-end } @media (min-width: 1024px){ [data-v-1ed9f2f0] .controls-down{ padding-left:2.5rem; padding-right:2.5rem } } [data-v-1ed9f2f0] .swiper-container{ width:100%!important; max-width:100%!important } /*purgecss end ignore*/ /*purgecss start ignore*/ .DialogContainer[data-v-1929c4ce]{ position:fixed; top:50%; bottom:0px } .DialogBody[data-v-1929c4ce]{ width:100%; max-height:90vh } .RamadanTheme[data-v-1929c4ce]:before{ position:absolute; top:0px; background-size:contain; background-repeat:no-repeat; content:""; width:180px; height:180px; background-image:url(https://www.rayashop.com/_nuxt/img/ramadan-16.4bd345a.svg); } [dir="ltr"] .RamadanTheme[data-v-1929c4ce]:before{ left:0px; } [dir="rtl"] .RamadanTheme[data-v-1929c4ce]:before{ right:0px; } @media (min-width: 1024px){ .RamadanTheme[data-v-1929c4ce]:before{ width:250px; height:250px } } [dir=rtl] .RamadanTheme[data-v-1929c4ce]:before{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x:-1 } @media (min-width: 1024px){ .DialogContainer[data-v-1929c4ce]{ right:50%; bottom:auto; left:50%; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-translate-y:-50% } .DialogBody[data-v-1929c4ce]{ max-width:800px; min-width:716px } .DialogBody.wheel[data-v-1929c4ce]{ min-width:860px; max-width:900px } .DialogBody.flip-and-win[data-v-1929c4ce]{ min-width:925px; max-width:950px } } /*purgecss end ignore*/ /*purgecss start ignore*/ @media (min-width: 1024px){ .FooterLinks[data-v-6e43a2d0]{ display:grid; grid-template-columns:1fr 1fr 1fr 300px } } .RamadanTheme[data-v-6e43a2d0]:before{ position:absolute; height:7rem; width:2.5rem; background-repeat:no-repeat } @media (min-width: 1024px){ .RamadanTheme[data-v-6e43a2d0]:before{ height:120px; width:2.25rem } } .RamadanTheme[data-v-6e43a2d0]:before{ content:""; top:-35px; background-image:url(https://www.rayashop.com/_nuxt/img/ramadan-5.1da8236.svg); background-size:contain; } [dir="ltr"] .RamadanTheme[data-v-6e43a2d0]:before{ right:25px; } [dir="rtl"] .RamadanTheme[data-v-6e43a2d0]:before{ left:25px; } @media (min-width: 1024px){ .RamadanTheme[data-v-6e43a2d0]:before{ top:-67px } [dir="ltr"] .RamadanTheme[data-v-6e43a2d0]:before{ left:-63px } [dir="rtl"] .RamadanTheme[data-v-6e43a2d0]:before{ right:-63px } } [dir=rtl] .RamadanTheme[data-v-6e43a2d0]:before{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-scale-x:-1 } footer[data-v-6e43a2d0]{ padding-top:35px; } [dir="ltr"] footer[data-v-6e43a2d0] .TextInput input{ padding-right:2.25rem } [dir="rtl"] footer[data-v-6e43a2d0] .TextInput input{ padding-left:2.25rem } footer[data-v-6e43a2d0] .TextInput input::-moz-placeholder{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } footer[data-v-6e43a2d0] .TextInput input:-ms-input-placeholder{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } footer[data-v-6e43a2d0] .TextInput input::placeholder{ --tw-text-opacity:1; color:rgba(250, 250, 250, var(--tw-text-opacity)) } @media (min-width: 1024px){ footer[data-v-6e43a2d0]{ padding-top:67px } } footer .FooterLinks a[data-v-6e43a2d0]{ position:relative } footer .FooterLinks a[data-v-6e43a2d0]:before{ content:""; width:90%; transform:scaleX(0); position:absolute; right:0px; bottom:-0.25rem; left:0px; --tw-text-opacity:1; color:rgba(253, 162, 56, var(--tw-text-opacity)); box-shadow:0 2px 0 1px currentColor; transition:transform .3s ease-in-out } [dir="ltr"] footer .FooterLinks a[data-v-6e43a2d0]:before{ margin-left:-10px } [dir="rtl"] footer .FooterLinks a[data-v-6e43a2d0]:before{ margin-right:-10px } footer .FooterLinks a[data-v-6e43a2d0]:hover{ font-weight:700 } footer .FooterLinks a[data-v-6e43a2d0]:hover:before{ transform:scaleX(1) } /*purgecss end ignore*/ /*purgecss start ignore*/ .TextInput input.has-value[data-v-204e6049], .TextInput input[data-v-204e6049]:focus, .TextInput textarea.has-value[data-v-204e6049], .TextInput textarea[data-v-204e6049]:focus{ outline:2px solid transparent; outline-offset:2px } .TextInput input[data-v-204e6049]::-moz-placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } .TextInput input[data-v-204e6049]:-ms-input-placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } .TextInput input[data-v-204e6049]::placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } .TextInput input[data-v-204e6049]::-webkit-inner-spin-button,.TextInput input[data-v-204e6049]::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0; display:none } .TextInput textarea[data-v-204e6049]{ resize:none; vertical-align:top } .TextInput textarea[data-v-204e6049]::-moz-placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } .TextInput textarea[data-v-204e6049]:-ms-input-placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } .TextInput textarea[data-v-204e6049]::placeholder{ font-family:Inter, Roboto, sans-serif; font-size:0.875rem; line-height:1.25rem; font-weight:400; --tw-text-opacity:1; color:rgba(151, 164, 183, var(--tw-text-opacity)) } /*purgecss end ignore*/

ا

placeholder

أفضل العروض

rating
rating
rating
rating
rating

توصيل سريع

توصيل سريع خلال 24 ساعة من تسجيل طلبك

أنظمة التقسيط

ادفع طلبك بأنظمة تقسيط حتى 36 شهر

الاستلام من الفرع

اطلب اونلاين واستقبلها من الفرع الأقرب لك

الأكثر مبيعاً

rating
rating
rating
rating
rating

ابل عروض

rating
rating
rating
rating
rating

عروض حصرية

rating
rating
rating
rating
rating

وصل و ركب فى نفس اليوم

rating
rating
rating
rating
rating