{"id":55,"date":"2026-08-27T21:28:44","date_gmt":"2026-08-27T17:28:44","guid":{"rendered":"https:\/\/ladybug.ae\/?page_id=55"},"modified":"2026-08-28T02:51:38","modified_gmt":"2026-08-27T22:51:38","slug":"home-page","status":"publish","type":"page","link":"https:\/\/ladybug.ae\/en\/","title":{"rendered":"home page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"55\" class=\"elementor elementor-55\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-819a84a e-con-full e-flex e-con e-parent\" data-id=\"819a84a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66e62f9 elementor-widget elementor-widget-html\" data-id=\"66e62f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ladybug-hero\" id=\"ladybug-home-hero\">\r\n\r\n    <!-- MEDIA -->\r\n    <div class=\"ladybug-media\">\r\n\r\n        <!-- VIDEO -->\r\n        <div class=\"ladybug-slide ladybug-slide-video is-active\">\r\n            <video autoplay muted loop playsinline preload=\"metadata\">\r\n                <source src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-1.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n\r\n        <!-- IMAGE AFTER VIDEO -->\r\n        <div class=\"ladybug-slide\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-5.jpg\"\r\n                alt=\"Ladybug By Hamda\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- IMAGE 1 -->\r\n        <div class=\"ladybug-slide\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-4.jpg\"\r\n                alt=\"Ladybug Collection\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- IMAGE 2 -->\r\n        <div class=\"ladybug-slide\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-2.jpg\"\r\n                alt=\"Ladybug Clothing\"\r\n            >\r\n        <\/div>\r\n\r\n        <!-- IMAGE 3 -->\r\n        <div class=\"ladybug-slide\">\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-3.jpg\"\r\n                alt=\"Ladybug By Hamda Collection\"\r\n            >\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- OVERLAY -->\r\n    <div class=\"ladybug-overlay\"><\/div>\r\n\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"ladybug-content\">\r\n\r\n        <div class=\"ladybug-pretitle prestige-reveal\">\r\n            LADYBUG BY HAMDA\r\n        <\/div>\r\n\r\n        <h1 class=\"prestige-reveal prestige-delay-1\">\r\n            \u0623\u0646\u0627\u0642\u0629 \u0644\u0643\u0650\r\n            <span>\u0648\u0644\u0635\u063a\u0627\u0631\u0643<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"prestige-reveal prestige-delay-2\">\r\n            \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0648\u0645\u0644\u0627\u0628\u0633 \u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0645\u064a\u0632\u0629\r\n        <\/p>\r\n\r\n        <a\r\n            href=\"https:\/\/ladybug.ae\/#new\"\r\n            class=\"ladybug-btn prestige-reveal prestige-delay-3\"\r\n        >\r\n            \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646\r\n            <span class=\"ladybug-arrow\">\u2190<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- SLIDE INDICATORS -->\r\n    <div class=\"ladybug-dots\" aria-label=\"Hero slides\">\r\n        <button class=\"ladybug-dot is-active\" aria-label=\"Slide 1\"><\/button>\r\n        <button class=\"ladybug-dot\" aria-label=\"Slide 2\"><\/button>\r\n        <button class=\"ladybug-dot\" aria-label=\"Slide 3\"><\/button>\r\n        <button class=\"ladybug-dot\" aria-label=\"Slide 4\"><\/button>\r\n        <button class=\"ladybug-dot\" aria-label=\"Slide 5\"><\/button>\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ==============================\r\n   LADYBUG HERO\r\n============================== *\/\r\n\r\n.ladybug-hero,\r\n.ladybug-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ladybug-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    height: 88vh;\r\n    min-height: 680px;\r\n    max-height: 920px;\r\n\r\n    overflow: hidden;\r\n\r\n    direction: rtl;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    background: #111;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   MEDIA\r\n============================== *\/\r\n\r\n.ladybug-media,\r\n.ladybug-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.ladybug-slide {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n\r\n    transform: scale(1.035);\r\n\r\n    transition:\r\n        opacity 1.4s cubic-bezier(.22,1,.36,1),\r\n        transform 7s cubic-bezier(.22,1,.36,1),\r\n        visibility 1.4s;\r\n}\r\n\r\n.ladybug-slide.is-active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n\r\n    transform: scale(1);\r\n}\r\n\r\n.ladybug-slide img,\r\n.ladybug-slide video {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   CLASSY OVERLAY\r\n============================== *\/\r\n\r\n.ladybug-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(12, 9, 9, .58) 0%,\r\n            rgba(12, 9, 9, .26) 43%,\r\n            rgba(12, 9, 9, .08) 72%,\r\n            rgba(12, 9, 9, .05) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* ==============================\r\n   CONTENT\r\n============================== *\/\r\n\r\n.ladybug-content {\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    right: 7%;\r\n    bottom: 11%;\r\n\r\n    width: min(620px, 86%);\r\n\r\n    text-align: right;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   SMALL TITLE\r\n============================== *\/\r\n\r\n.ladybug-pretitle {\r\n    margin-bottom: 15px;\r\n\r\n    font-size: 12px;\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 4px;\r\n\r\n    direction: ltr;\r\n\r\n    opacity: .9;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   MAIN TITLE\r\n============================== *\/\r\n\r\n.ladybug-content h1 {\r\n    margin: 0;\r\n\r\n    font-size: clamp(46px, 5.4vw, 82px);\r\n    line-height: 1.08;\r\n\r\n    font-weight: 300;\r\n\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.ladybug-content h1 span {\r\n    display: block;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   DESCRIPTION\r\n============================== *\/\r\n\r\n.ladybug-content p {\r\n    margin: 18px 0 0;\r\n\r\n    max-width: 470px;\r\n\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n\r\n    font-weight: 300;\r\n\r\n    opacity: .94;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   BUTTON\r\n============================== *\/\r\n\r\n.ladybug-btn {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 29px;\r\n\r\n    min-width: 158px;\r\n\r\n    padding: 13px 24px 14px;\r\n\r\n    border: 1px solid rgba(255,255,255,.85);\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: rgba(255,255,255,.04);\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 0;\r\n\r\n    backdrop-filter: blur(3px);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.ladybug-btn:hover {\r\n    background: #ffffff;\r\n\r\n    color: #161616 !important;\r\n\r\n    border-color: #ffffff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.ladybug-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 18px;\r\n\r\n    transition: transform .35s ease;\r\n}\r\n\r\n.ladybug-btn:hover .ladybug-arrow {\r\n    transform: translateX(-5px);\r\n}\r\n\r\n\r\n\/* ==============================\r\n   PRESTIGE REVEAL\r\n============================== *\/\r\n\r\n.prestige-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(28px);\r\n\r\n    filter: blur(5px);\r\n\r\n    animation: ladybugPrestigeReveal 1.15s\r\n        cubic-bezier(.22,1,.36,1)\r\n        forwards;\r\n}\r\n\r\n.prestige-delay-1 {\r\n    animation-delay: .18s;\r\n}\r\n\r\n.prestige-delay-2 {\r\n    animation-delay: .34s;\r\n}\r\n\r\n.prestige-delay-3 {\r\n    animation-delay: .50s;\r\n}\r\n\r\n@keyframes ladybugPrestigeReveal {\r\n\r\n    0% {\r\n        opacity: 0;\r\n\r\n        transform: translateY(28px);\r\n\r\n        filter: blur(5px);\r\n    }\r\n\r\n    100% {\r\n        opacity: 1;\r\n\r\n        transform: translateY(0);\r\n\r\n        filter: blur(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==============================\r\n   DOTS\r\n============================== *\/\r\n\r\n.ladybug-dots {\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 7%;\r\n    bottom: 11%;\r\n\r\n    display: flex;\r\n\r\n    gap: 9px;\r\n\r\n    direction: ltr;\r\n}\r\n\r\n.ladybug-dot {\r\n    appearance: none;\r\n\r\n    width: 24px;\r\n    height: 2px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    background: rgba(255,255,255,.38);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .4s ease,\r\n        background .4s ease;\r\n}\r\n\r\n.ladybug-dot.is-active {\r\n    width: 42px;\r\n\r\n    background: #ffffff;\r\n}\r\n\r\n\r\n\/* ==============================\r\n   TABLET\r\n============================== *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .ladybug-hero {\r\n        height: 82vh;\r\n        min-height: 650px;\r\n    }\r\n\r\n    .ladybug-content {\r\n        right: 6%;\r\n        bottom: 10%;\r\n    }\r\n\r\n    .ladybug-dots {\r\n        left: 6%;\r\n        bottom: 10%;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==============================\r\n   MOBILE\r\n============================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ladybug-hero {\r\n        height: 78vh;\r\n        min-height: 620px;\r\n        max-height: 760px;\r\n    }\r\n\r\n    .ladybug-slide img,\r\n    .ladybug-slide video {\r\n        object-position: center center;\r\n    }\r\n\r\n    .ladybug-overlay {\r\n        background:\r\n            linear-gradient(\r\n                to top,\r\n                rgba(12,9,9,.68) 0%,\r\n                rgba(12,9,9,.33) 44%,\r\n                rgba(12,9,9,.08) 76%\r\n            );\r\n    }\r\n\r\n    .ladybug-content {\r\n        right: 0;\r\n        left: 0;\r\n        bottom: 9%;\r\n\r\n        width: 100%;\r\n\r\n        padding: 0 24px;\r\n\r\n        text-align: right;\r\n    }\r\n\r\n    .ladybug-pretitle {\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 3px;\r\n    }\r\n\r\n    .ladybug-content h1 {\r\n        font-size: clamp(38px, 11vw, 54px);\r\n\r\n        line-height: 1.12;\r\n\r\n        letter-spacing: -.5px;\r\n    }\r\n\r\n    .ladybug-content p {\r\n        margin-top: 14px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .ladybug-btn {\r\n        margin-top: 23px;\r\n\r\n        min-width: 145px;\r\n\r\n        padding: 12px 20px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n    .ladybug-dots {\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==============================\r\n   REDUCED MOTION\r\n============================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ladybug-slide,\r\n    .prestige-reveal,\r\n    .ladybug-btn,\r\n    .ladybug-arrow {\r\n        animation: none !important;\r\n        transition: none !important;\r\n    }\r\n\r\n    .prestige-reveal {\r\n        opacity: 1;\r\n        transform: none;\r\n        filter: none;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const hero = document.querySelector('#ladybug-home-hero');\r\n\r\n    if (!hero) return;\r\n\r\n    const slides = hero.querySelectorAll('.ladybug-slide');\r\n    const dots = hero.querySelectorAll('.ladybug-dot');\r\n\r\n    let current = 0;\r\n    let timer = null;\r\n\r\n    const duration = 5500;\r\n\r\n\r\n    function showSlide(index) {\r\n\r\n        slides.forEach(function(slide) {\r\n\r\n            slide.classList.remove('is-active');\r\n\r\n        });\r\n\r\n        dots.forEach(function(dot) {\r\n\r\n            dot.classList.remove('is-active');\r\n\r\n        });\r\n\r\n\r\n        slides[index].classList.add('is-active');\r\n\r\n        if (dots[index]) {\r\n\r\n            dots[index].classList.add('is-active');\r\n\r\n        }\r\n\r\n\r\n        const activeVideo =\r\n            slides[index].querySelector('video');\r\n\r\n        slides.forEach(function(slide) {\r\n\r\n            const video = slide.querySelector('video');\r\n\r\n            if (video && video !== activeVideo) {\r\n\r\n                video.pause();\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        if (activeVideo) {\r\n\r\n            activeVideo.currentTime = 0;\r\n\r\n            activeVideo.play().catch(function () {});\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    function nextSlide() {\r\n\r\n        current++;\r\n\r\n        if (current >= slides.length) {\r\n\r\n            current = 0;\r\n\r\n        }\r\n\r\n        showSlide(current);\r\n\r\n    }\r\n\r\n\r\n    function startSlider() {\r\n\r\n        clearInterval(timer);\r\n\r\n        timer = setInterval(nextSlide, duration);\r\n\r\n    }\r\n\r\n\r\n    dots.forEach(function(dot, index) {\r\n\r\n        dot.addEventListener('click', function () {\r\n\r\n            current = index;\r\n\r\n            showSlide(current);\r\n\r\n            startSlider();\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    showSlide(current);\r\n\r\n    startSlider();\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25eb016 e-con-full e-flex e-con e-parent\" data-id=\"25eb016\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-303eb99 elementor-widget elementor-widget-html\" data-id=\"303eb99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- PLACE THIS HTML WIDGET DIRECTLY AFTER YOUR HERO -->\r\n\r\n<div class=\"ladybug-flight-trigger\" aria-hidden=\"true\"><\/div>\r\n\r\n<div class=\"ladybug-fly-wrap\" aria-hidden=\"true\">\r\n    <img decoding=\"async\"\r\n        src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/ladybug-insect-color-png.webp\"\r\n        alt=\"\"\r\n        class=\"ladybug-fly\"\r\n    >\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* HOMEPAGE ONLY *\/\r\nbody:not(.home) .ladybug-fly-wrap,\r\nbody:not(.home) .ladybug-flight-trigger {\r\n    display: none !important;\r\n}\r\n\r\n\r\n\/* TRIGGER AFTER HERO *\/\r\n.ladybug-flight-trigger {\r\n    width: 100%;\r\n    height: 1px;\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* FLIGHT AREA *\/\r\n.ladybug-fly-wrap {\r\n    position: fixed;\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n    pointer-events: none;\r\n\r\n    z-index: 99999;\r\n\r\n    visibility: hidden;\r\n}\r\n\r\n.ladybug-fly-wrap.is-flying {\r\n    visibility: visible;\r\n}\r\n\r\n\r\n\/* LADYBUG *\/\r\n.ladybug-fly {\r\n    position: absolute;\r\n\r\n    left: -55px;\r\n    bottom: -50px;\r\n\r\n    width: 42px;\r\n    height: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    opacity: 0;\r\n\r\n    transform: translate(0, 0);\r\n\r\n    will-change:\r\n        transform,\r\n        opacity;\r\n}\r\n\r\n\r\n\/* START FLIGHT *\/\r\n.ladybug-fly-wrap.is-flying .ladybug-fly {\r\n    animation:\r\n        ladybugConstantFlight\r\n        3.2s\r\n        linear\r\n        forwards;\r\n}\r\n\r\n\r\n\/* CONSTANT FLYING MOVEMENT *\/\r\n@keyframes ladybugConstantFlight {\r\n\r\n    0% {\r\n        transform: translate(0, 0);\r\n        opacity: 0;\r\n    }\r\n\r\n    5% {\r\n        transform: translate(6vw, -6vh);\r\n        opacity: 1;\r\n    }\r\n\r\n    15% {\r\n        transform: translate(17vw, -17vh);\r\n    }\r\n\r\n    25% {\r\n        transform: translate(28vw, -27vh);\r\n    }\r\n\r\n    35% {\r\n        transform: translate(39vw, -38vh);\r\n    }\r\n\r\n    45% {\r\n        transform: translate(50vw, -48vh);\r\n    }\r\n\r\n    55% {\r\n        transform: translate(61vw, -59vh);\r\n    }\r\n\r\n    65% {\r\n        transform: translate(72vw, -69vh);\r\n    }\r\n\r\n    75% {\r\n        transform: translate(83vw, -80vh);\r\n    }\r\n\r\n    85% {\r\n        transform: translate(94vw, -90vh);\r\n        opacity: 1;\r\n    }\r\n\r\n    95% {\r\n        transform: translate(105vw, -101vh);\r\n        opacity: 1;\r\n    }\r\n\r\n    100% {\r\n        transform: translate(calc(100vw + 100px), -108vh);\r\n        opacity: 0;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* PHONE *\/\r\n@media (max-width: 767px) {\r\n\r\n    .ladybug-fly {\r\n        width: 32px;\r\n\r\n        left: -40px;\r\n        bottom: -40px;\r\n    }\r\n\r\n    .ladybug-fly-wrap.is-flying .ladybug-fly {\r\n        animation-duration: 2.8s;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL PHONE *\/\r\n@media (max-width: 390px) {\r\n\r\n    .ladybug-fly {\r\n        width: 29px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* REDUCED MOTION *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ladybug-fly-wrap,\r\n    .ladybug-flight-trigger {\r\n        display: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const trigger =\r\n        document.querySelector('.ladybug-flight-trigger');\r\n\r\n    const wrapper =\r\n        document.querySelector('.ladybug-fly-wrap');\r\n\r\n    if (!trigger || !wrapper) return;\r\n\r\n\r\n    let alreadyPlayed = false;\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n\r\n            function (entries) {\r\n\r\n                entries.forEach(function (entry) {\r\n\r\n                    if (\r\n                        entry.isIntersecting &&\r\n                        !alreadyPlayed\r\n                    ) {\r\n\r\n                        alreadyPlayed = true;\r\n\r\n                        wrapper.classList.add('is-flying');\r\n\r\n                        observer.disconnect();\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0\r\n            }\r\n\r\n        );\r\n\r\n\r\n    observer.observe(trigger);\r\n\r\n\r\n    const ladybug =\r\n        wrapper.querySelector('.ladybug-fly');\r\n\r\n\r\n    if (ladybug) {\r\n\r\n        ladybug.addEventListener(\r\n            'animationend',\r\n            function () {\r\n\r\n                wrapper.remove();\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8df123c elementor-widget elementor-widget-html\" data-id=\"8df123c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ladybug-categories\" id=\"new\">\r\n\r\n    <div class=\"ladybug-categories-inner\">\r\n\r\n        <div class=\"ladybug-categories-heading ladybug-text-reveal\">\r\n            <span>\u062a\u0633\u0648\u0651\u0642\u064a \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629<\/span>\r\n            <h2>\u0627\u062e\u062a\u0627\u0631\u064a \u0645\u0627 \u064a\u0646\u0627\u0633\u0628\u0643<\/h2>\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ladybug-categories-grid\">\r\n\r\n\r\n            <!-- KIDS -->\r\n            <a\r\n                href=\"https:\/\/ladybug.ae\/kids-jalabia\"\r\n                class=\"ladybug-category-card\"\r\n            >\r\n\r\n                <div class=\"ladybug-category-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-1.webp\"\r\n                        alt=\"\u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0623\u0637\u0641\u0627\u0644\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ladybug-category-overlay\"><\/div>\r\n\r\n                <div class=\"ladybug-category-content\">\r\n\r\n                    <div class=\"ladybug-card-text ladybug-text-reveal\">\r\n\r\n                        <h3>\r\n                            \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0623\u0637\u0641\u0627\u0644\r\n                        <\/h3>\r\n\r\n                        <span class=\"ladybug-category-link\">\r\n                            \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646\r\n                            <span class=\"ladybug-arrow\">\u2190<\/span>\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- WOMEN -->\r\n            <a\r\n                href=\"https:\/\/ladybug.ae\/adults-jalabia\"\r\n                class=\"ladybug-category-card\"\r\n            >\r\n\r\n                <div class=\"ladybug-category-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG1.png\"\r\n                        alt=\"\u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0646\u0633\u0627\u0626\u064a\u0629\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ladybug-category-overlay\"><\/div>\r\n\r\n                <div class=\"ladybug-category-content\">\r\n\r\n                    <div class=\"ladybug-card-text ladybug-text-reveal\">\r\n\r\n                        <h3>\r\n                            \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0646\u0633\u0627\u0626\u064a\u0629\r\n                        <\/h3>\r\n\r\n                        <span class=\"ladybug-category-link\">\r\n                            \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646\r\n                            <span class=\"ladybug-arrow\">\u2190<\/span>\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n\r\n            <!-- MOMMY & ME -->\r\n            <a\r\n                href=\"https:\/\/ladybug.ae\/mommy-and-me-2\/\"\r\n                class=\"ladybug-category-card\"\r\n            >\r\n\r\n                <div class=\"ladybug-category-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/mommy-and-me.png\"\r\n                        alt=\"\u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0628\u0646\u062a\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n                <div class=\"ladybug-category-overlay\"><\/div>\r\n\r\n                <div class=\"ladybug-category-content\">\r\n\r\n                    <div class=\"ladybug-card-text ladybug-text-reveal\">\r\n\r\n                        <h3>\r\n                            \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0628\u0646\u062a\r\n                        <\/h3>\r\n\r\n                        <span class=\"ladybug-category-link\">\r\n                            \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646\r\n                            <span class=\"ladybug-arrow\">\u2190<\/span>\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =============================\r\n   GLOBAL\r\n============================= *\/\r\n\r\n.ladybug-categories,\r\n.ladybug-categories * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ladybug-categories {\r\n    width: 100%;\r\n\r\n    padding: 90px 28px;\r\n\r\n    background: #fffafa;\r\n\r\n    direction: rtl;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n}\r\n\r\n.ladybug-categories-inner {\r\n    width: 100%;\r\n    max-width: 1380px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =============================\r\n   HEADING\r\n============================= *\/\r\n\r\n.ladybug-categories-heading {\r\n    width: 100%;\r\n\r\n    margin-bottom: 42px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.ladybug-categories-heading span {\r\n    display: block;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #b77c82;\r\n\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n.ladybug-categories-heading h2 {\r\n    margin: 0;\r\n\r\n    color: #171717;\r\n\r\n    font-size: clamp(30px, 3vw, 45px);\r\n    line-height: 1.4;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =============================\r\n   GRID\r\n============================= *\/\r\n\r\n.ladybug-categories-grid {\r\n    width: 100%;\r\n\r\n    display: grid !important;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr)) !important;\r\n\r\n    gap: 18px;\r\n}\r\n\r\n\r\n\/* =============================\r\n   CARD\r\n============================= *\/\r\n\r\n.ladybug-category-card {\r\n    position: relative;\r\n\r\n    display: block !important;\r\n\r\n    width: 100%;\r\n\r\n    height: 620px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #f3eeee;\r\n\r\n    color: #ffffff !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* =============================\r\n   IMAGE\r\n============================= *\/\r\n\r\n.ladybug-category-image {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.ladybug-category-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transform: none !important;\r\n\r\n    transition: none !important;\r\n\r\n    animation: none !important;\r\n}\r\n\r\n\r\n\/* =============================\r\n   OVERLAY\r\n============================= *\/\r\n\r\n.ladybug-category-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(12,8,8,.70) 0%,\r\n            rgba(12,8,8,.34) 37%,\r\n            rgba(12,8,8,.08) 65%,\r\n            rgba(12,8,8,0) 82%\r\n        );\r\n}\r\n\r\n\r\n\/* =============================\r\n   CONTENT\r\n============================= *\/\r\n\r\n.ladybug-category-content {\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n\r\n    padding: 32px 30px 30px;\r\n}\r\n\r\n\r\n\/* =============================\r\n   TITLE\r\n============================= *\/\r\n\r\n.ladybug-category-content h3 {\r\n    margin: 0 0 12px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 28px;\r\n    line-height: 1.45;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =============================\r\n   LINK\r\n============================= *\/\r\n\r\n.ladybug-category-link {\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding-bottom: 5px;\r\n\r\n    color: rgba(255,255,255,.96);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n.ladybug-category-link::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    width: 35%;\r\n    height: 1px;\r\n\r\n    background: rgba(255,255,255,.90);\r\n\r\n    transition:\r\n        width .55s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ladybug-arrow {\r\n    display: inline-block;\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform .45s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\r\n\/* =============================\r\n   HOVER\r\n============================= *\/\r\n\r\n.ladybug-category-card:hover\r\n.ladybug-category-link::after {\r\n    width: 100%;\r\n}\r\n\r\n.ladybug-category-card:hover\r\n.ladybug-arrow {\r\n    transform: translateX(-5px);\r\n}\r\n\r\n\r\n\/* =============================\r\n   ANIMATION\r\n============================= *\/\r\n\r\n.ladybug-text-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(24px);\r\n\r\n    filter: blur(4px);\r\n\r\n    transition:\r\n        opacity 1s cubic-bezier(.22,1,.36,1),\r\n        transform 1s cubic-bezier(.22,1,.36,1),\r\n        filter 1s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ladybug-text-reveal.is-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n\r\n    filter: blur(0);\r\n}\r\n\r\n.ladybug-category-card:nth-child(1)\r\n.ladybug-text-reveal {\r\n    transition-delay: .05s;\r\n}\r\n\r\n.ladybug-category-card:nth-child(2)\r\n.ladybug-text-reveal {\r\n    transition-delay: .15s;\r\n}\r\n\r\n.ladybug-category-card:nth-child(3)\r\n.ladybug-text-reveal {\r\n    transition-delay: .25s;\r\n}\r\n\r\n\r\n\/* =============================\r\n   TABLET\r\n============================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .ladybug-categories {\r\n        padding: 70px 18px;\r\n    }\r\n\r\n    .ladybug-categories-grid {\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr)) !important;\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n    .ladybug-category-card {\r\n        height: 500px;\r\n    }\r\n\r\n    .ladybug-category-content {\r\n        padding: 23px 18px;\r\n    }\r\n\r\n    .ladybug-category-content h3 {\r\n        font-size: 23px;\r\n    }\r\n\r\n    .ladybug-category-link {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =============================\r\n   PHONE\r\n============================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ladybug-categories {\r\n        padding: 52px 8px;\r\n    }\r\n\r\n    .ladybug-categories-heading {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .ladybug-categories-heading span {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .ladybug-categories-heading h2 {\r\n        font-size: 29px;\r\n    }\r\n\r\n\r\n    \/* KEEP 3 CARDS IN ONE LINE *\/\r\n\r\n    .ladybug-categories-grid {\r\n        display: grid !important;\r\n\r\n        grid-template-columns:\r\n            repeat(3, minmax(0, 1fr)) !important;\r\n\r\n        gap: 5px;\r\n    }\r\n\r\n\r\n    .ladybug-category-card {\r\n        width: 100%;\r\n\r\n        height: 300px;\r\n    }\r\n\r\n\r\n    .ladybug-category-content {\r\n        padding:\r\n            16px\r\n            9px\r\n            15px;\r\n    }\r\n\r\n\r\n    .ladybug-card-text {\r\n        width: 100%;\r\n    }\r\n\r\n\r\n    \/* BIGGER PHONE TITLE *\/\r\n\r\n    .ladybug-category-content h3 {\r\n        margin-bottom: 8px;\r\n\r\n        font-size: 16px;\r\n        line-height: 1.4;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n\r\n    \/* BIGGER SHOP TEXT *\/\r\n\r\n    .ladybug-category-link {\r\n        gap: 5px;\r\n\r\n        padding-bottom: 4px;\r\n\r\n        font-size: 11.5px;\r\n        line-height: 1.4;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n\r\n    .ladybug-arrow {\r\n        font-size: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =============================\r\n   SMALL PHONE\r\n============================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .ladybug-categories {\r\n        padding-left: 5px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    .ladybug-categories-grid {\r\n        gap: 4px;\r\n    }\r\n\r\n    .ladybug-category-card {\r\n        height: 270px;\r\n    }\r\n\r\n    .ladybug-category-content {\r\n        padding:\r\n            13px\r\n            7px;\r\n    }\r\n\r\n\r\n    .ladybug-category-content h3 {\r\n        margin-bottom: 7px;\r\n\r\n        font-size: 14px;\r\n        line-height: 1.35;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n\r\n    .ladybug-category-link {\r\n        gap: 4px;\r\n\r\n        font-size: 10.5px;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n\r\n    .ladybug-arrow {\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =============================\r\n   VERY SMALL PHONE\r\n============================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .ladybug-category-card {\r\n        height: 250px;\r\n    }\r\n\r\n    .ladybug-category-content h3 {\r\n        font-size: 13px;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n    .ladybug-category-link {\r\n        font-size: 9.5px;\r\n\r\n        font-weight: 400;\r\n    }\r\n\r\n    .ladybug-arrow {\r\n        font-size: 12px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =============================\r\n   REDUCED MOTION\r\n============================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ladybug-text-reveal {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        filter: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    'DOMContentLoaded',\r\n    function () {\r\n\r\n        const section =\r\n            document.querySelector('#new');\r\n\r\n        if (!section) return;\r\n\r\n\r\n        const textItems =\r\n            section.querySelectorAll(\r\n                '.ladybug-text-reveal'\r\n            );\r\n\r\n\r\n        if ('IntersectionObserver' in window) {\r\n\r\n            const observer =\r\n                new IntersectionObserver(\r\n\r\n                    function (entries) {\r\n\r\n                        entries.forEach(\r\n                            function (entry) {\r\n\r\n                                if (entry.isIntersecting) {\r\n\r\n                                    entry.target\r\n                                        .classList\r\n                                        .add('is-visible');\r\n\r\n                                    observer.unobserve(\r\n                                        entry.target\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    },\r\n\r\n                    {\r\n                        threshold: 0.12\r\n                    }\r\n\r\n                );\r\n\r\n\r\n            textItems.forEach(\r\n                function (item) {\r\n\r\n                    observer.observe(item);\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n        else {\r\n\r\n            textItems.forEach(\r\n                function (item) {\r\n\r\n                    item.classList.add(\r\n                        'is-visible'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb473b5 e-flex e-con-boxed e-con e-parent\" data-id=\"cb473b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e40e30 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5e40e30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u0627\u064b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25d1901 e-con-full e-flex e-con e-parent\" data-id=\"25d1901\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c263c28 elementor-product-loop-item--align-center elementor-grid-4 elementor-grid-tablet-3 elementor-grid-mobile-2 elementor-products-grid elementor-wc-products elementor-widget elementor-widget-woocommerce-products\" data-id=\"c263c28\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"woocommerce-products.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"woocommerce columns-4 \"><ul class=\"products elementor-grid columns-4\">\n<li class=\"product type-product post-145 status-publish first instock product_cat-19 has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d8%ac%d9%88%d8%b1%d9%8a\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"833\" src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-3-500x833.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u062c\u0644\u0627\u0628\u064a\u0629 \u062c\u0648\u0631\u064a\" \/><h2 class=\"woocommerce-loop-product__title\">\u062c\u0644\u0627\u0628\u064a\u0629 \u062c\u0648\u0631\u064a<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>180&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>250&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span><span class=\"screen-reader-text\">Price range: 180&nbsp;AED through 250&nbsp;AED<\/span><\/span>\n<\/a><a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d8%ac%d9%88%d8%b1%d9%8a\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_145\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"145\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;\u062c\u0644\u0627\u0628\u064a\u0629 \u062c\u0648\u0631\u064a&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_145\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<li class=\"product type-product post-130 status-publish instock product_cat-19 has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d8%aa%d8%a7%d9%84%d8%a7\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"500\" height=\"833\" src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/nawalalbalushi__1787841965_3973028269249688611_188995771-500x833.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u062c\u0644\u0627\u0628\u064a\u0629 \u062a\u0627\u0644\u0627\" \/><h2 class=\"woocommerce-loop-product__title\">\u062c\u0644\u0627\u0628\u064a\u0629 \u062a\u0627\u0644\u0627<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>180&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>250&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span><span class=\"screen-reader-text\">Price range: 180&nbsp;AED through 250&nbsp;AED<\/span><\/span>\n<\/a><a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d8%aa%d8%a7%d9%84%d8%a7\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_130\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"130\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;\u062c\u0644\u0627\u0628\u064a\u0629 \u062a\u0627\u0644\u0627&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_130\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<li class=\"product type-product post-98 status-publish instock product_cat-uncategorized has-post-thumbnail shipping-taxable purchasable product-type-variable\">\n\t<a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d9%84%d9%88%d9%84%d9%8a\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"500\" height=\"833\" src=\"https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/LADYBUG-CLOTHING-HOME-PAGE-5-500x833.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"\u062c\u0644\u0627\u0628\u064a\u0629 \u0644\u0648\u0644\u064a\" \/><h2 class=\"woocommerce-loop-product__title\">\u062c\u0644\u0627\u0628\u064a\u0629 \u0644\u0648\u0644\u064a<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>180&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\"><bdi>250&nbsp;<span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">AED<\/span><\/bdi><\/span><span class=\"screen-reader-text\">Price range: 180&nbsp;AED through 250&nbsp;AED<\/span><\/span>\n<\/a><a href=\"https:\/\/ladybug.ae\/en\/product\/%d8%ac%d9%84%d8%a7%d8%a8%d9%8a%d8%a9-%d9%84%d9%88%d9%84%d9%8a\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_98\" data-quantity=\"1\" class=\"button product_type_variable add_to_cart_button\" data-product_id=\"98\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;\u062c\u0644\u0627\u0628\u064a\u0629 \u0644\u0648\u0644\u064a&rdquo;\" rel=\"nofollow\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_98\" class=\"screen-reader-text\">\n\t\tThis product has multiple variants. The options may be chosen on the product page\t<\/span>\n<\/li>\n<\/ul>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-938bfa8 e-con-full e-flex e-con e-parent\" data-id=\"938bfa8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d96f86 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"4d96f86\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74a9cce elementor-widget elementor-widget-html\" data-id=\"74a9cce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ladybug-about-hero\" id=\"ladybug-about-home\">\r\n\r\n    <div class=\"ladybug-about-overlay\"><\/div>\r\n\r\n    <div class=\"ladybug-about-content\">\r\n\r\n        <span class=\"ladybug-about-eyebrow ladybug-about-reveal\">\r\n            LADYBUG BY HAMDA\r\n        <\/span>\r\n\r\n        <h2 class=\"ladybug-about-reveal ladybug-about-delay-1\">\r\n            \u062a\u0641\u0627\u0635\u064a\u0644 \u0635\u064f\u0645\u0645\u062a\r\n            <span>\u0628\u062d\u0628 \u0644\u0643\u0650 \u0648\u0644\u0635\u063a\u0627\u0631\u0643<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"ladybug-about-reveal ladybug-about-delay-2\">\r\n            \u0641\u064a Ladybug by Hamda \u0646\u062e\u062a\u0627\u0631 \u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0631\u0627\u062d\u0629 \u0648\u0627\u0644\u0623\u0646\u0627\u0642\u0629\u060c\r\n            \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0645\u064a\u0632\u0629 \u062a\u0646\u0627\u0633\u0628\u0643 \u0648\u062a\u0646\u0627\u0633\u0628 \u0635\u063a\u064a\u0631\u062a\u0643 \u0641\u064a \u0643\u0644 \u064a\u0648\u0645.\r\n        <\/p>\r\n\r\n        <a\r\n            href=\"https:\/\/ladybug.ae\/about-us\"\r\n            class=\"ladybug-about-btn ladybug-about-reveal ladybug-about-delay-3\"\r\n        >\r\n            \u0627\u0643\u062a\u0634\u0641\u064a \u0642\u0635\u062a\u0646\u0627\r\n            <span>\u2190<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   ABOUT HERO\r\n========================= *\/\r\n\r\n.ladybug-about-hero,\r\n.ladybug-about-hero * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ladybug-about-hero {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 720px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    direction: rtl;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    background-image:\r\n        url('https:\/\/ladybug.ae\/wp-content\/uploads\/2026\/08\/about-us-2.png');\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n\r\n\/* =========================\r\n   OVERLAY\r\n========================= *\/\r\n\r\n.ladybug-about-overlay {\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(10,8,8,.70) 0%,\r\n            rgba(10,8,8,.55) 32%,\r\n            rgba(10,8,8,.28) 58%,\r\n            rgba(10,8,8,.08) 78%,\r\n            rgba(10,8,8,.03) 100%\r\n        );\r\n}\r\n\r\n\r\n\/* =========================\r\n   CONTENT\r\n========================= *\/\r\n\r\n.ladybug-about-content {\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n    max-width: 1320px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 90px 50px;\r\n\r\n    color: #ffffff;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL LABEL\r\n========================= *\/\r\n\r\n.ladybug-about-eyebrow {\r\n    display: block;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    color: #f3c7ca;\r\n\r\n    font-size: 11px;\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    direction: ltr;\r\n\r\n    text-align: right;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TITLE\r\n========================= *\/\r\n\r\n.ladybug-about-content h2 {\r\n    margin: 0;\r\n\r\n    max-width: 620px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: clamp(42px, 5vw, 72px);\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 300;\r\n\r\n    letter-spacing: -.5px;\r\n}\r\n\r\n.ladybug-about-content h2 span {\r\n    display: block;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================\r\n   DESCRIPTION\r\n========================= *\/\r\n\r\n.ladybug-about-content p {\r\n    max-width: 520px;\r\n\r\n    margin: 24px 0 0;\r\n\r\n    color: rgba(255,255,255,.9);\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 2;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================\r\n   BUTTON\r\n========================= *\/\r\n\r\n.ladybug-about-btn {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 16px;\r\n\r\n    margin-top: 30px;\r\n\r\n    padding: 13px 24px;\r\n\r\n    border: 1px solid rgba(255,255,255,.72);\r\n\r\n    color: #ffffff !important;\r\n\r\n    background: rgba(255,255,255,.03);\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 300;\r\n\r\n    backdrop-filter: blur(3px);\r\n\r\n    transition:\r\n        background .35s ease,\r\n        color .35s ease,\r\n        border-color .35s ease,\r\n        transform .35s ease;\r\n}\r\n\r\n.ladybug-about-btn span {\r\n    display: inline-block;\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform .35s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ladybug-about-btn:hover {\r\n    background: #ffffff;\r\n\r\n    color: #171717 !important;\r\n\r\n    border-color: #ffffff;\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.ladybug-about-btn:hover span {\r\n    transform: translateX(-5px);\r\n}\r\n\r\n\r\n\/* =========================\r\n   PRESTIGE TEXT ANIMATION\r\n========================= *\/\r\n\r\n.ladybug-about-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(28px);\r\n\r\n    filter: blur(5px);\r\n\r\n    transition:\r\n        opacity 1.05s cubic-bezier(.22,1,.36,1),\r\n        transform 1.05s cubic-bezier(.22,1,.36,1),\r\n        filter 1.05s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ladybug-about-reveal.is-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n\r\n    filter: blur(0);\r\n}\r\n\r\n.ladybug-about-delay-1 {\r\n    transition-delay: .12s;\r\n}\r\n\r\n.ladybug-about-delay-2 {\r\n    transition-delay: .24s;\r\n}\r\n\r\n.ladybug-about-delay-3 {\r\n    transition-delay: .36s;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .ladybug-about-hero {\r\n        min-height: 650px;\r\n\r\n        background-position: center;\r\n    }\r\n\r\n    .ladybug-about-content {\r\n        padding:\r\n            75px\r\n            35px;\r\n    }\r\n\r\n    .ladybug-about-content h2 {\r\n        max-width: 560px;\r\n\r\n        font-size: 54px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ladybug-about-hero {\r\n        min-height: 650px;\r\n\r\n        align-items: flex-end;\r\n\r\n        background-position: center center;\r\n    }\r\n\r\n    .ladybug-about-overlay {\r\n        background:\r\n            linear-gradient(\r\n                to top,\r\n                rgba(8,6,6,.78) 0%,\r\n                rgba(8,6,6,.55) 42%,\r\n                rgba(8,6,6,.18) 72%,\r\n                rgba(8,6,6,.05) 100%\r\n            );\r\n    }\r\n\r\n    .ladybug-about-content {\r\n        padding:\r\n            45px\r\n            22px\r\n            52px;\r\n\r\n        text-align: right;\r\n    }\r\n\r\n    .ladybug-about-eyebrow {\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 2.4px;\r\n    }\r\n\r\n    .ladybug-about-content h2 {\r\n        max-width: 100%;\r\n\r\n        font-size: 38px;\r\n\r\n        line-height: 1.32;\r\n    }\r\n\r\n    .ladybug-about-content p {\r\n        max-width: 100%;\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.9;\r\n    }\r\n\r\n    .ladybug-about-btn {\r\n        margin-top: 23px;\r\n\r\n        padding: 12px 20px;\r\n\r\n        font-size: 13px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   SMALL PHONE\r\n========================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .ladybug-about-hero {\r\n        min-height: 610px;\r\n    }\r\n\r\n    .ladybug-about-content {\r\n        padding:\r\n            40px\r\n            18px\r\n            45px;\r\n    }\r\n\r\n    .ladybug-about-content h2 {\r\n        font-size: 34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   REDUCED MOTION\r\n========================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ladybug-about-reveal {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        filter: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const section =\r\n        document.querySelector('#ladybug-about-home');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const items =\r\n        section.querySelectorAll(\r\n            '.ladybug-about-reveal'\r\n        );\r\n\r\n\r\n    if ('IntersectionObserver' in window) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (entry.isIntersecting) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add('is-visible');\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.18\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(\r\n            function (item) {\r\n\r\n                observer.observe(item);\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        items.forEach(\r\n            function (item) {\r\n\r\n                item.classList.add(\r\n                    'is-visible'\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-866057f e-flex e-con-boxed e-con e-parent\" data-id=\"866057f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74738a7 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"74738a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09967dd e-con-full e-flex e-con e-parent\" data-id=\"09967dd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d3eef5 elementor-widget elementor-widget-html\" data-id=\"6d3eef5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ladybug-newsletter\" id=\"newsletter\">\r\n\r\n    <div class=\"ladybug-newsletter-inner\">\r\n\r\n        <div class=\"ladybug-newsletter-copy ladybug-news-reveal\">\r\n\r\n            <span class=\"ladybug-newsletter-eyebrow\">\r\n                LADYBUG BY HAMDA\r\n            <\/span>\r\n\r\n            <h2>\r\n                \u0627\u0646\u0636\u0645\u064a \u0625\u0644\u0649 \u0639\u0627\u0644\u0645 Ladybug\r\n            <\/h2>\r\n\r\n            <p>\r\n                \u0643\u0648\u0646\u064a \u0623\u0648\u0644 \u0645\u0646 \u064a\u0639\u0631\u0641 \u0639\u0646 \u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u0644\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u0645\u064a\u0632\u0629.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"ladybug-newsletter-form ladybug-news-reveal ladybug-news-delay\">\r\n\r\n            <div class=\"tnp tnp-subscription \">\n<form method=\"post\" action=\"https:\/\/ladybug.ae\/wp-admin\/admin-ajax.php?action=tnp&amp;na=s\">\n<input type=\"hidden\" name=\"nlang\" value=\"\">\n<div class=\"tnp-field tnp-field-firstname\"><label for=\"tnp-1\">\u0627\u0644\u0627\u0633\u0645<\/label>\n<input class=\"tnp-name\" type=\"text\" name=\"nn\" id=\"tnp-1\" value=\"\" placeholder=\"\" required><\/div>\n<div class=\"tnp-field tnp-field-email\"><label for=\"tnp-2\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\n<input class=\"tnp-email\" type=\"email\" name=\"ne\" id=\"tnp-2\" value=\"\" placeholder=\"\" required><\/div>\n<div class=\"tnp-field tnp-field-button\" style=\"text-align: left\"><input class=\"tnp-submit\" type=\"submit\" value=\"\u0627\u0634\u062a\u0631\u0643\" style=\"\">\n<\/div>\n<\/form>\n<\/div>\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.ladybug-newsletter,\r\n.ladybug-newsletter * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ladybug-newsletter {\r\n    width: 100%;\r\n\r\n    padding: 95px 24px;\r\n\r\n    background: #fff9f8;\r\n\r\n    direction: rtl;\r\n\r\n    font-family: 'Tajawal', sans-serif;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n.ladybug-newsletter-inner {\r\n    width: 100%;\r\n    max-width: 620px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TEXT\r\n========================================= *\/\r\n\r\n.ladybug-newsletter-copy {\r\n    text-align: center;\r\n}\r\n\r\n.ladybug-newsletter-eyebrow {\r\n    display: block;\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #000000;\r\n\r\n    font-size: 11px;\r\n    line-height: 1.4;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 2.6px;\r\n\r\n    direction: ltr;\r\n}\r\n\r\n.ladybug-newsletter-copy h2 {\r\n    margin: 0;\r\n\r\n    color: #000000;\r\n\r\n    font-size: clamp(34px, 4vw, 48px);\r\n    line-height: 1.45;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n.ladybug-newsletter-copy p {\r\n    max-width: 470px;\r\n\r\n    margin: 13px auto 0;\r\n\r\n    color: #000000;\r\n\r\n    font-size: 14px;\r\n    line-height: 1.9;\r\n\r\n    font-weight: 300;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FORM AREA\r\n========================================= *\/\r\n\r\n.ladybug-newsletter-form {\r\n    width: 100%;\r\n    max-width: 500px;\r\n\r\n    margin: 40px auto 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NEWSLETTER PLUGIN\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n}\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\nform {\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    width: 100% !important;\r\n\r\n    gap: 21px !important;\r\n\r\n    margin: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FIELD\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\n.tnp-field {\r\n    display: flex !important;\r\n\r\n    flex-direction: column !important;\r\n\r\n    align-items: stretch !important;\r\n\r\n    width: 100% !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LABELS\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\nlabel {\r\n    display: block !important;\r\n\r\n    margin: 0 0 8px !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    color: #000000 !important;\r\n\r\n    font-family: 'Tajawal', sans-serif !important;\r\n\r\n    font-size: 13px !important;\r\n    line-height: 1.5 !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    text-align: right !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INPUTS\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"text\"],\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"email\"] {\r\n    display: block !important;\r\n\r\n    width: 100% !important;\r\n\r\n    height: 56px !important;\r\n    min-height: 56px !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 17px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(0,0,0,.20) !important;\r\n\r\n    border-radius: 2px !important;\r\n\r\n    outline: none !important;\r\n\r\n    background: transparent !important;\r\n\r\n    color: #000000 !important;\r\n\r\n    font-family: 'Tajawal', sans-serif !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    font-weight: 300 !important;\r\n\r\n    text-align: right !important;\r\n\r\n    direction: rtl !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transition:\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n}\r\n\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"text\"]:focus,\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"email\"]:focus {\r\n    border-color: #000000 !important;\r\n\r\n    background: #ffffff !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PLACEHOLDER\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput::placeholder {\r\n    color: rgba(0,0,0,.42) !important;\r\n\r\n    opacity: 1 !important;\r\n\r\n    font-family: 'Tajawal', sans-serif !important;\r\n\r\n    font-weight: 300 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTON\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\n.tnp-field-button,\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\n.tnp-field-submit {\r\n    width: 100% !important;\r\n\r\n    margin-top: 3px !important;\r\n}\r\n\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"submit\"],\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\nbutton[type=\"submit\"] {\r\n    display: flex !important;\r\n\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    width: 100% !important;\r\n\r\n    height: 58px !important;\r\n    min-height: 58px !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 20px !important;\r\n\r\n    border:\r\n        1px solid\r\n        #d7193f !important;\r\n\r\n    border-radius: 2px !important;\r\n\r\n    background: #d7193f !important;\r\n\r\n    color: #fff9f8 !important;\r\n\r\n    font-family: 'Tajawal', sans-serif !important;\r\n\r\n    font-size: 14px !important;\r\n\r\n    line-height: 1 !important;\r\n\r\n    font-weight: 400 !important;\r\n\r\n    cursor: pointer !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ninput[type=\"submit\"]:hover,\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\nbutton[type=\"submit\"]:hover {\r\n    background: #bf1538 !important;\r\n\r\n    border-color: #bf1538 !important;\r\n\r\n    transform: translateY(-1px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REMOVE PLUGIN SPACING\r\n========================================= *\/\r\n\r\n.ladybug-newsletter\r\n.tnp-subscription\r\ndiv {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANIMATION\r\n========================================= *\/\r\n\r\n.ladybug-news-reveal {\r\n    opacity: 0;\r\n\r\n    transform: translateY(20px);\r\n\r\n    filter: blur(3px);\r\n\r\n    transition:\r\n        opacity .9s cubic-bezier(.22,1,.36,1),\r\n        transform .9s cubic-bezier(.22,1,.36,1),\r\n        filter .9s cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n.ladybug-news-reveal.is-visible {\r\n    opacity: 1;\r\n\r\n    transform: translateY(0);\r\n\r\n    filter: blur(0);\r\n}\r\n\r\n.ladybug-news-delay {\r\n    transition-delay: .12s;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .ladybug-newsletter {\r\n        padding: 78px 22px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PHONE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ladybug-newsletter {\r\n        padding:\r\n            62px\r\n            18px;\r\n    }\r\n\r\n    .ladybug-newsletter-inner {\r\n        max-width: 100%;\r\n    }\r\n\r\n    .ladybug-newsletter-copy h2 {\r\n        font-size: 31px;\r\n    }\r\n\r\n    .ladybug-newsletter-copy p {\r\n        font-size: 14px;\r\n\r\n        line-height: 1.85;\r\n    }\r\n\r\n    .ladybug-newsletter-form {\r\n        max-width: 100%;\r\n\r\n        margin-top: 34px;\r\n    }\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    form {\r\n        gap: 19px !important;\r\n    }\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    label {\r\n        margin-bottom: 7px !important;\r\n\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    input[type=\"text\"],\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    input[type=\"email\"] {\r\n        height: 55px !important;\r\n        min-height: 55px !important;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    input[type=\"submit\"],\r\n\r\n    .ladybug-newsletter\r\n    .tnp-subscription\r\n    button[type=\"submit\"] {\r\n        height: 56px !important;\r\n        min-height: 56px !important;\r\n\r\n        font-size: 15px !important;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL PHONE\r\n========================================= *\/\r\n\r\n@media (max-width: 390px) {\r\n\r\n    .ladybug-newsletter {\r\n        padding-left: 14px;\r\n        padding-right: 14px;\r\n    }\r\n\r\n    .ladybug-newsletter-copy h2 {\r\n        font-size: 29px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .ladybug-news-reveal {\r\n        opacity: 1 !important;\r\n\r\n        transform: none !important;\r\n\r\n        filter: none !important;\r\n\r\n        transition: none !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n\r\n    const section =\r\n        document.querySelector('#newsletter');\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const items =\r\n        section.querySelectorAll(\r\n            '.ladybug-news-reveal'\r\n        );\r\n\r\n\r\n    if ('IntersectionObserver' in window) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (entry.isIntersecting) {\r\n\r\n                                entry.target\r\n                                    .classList\r\n                                    .add('is-visible');\r\n\r\n                                observer.unobserve(\r\n                                    entry.target\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n\r\n                {\r\n                    threshold: 0.15\r\n                }\r\n\r\n            );\r\n\r\n\r\n        items.forEach(function (item) {\r\n            observer.observe(item);\r\n        });\r\n\r\n    }\r\n\r\n    else {\r\n\r\n        items.forEach(function (item) {\r\n            item.classList.add('is-visible');\r\n        });\r\n\r\n    }\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-488b2bf e-flex e-con-boxed e-con e-parent\" data-id=\"488b2bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-195422d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"195422d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>LADYBUG BY HAMDA \u0623\u0646\u0627\u0642\u0629 \u0644\u0643\u0650 \u0648\u0644\u0635\u063a\u0627\u0631\u0643 \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0648\u0645\u0644\u0627\u0628\u0633 \u0623\u0637\u0641\u0627\u0644 \u0628\u062a\u0641\u0627\u0635\u064a\u0644 \u0645\u0645\u064a\u0632\u0629 \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646 \u2190 \u062a\u0633\u0648\u0651\u0642\u064a \u062d\u0633\u0628 \u0627\u0644\u0641\u0626\u0629 \u0627\u062e\u062a\u0627\u0631\u064a \u0645\u0627 \u064a\u0646\u0627\u0633\u0628\u0643 \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0623\u0637\u0641\u0627\u0644 \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646 \u2190 \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0646\u0633\u0627\u0626\u064a\u0629 \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646 \u2190 \u062c\u0644\u0627\u0628\u064a\u0627\u062a \u0627\u0644\u0623\u0645 \u0648\u0627\u0644\u0628\u0646\u062a \u062a\u0633\u0648\u0642\u064a \u0627\u0644\u0622\u0646 \u2190 \u0648\u0635\u0644 \u062d\u062f\u064a\u062b\u0627\u064b LADYBUG BY HAMDA \u062a\u0641\u0627\u0635\u064a\u0644 \u0635\u064f\u0645\u0645\u062a \u0628\u062d\u0628 \u0644\u0643\u0650 \u0648\u0644\u0635\u063a\u0627\u0631\u0643 \u0641\u064a Ladybug by Hamda \u0646\u062e\u062a\u0627\u0631 \u062a\u0635\u0627\u0645\u064a\u0645 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0631\u0627\u062d\u0629 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":84,"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":322,"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/pages\/55\/revisions\/322"}],"wp:attachment":[{"href":"https:\/\/ladybug.ae\/en\/wp-json\/wp\/v2\/media?parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}