@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{@apply font-sans text-dark-text bg-white;font-feature-settings:"kern" 1}h1{@apply text-h1 font-bold}h2{@apply text-h2 font-semibold}h3{@apply text-h3 font-medium}h4{@apply text-h4 font-medium}[dir="rtl"]{font-feature-settings:"kern" 1,"liga" 1;text-align:right}[dir="rtl"] body,body.rtl{direction:rtl;text-align:right}}@layer components{.ui-elevated{@apply shadow-[0_10px_30px_rgb(18 42 84 / .08)] border border-white/60}.ui-elevated-soft{@apply shadow-[0_6px_20px_rgb(18 42 84 / .07)] border border-gray-100/80}.ui-hover-lift{@apply transition-all duration-300 ease-spring hover:-translate-y-0.5 hover:shadow-[0_14px_28px_rgb(18 42 84 / .12)]}.glass-panel{@apply bg-white/70 backdrop-blur-md border border-white/70}.btn-primary{@apply inline-flex items-center justify-center px-6 py-3 bg-navy text-white font-medium rounded-[20px] transition-all duration-300 ease-in-out hover:bg-navy-700 hover:shadow-lg hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-navy-300 focus:ring-offset-2 active:translate-y-0}.btn-secondary{@apply inline-flex items-center justify-center px-6 py-3 bg-white text-navy font-medium rounded-[20px] border-2 border-navy transition-all duration-300 ease-in-out hover:bg-navy hover:text-white hover:shadow-lg hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-navy-300 focus:ring-offset-2 active:translate-y-0}.btn-accent{@apply inline-flex items-center justify-center px-6 py-3 bg-cyan text-white font-medium rounded-[20px] transition-all duration-300 ease-in-out hover:bg-cyan-700 hover:shadow-lg hover:-translate-y-0.5 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:ring-offset-2 active:translate-y-0}.btn-cta{@apply inline-flex items-center justify-center px-8 py-3.5 bg-cyan text-white font-semibold rounded-[20px] transition-all duration-300 ease-in-out shadow-md hover:bg-cyan-700 hover:shadow-xl hover:-translate-y-1 focus:outline-none focus:ring-2 focus:ring-cyan-300 focus:ring-offset-2}.section-padding{@apply py-16 md:py-24 px-4 sm:px-6 lg:px-8}.container-custom{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8}.card{@apply bg-white rounded-xl ui-elevated-soft;transition:none!important}.card:hover{transform:none!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;translate:none!important}.card-body{@apply p-6 md:p-8}.blog-card-link{display:flex;flex-direction:column;overflow:hidden;border-radius:.75rem;border:1px solid #f3f4f6;background:#fff;box-shadow:0 8px 24px rgb(18 42 84 / .08);transition:transform 0.3s ease,box-shadow 0.3s ease}.blog-card-link:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(18 42 84 / .14)}.blog-card-link:focus{outline:2px solid #7794bd;outline-offset:4px}.blog-card-media{aspect-ratio:16 / 10;flex:0 0 auto;overflow:hidden;background:#e8edf4}.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card-link:hover .blog-card-image{transform:scale(1.05)}.blog-card-body{display:flex;flex:0 0 auto;flex-direction:column;padding:1.5rem}@media (min-width:768px){.blog-card-body{padding:1.75rem}}.blog-card-date{display:inline-flex;align-items:center;align-self:flex-start;gap:.5rem;margin-bottom:1rem;border-radius:20px;background:#e4f5fa;padding:.375rem .75rem;color:#0e6682;font-size:.75rem;line-height:1rem;font-weight:700}.blog-card-title{margin-bottom:.75rem;color:#204074;font-size:1.25rem;line-height:1.35;font-weight:700;transition:color 0.3s ease}.blog-card-link:hover .blog-card-title{color:#219EC4}.blog-card-excerpt{display:-webkit-box;max-height:4.5rem;margin-bottom:1.5rem;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#4b5563;font-size:.9375rem;line-height:1.5rem}.blog-card-button{display:inline-flex;align-items:center;align-self:flex-start;gap:.5rem;margin-top:0;border-radius:999px;background:#204074;padding:.625rem 1.25rem;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:700;transition:background-color 0.3s ease}.blog-card-button svg{width:1rem;height:1rem}.blog-card-link:hover .blog-card-button{background:#219EC4}[dir="rtl"] .blog-card-body{text-align:right}.section-title{@apply text-h2 text-navy mb-4}.section-subtitle{@apply text-lg text-gray-600 max-w-2xl}.input-field{@apply w-full px-4 py-3 border border-gray-300 rounded-lg text-dark-text bg-white transition-all duration-200 focus:border-navy focus:ring-2 focus:ring-navy-100 focus:outline-none placeholder:text-gray-400}.badge{@apply inline-flex items-center px-3 py-1 rounded-full text-sm font-medium}.badge-navy{@apply badge bg-navy-50 text-navy}.badge-cyan{@apply badge bg-cyan-50 text-cyan-700}.table-header{@apply bg-navy text-white text-sm font-semibold uppercase tracking-wider}.table-cell{@apply px-6 py-4 text-sm text-dark-text border-b border-gray-100}.gradient-navy{@apply bg-gradient-to-br from-navy-800 via-navy to-navy-600}.gradient-overlay{background:linear-gradient(135deg,rgb(32 64 116 / .92) 0%,rgb(18 42 84 / .88) 100%)}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-navy to-cyan}.nav-dropdown{@apply absolute top-full left-0 mt-2 w-56 bg-white rounded-2xl shadow-[0_18px_40px_rgb(18 42 84 / .12)] border border-gray-100 opacity-0 invisible translate-y-2 transition-all duration-300 ease-spring z-50}.nav-item:hover .nav-dropdown,.nav-dropdown:hover{@apply opacity-100 visible translate-y-0}[dir="rtl"] .nav-dropdown{@apply left-auto right-0}.nav-dropdown-item{@apply block px-5 py-3 text-sm text-gray-700 hover:bg-white/80 hover:text-navy transition-all duration-200 first:rounded-t-xl last:rounded-b-xl}.icon-chip{@apply w-12 h-12 bg-navy-50/90 rounded-2xl flex items-center justify-center mx-auto mb-5 ui-hover-lift}.section-panel{@apply bg-white/90 backdrop-blur-sm rounded-2xl shadow-[0_6px_20px_rgb(18 42 84 / .07)] border border-gray-100/80}#site-header{@apply bg-transparent border-b-0 shadow-none}.site-header-shell{@apply mt-2 mx-3 md:mx-6 rounded-[20px] bg-white/80 backdrop-blur-md border border-white/70 shadow-[0_14px_34px_rgb(18 42 84 / .14)] transition-all duration-300}@media (min-width:1024px){#site-header{padding-left:24px;padding-right:24px}.site-header-shell{max-width:1320px;margin-left:auto;margin-right:auto}}#site-header.is-scrolled .site-header-shell{@apply shadow-[0_18px_42px_rgb(18 42 84 / .18)]}.page-hero{padding-top:8rem!important;padding-bottom:4rem!important;@apply text-white}@media (min-width:768px){.page-hero{padding-top:10rem!important;padding-bottom:5rem!important}}.page-hero-title{@apply text-4xl sm:text-5xl md:text-6xl font-bold leading-tight mb-4 text-balance}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.product-table{@apply w-full border-collapse}.product-table thead{@apply table-header}.product-table th{@apply px-6 py-4 text-left}[dir="rtl"] .product-table th{@apply text-right}.product-table tbody tr{@apply border-b border-gray-100 hover:bg-gray-50 transition-colors duration-150}.product-table td{@apply table-cell}.filter-tab{@apply px-5 py-2.5 text-sm font-medium rounded-full transition-all duration-200 text-gray-600 bg-gray-100 hover:bg-navy-50 hover:text-navy}.filter-tab.active{@apply bg-navy text-white shadow-md}.rfq-step{@apply flex items-center gap-3}.rfq-step-number{@apply w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold transition-all duration-300}.rfq-step-number.active{@apply bg-navy text-white shadow-md}.rfq-step-number.completed{@apply bg-green-500 text-white}.rfq-step-number.inactive{@apply bg-gray-200 text-gray-500}.inquiry-badge{@apply fixed bottom-6 right-6 z-50 flex items-center gap-2 bg-navy/90 text-white px-5 py-3 rounded-full shadow-2xl backdrop-blur-sm border border-white/40 transition-all duration-300 hover:bg-navy-700 hover:shadow-xl hover:-translate-y-1 cursor-pointer}#footer-bottom-bar{padding-bottom:80px!important}@media (min-width:768px){#footer-bottom-bar{padding-bottom:0!important}}[dir="rtl"] .inquiry-badge{@apply right-auto left-6}#floating-quote-btn{@apply backdrop-blur-sm border border-white/40 shadow-[0_14px_28px_rgb(18 42 84 / .18)]}.inquiry-count{@apply w-6 h-6 bg-cyan rounded-full flex items-center justify-center text-xs font-bold}[dir="rtl"] .input-field{text-align:right}[dir="rtl"] .input-field::placeholder{text-align:right}[dir="rtl"] .table-cell{text-align:right}[dir="rtl"] .btn-primary svg:last-child,[dir="rtl"] .btn-cta svg:last-child,[dir="rtl"] .btn-secondary svg:last-child,[dir="rtl"] a.inline-flex svg:last-child{transform:scaleX(-1)}[dir="rtl"] .btn-primary svg:first-child,[dir="rtl"] .btn-cta svg:first-child{transform:none}[dir="rtl"] #rfq-prev-step svg,[dir="rtl"] a[href*="products/"] svg:first-child{transform:scaleX(-1)}[dir="rtl"] .lg\:grid-cols-2{direction:rtl}[dir="rtl"] .section-title,[dir="rtl"] .section-subtitle{text-align:right}[dir="rtl"] .text-center .section-title,[dir="rtl"] .text-center .section-subtitle,[dir="rtl"] .text-center{text-align:center}[dir="rtl"] .badge-navy,[dir="rtl"] .badge-cyan{direction:rtl}[dir="rtl"] #rfq-steps{direction:rtl}[dir="rtl"] .flex.items-start.gap-3 svg{order:0}[dir="rtl"] footer ul{padding-right:0;padding-left:0}[dir="rtl"] .card-body.flex.items-start.gap-4{flex-direction:row-reverse}[dir="rtl"] .card-body.flex.items-start.gap-4>div{text-align:right}[dir="rtl"] #product-filters{direction:rtl}[dir="rtl"] .mobile-accordion-toggle{text-align:right}[dir="rtl"] .mobile-accordion-toggle svg{margin-left:0;margin-right:auto}body{transition:direction 0s}[dir="rtl"] #back-to-top{right:auto;left:1.5rem}[dir="rtl"] #floating-quote-btn{left:auto;right:1.5rem}[dir="rtl"] #hero .btn-cta svg,[dir="rtl"] #hero a.btn-cta svg{transform:scaleX(-1)}[dir="rtl"] li.flex.items-center.gap-3,[dir="rtl"] li.flex.items-start.gap-3{flex-direction:row-reverse}[dir="rtl"] li.flex.items-center.gap-3 span:last-child,[dir="rtl"] li.flex.items-start.gap-3 span:last-child{text-align:right}[dir="rtl"] .qty-btn,[dir="rtl"] input[type="number"]{direction:ltr}[dir="rtl"] code{direction:ltr;unicode-bidi:embed}[dir="rtl"] .card .flex.items-center.justify-between{flex-direction:row-reverse}[dir="rtl"] select.input-field{background-position:left .75rem center;padding-right:1rem;padding-left:2.5rem}}@layer utilities{.text-balance{text-wrap:balance}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgb(255 255 255 / .85)}.glass-dark{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgb(32 64 116 / .85)}.rtl-flip{transform:scaleX(1)}[dir="rtl"] .rtl-flip{transform:scaleX(-1)}.icon-pulse-soft{animation:none}.icon-spin-soft{animation:none}.icon-wiggle{animation:none}@keyframes iconWiggle{0%,100%{transform:rotate(0deg)}25%{transform:rotate(4deg)}75%{transform:rotate(-4deg)}}@keyframes gradientMove{0%{transform:translate(0,0) scale(1)}33%{transform:translate(10%,10%) scale(1.1)}66%{transform:translate(-5%,15%) scale(.9)}100%{transform:translate(0,0) scale(1)}}.animate-gradient-slow{animation:gradientMove 15s ease-in-out infinite}.client-logo-carousel{overflow:hidden;width:100%;cursor:grab;touch-action:pan-y;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.client-logo-track{display:flex;width:300%;will-change:transform}.client-logo-carousel.is-dragging{cursor:grabbing;-webkit-mask-image:none;mask-image:none;user-select:none}.client-logo-slide{flex:0 0 8.333333%;width:8.333333%;min-width:8.333333%;padding:0 1rem}.client-logo-card{display:flex;align-items:center;justify-content:center;min-height:11rem;padding:1.5rem;border-radius:1rem;background:#fff;border:1px solid rgb(229 231 235 / .8);box-shadow:0 6px 20px rgb(18 42 84 / .06)}.client-logo-image{width:100%;max-width:12rem;max-height:8rem;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}@media (max-width:767px){.client-logo-track{width:600%}.client-logo-slide{flex-basis:8.333333%;width:8.333333%;min-width:8.333333%;padding:0 .5rem}.client-logo-card{min-height:8.5rem;padding:1rem}.client-logo-image{max-width:9rem;max-height:6rem}}.ltr-always{direction:ltr;unicode-bidi:embed}}.hero-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;width:100%}@media (min-width:1024px){.hero-grid{grid-template-columns:3fr 2fr}}[dir="rtl"] .cta-media-panel{text-align:right}[dir="rtl"] .cta-media-content .flex{align-items:flex-start}@media (min-width:1024px){[dir="rtl"] .cta-media-panel .grid{direction:rtl}[dir="rtl"] .cta-media-content{direction:rtl}[dir="rtl"] .core-offering-card{direction:rtl}[dir="rtl"] .core-offering-content{direction:rtl}}