{"id":38,"date":"2023-06-22T23:53:14","date_gmt":"2023-06-22T20:53:14","guid":{"rendered":"https:\/\/a-alowais.com\/?page_id=38"},"modified":"2026-05-18T09:50:55","modified_gmt":"2026-05-18T06:50:55","slug":"home","status":"publish","type":"page","link":"https:\/\/a-alowais.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\n\n\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633 \u2014 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0643\u0645\u0627\u0644 \u0623\u062c\u0633\u0627\u0645 \u0648\u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629<\/title>\n<meta name=\"description\" content=\"\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633 \u2014 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u062f\u0648\u0644\u064a \u0644\u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629. \u0628\u0627\u0642\u0627\u062a \u062a\u062f\u0631\u064a\u0628 \u0634\u062e\u0635\u064a \u0648\u0623\u0648\u0646\u0644\u0627\u064a\u0646\u060c \u062c\u062f\u0627\u0648\u0644 \u063a\u0630\u0627\u0626\u064a\u0629\u060c \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a.\" \/>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;900&family=Cairo:wght@600;800;900&display=swap\" rel=\"stylesheet\" \/>\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<script>\n tailwind.config = {\n theme: {\n extend: {\n fontFamily: {\n sans: ['Tajawal', 'system-ui', 'sans-serif'],\n display: ['Cairo', 'Tajawal', 'sans-serif'],\n },\n colors: {\n ink: { 950: '#070707', 900: '#0d0d0f', 800: '#15151a', 700: '#1c1c22' },\n gold: { DEFAULT: '#F2C94C', 400: '#FFD75A', 600: '#D6A938', 700: '#A57D1F' },\n ember: { DEFAULT: '#FF5A1F', 400: '#FF7A47', 600: '#E0440C' },\n },\n boxShadow: {\n 'gold-glow': '0 0 0 1px rgba(242,201,76,.25), 0 20px 60px -20px rgba(242,201,76,.45)',\n 'ember-glow': '0 0 0 1px rgba(255,90,31,.25), 0 25px 70px -20px rgba(255,90,31,.45)',\n },\n },\n },\n };\n<\/script>\n\n<!-- GSAP + ScrollTrigger -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n :root { --gold:#F2C94C; --ember:#FF5A1F; --ink:#0a0a0c; }\n html { scroll-behavior: smooth; }\n body {\n background: radial-gradient(1200px 600px at 80% -10%, #1a1208 0%, transparent 60%),\n radial-gradient(900px 500px at -10% 30%, #1a0a05 0%, transparent 60%),\n #070707;\n color: #efece5;\n font-feature-settings: \"kern\", \"liga\", \"calt\";\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n }\n .num-latin { font-variant-numeric: tabular-nums; }\n\n ::-webkit-scrollbar { width: 10px; height: 10px; }\n ::-webkit-scrollbar-track { background: #0a0a0c; }\n ::-webkit-scrollbar-thumb { background: linear-gradient(#F2C94C, #FF5A1F); border-radius: 10px; }\n ::selection { background: #F2C94C; color: #0a0a0c; }\n\n .grad-text {\n background: linear-gradient(120deg, #FFD75A 0%, #F2C94C 30%, #FF7A47 60%, #FF5A1F 100%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n background-size: 200% 200%;\n animation: gradShift 8s ease-in-out infinite;\n }\n @keyframes gradShift {\n 0%,100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n\n .brush::after {\n content:\"\";\n display:block;\n height: 14px;\n background: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 600 14' preserveAspectRatio='none'><path d='M2 8 C 120 2, 240 14, 360 6 S 580 4, 598 9' stroke='%23F2C94C' stroke-width='4' fill='none' stroke-linecap='round'\/><\/svg>\") no-repeat center\/100% 100%;\n margin-top: 6px;\n }\n\n .hero-img { will-change: transform, opacity; transform: translateZ(0) scale(1.08); }\n\n .tilt {\n transform-style: preserve-3d;\n transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s;\n }\n .tilt .tilt-inner { transform: translateZ(40px); }\n\n .grad-border {\n position: relative;\n background: linear-gradient(#0f0f12,#0f0f12) padding-box,\n linear-gradient(135deg, #F2C94C, #FF5A1F) border-box;\n border: 1.5px solid transparent;\n }\n\n .marquee { display:flex; gap: 3rem; animation: marquee 28s linear infinite; }\n @keyframes marquee {\n from { transform: translateX(0); }\n to { transform: translateX(50%); }\n }\n\n .reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1); }\n .reveal.is-in{ opacity: 1; transform: none; }\n .reveal.delay-1 { transition-delay: .08s; }\n .reveal.delay-2 { transition-delay: .16s; }\n .reveal.delay-3 { transition-delay: .24s; }\n .reveal.delay-4 { transition-delay: .32s; }\n\n .glow-cta { position: relative; isolation: isolate; }\n .glow-cta::before{\n content:\"\"; position:absolute; inset:-2px; border-radius:inherit; z-index:-1;\n background: conic-gradient(from 0deg, #F2C94C, #FF5A1F, #F2C94C);\n filter: blur(14px); opacity: .55; transition: opacity .3s;\n }\n .glow-cta:hover::before{ opacity: .95; }\n\n .wave { display:block; width:100%; height: 40px; }\n @media (min-width: 640px) { .wave { height: 80px; } }\n #lightbox { backdrop-filter: blur(10px); }\n\n \/* Certificate fitter \u2014 image displays at natural ratio inside a dark backdrop *\/\n .cert-fit {\n background: radial-gradient(circle at center, #1a1a20 0%, #0b0b0e 80%);\n padding: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .cert-fit img { width: 100%; height: 100%; object-fit: contain; }\n\n \/* Hero \u2014 push image focus toward upper-right so the bottom-left watermark is off-frame *\/\n #heroImg { object-position: 75% 30%; }\n\n \/* Mobile tweaks *\/\n @media (max-width: 640px) {\n .brush::after { height: 10px; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .reveal { opacity:1 !important; transform:none !important; transition:none !important; }\n .marquee { animation: none !important; }\n .grad-text { animation: none !important; }\n }\n<\/style>\n<\/head>\n\n<body class=\"font-sans antialiased\">\n\n<!-- =================== NAVBAR =================== -->\n<header id=\"nav\" class=\"fixed top-0 inset-x-0 z-50 transition-all duration-500\">\n<!-- <div class=\"max-w-7xl mx-auto px-4 sm:px-5 lg:px-8 py-3 sm:py-4 flex items-center justify-between gap-3\">-->\n<!-- <a href=\"#top\" class=\"flex items-center group min-w-0\">-->\n<!-- <img decoding=\"async\" src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png\"-->\n<!-- alt=\"\u0634\u0639\u0627\u0631 \u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633\"-->\n<!-- class=\"h-10 sm:h-12 w-auto object-contain\" \/>-->\n<!--<\/a>-->\n<!-- <nav class=\"hidden lg:flex items-center gap-8 text-sm font-medium text-white\/80\">-->\n<!-- <a href=\"#achievements\" class=\"hover:text-gold transition\">\u0625\u0646\u062c\u0627\u0632\u0627\u062a<\/a>-->\n<!-- <a href=\"#links\" class=\"hover:text-gold transition\">\u0631\u0648\u0627\u0628\u0637<\/a>-->\n<!-- <a href=\"#packages\" class=\"hover:text-gold transition\">\u0627\u0644\u0628\u0627\u0642\u0627\u062a<\/a>-->\n<!-- <a href=\"#about\" class=\"hover:text-gold transition\">\u0645\u0646 \u0623\u0646\u0627<\/a>-->\n<!-- <a href=\"#certs\" class=\"hover:text-gold transition\">\u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a<\/a>-->\n<!-- <\/nav>-->\n<!-- <a href=\"tel:+96550001753\"-->\n<!-- class=\"glow-cta inline-flex items-center gap-2 bg-gold text-ink-900 font-bold px-3 py-2 sm:px-4 sm:py-2 rounded-full text-xs sm:text-sm hover:scale-[1.03] transition num-latin flex-shrink-0\">-->\n<!-- <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A18 18 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.55 3.6a1 1 0 0 1-.25 1L6.6 10.8z\"\/><\/svg>-->\n<!-- <span dir=\"ltr\" class=\"hidden xs:inline sm:inline\">+965 5000 1753<\/span>-->\n<!-- <\/a>-->\n<!-- <\/div>-->\n<\/header>\n\n<main id=\"top\">\n\n<!-- =================== HERO =================== -->\n<section id=\"hero\" class=\"relative min-h-screen overflow-hidden\">\n <!-- Background layer (image + overlays) \u2014 guaranteed to fill the section -->\n <div class=\"absolute inset-0 z-0\">\n <!-- SWAP: HERO_IMAGE -->\n <img decoding=\"async\" id=\"heroImg\"\n class=\"hero-img w-full h-full object-cover\"\n src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_2558.jpeg\"\n alt=\"Captain Abdulwahab Al-Owais \u2014 bodybuilding trophies\"\n loading=\"eager\" \/>\n <!-- Soft base gradient so the image breathes through -->\n <div class=\"absolute inset-0 bg-gradient-to-b from-black\/40 via-black\/25 to-black\/80\"><\/div>\n <!-- Right-side darkening so RTL Arabic text on the right reads clearly -->\n <div class=\"absolute inset-0 bg-gradient-to-l from-black\/75 via-black\/25 to-transparent\"><\/div>\n <!-- Bottom-left mask to fully hide the photographer watermark -->\n <div class=\"absolute bottom-0 left-0 w-[60%] h-32 sm:h-48 bg-gradient-to-tr from-black via-black\/90 to-transparent\"><\/div>\n <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_75%_45%,rgba(242,201,76,.18),transparent_55%)]\"><\/div>\n <\/div>\n\n <!-- Content layer \u2014 guaranteed to occupy at least one full viewport height -->\n <div class=\"relative z-10 min-h-screen flex flex-col justify-center max-w-7xl mx-auto px-5 lg:px-8 w-full pt-28 sm:pt-32 pb-24 sm:pb-20\">\n <div class=\"max-w-3xl\">\n <p data-reveal class=\"reveal text-gold font-display tracking-[.25em] text-[10px] sm:text-xs md:text-sm mb-4 sm:mb-5\">IFBB \u00b7 KUWAIT \u00b7 ESP CERTIFIED<\/p>\n\n <h1 data-reveal class=\"reveal delay-1 font-display font-black leading-[0.95] text-white text-[18vw] sm:text-[14vw] md:text-[7rem] lg:text-[8.5rem]\">\n \u0643\u0646 <span class=\"grad-text\">\u0642\u0648\u064a\u0640\u0627\u064b<\/span>\n <\/h1>\n\n <p data-reveal class=\"reveal delay-2 mt-5 sm:mt-6 text-base sm:text-lg md:text-2xl text-white\/85 max-w-2xl leading-relaxed\">\n \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0628\u0631\u064a\u0627\u0636\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u2014\n <span class=\"text-gold\">\u062c\u062f\u0627\u0648\u0644 \u063a\u0630\u0627\u0626\u064a\u0629\u060c \u062a\u062f\u0631\u064a\u0628 \u0634\u062e\u0635\u064a\u060c \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/span>\n \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0635\u0648\u0631\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0628\u0627\u0642\u0629.\n <\/p>\n\n <div data-reveal class=\"reveal delay-3 mt-8 sm:mt-10 flex flex-wrap items-center gap-3 sm:gap-4\">\n <a href=\"#packages\"\n class=\"glow-cta inline-flex items-center gap-2 bg-gold hover:bg-gold-400 text-ink-900 font-extrabold px-6 py-3.5 sm:px-7 sm:py-4 rounded-full text-sm sm:text-base transition\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <svg class=\"w-5 h-5 rtl:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n <a href=\"tel:+96550001753\"\n class=\"inline-flex items-center gap-2 border border-white\/30 hover:border-gold hover:text-gold text-white font-bold px-6 py-3.5 sm:px-7 sm:py-4 rounded-full text-sm sm:text-base transition num-latin\">\n <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A18 18 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.55 3.6a1 1 0 0 1-.25 1L6.6 10.8z\"\/><\/svg>\n <span dir=\"ltr\">+965 5000 1753<\/span>\n <\/a>\n <\/div>\n\n \n\n <a href=\"#achievements\" class=\"absolute left-1\/2 -translate-x-1\/2 bottom-4 sm:bottom-6 text-white\/60 hover:text-gold transition flex flex-col items-center gap-2\">\n <span class=\"text-[10px] sm:text-xs tracking-widest\">SCROLL<\/span>\n <svg class=\"w-5 h-5 animate-bounce\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9l6 6 6-6\"\/><\/svg>\n <\/a>\n <\/div>\n<\/section>\n\n<!-- =================== ACHIEVEMENTS \/ COUNTERS =================== -->\n<section id=\"achievements\" class=\"relative py-16 sm:py-24 lg:py-32\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"text-center mb-10 sm:mb-16\">\n <p data-reveal class=\"reveal text-gold tracking-[.25em] sm:tracking-[.3em] text-[10px] sm:text-xs mb-3\">ARMOR OF ACHIEVEMENT<\/p>\n <h2 data-reveal class=\"reveal delay-1 font-display text-3xl sm:text-4xl md:text-6xl font-black text-white\">\n \u0623\u0631\u0642\u0627\u0645 \u062a\u062a\u062d\u062f\u062b \u0639\u0646 <span class=\"grad-text\">\u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/span>\n <\/h2>\n <div data-reveal class=\"reveal delay-2 brush w-32 sm:w-40 mx-auto\"><\/div>\n <\/div>\n\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6\">\n\n <div data-reveal class=\"reveal delay-1 grad-border rounded-2xl p-5 sm:p-8 text-center group hover:-translate-y-1 transition\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 mx-auto rounded-xl bg-gradient-to-br from-gold\/20 to-ember\/20 flex items-center justify-center text-gold mb-4 sm:mb-5 group-hover:scale-110 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5C15 14.17 10.33 13 8 13zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\n <\/div>\n <div class=\"font-display font-black text-4xl sm:text-5xl md:text-6xl text-white num-latin\">\n <span class=\"counter\" data-target=\"300\">0<\/span><span class=\"text-gold\">+<\/span>\n <\/div>\n <div class=\"mt-2 sm:mt-3 text-white\/70 text-base sm:text-lg\">\u0645\u062a\u062f\u0631\u0628<\/div>\n <\/div>\n\n <div data-reveal class=\"reveal delay-2 grad-border rounded-2xl p-5 sm:p-8 text-center group hover:-translate-y-1 transition\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 mx-auto rounded-xl bg-gradient-to-br from-gold\/20 to-ember\/20 flex items-center justify-center text-gold mb-4 sm:mb-5 group-hover:scale-110 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20.5 14.5l1.5-1.5-1.5-1.5-1 1-7-7-1 1-1.5-1.5-1.5 1.5 1.5 1.5-1 1 7 7-1 1 1.5 1.5 1.5-1.5-1-1 7-7zM5.5 19.5l-1 1L3 19l1-1L5.5 19.5z\"\/><\/svg>\n <\/div>\n <div class=\"font-display font-black text-4xl sm:text-5xl md:text-6xl text-white num-latin\">\n <span class=\"counter\" data-target=\"120\">0<\/span>\n <\/div>\n <div class=\"mt-2 sm:mt-3 text-white\/70 text-base sm:text-lg\">\u062a\u0645\u0631\u064a\u0646<\/div>\n <\/div>\n\n <div data-reveal class=\"reveal delay-3 grad-border rounded-2xl p-5 sm:p-8 text-center group hover:-translate-y-1 transition\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 mx-auto rounded-xl bg-gradient-to-br from-gold\/20 to-ember\/20 flex items-center justify-center text-gold mb-4 sm:mb-5 group-hover:scale-110 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 16.9V19H7v2h10v-2h-4v-2.1a5.01 5.01 0 0 0 3.61-3.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z\"\/><\/svg>\n <\/div>\n <div class=\"font-display font-black text-4xl sm:text-5xl md:text-6xl text-white num-latin\">\n <span class=\"counter\" data-target=\"27\">0<\/span>\n <\/div>\n <div class=\"mt-2 sm:mt-3 text-white\/70 text-base sm:text-lg\">\u062c\u0648\u0627\u0626\u0632<\/div>\n <\/div>\n\n <div data-reveal class=\"reveal delay-4 grad-border rounded-2xl p-5 sm:p-8 text-center group hover:-translate-y-1 transition\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 mx-auto rounded-xl bg-gradient-to-br from-gold\/20 to-ember\/20 flex items-center justify-center text-gold mb-4 sm:mb-5 group-hover:scale-110 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-9 12l-4-4 1.41-1.41L11 11.17l5.59-5.59L18 7l-7 7zM2 6v14c0 1.1.9 2 2 2h14v-2H4V6H2z\"\/><\/svg>\n <\/div>\n <div class=\"font-display font-black text-4xl sm:text-5xl md:text-6xl text-white num-latin\">\n <span class=\"counter\" data-target=\"4\">0<\/span>\n <\/div>\n <div class=\"mt-2 sm:mt-3 text-white\/70 text-base sm:text-lg\">\u0634\u0647\u0627\u062f\u0627\u062a<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== QUICK LINKS =================== -->\n<section id=\"links\" class=\"relative py-14 sm:py-20 lg:py-28\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"grid md:grid-cols-3 gap-5 sm:gap-6\">\n\n <a href=\"https:\/\/a-alowais.com\/on-courses\/\" target=\"_blank\" rel=\"noopener\"\n data-reveal class=\"reveal delay-1 tilt group relative overflow-hidden rounded-3xl p-6 sm:p-8 bg-ink-800 border border-white\/10 hover:border-gold\/50 hover:shadow-gold-glow transition\">\n <div class=\"tilt-inner\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-xl bg-gradient-to-br from-gold to-ember flex items-center justify-center text-ink-900 mb-5 sm:mb-6 group-hover:rotate-6 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 7h18M3 12h18M3 17h18\"\/><\/svg>\n <\/div>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-2 group-hover:text-gold transition\">\u0627\u0644\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062f\u0631\u064a\u0628\u064a\u0629<\/h3>\n <p class=\"text-white\/70 leading-relaxed mb-5 sm:mb-6 text-sm sm:text-base\">\u062a\u0635\u0641\u0651\u062d \u062c\u0645\u064a\u0639 \u0627\u0644\u0628\u0627\u0642\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0631\u0627\u062a \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\n <span class=\"inline-flex items-center gap-2 text-gold font-bold\">\n \u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u0628\u0627\u0642\u0627\u062a\n <svg class=\"w-4 h-4 rtl:rotate-180 group-hover:translate-x-[-4px] transition\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"absolute -bottom-10 -left-10 w-40 h-40 rounded-full bg-gold\/10 blur-2xl group-hover:bg-gold\/20 transition\"><\/div>\n <\/a>\n\n <a href=\"https:\/\/a-alowais.com\/interview\/\" target=\"_blank\" rel=\"noopener\"\n data-reveal class=\"reveal delay-2 tilt group relative overflow-hidden rounded-3xl p-6 sm:p-8 bg-ink-800 border border-white\/10 hover:border-gold\/50 hover:shadow-gold-glow transition\">\n <div class=\"tilt-inner\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-xl bg-gradient-to-br from-gold to-ember flex items-center justify-center text-ink-900 mb-5 sm:mb-6 group-hover:rotate-6 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 10.5V7a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-3.5l4 4v-11l-4 4z\"\/><\/svg>\n <\/div>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-2 group-hover:text-gold transition\">\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u062a\u0644\u0641\u0632\u064a\u0648\u0646\u064a\u0629<\/h3>\n <p class=\"text-white\/70 leading-relaxed mb-5 sm:mb-6 text-sm sm:text-base\">\u0623\u0628\u0631\u0632 \u0627\u0644\u0644\u0642\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0641\u064a \u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0645.<\/p>\n <span class=\"inline-flex items-center gap-2 text-gold font-bold\">\n \u0634\u0627\u0647\u062f \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a\n <svg class=\"w-4 h-4 rtl:rotate-180 group-hover:translate-x-[-4px] transition\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"absolute -bottom-10 -left-10 w-40 h-40 rounded-full bg-gold\/10 blur-2xl group-hover:bg-gold\/20 transition\"><\/div>\n <\/a>\n\n <a href=\"https:\/\/a-alowais.com\/awards\/\" target=\"_blank\" rel=\"noopener\"\n data-reveal class=\"reveal delay-3 tilt group relative overflow-hidden rounded-3xl p-6 sm:p-8 bg-ink-800 border border-white\/10 hover:border-gold\/50 hover:shadow-gold-glow transition\">\n <div class=\"tilt-inner\">\n <div class=\"w-12 h-12 sm:w-14 sm:h-14 rounded-xl bg-gradient-to-br from-gold to-ember flex items-center justify-center text-ink-900 mb-5 sm:mb-6 group-hover:rotate-6 transition\">\n <svg class=\"w-6 h-6 sm:w-7 sm:h-7\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 16.9V19H7v2h10v-2h-4v-2.1a5.01 5.01 0 0 0 3.61-3.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z\"\/><\/svg>\n <\/div>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-2 group-hover:text-gold transition\">\u0627\u0644\u062c\u0648\u0627\u0626\u0632 \u0627\u0644\u0634\u062e\u0635\u064a\u0629<\/h3>\n <p class=\"text-white\/70 leading-relaxed mb-5 sm:mb-6 text-sm sm:text-base\">\u0662\u0667 \u0625\u0646\u062c\u0627\u0632 \u0641\u0631\u062f\u064a\u060c \u0643\u0624\u0648\u0633 \u0648\u0645\u064a\u062f\u0627\u0644\u064a\u0627\u062a \u062f\u0648\u0644\u064a\u0629.<\/p>\n <span class=\"inline-flex items-center gap-2 text-gold font-bold\">\n \u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0627\u0644\u062c\u0648\u0627\u0626\u0632\n <svg class=\"w-4 h-4 rtl:rotate-180 group-hover:translate-x-[-4px] transition\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"absolute -bottom-10 -left-10 w-40 h-40 rounded-full bg-gold\/10 blur-2xl group-hover:bg-gold\/20 transition\"><\/div>\n <\/a>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== PACKAGES =================== -->\n<section id=\"packages\" class=\"relative py-16 sm:py-24 lg:py-32\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"text-center mb-10 sm:mb-16\">\n <p data-reveal class=\"reveal text-ember tracking-[.25em] sm:tracking-[.3em] text-[10px] sm:text-xs mb-3\">TRAINING PACKAGES<\/p>\n <h2 data-reveal class=\"reveal delay-1 font-display text-3xl sm:text-4xl md:text-6xl font-black text-white\">\n \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 <span class=\"grad-text\">\u0648\u0627\u0644\u0628\u0627\u0642\u0627\u062a<\/span>\n <\/h2>\n <p data-reveal class=\"reveal delay-2 mt-4 sm:mt-5 text-white\/70 max-w-2xl mx-auto text-sm sm:text-base px-2\">\n \u062b\u0644\u0627\u062b \u0628\u0627\u0642\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u0628\u062f\u0642\u0629 \u0644\u062a\u0646\u0627\u0633\u0628 \u0623\u0647\u062f\u0627\u0641\u0643 \u2014 \u0645\u0646 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0634\u062e\u0635\u064a \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0625\u0644\u0649 \u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0623\u0648\u0646\u0644\u0627\u064a\u0646.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-6 sm:gap-7\">\n\n <!-- Package 1 -->\n <article data-reveal class=\"reveal delay-1 tilt relative rounded-3xl overflow-hidden bg-ink-800 border border-white\/10 flex flex-col\">\n <div class=\"relative h-44 sm:h-48 overflow-hidden bg-ink-900\">\n <!-- SWAP: PACKAGE_IMAGE_1 \u2014 replace with your own male trainer photo -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1581009146145-b5ef050c2e1e?auto=format&fit=crop&w=900&q=80\"\n alt=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u062f\u0631\u0628 \u0627\u0644\u0634\u062e\u0635\u064a \u2014 \u0663 \u0634\u0647\u0648\u0631\" loading=\"lazy\"\n class=\"w-full h-full object-cover transition duration-700 hover:scale-105\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-ink-800 via-ink-800\/40 to-transparent\"><\/div>\n <\/div>\n <div class=\"tilt-inner p-6 sm:p-7 flex-1 flex flex-col\">\n <p class=\"text-[10px] sm:text-[11px] tracking-[.2em] sm:tracking-[.25em] text-gold font-bold mb-2\">THREE MONTHS PERSONAL TRAINER<\/p>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-4 leading-snug\">\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u062f\u0631\u0628 \u0627\u0644\u0634\u062e\u0635\u064a \u2014 \u0663 \u0634\u0647\u0648\u0631<\/h3>\n <div class=\"flex items-baseline gap-2 mb-5 sm:mb-6 num-latin\">\n <span class=\"font-display font-black text-4xl sm:text-5xl text-gold\">100.00<\/span>\n <span class=\"text-white\/60 text-base sm:text-lg\">\u062f.\u0643<\/span>\n <\/div>\n <ul class=\"space-y-2.5 sm:space-y-3 mb-6 sm:mb-8 flex-1 text-sm sm:text-base\">\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062a\u062f\u0631\u064a\u0628 \u0634\u062e\u0635\u064a \u0645\u0628\u0627\u0634\u0631<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062a\u0631\u0643\u064a\u0628 \u062c\u062f\u0648\u0644 \u063a\u0630\u0627\u0626\u064a \u0645\u062e\u0635\u0635<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062c\u062f\u0627\u0648\u0644 \u062a\u0645\u0627\u0631\u064a\u0646 \u0645\u0635\u0648\u0631\u0629<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0645\u062a\u0627\u0628\u0639\u0629 \u0623\u0633\u0628\u0648\u0639\u064a\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/a-alowais.com\/courses\/new-course-2-2-3\/\" target=\"_blank\" rel=\"noopener\"\n class=\"glow-cta block text-center font-extrabold py-3.5 sm:py-4 rounded-2xl transition bg-gold hover:bg-gold-400 text-ink-900\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <\/div>\n <\/article>\n\n <!-- Package 2 (popular) -->\n <article data-reveal class=\"reveal delay-2 tilt relative rounded-3xl overflow-hidden md:-translate-y-4 shadow-ember-glow bg-ink-800 border border-ember\/60 flex flex-col\">\n <div class=\"absolute top-3 left-3 sm:top-4 sm:left-4 z-10 bg-ember text-white text-[10px] sm:text-xs font-extrabold px-3 py-1 rounded-full tracking-wider\">\u2605 \u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b<\/div>\n <div class=\"relative h-44 sm:h-48 overflow-hidden bg-ink-900\">\n <!-- SWAP: PACKAGE_IMAGE_2 \u2014 replace with your own male trainer photo -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1583454110551-21f2fa2afe61?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n alt=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u062f\u0631\u0628 \u0627\u0644\u0634\u062e\u0635\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0634\u0647\u0631\" loading=\"lazy\"\n class=\"w-full h-full object-cover transition duration-700 hover:scale-105\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-ink-800 via-ink-800\/40 to-transparent\"><\/div>\n <\/div>\n <div class=\"tilt-inner p-6 sm:p-7 flex-1 flex flex-col\">\n <p class=\"text-[10px] sm:text-[11px] tracking-[.2em] sm:tracking-[.25em] text-gold font-bold mb-2\">ONE MONTH ONLINE PERSONAL TRAINER<\/p>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-4 leading-snug\">\u0628\u0627\u0642\u0629 \u0627\u0644\u0645\u062f\u0631\u0628 \u0627\u0644\u0634\u062e\u0635\u064a \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0634\u0647\u0631<\/h3>\n <div class=\"flex items-baseline gap-2 mb-5 sm:mb-6 num-latin\">\n <span class=\"font-display font-black text-4xl sm:text-5xl text-ember\">50.00<\/span>\n <span class=\"text-white\/60 text-base sm:text-lg\">\u062f.\u0643<\/span>\n <\/div>\n <ul class=\"space-y-2.5 sm:space-y-3 mb-6 sm:mb-8 flex-1 text-sm sm:text-base\">\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-ember\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0645\u062a\u0627\u0628\u0639\u0629 \u0634\u062e\u0635\u064a\u0629 \u0623\u0648\u0646\u0644\u0627\u064a\u0646<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-ember\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062c\u062f\u0648\u0644 \u063a\u0630\u0627\u0626\u064a \u0645\u062e\u0635\u0635<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-ember\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062c\u062f\u0627\u0648\u0644 \u062a\u0645\u0627\u0631\u064a\u0646 \u0645\u0635\u0648\u0631\u0629<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-ember\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0634\u0647\u0631<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/a-alowais.com\/courses\/new-course-2-2-2\/\" target=\"_blank\" rel=\"noopener\"\n class=\"glow-cta block text-center font-extrabold py-3.5 sm:py-4 rounded-2xl transition bg-ember hover:bg-ember-400 text-white\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <\/div>\n <\/article>\n\n <!-- Package 3 -->\n <article data-reveal class=\"reveal delay-3 tilt relative rounded-3xl overflow-hidden bg-ink-800 border border-white\/10 flex flex-col\">\n <div class=\"relative h-44 sm:h-48 overflow-hidden bg-ink-900\">\n <!-- SWAP: PACKAGE_IMAGE_3 \u2014 replace with your own male workout photo -->\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=900&q=80\"\n alt=\"\u0628\u0627\u0642\u0629 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0634\u0647\u0631\" loading=\"lazy\"\n class=\"w-full h-full object-cover transition duration-700 hover:scale-105\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-ink-800 via-ink-800\/40 to-transparent\"><\/div>\n <\/div>\n <div class=\"tilt-inner p-6 sm:p-7 flex-1 flex flex-col\">\n <p class=\"text-[10px] sm:text-[11px] tracking-[.2em] sm:tracking-[.25em] text-gold font-bold mb-2\">ONE MONTH ONLINE WORKOUTS<\/p>\n <h3 class=\"font-display font-extrabold text-xl sm:text-2xl text-white mb-4 leading-snug\">\u0628\u0627\u0642\u0629 \u0627\u0644\u062a\u0645\u0627\u0631\u064a\u0646 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 \u2014 \u0634\u0647\u0631<\/h3>\n <div class=\"flex items-baseline gap-2 mb-5 sm:mb-6 num-latin\">\n <span class=\"font-display font-black text-4xl sm:text-5xl text-gold\">20.00<\/span>\n <span class=\"text-white\/60 text-base sm:text-lg\">\u062f.\u0643<\/span>\n <\/div>\n <ul class=\"space-y-2.5 sm:space-y-3 mb-6 sm:mb-8 flex-1 text-sm sm:text-base\">\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u062c\u062f\u0627\u0648\u0644 \u062a\u0645\u0627\u0631\u064a\u0646 \u0645\u0635\u0648\u0631\u0629<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0634\u0631\u062d \u0643\u0644 \u062a\u0645\u0631\u064a\u0646 \u0628\u0627\u0644\u0641\u064a\u062f\u064a\u0648<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0646\u0635\u0627\u0626\u062d \u0644\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629<\/span>\n <\/li>\n <li class=\"flex items-start gap-3 text-white\/80\">\n <svg class=\"w-5 h-5 mt-0.5 flex-shrink-0 text-gold\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12l5 5L20 7\"\/><\/svg>\n <span>\u0644\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u064a\u0646<\/span>\n <\/li>\n <\/ul>\n <a href=\"https:\/\/a-alowais.com\/courses\/new-course-2\/\" target=\"_blank\" rel=\"noopener\"\n class=\"glow-cta block text-center font-extrabold py-3.5 sm:py-4 rounded-2xl transition bg-gold hover:bg-gold-400 text-ink-900\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== BANNER 2 \u2014 MID-SECTION PROMO =================== -->\n<section class=\"relative py-14 sm:py-20 lg:py-28 overflow-hidden\">\n <svg class=\"wave text-ink-900 absolute -top-px inset-x-0\" viewBox=\"0 0 1440 80\" preserveAspectRatio=\"none\"><path fill=\"currentColor\" d=\"M0 40 C 240 80 480 0 720 30 S 1200 80 1440 30 V80 H0z\"\/><\/svg>\n\n <div class=\"relative max-w-7xl mx-auto px-4 sm:px-5 lg:px-8\">\n <div class=\"relative rounded-[1.5rem] sm:rounded-[2rem] overflow-hidden grad-border min-h-[460px] sm:min-h-[480px]\">\n <!-- SWAP: BANNER2_IMAGE \u2014 male bodybuilder -->\n <img decoding=\"async\" id=\"banner2\"\n src=\"https:\/\/images.unsplash.com\/photo-1599058917765-a780eda07a3e?auto=format&fit=crop&w=2000&q=80\"\n alt=\"\u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f\"\n loading=\"lazy\"\n class=\"absolute inset-0 w-full h-full object-cover\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-l from-black\/90 via-black\/70 to-black\/40\"><\/div>\n\n <div class=\"relative p-6 sm:p-10 md:p-14 lg:p-20 max-w-2xl\">\n <p data-reveal class=\"reveal text-ember tracking-[.25em] sm:tracking-[.3em] text-[10px] sm:text-xs mb-3 sm:mb-4\">INTERNATIONALLY CERTIFIED<\/p>\n <h2 data-reveal class=\"reveal delay-1 font-display font-black text-2xl sm:text-4xl md:text-5xl lg:text-6xl text-white leading-[1.6] sm:leading-[1.4] md:leading-[1.2]\">\n \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0628\u0631\u064a\u0627\u0636\u0629 <span class=\"grad-text\">\u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629<\/span>\n <\/h2>\n <ul data-reveal class=\"reveal delay-2 mt-5 sm:mt-7 grid grid-cols-2 gap-2 sm:gap-3 text-white\/85 text-sm sm:text-base\">\n <li class=\"flex items-center gap-2\"><span class=\"text-ember\">\u25cf<\/span> \u062a\u0631\u0643\u064a\u0628 \u062c\u062f\u0648\u0644 \u063a\u0630\u0627\u0626\u064a<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-ember\">\u25cf<\/span> \u062a\u062f\u0631\u064a\u0628 \u0634\u062e\u0635\u064a<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-ember\">\u25cf<\/span> \u062c\u062f\u0627\u0648\u0644 \u062a\u0645\u0627\u0631\u064a\u0646 \u0645\u0635\u0648\u0651\u0631\u0629<\/li>\n <li class=\"flex items-center gap-2\"><span class=\"text-ember\">\u25cf<\/span> \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<\/li>\n <\/ul>\n <a href=\"#packages\" data-reveal class=\"reveal delay-3 glow-cta inline-flex mt-7 sm:mt-9 items-center gap-2 bg-ember hover:bg-ember-400 text-white font-extrabold px-6 py-3.5 sm:px-7 sm:py-4 rounded-full text-sm sm:text-base\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <svg class=\"w-5 h-5 rtl:rotate-180\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== MARQUEE =================== -->\n<section class=\"py-4 sm:py-6 border-y border-white\/10 bg-ink-900\/60 overflow-hidden\">\n <div class=\"marquee whitespace-nowrap font-display font-black text-xl sm:text-3xl md:text-4xl text-white\/15 select-none\">\n <span>IFBB CERTIFIED<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>PERSONAL TRAINER<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>KUWAIT<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>ESP DIPLOMA<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>BE STRONG<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>27 AWARDS<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>NUTRITION SPECIALIST<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>BODYBUILDING<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>FITNESS<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>ONLINE COACHING<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>IFBB CERTIFIED<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>PERSONAL TRAINER<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>KUWAIT<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>ESP DIPLOMA<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>BE STRONG<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>27 AWARDS<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>NUTRITION SPECIALIST<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>BODYBUILDING<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>FITNESS<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <span>ONLINE COACHING<\/span><span class=\"text-gold\/40\">\u2605<\/span>\n <\/div>\n<\/section>\n\n<!-- =================== ABOUT =================== -->\n<section id=\"about\" class=\"relative py-16 sm:py-24 lg:py-32\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8 grid lg:grid-cols-12 gap-10 sm:gap-12 items-start\">\n\n <div data-reveal class=\"reveal lg:col-span-5 relative max-w-md mx-auto lg:max-w-none lg:mx-0 w-full\">\n <div class=\"relative rounded-3xl overflow-hidden grad-border bg-ink-900\">\n <!-- SWAP: ABOUT_PORTRAIT \u2014 image displays at natural aspect ratio -->\n <img decoding=\"async\" src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_2354.jpg\"\n alt=\"\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633\"\n loading=\"lazy\"\n class=\"block w-full h-auto\" \/>\n <\/div>\n \n <div class=\"hidden md:flex absolute -top-6 -left-6 w-20 h-20 lg:w-24 lg:h-24 rounded-2xl bg-ember\/20 backdrop-blur border border-ember\/40 items-center justify-center\">\n <svg class=\"w-8 h-8 lg:w-10 lg:h-10 text-ember\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 16.9V19H7v2h10v-2h-4v-2.1a5.01 5.01 0 0 0 3.61-3.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2z\"\/><\/svg>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-7\">\n <p data-reveal class=\"reveal text-gold tracking-[.25em] sm:tracking-[.3em] text-[10px] sm:text-xs mb-3\">ABOUT THE CAPTAIN<\/p>\n <h2 data-reveal class=\"reveal delay-1 font-display font-black text-3xl sm:text-4xl md:text-5xl text-white leading-tight\">\n \u0627\u0644\u0643\u0627\u0628\u062a\u0646 \/ <span class=\"grad-text\">\u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633<\/span>\n <\/h2>\n \n\n <h3 data-reveal class=\"reveal delay-3 mt-6 sm:mt-8 font-display font-extrabold text-lg sm:text-xl text-ember\">\u0627\u0644\u062e\u0628\u0631\u0627\u062a<\/h3>\n\n <ul class=\"mt-4 sm:mt-5 space-y-2.5 sm:space-y-3 text-white\/85 leading-relaxed text-sm sm:text-base\">\n <li data-reveal class=\"reveal delay-1 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0646\u0627\u0626\u0628 \u0631\u0626\u064a\u0633 \u0644\u062c\u0646\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0641\u064a \u0634\u0631\u0643\u0629 \u0646\u0641\u0637 \u0627\u0644\u0643\u0648\u064a\u062a<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-2 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0644\u0627\u0639\u0628 \u0628\u0645\u0646\u062a\u062e\u0628 \u0627\u0644\u0643\u0648\u064a\u062a \u0644\u0631\u064a\u0627\u0636\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-3 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0644\u0627\u0639\u0628 \u0643\u0631\u0629 \u0642\u062f\u0645 \u0633\u0627\u0628\u0642<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-4 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0645\u0645\u0627\u0631\u0633 \u0644\u0631\u064a\u0627\u0636\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0645\u0646\u0630 \u0639\u0627\u0645 \u0662\u0660\u0661\u0661<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-1 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0645\u062f\u0631\u0628 \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u062f\u0648\u0644\u064a \u0644\u0631\u064a\u0627\u0636\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629 \u0641\u064a \u062f\u0648\u0644\u0629 \u0623\u0633\u0628\u0627\u0646\u064a\u0627<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-2 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u0634\u0647\u0627\u062f\u0629 \u0628\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-3 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u0663 \u0634\u0647\u0627\u062f\u0627\u062a \u0628\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0631\u064a\u0627\u0636\u064a<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-4 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u0643\u0631\u062a \u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0627\u0644\u0645\u062a\u0642\u062f\u0645 \u0627\u0644\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u062f\u0648\u0644\u064a \u0644\u0631\u064a\u0627\u0636\u0629 \u0643\u0645\u0627\u0644 \u0627\u0644\u0623\u062c\u0633\u0627\u0645 \u0648\u0627\u0644\u0644\u064a\u0627\u0642\u0629 \u0627\u0644\u0628\u062f\u0646\u064a\u0629<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-1 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u0639\u062f\u062f \u0662\u0667 \u0625\u0646\u062c\u0627\u0632 \u0641\u0631\u062f\u064a \u0645\u0646 \u0636\u0645\u0646\u0647\u0627 \u0664 \u0643\u0624\u0648\u0633 \u0628\u0637\u0644 \u0627\u0644\u0623\u0628\u0637\u0627\u0644 \u0641\u064a \u0623\u0645\u0631\u064a\u0643\u0627 \u0648\u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0627\u060c \u0648\u0661\u0663 \u0645\u064a\u062f\u0627\u0644\u064a\u0629 \u0630\u0647\u0628\u064a\u0629\u060c \u0648\u0666 \u0645\u064a\u062f\u0627\u0644\u064a\u0627\u062a \u0641\u0636\u064a\u0629\u060c \u0648\u0664 \u0645\u064a\u062f\u0627\u0644\u064a\u0627\u062a \u0628\u0631\u0648\u0646\u0632\u064a\u0629<\/span>\n <\/li>\n <li data-reveal class=\"reveal delay-2 flex items-start gap-3\">\n <span class=\"mt-2 w-2 h-2 rounded-full bg-gradient-to-br from-gold to-ember flex-shrink-0\"><\/span>\n <span>\u0645\u0624\u0633\u0633 \u0645\u0637\u0639\u0645 \u0648\u0648\u0631\u0644\u062f \u0623\u0648\u0641 \u062f\u0627\u064a\u062a \u0627\u0644\u0635\u062d\u064a<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== CERTIFICATES =================== -->\n<section id=\"certs\" class=\"relative py-16 sm:py-24 lg:py-32 bg-ink-900\/40\">\n <div class=\"max-w-7xl mx-auto px-5 lg:px-8\">\n <div class=\"text-center mb-10 sm:mb-14\">\n <p data-reveal class=\"reveal text-gold tracking-[.25em] sm:tracking-[.3em] text-[10px] sm:text-xs mb-3\">CERTIFICATIONS<\/p>\n <h2 data-reveal class=\"reveal delay-1 font-display text-3xl sm:text-4xl md:text-6xl font-black text-white\">\n \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a <span class=\"grad-text\">\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u064a\u0629<\/span>\n <\/h2>\n <p data-reveal class=\"reveal delay-2 mt-3 sm:mt-4 text-white\/70 max-w-xl mx-auto text-sm sm:text-base\">\u0634\u0647\u0627\u062f\u0627\u062a \u0645\u0639\u062a\u0645\u062f\u0629 \u062f\u0648\u0644\u064a\u0627\u064b \u062a\u062b\u0628\u062a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0641\u064a \u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u062a\u063a\u0630\u064a\u0629 \u0627\u0644\u0631\u064a\u0627\u0636\u064a\u0629.<\/p>\n <\/div>\n\n <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5 max-w-5xl mx-auto\">\n\n <button data-reveal class=\"reveal delay-1 cert-thumb cert-fit group relative aspect-[4\/3] rounded-2xl overflow-hidden grad-border focus:outline-none focus:ring-2 focus:ring-gold\"\n data-src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9300-scaled.jpg\" data-index=\"1\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 1\">\n <!-- SWAP: CERT_IMAGE_1 -->\n <img decoding=\"async\" src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9300-scaled.jpg\" alt=\"\u0634\u0647\u0627\u062f\u0629 1\" loading=\"lazy\"\n class=\"transition duration-700 group-hover:scale-[1.02]\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition flex items-end p-4\">\n <span class=\"text-white font-bold flex items-center gap-2\">\n <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg>\n \u0639\u0631\u0636\n <\/span>\n <\/div>\n <\/button>\n\n <button data-reveal class=\"reveal delay-2 cert-thumb cert-fit group relative aspect-[4\/3] rounded-2xl overflow-hidden grad-border focus:outline-none focus:ring-2 focus:ring-gold\"\n data-src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9300-scaled.jpg\" data-index=\"2\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 2\">\n <!-- SWAP: CERT_IMAGE_2 -->\n <img decoding=\"async\" src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9300-scaled.jpg\" alt=\"\u0634\u0647\u0627\u062f\u0629 2\" loading=\"lazy\"\n class=\"transition duration-700 group-hover:scale-[1.02]\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition flex items-end p-4\">\n <span class=\"text-white font-bold flex items-center gap-2\">\n <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg>\n \u0639\u0631\u0636\n <\/span>\n <\/div>\n <\/button>\n\n <button data-reveal class=\"reveal delay-3 cert-thumb cert-fit group relative aspect-[4\/3] rounded-2xl overflow-hidden grad-border focus:outline-none focus:ring-2 focus:ring-gold sm:col-span-2 lg:col-span-1\"\n data-src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9299-scaled.jpg\" data-index=\"3\" aria-label=\"\u0639\u0631\u0636 \u0627\u0644\u0634\u0647\u0627\u062f\u0629 3\">\n <!-- SWAP: CERT_IMAGE_3 -->\n <img decoding=\"async\" src=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2024\/02\/IMG_9299-scaled.jpg\" alt=\"\u0634\u0647\u0627\u062f\u0629 3\" loading=\"lazy\"\n class=\"transition duration-700 group-hover:scale-[1.02]\" \/>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/80 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition flex items-end p-4\">\n <span class=\"text-white font-bold flex items-center gap-2\">\n <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg>\n \u0639\u0631\u0636\n <\/span>\n <\/div>\n <\/button>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- =================== CTA FOOTER =================== -->\n<section class=\"relative py-14 sm:py-20 lg:py-28\">\n <div class=\"max-w-5xl mx-auto px-5 lg:px-8 text-center\">\n <h2 data-reveal class=\"reveal font-display font-black text-3xl sm:text-4xl md:text-6xl text-white leading-tight\">\n \u062c\u0627\u0647\u0632 <span class=\"grad-text\">\u0644\u0644\u062a\u063a\u064a\u064a\u0631\u061f<\/span>\n <\/h2>\n <p data-reveal class=\"reveal delay-1 mt-4 sm:mt-5 text-white\/75 text-base sm:text-lg max-w-2xl mx-auto\">\n \u0627\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u064a\u0648\u0645 \u0645\u0639 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u2014 \u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u0645\u062a\u0627\u0628\u0639\u0629 \u0634\u062e\u0635\u064a\u0629\u060c \u0648\u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u0629 \u0635\u062d\u064a.\n <\/p>\n <div data-reveal class=\"reveal delay-2 mt-8 sm:mt-10 flex flex-wrap justify-center gap-3 sm:gap-4\">\n <a href=\"#packages\" class=\"glow-cta inline-flex items-center gap-2 bg-gold hover:bg-gold-400 text-ink-900 font-extrabold px-7 py-3.5 sm:px-8 sm:py-4 rounded-full text-sm sm:text-base\">\n \u0627\u0634\u062a\u0631\u0643 \u0627\u0644\u0622\u0646\n <\/a>\n <a href=\"tel:+96550001753\" class=\"inline-flex items-center gap-2 border border-white\/30 hover:border-gold hover:text-gold text-white font-bold px-7 py-3.5 sm:px-8 sm:py-4 rounded-full num-latin text-sm sm:text-base\">\n <svg class=\"w-5 h-5\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.36 2.3.55 3.6.55a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A18 18 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.3.2 2.5.55 3.6a1 1 0 0 1-.25 1L6.6 10.8z\"\/><\/svg>\n <span dir=\"ltr\">+965 5000 1753<\/span>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<\/main>\n\n<!-- =================== LIGHTBOX =================== -->\n<div id=\"lightbox\" class=\"fixed inset-0 z-[100] hidden items-center justify-center bg-black\/90 p-3 sm:p-4\">\n <button id=\"lbClose\" class=\"absolute top-3 right-3 sm:top-5 sm:right-5 w-10 h-10 sm:w-12 sm:h-12 rounded-full bg-white\/10 hover:bg-gold hover:text-ink-900 text-white flex items-center justify-center transition z-10\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">\n <svg class=\"w-5 h-5 sm:w-6 sm:h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg>\n <\/button>\n <img decoding=\"async\" id=\"lbImg\" src=\"\" alt=\"\" class=\"max-h-[88vh] max-w-[94vw] sm:max-w-[92vw] object-contain rounded-2xl shadow-2xl\" \/>\n<\/div>\n\n<!-- =================== SCRIPTS =================== -->\n<script>\n(() => {\n const reduce = matchMedia('(prefers-reduced-motion: reduce)').matches;\n const isTouch = matchMedia('(hover: none)').matches;\n\n \/* Navbar background on scroll *\/\n const nav = document.getElementById('nav');\n const onScroll = () => {\n if (window.scrollY > 30) {\n nav.classList.add('bg-ink-950\/85','backdrop-blur','border-b','border-white\/5','shadow-xl');\n } else {\n nav.classList.remove('bg-ink-950\/85','backdrop-blur','border-b','border-white\/5','shadow-xl');\n }\n };\n onScroll();\n window.addEventListener('scroll', onScroll, { passive: true });\n\n \/* IntersectionObserver reveals *\/\n const io = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (e.isIntersecting) {\n e.target.classList.add('is-in');\n io.unobserve(e.target);\n }\n });\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\n document.querySelectorAll('[data-reveal]').forEach(el => io.observe(el));\n\n \/* Count-up counters *\/\n const counterIO = new IntersectionObserver((entries) => {\n entries.forEach(e => {\n if (!e.isIntersecting) return;\n const el = e.target;\n const target = +el.dataset.target;\n const dur = 1600;\n const start = performance.now();\n const tick = (t) => {\n const p = Math.min(1, (t - start) \/ dur);\n const eased = 1 - Math.pow(1 - p, 3);\n el.textContent = Math.round(target * eased).toLocaleString('en-US');\n if (p < 1) requestAnimationFrame(tick);\n };\n requestAnimationFrame(tick);\n counterIO.unobserve(el);\n });\n }, { threshold: 0.4 });\n document.querySelectorAll('.counter').forEach(c => counterIO.observe(c));\n\n \/* GSAP scroll animations *\/\n if (window.gsap && !reduce) {\n gsap.registerPlugin(ScrollTrigger);\n\n gsap.to('#heroImg', {\n yPercent: 18,\n scale: 1.18,\n ease: 'none',\n scrollTrigger: { trigger: '#top', start: 'top top', end: '+=800', scrub: true },\n });\n gsap.to('#heroImg', {\n filter: 'brightness(0.4) blur(2px)',\n ease: 'none',\n scrollTrigger: { trigger: '#top', start: 'top top', end: '+=600', scrub: true },\n });\n\n gsap.to('#banner2', {\n yPercent: -10,\n ease: 'none',\n scrollTrigger: { trigger: '#banner2', start: 'top bottom', end: 'bottom top', scrub: true },\n });\n }\n\n \/* 3D tilt on cards \u2014 disabled on touch devices *\/\n if (!reduce && !isTouch) {\n document.querySelectorAll('.tilt').forEach(card => {\n const max = 8;\n card.addEventListener('mousemove', (e) => {\n const r = card.getBoundingClientRect();\n const x = (e.clientX - r.left) \/ r.width - 0.5;\n const y = (e.clientY - r.top) \/ r.height - 0.5;\n card.style.transform = `perspective(900px) rotateX(${-y*max}deg) rotateY(${x*max}deg) translateY(-4px)`;\n });\n card.addEventListener('mouseleave', () => { card.style.transform = ''; });\n });\n }\n\n \/* Certificate lightbox *\/\n const lb = document.getElementById('lightbox');\n const lbImg = document.getElementById('lbImg');\n const close = () => { lb.classList.remove('flex'); lb.classList.add('hidden'); document.body.style.overflow = ''; };\n document.querySelectorAll('.cert-thumb').forEach(btn => {\n btn.addEventListener('click', () => {\n lbImg.src = btn.dataset.src;\n lbImg.alt = '\u0634\u0647\u0627\u062f\u0629 ' + btn.dataset.index;\n lb.classList.remove('hidden'); lb.classList.add('flex');\n document.body.style.overflow = 'hidden';\n });\n });\n document.getElementById('lbClose').addEventListener('click', close);\n lb.addEventListener('click', (e) => { if (e.target === lb) close(); });\n document.addEventListener('keydown', (e) => { if (e.key === 'Escape') close(); });\n\n \/* Smooth anchor offset for sticky nav *\/\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n a.addEventListener('click', (e) => {\n const id = a.getAttribute('href');\n if (id.length > 1 && document.querySelector(id)) {\n e.preventDefault();\n const top = document.querySelector(id).getBoundingClientRect().top + window.scrollY - 70;\n window.scrollTo({ top, behavior: 'smooth' });\n }\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633 \u2014 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0643\u0645\u0627\u0644 \u0623\u062c\u0633\u0627\u0645 \u0648\u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629 IFBB \u00b7 KUWAIT \u00b7 ESP CERTIFIED \u0643\u0646 \u0642\u0648\u064a\u0640\u0627\u064b \u0645\u062f\u0631\u0628<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - A Alowais<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/a-alowais.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - A Alowais\" \/>\n<meta property=\"og:description\" content=\"\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633 \u2014 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0643\u0645\u0627\u0644 \u0623\u062c\u0633\u0627\u0645 \u0648\u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629 IFBB \u00b7 KUWAIT \u00b7 ESP CERTIFIED \u0643\u0646 \u0642\u0648\u064a\u0640\u0627\u064b \u0645\u062f\u0631\u0628\" \/>\n<meta property=\"og:url\" content=\"https:\/\/a-alowais.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"A Alowais\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-18T06:50:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/a-alowais.com\\\/\",\"url\":\"https:\\\/\\\/a-alowais.com\\\/\",\"name\":\"Home - A Alowais\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/a-alowais.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Awhaam-5-e1779084770627.png\",\"datePublished\":\"2023-06-22T20:53:14+00:00\",\"dateModified\":\"2026-05-18T06:50:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/a-alowais.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/a-alowais.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Awhaam-5-e1779084770627.png\",\"contentUrl\":\"https:\\\/\\\/a-alowais.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Awhaam-5-e1779084770627.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/a-alowais.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/a-alowais.com\\\/#website\",\"url\":\"https:\\\/\\\/a-alowais.com\\\/\",\"name\":\"A Alowais\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/a-alowais.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - A Alowais","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/a-alowais.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Home - A Alowais","og_description":"\u0627\u0644\u0643\u0627\u0628\u062a\u0646 \u0639\u0628\u062f\u0627\u0644\u0648\u0647\u0627\u0628 \u0627\u0644\u0639\u0648\u064a\u0633 \u2014 \u0645\u062f\u0631\u0628 \u062f\u0648\u0644\u064a \u0645\u0639\u062a\u0645\u062f \u0643\u0645\u0627\u0644 \u0623\u062c\u0633\u0627\u0645 \u0648\u0644\u064a\u0627\u0642\u0629 \u0628\u062f\u0646\u064a\u0629 IFBB \u00b7 KUWAIT \u00b7 ESP CERTIFIED \u0643\u0646 \u0642\u0648\u064a\u0640\u0627\u064b \u0645\u062f\u0631\u0628","og_url":"https:\/\/a-alowais.com\/en\/","og_site_name":"A Alowais","article_modified_time":"2026-05-18T06:50:55+00:00","og_image":[{"url":"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/a-alowais.com\/","url":"https:\/\/a-alowais.com\/","name":"Home - A Alowais","isPartOf":{"@id":"https:\/\/a-alowais.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/a-alowais.com\/#primaryimage"},"image":{"@id":"https:\/\/a-alowais.com\/#primaryimage"},"thumbnailUrl":"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png","datePublished":"2023-06-22T20:53:14+00:00","dateModified":"2026-05-18T06:50:55+00:00","breadcrumb":{"@id":"https:\/\/a-alowais.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/a-alowais.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/a-alowais.com\/#primaryimage","url":"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png","contentUrl":"https:\/\/a-alowais.com\/wp-content\/uploads\/2026\/05\/Awhaam-5-e1779084770627.png"},{"@type":"BreadcrumbList","@id":"https:\/\/a-alowais.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/a-alowais.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/a-alowais.com\/#website","url":"https:\/\/a-alowais.com\/","name":"A Alowais","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/a-alowais.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":5,"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":2128,"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/pages\/38\/revisions\/2128"}],"wp:attachment":[{"href":"https:\/\/a-alowais.com\/en\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}