{"id":49,"date":"2019-12-13T07:18:15","date_gmt":"2019-12-13T07:18:15","guid":{"rendered":"http:\/\/source.wpopal.com\/kindero\/?page_id=49"},"modified":"2026-08-30T15:33:56","modified_gmt":"2026-08-30T15:33:56","slug":"home-1","status":"publish","type":"page","link":"https:\/\/hamzaislamicschool.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"49\" class=\"elementor elementor-49\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f0f0365 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"f0f0365\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f38aee2\" data-id=\"f38aee2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb23828 elementor-widget elementor-widget-html\" data-id=\"bb23828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL \u2014 PREMIUM 6 SLIDE HERO\r\n     UPDATED:\r\n     - Gallery link added to all buttons\r\n     - Larger typography\r\n     - Content moved further left\r\n     - Responsive tablet\/mobile layout\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hamza-hero\" id=\"hamzaHero\">\r\n\r\n```\r\n<!-- =====================================================\r\n     SLIDE 01\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide active\" data-duration=\"6500\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-1\"><\/div>\r\n    <div class=\"hamza-overlay\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                WELCOME TO HAMZA ISLAMIC SCHOOL\r\n            <\/div>\r\n\r\n            <h1 class=\"hamza-heading\">\r\n                Learning Begins\r\n                <br>\r\n                <span>Beyond the Classroom<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hamza-description\">\r\n                A school experience where children learn, explore,\r\n                travel, build friendships, and grow together.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    EXPLORE OUR GALLERY\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Learning<\/span>\r\n                <i><\/i>\r\n                <span>Values<\/span>\r\n                <i><\/i>\r\n                <span>Experience<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SLIDE 02\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide\" data-duration=\"6000\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-2\"><\/div>\r\n    <div class=\"hamza-overlay\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                LEARNING THROUGH EXPERIENCE\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-heading\">\r\n                Every Journey\r\n                <br>\r\n                Becomes a <span>Lesson<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-description\">\r\n                From new places to shared experiences, we encourage\r\n                children to discover, participate, and learn beyond\r\n                the boundaries of the classroom.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    DISCOVER OUR GALLERY\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Explore<\/span>\r\n                <i><\/i>\r\n                <span>Discover<\/span>\r\n                <i><\/i>\r\n                <span>Connect<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SLIDE 03\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide\" data-duration=\"6000\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-3\"><\/div>\r\n    <div class=\"hamza-overlay hamza-overlay-light\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                LEARNING THROUGH PLAY\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-heading\">\r\n                Where Learning\r\n                <br>\r\n                Becomes <span>Joyful<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-description\">\r\n                We create engaging experiences that help young learners\r\n                discover, participate, express themselves, and enjoy\r\n                the process of learning.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    EXPLORE OUR GALLERY\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Creativity<\/span>\r\n                <i><\/i>\r\n                <span>Participation<\/span>\r\n                <i><\/i>\r\n                <span>Confidence<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SLIDE 04\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide\" data-duration=\"5500\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-4\"><\/div>\r\n    <div class=\"hamza-overlay\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                CHILDHOOD AT HAMZA\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-heading\">\r\n                Growing Through\r\n                <br>\r\n                <span>Every Experience<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-description\">\r\n                At Hamza, every day brings opportunities to explore,\r\n                participate, make memories, and grow with confidence.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    LIFE AT HAMZA\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Play<\/span>\r\n                <i><\/i>\r\n                <span>Explore<\/span>\r\n                <i><\/i>\r\n                <span>Grow<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SLIDE 05\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide\" data-duration=\"6000\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-5\"><\/div>\r\n    <div class=\"hamza-overlay hamza-overlay-deep\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                CELEBRATING ACHIEVEMENT\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-heading\">\r\n                Every Effort Deserves\r\n                <br>\r\n                to Be <span>Celebrated<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-description\">\r\n                We encourage students to participate, challenge\r\n                themselves, discover their strengths, and take pride\r\n                in every milestone they achieve.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    STUDENT GALLERY\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Discipline<\/span>\r\n                <i><\/i>\r\n                <span>Confidence<\/span>\r\n                <i><\/i>\r\n                <span>Achievement<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SLIDE 06\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slide\" data-duration=\"7000\">\r\n\r\n    <div class=\"hamza-bg hamza-bg-6\"><\/div>\r\n    <div class=\"hamza-overlay\"><\/div>\r\n\r\n    <div class=\"hamza-container\">\r\n\r\n        <div class=\"hamza-content\">\r\n\r\n            <div class=\"hamza-label\">\r\n                <span class=\"hamza-star\">\u2726<\/span>\r\n                DEEN \u2022 KNOWLEDGE \u2022 CHARACTER\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-heading\">\r\n                Preparing Children\r\n                <br>\r\n                for <span>Life<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-description\">\r\n                We nurture children with knowledge, values, confidence,\r\n                and experiences that help them grow into responsible\r\n                and compassionate individuals.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-buttons\">\r\n\r\n                <a href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                   class=\"hamza-btn hamza-btn-primary\">\r\n\r\n                    VIEW OUR GALLERY\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-highlights\">\r\n                <span>Faith<\/span>\r\n                <i><\/i>\r\n                <span>Knowledge<\/span>\r\n                <i><\/i>\r\n                <span>Character<\/span>\r\n                <i><\/i>\r\n                <span>Confidence<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SIDE NAVIGATION\r\n====================================================== -->\r\n\r\n<button\r\n    class=\"hamza-arrow hamza-prev\"\r\n    type=\"button\"\r\n    aria-label=\"Previous slide\">\r\n    \u2039\r\n<\/button>\r\n\r\n<button\r\n    class=\"hamza-arrow hamza-next\"\r\n    type=\"button\"\r\n    aria-label=\"Next slide\">\r\n    \u203a\r\n<\/button>\r\n\r\n\r\n<!-- =====================================================\r\n     BOTTOM NAVIGATION\r\n====================================================== -->\r\n\r\n<div class=\"hamza-slider-nav\">\r\n\r\n    <div class=\"hamza-slide-number\">\r\n\r\n        <span class=\"hamza-current-number\">\r\n            01\r\n        <\/span>\r\n\r\n        <span class=\"hamza-number-line\"><\/span>\r\n\r\n        <span class=\"hamza-total-number\">\r\n            06\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"hamza-dots\">\r\n\r\n        <button\r\n            class=\"hamza-dot active\"\r\n            data-slide=\"0\"\r\n            aria-label=\"Go to slide 1\">\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"hamza-dot\"\r\n            data-slide=\"1\"\r\n            aria-label=\"Go to slide 2\">\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"hamza-dot\"\r\n            data-slide=\"2\"\r\n            aria-label=\"Go to slide 3\">\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"hamza-dot\"\r\n            data-slide=\"3\"\r\n            aria-label=\"Go to slide 4\">\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"hamza-dot\"\r\n            data-slide=\"4\"\r\n            aria-label=\"Go to slide 5\">\r\n        <\/button>\r\n\r\n        <button\r\n            class=\"hamza-dot\"\r\n            data-slide=\"5\"\r\n            aria-label=\"Go to slide 6\">\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =====================================================\r\n     SIDE CAPTION\r\n====================================================== -->\r\n\r\n<div class=\"hamza-side-caption\">\r\n    HAMZA ISLAMIC SCHOOL\r\n<\/div>\r\n```\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL VARIABLES\r\n========================================================= *\/\r\n\r\n#hamzaHero {\r\n\r\n    --hamza-gold: #D9A928;\r\n    --hamza-gold-light: #E5B83D;\r\n\r\n    --hamza-navy: #171A38;\r\n    --hamza-deep: #11152F;\r\n\r\n    --hamza-white: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.hamza-hero {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: min(900px, 94vh);\r\n\r\n    min-height: 700px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: var(--hamza-deep);\r\n\r\n    isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDES\r\n========================================================= *\/\r\n\r\n.hamza-slide {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    z-index: 1;\r\n\r\n    transition:\r\n        opacity 1.3s ease,\r\n        visibility 1.3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    z-index: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUNDS\r\n========================================================= *\/\r\n\r\n.hamza-bg {\r\n\r\n    position: absolute;\r\n\r\n    inset: -2%;\r\n\r\n    width: 104%;\r\n\r\n    height: 104%;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    background-size: cover;\r\n\r\n    background-position: center;\r\n\r\n    will-change: transform;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE IMAGES\r\n========================================================= *\/\r\n\r\n.hamza-bg-1 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/ChatGPT-Image-Aug-24-2026-05_17_31-PM.png\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n.hamza-bg-2 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/ChatGPT-Image-Aug-24-2026-05_14_11-PM.png\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n.hamza-bg-3 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.22.31-AM.jpeg\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n.hamza-bg-4 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.29.30-AM.jpeg\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n.hamza-bg-5 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.22.28-AM.jpeg\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n.hamza-bg-6 {\r\n\r\n    background-image:\r\n        url(\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.29.29-AM.jpeg\");\r\n\r\n    background-position: center center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEN BURNS\r\n========================================================= *\/\r\n\r\n.hamza-slide.active .hamza-bg-1 {\r\n\r\n    animation:\r\n        hamzaZoomRight 6.5s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-bg-2 {\r\n\r\n    animation:\r\n        hamzaZoomOut 6s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-bg-3 {\r\n\r\n    animation:\r\n        hamzaSoftZoom 6s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-bg-4 {\r\n\r\n    animation:\r\n        hamzaZoomLeft 5.5s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-bg-5 {\r\n\r\n    animation:\r\n        hamzaSoftZoom 6s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-bg-6 {\r\n\r\n    animation:\r\n        hamzaClosingZoom 7s ease-in-out forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaZoomRight {\r\n\r\n    0% {\r\n        transform:\r\n            scale(1)\r\n            translateX(-1%);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            scale(1.08)\r\n            translateX(1%);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaZoomOut {\r\n\r\n    0% {\r\n        transform: scale(1.08);\r\n    }\r\n\r\n    100% {\r\n        transform: scale(1);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaSoftZoom {\r\n\r\n    0% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    100% {\r\n        transform: scale(1.065);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaZoomLeft {\r\n\r\n    0% {\r\n        transform: scale(1);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            scale(1.07)\r\n            translateX(-1.5%);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaClosingZoom {\r\n\r\n    0% {\r\n        transform:\r\n            scale(1.02)\r\n            translateX(-1%);\r\n    }\r\n\r\n    100% {\r\n        transform:\r\n            scale(1.095)\r\n            translateX(0);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.hamza-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(17,21,47,0.94) 0%,\r\n            rgba(17,21,47,0.86) 22%,\r\n            rgba(17,21,47,0.67) 45%,\r\n            rgba(17,21,47,0.34) 72%,\r\n            rgba(17,21,47,0.10) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.hamza-overlay-light {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(17,21,47,0.88) 0%,\r\n            rgba(17,21,47,0.76) 30%,\r\n            rgba(17,21,47,0.44) 60%,\r\n            rgba(17,21,47,0.10) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.hamza-overlay-deep {\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(17,21,47,0.95) 0%,\r\n            rgba(17,21,47,0.84) 35%,\r\n            rgba(17,21,47,0.48) 70%,\r\n            rgba(17,21,47,0.15) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM GRADIENT\r\n========================================================= *\/\r\n\r\n.hamza-slide::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    inset: auto 0 0 0;\r\n\r\n    height: 35%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(9,12,31,0.55),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.hamza-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width: min(\r\n        1400px,\r\n        calc(100% - 90px)\r\n    );\r\n\r\n    height: 100%;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-content {\r\n\r\n    width: min(820px, 66%);\r\n\r\n    margin-top: -25px;\r\n\r\n    margin-left: -25px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 24px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color: var(--hamza-gold);\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.hamza-star {\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE HEADING\r\n========================================================= *\/\r\n\r\n.hamza-heading {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 850px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: clamp(\r\n        62px,\r\n        5.15vw,\r\n        76px\r\n    );\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.8px;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-heading span {\r\n\r\n    color: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-description {\r\n\r\n    max-width: 680px;\r\n\r\n    margin: 28px 0 34px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(255,255,255,0.90);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.hamza-buttons {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n.hamza-btn {\r\n\r\n    min-height: 57px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 16px;\r\n\r\n    padding: 0 27px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.9px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease;\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.hamza-btn-primary {\r\n\r\n    color: var(--hamza-navy) !important;\r\n\r\n    background: var(--hamza-gold);\r\n\r\n    border: 1px solid var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n.hamza-btn-primary:hover {\r\n\r\n    color: var(--hamza-navy) !important;\r\n\r\n    background: var(--hamza-gold-light);\r\n\r\n    border-color: var(--hamza-gold-light);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.hamza-btn-secondary {\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    border: 1px solid rgba(217,169,40,0.85);\r\n\r\n    background: rgba(255,255,255,0.05);\r\n\r\n    backdrop-filter: blur(7px);\r\n\r\n}\r\n\r\n\r\n.hamza-btn-secondary:hover {\r\n\r\n    color: var(--hamza-navy) !important;\r\n\r\n    background: var(--hamza-gold);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.hamza-btn span {\r\n\r\n    font-size: 19px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-btn:hover span {\r\n\r\n    transform:\r\n        translateX(5px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n.hamza-highlights {\r\n\r\n    margin-top: 42px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 16px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: rgba(255,255,255,0.80);\r\n\r\n}\r\n\r\n\r\n.hamza-highlights i {\r\n\r\n    width: 4px;\r\n\r\n    height: 4px;\r\n\r\n    display: block;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT ENTRANCE\r\n========================================================= *\/\r\n\r\n.hamza-slide .hamza-label,\r\n.hamza-slide .hamza-heading,\r\n.hamza-slide .hamza-description,\r\n.hamza-slide .hamza-buttons,\r\n.hamza-slide .hamza-highlights {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(28px);\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-label {\r\n\r\n    animation:\r\n        hamzaContentIn .8s .30s forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-heading {\r\n\r\n    animation:\r\n        hamzaContentIn .9s .42s forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-description {\r\n\r\n    animation:\r\n        hamzaContentIn .9s .56s forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-buttons {\r\n\r\n    animation:\r\n        hamzaContentIn .9s .68s forwards;\r\n\r\n}\r\n\r\n\r\n.hamza-slide.active .hamza-highlights {\r\n\r\n    animation:\r\n        hamzaContentIn .9s .80s forwards;\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaContentIn {\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROWS\r\n========================================================= *\/\r\n\r\n.hamza-arrow {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 15;\r\n\r\n    top: 50%;\r\n\r\n    width: 50px;\r\n\r\n    height: 50px;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.30);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(17,21,47,0.24);\r\n\r\n    backdrop-filter: blur(8px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 32px;\r\n\r\n    font-weight: 300;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-prev {\r\n\r\n    left: 22px;\r\n\r\n}\r\n\r\n\r\n.hamza-next {\r\n\r\n    right: 22px;\r\n\r\n}\r\n\r\n\r\n.hamza-arrow:hover {\r\n\r\n    color: var(--hamza-navy);\r\n\r\n    border-color:\r\n        var(--hamza-gold);\r\n\r\n    background:\r\n        var(--hamza-gold);\r\n\r\n    transform:\r\n        translateY(-50%)\r\n        scale(1.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM NAVIGATION\r\n========================================================= *\/\r\n\r\n.hamza-slider-nav {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 15;\r\n\r\n    bottom: 31px;\r\n\r\n    left: 50%;\r\n\r\n    width: min(\r\n        1400px,\r\n        calc(100% - 90px)\r\n    );\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-slide-number {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n\r\n    color:\r\n        rgba(255,255,255,0.65);\r\n\r\n}\r\n\r\n\r\n.hamza-current-number {\r\n\r\n    color:\r\n        var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n.hamza-number-line {\r\n\r\n    width: 40px;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.32);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.hamza-dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 8px;\r\n\r\n}\r\n\r\n\r\n.hamza-dot {\r\n\r\n    display: block;\r\n\r\n    width: 22px;\r\n\r\n    height: 3px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.28);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width .35s ease,\r\n        background .35s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-dot.active {\r\n\r\n    width: 48px;\r\n\r\n    background:\r\n        var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIDE CAPTION\r\n========================================================= *\/\r\n\r\n.hamza-side-caption {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 10;\r\n\r\n    right: 20px;\r\n\r\n    bottom: 118px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 3px;\r\n\r\n    color:\r\n        rgba(255,255,255,0.48);\r\n\r\n    writing-mode: vertical-rl;\r\n\r\n    transform:\r\n        rotate(180deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hamza-container {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-content {\r\n\r\n        width: 72%;\r\n\r\n        margin-left: -10px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-heading {\r\n\r\n        font-size: 57px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-description {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-slider-nav {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ SMALL LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .hamza-hero {\r\n\r\n        min-height: 680px;\r\n\r\n        height: 88vh;\r\n\r\n    }\r\n\r\n\r\n    .hamza-content {\r\n\r\n        width: 70%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-heading {\r\n\r\n        font-size: 53px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-prev {\r\n\r\n        left: 12px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-next {\r\n\r\n        right: 12px;\r\n\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    .hamza-hero {\r\n\r\n        height: 740px;\r\n\r\n        min-height: 740px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-bg {\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        background-size: cover;\r\n\r\n    }\r\n\r\n\r\n    .hamza-bg-1 {\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .hamza-bg-2 {\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .hamza-bg-3 {\r\n        background-position: 58% center;\r\n    }\r\n\r\n    .hamza-bg-4 {\r\n        background-position: 55% center;\r\n    }\r\n\r\n    .hamza-bg-5 {\r\n        background-position: 57% center;\r\n    }\r\n\r\n    .hamza-bg-6 {\r\n        background-position: 58% center;\r\n    }\r\n\r\n\r\n    \/* MOBILE OVERLAY *\/\r\n\r\n    .hamza-overlay,\r\n    .hamza-overlay-light,\r\n    .hamza-overlay-deep {\r\n\r\n        background:\r\n            linear-gradient(\r\n                0deg,\r\n                rgba(17,21,47,0.97) 0%,\r\n                rgba(17,21,47,0.90) 22%,\r\n                rgba(17,21,47,0.62) 52%,\r\n                rgba(17,21,47,0.22) 100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .hamza-slide::after {\r\n\r\n        height: 55%;\r\n\r\n        background:\r\n            linear-gradient(\r\n                to top,\r\n                rgba(10,13,31,0.72),\r\n                transparent\r\n            );\r\n\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .hamza-container {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        align-items: flex-end;\r\n\r\n        padding-bottom: 105px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-content {\r\n\r\n        width: 100%;\r\n\r\n        max-width: none;\r\n\r\n        margin: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-label {\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-heading {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.07;\r\n\r\n        letter-spacing: -0.8px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-description {\r\n\r\n        margin:\r\n            18px 0 23px;\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n    \/* BUTTONS *\/\r\n\r\n    .hamza-buttons {\r\n\r\n        gap: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-btn {\r\n\r\n        min-height: 49px;\r\n\r\n        padding:\r\n            0 18px;\r\n\r\n        font-size: 10.5px;\r\n\r\n        letter-spacing: .5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-slide:last-of-type .hamza-btn {\r\n\r\n        padding-left: 14px;\r\n\r\n        padding-right: 14px;\r\n\r\n    }\r\n\r\n\r\n    \/* HIGHLIGHTS *\/\r\n\r\n    .hamza-highlights {\r\n\r\n        margin-top: 23px;\r\n\r\n        gap: 9px;\r\n\r\n        font-size: 9px;\r\n\r\n        letter-spacing: .9px;\r\n\r\n    }\r\n\r\n\r\n    \/* ARROWS *\/\r\n\r\n    .hamza-arrow {\r\n\r\n        top: 42%;\r\n\r\n        width: 38px;\r\n\r\n        height: 38px;\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-prev {\r\n\r\n        left: 10px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-next {\r\n\r\n        right: 10px;\r\n\r\n    }\r\n\r\n\r\n    \/* BOTTOM *\/\r\n\r\n    .hamza-slider-nav {\r\n\r\n        bottom: 27px;\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-slide-number {\r\n\r\n        gap: 7px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-number-line {\r\n\r\n        width: 20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dot {\r\n\r\n        width: 12px;\r\n\r\n        height: 2px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dot.active {\r\n\r\n        width: 28px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-side-caption {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-hero {\r\n\r\n        height: 700px;\r\n\r\n        min-height: 700px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-container {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n        padding-bottom: 95px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-description {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-highlights {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-slider-nav {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\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    .hamza-bg {\r\n\r\n        animation: none !important;\r\n\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n\r\n    .hamza-slide {\r\n\r\n        transition-duration: .4s;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n    \"DOMContentLoaded\",\r\n    function () {\r\n\r\n        const hero =\r\n            document.getElementById(\"hamzaHero\");\r\n\r\n        if (!hero) return;\r\n\r\n\r\n        const slides =\r\n            hero.querySelectorAll(\r\n                \".hamza-slide\"\r\n            );\r\n\r\n        const dots =\r\n            hero.querySelectorAll(\r\n                \".hamza-dot\"\r\n            );\r\n\r\n        const prevButton =\r\n            hero.querySelector(\r\n                \".hamza-prev\"\r\n            );\r\n\r\n        const nextButton =\r\n            hero.querySelector(\r\n                \".hamza-next\"\r\n            );\r\n\r\n        const currentNumber =\r\n            hero.querySelector(\r\n                \".hamza-current-number\"\r\n            );\r\n\r\n\r\n        let currentSlide = 0;\r\n\r\n        let sliderTimer = null;\r\n\r\n\r\n        \/* =================================================\r\n           SHOW SLIDE\r\n        ================================================= *\/\r\n\r\n        function showSlide(index) {\r\n\r\n            slides[currentSlide]\r\n                .classList\r\n                .remove(\"active\");\r\n\r\n            dots[currentSlide]\r\n                .classList\r\n                .remove(\"active\");\r\n\r\n\r\n            currentSlide = index;\r\n\r\n\r\n            if (\r\n                currentSlide >=\r\n                slides.length\r\n            ) {\r\n\r\n                currentSlide = 0;\r\n\r\n            }\r\n\r\n\r\n            if (currentSlide < 0) {\r\n\r\n                currentSlide =\r\n                    slides.length - 1;\r\n\r\n            }\r\n\r\n\r\n            const currentBg =\r\n                slides[currentSlide]\r\n                    .querySelector(\r\n                        \".hamza-bg\"\r\n                    );\r\n\r\n\r\n            \/* Restart background animation *\/\r\n\r\n            currentBg.style.animation =\r\n                \"none\";\r\n\r\n\r\n            void currentBg.offsetWidth;\r\n\r\n\r\n            currentBg.style.animation =\r\n                \"\";\r\n\r\n\r\n            slides[currentSlide]\r\n                .classList\r\n                .add(\"active\");\r\n\r\n            dots[currentSlide]\r\n                .classList\r\n                .add(\"active\");\r\n\r\n\r\n            currentNumber.textContent =\r\n                String(\r\n                    currentSlide + 1\r\n                ).padStart(2, \"0\");\r\n\r\n\r\n            restartTimer();\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           NEXT\r\n        ================================================= *\/\r\n\r\n        function nextSlide() {\r\n\r\n            let next =\r\n                currentSlide + 1;\r\n\r\n\r\n            if (\r\n                next >= slides.length\r\n            ) {\r\n\r\n                next = 0;\r\n\r\n            }\r\n\r\n\r\n            showSlide(next);\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PREVIOUS\r\n        ================================================= *\/\r\n\r\n        function previousSlide() {\r\n\r\n            let previous =\r\n                currentSlide - 1;\r\n\r\n\r\n            if (previous < 0) {\r\n\r\n                previous =\r\n                    slides.length - 1;\r\n\r\n            }\r\n\r\n\r\n            showSlide(previous);\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           AUTO TIMER\r\n        ================================================= *\/\r\n\r\n        function restartTimer() {\r\n\r\n            clearTimeout(\r\n                sliderTimer\r\n            );\r\n\r\n\r\n            const duration =\r\n                parseInt(\r\n                    slides[currentSlide]\r\n                        .dataset.duration,\r\n                    10\r\n                ) || 6000;\r\n\r\n\r\n            sliderTimer =\r\n                setTimeout(\r\n                    nextSlide,\r\n                    duration\r\n                );\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           ARROWS\r\n        ================================================= *\/\r\n\r\n        nextButton.addEventListener(\r\n            \"click\",\r\n            nextSlide\r\n        );\r\n\r\n\r\n        prevButton.addEventListener(\r\n            \"click\",\r\n            previousSlide\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           DOTS\r\n        ================================================= *\/\r\n\r\n        dots.forEach(\r\n            function (dot, index) {\r\n\r\n                dot.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        if (\r\n                            index !==\r\n                            currentSlide\r\n                        ) {\r\n\r\n                            showSlide(index);\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           KEYBOARD\r\n        ================================================= *\/\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowRight\"\r\n                ) {\r\n\r\n                    nextSlide();\r\n\r\n                }\r\n\r\n\r\n                if (\r\n                    event.key ===\r\n                    \"ArrowLeft\"\r\n                ) {\r\n\r\n                    previousSlide();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           SWIPE\r\n        ================================================= *\/\r\n\r\n        let touchStartX = 0;\r\n\r\n        let touchEndX = 0;\r\n\r\n\r\n        hero.addEventListener(\r\n            \"touchstart\",\r\n            function (event) {\r\n\r\n                touchStartX =\r\n                    event.changedTouches[0]\r\n                        .screenX;\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        hero.addEventListener(\r\n            \"touchend\",\r\n            function (event) {\r\n\r\n                touchEndX =\r\n                    event.changedTouches[0]\r\n                        .screenX;\r\n\r\n                handleSwipe();\r\n\r\n            },\r\n            {\r\n                passive: true\r\n            }\r\n        );\r\n\r\n\r\n        function handleSwipe() {\r\n\r\n            const swipeDistance =\r\n                touchStartX -\r\n                touchEndX;\r\n\r\n\r\n            if (\r\n                Math.abs(\r\n                    swipeDistance\r\n                ) < 50\r\n            ) {\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                swipeDistance > 0\r\n            ) {\r\n\r\n                nextSlide();\r\n\r\n            } else {\r\n\r\n                previousSlide();\r\n\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PAUSE WHEN TAB HIDDEN\r\n        ================================================= *\/\r\n\r\n        document.addEventListener(\r\n            \"visibilitychange\",\r\n            function () {\r\n\r\n                if (\r\n                    document.hidden\r\n                ) {\r\n\r\n                    clearTimeout(\r\n                        sliderTimer\r\n                    );\r\n\r\n                } else {\r\n\r\n                    restartTimer();\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           START\r\n        ================================================= *\/\r\n\r\n        restartTimer();\r\n\r\n    }\r\n\r\n);\r\n\r\n<\/script>\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6db07ff elementor-section-stretched elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"6db07ff\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f95fbd\" data-id=\"1f95fbd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8471bc5 elementor-widget elementor-widget-html\" data-id=\"8471bc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     QUICK TRUST \/ SCHOOL HIGHLIGHTS\r\n========================================================= -->\r\n\r\n<section class=\"hamza-approach-section\">\r\n\r\n    <div class=\"hamza-approach-wrap\">\r\n\r\n        <!-- =========================================\r\n             HEADER\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-approach-header\">\r\n\r\n            <div class=\"hamza-approach-label\">\r\n                <span>\u2726<\/span>\r\n                THE HAMZA APPROACH\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-approach-heading\">\r\n                More Than Education.\r\n                <span>A Foundation for Life.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-approach-intro\">\r\n                At Hamza Islamic School, we believe meaningful education develops\r\n                more than academic ability. We nurture knowledge, faith, confidence,\r\n                character, and the skills children need to grow into responsible individuals.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             EDITORIAL HIGHLIGHTS\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-approach-grid\">\r\n\r\n            <!-- Connecting line -->\r\n            <div class=\"hamza-approach-line\">\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- 01 -->\r\n            <article class=\"hamza-approach-item\">\r\n\r\n                <div class=\"hamza-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"hamza-dot\"><\/div>\r\n\r\n                <h3>\r\n                    Academic Excellence\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-small-line\"><\/div>\r\n\r\n                <p>\r\n                    Strong foundations that encourage curiosity,\r\n                    understanding, and lifelong learning.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 -->\r\n            <article class=\"hamza-approach-item\">\r\n\r\n                <div class=\"hamza-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"hamza-dot\"><\/div>\r\n\r\n                <h3>\r\n                    Islamic Values\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-small-line\"><\/div>\r\n\r\n                <p>\r\n                    Helping children develop faith, manners,\r\n                    responsibility, and moral awareness.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 -->\r\n            <article class=\"hamza-approach-item\">\r\n\r\n                <div class=\"hamza-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"hamza-dot\"><\/div>\r\n\r\n                <h3>\r\n                    Character Development\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-small-line\"><\/div>\r\n\r\n                <p>\r\n                    Building confidence, discipline, compassion,\r\n                    communication, and leadership.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 04 -->\r\n            <article class=\"hamza-approach-item\">\r\n\r\n                <div class=\"hamza-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"hamza-dot\"><\/div>\r\n\r\n                <h3>\r\n                    Real-World Learning\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-small-line\"><\/div>\r\n\r\n                <p>\r\n                    Giving children opportunities to explore, participate,\r\n                    create, compete, and discover.\r\n                <\/p>\r\n\r\n            <\/article>\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   SECTION\r\n========================================================= *\/\r\n\r\n.hamza-approach-section {\r\n\r\n    --hamza-purple: #3A2E81;\r\n    --hamza-purple-soft: #575581;\r\n    --hamza-gold: #FAAF11;\r\n    --hamza-gold-soft: #F4AE29;\r\n    --hamza-cream: #FEEFCF;\r\n    --hamza-text: #4E584A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 105px 0 110px;\r\n\r\n    background: var(--hamza-cream);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* subtle background decoration *\/\r\n\r\n.hamza-approach-section::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    right: -150px;\r\n    top: -180px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(87,85,129,.07);\r\n\r\n    filter: blur(20px);\r\n\r\n}\r\n\r\n\r\n.hamza-approach-section::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 260px;\r\n    height: 260px;\r\n\r\n    left: -120px;\r\n    bottom: -120px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(250,175,17,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-approach-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(1280px, calc(100% - 100px));\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.hamza-approach-header {\r\n\r\n    max-width: 850px;\r\n\r\n    margin-bottom: 78px;\r\n\r\n}\r\n\r\n\r\n\/* label *\/\r\n\r\n.hamza-approach-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--hamza-purple);\r\n\r\n}\r\n\r\n\r\n.hamza-approach-label span {\r\n\r\n    color: var(--hamza-gold);\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* heading *\/\r\n\r\n.hamza-approach-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: clamp(48px, 4vw, 60px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n    color: var(--hamza-purple);\r\n\r\n}\r\n\r\n\r\n.hamza-approach-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* intro *\/\r\n\r\n.hamza-approach-intro {\r\n\r\n    max-width: 760px;\r\n\r\n    margin: 25px 0 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(78,88,74,.88);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.hamza-approach-grid {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    gap: 45px;\r\n\r\n    padding-top: 4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONNECTING GOLD LINE\r\n========================================================= *\/\r\n\r\n.hamza-approach-line {\r\n\r\n    position: absolute;\r\n\r\n    top: 53px;\r\n\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        rgba(58,46,129,.15);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.hamza-approach-line span {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            var(--hamza-gold),\r\n            var(--hamza-gold-soft),\r\n            var(--hamza-gold)\r\n        );\r\n\r\n    transform-origin: left;\r\n\r\n    animation:\r\n        hamzaLineReveal\r\n        2.1s\r\n        ease\r\n        both;\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaLineReveal {\r\n\r\n    0% {\r\n\r\n        transform:\r\n            scaleX(0);\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n    100% {\r\n\r\n        transform:\r\n            scaleX(1);\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ITEM\r\n========================================================= *\/\r\n\r\n.hamza-approach-item {\r\n\r\n    position: relative;\r\n\r\n    padding-top: 0;\r\n\r\n}\r\n\r\n\r\n\/* number *\/\r\n\r\n.hamza-number {\r\n\r\n    margin-bottom: 27px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(58,46,129,.42);\r\n\r\n}\r\n\r\n\r\n\/* connection dot *\/\r\n\r\n.hamza-dot {\r\n\r\n    position: absolute;\r\n\r\n    top: 47px;\r\n    left: 0;\r\n\r\n    width: 13px;\r\n    height: 13px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: var(--hamza-cream);\r\n\r\n    border:\r\n        3px solid\r\n        var(--hamza-gold);\r\n\r\n    box-shadow:\r\n        0 0 0 6px\r\n        rgba(250,175,17,.10);\r\n\r\n    z-index: 3;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* title *\/\r\n\r\n.hamza-approach-item h3 {\r\n\r\n    margin:\r\n        34px\r\n        0\r\n        13px;\r\n\r\n    max-width: 220px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 27px;\r\n\r\n    line-height: 1.18;\r\n\r\n    font-weight: 400;\r\n\r\n    color: var(--hamza-purple);\r\n\r\n}\r\n\r\n\r\n\/* short editorial line *\/\r\n\r\n.hamza-small-line {\r\n\r\n    width: 48px;\r\n    height: 2px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    background: var(--hamza-gold);\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* text *\/\r\n\r\n.hamza-approach-item p {\r\n\r\n    max-width: 260px;\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.72;\r\n\r\n    font-weight: 400;\r\n\r\n    color: rgba(78,88,74,.84);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n.hamza-approach-item:hover\r\n.hamza-dot {\r\n\r\n    transform:\r\n        scale(1.18);\r\n\r\n    box-shadow:\r\n        0 0 0 9px\r\n        rgba(250,175,17,.12);\r\n\r\n}\r\n\r\n\r\n.hamza-approach-item:hover\r\n.hamza-small-line {\r\n\r\n    width: 72px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL PREMIUM VERTICAL SEPARATION\r\n========================================================= *\/\r\n\r\n.hamza-approach-item:not(:last-child)::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    right: -22px;\r\n\r\n    top: 90px;\r\n\r\n    width: 1px;\r\n\r\n    height: 145px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            rgba(58,46,129,.12),\r\n            transparent\r\n        );\r\n\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    .hamza-approach-section {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            95px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-header {\r\n\r\n        margin-bottom: 65px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-heading {\r\n\r\n        font-size: 50px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap:\r\n            60px\r\n            50px;\r\n\r\n    }\r\n\r\n\r\n    \/* remove single long desktop line *\/\r\n\r\n    .hamza-approach-line {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    \/* give each card its own editorial top line *\/\r\n\r\n    .hamza-approach-item {\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(250,175,17,.55);\r\n\r\n        padding-top: 25px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dot {\r\n\r\n        top: -7px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-number {\r\n\r\n        margin-bottom: 20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item h3 {\r\n\r\n        margin-top: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item:not(:last-child)::after {\r\n\r\n        display: none;\r\n\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    .hamza-approach-section {\r\n\r\n        padding:\r\n            75px\r\n            0\r\n            78px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-header {\r\n\r\n        margin-bottom: 55px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-heading {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n        letter-spacing: -.7px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-intro {\r\n\r\n        margin-top: 19px;\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    \/* stacked editorial timeline *\/\r\n\r\n    .hamza-approach-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 0;\r\n\r\n        padding-left: 34px;\r\n\r\n    }\r\n\r\n\r\n    \/* vertical gold connecting line *\/\r\n\r\n    .hamza-approach-grid::before {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        top: 0;\r\n        bottom: 0;\r\n        left: 5px;\r\n\r\n        width: 1px;\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                to bottom,\r\n                var(--hamza-gold),\r\n                rgba(250,175,17,.18)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item {\r\n\r\n        position: relative;\r\n\r\n        padding:\r\n\r\n            0\r\n            0\r\n            42px;\r\n\r\n        border: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item:last-child {\r\n\r\n        padding-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-number {\r\n\r\n        margin-bottom: 12px;\r\n\r\n        font-size: 23px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dot {\r\n\r\n        top: 4px;\r\n\r\n        left: -35px;\r\n\r\n        width: 12px;\r\n        height: 12px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item h3 {\r\n\r\n        max-width: none;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            10px;\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-small-line {\r\n\r\n        margin-bottom: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item p {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-approach-section {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-wrap {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-intro {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-grid {\r\n\r\n        padding-left: 31px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dot {\r\n\r\n        left: -32px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-approach-item h3 {\r\n\r\n        font-size: 23px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hamza-approach-line span {\r\n\r\n        animation: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7e3891 elementor-section-stretched elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e7e3891\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c60a3a9\" data-id=\"c60a3a9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e67fc9 elementor-position-left elementor-vertical-align-bottom elementor-widget elementor-widget-image-box\" data-id=\"7e67fc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"48\"\n     height=\"48\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <g transform=\"rotate(-18 12 12)\">\n\n    <!-- Graduation Cap -->\n    <path d=\"M2.5 9.5L12 4L21.5 9.5L12 15L2.5 9.5Z\"\n          fill=\"#FAAF11\"\n          stroke=\"#12355B\"\n          stroke-width=\"1.6\"\n          stroke-linejoin=\"round\"><\/path>\n\n    <!-- Cap Body -->\n    <path d=\"M6 12V16.2\n             C6 16.2 8.4 19 12 19\n             C15.6 19 18 16.2 18 16.2V12\"\n          stroke=\"#12355B\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"><\/path>\n\n    <!-- Tassel -->\n    <path d=\"M21.5 9.5V15.5\"\n          stroke=\"#12355B\"\n          stroke-width=\"1.6\"\n          stroke-linecap=\"round\"><\/path>\n\n    <circle cx=\"21.5\" cy=\"16.5\"\n            r=\"1\"\n            fill=\"#FAAF11\"\n            stroke=\"#12355B\"\n            stroke-width=\"1.2\"><\/circle>\n\n  <\/g>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">About Us<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63858e7 elementor-widget elementor-widget-heading\" data-id=\"63858e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">\u201cIqra\u201d \u2013 The First Word Revealed in the Holy Quran<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a4f271 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"3a4f271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"zlAe0W_TextBase zlAe0W_Text PDq2pG_selectionAnchorContainer\" data-w-component=\"text\" data-w-wrap=\"normal\"><span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Iqra<\/span> means <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">\u201cRead\u201d<\/span> \u2014 seek knowledge, educate yourself, and become enlightened through learning. Inspired by this divine command, <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Hamza Islamic School (HIS)<\/span> is committed to nurturing children with <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">quality education, Islamic values, and strong moral character<\/span>.<\/p><p class=\"zlAe0W_TextBase zlAe0W_Text\" data-w-component=\"text\" data-w-wrap=\"normal\">Hamza Islamic School is a leading <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Islamic school in Hyderabad<\/span> dedicated to providing <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">modern academic education integrated with Islamic teachings<\/span>. Our mission is to help every child achieve excellence in both <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Deen and Duniya<\/span> \u2014 success in this world and the hereafter.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df3eeae elementor-widget elementor-widget-heading\" data-id=\"df3eeae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">Excellence in Academic & Islamic Education<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a303218 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a303218\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"zlAe0W_TextBase zlAe0W_Text PDq2pG_selectionAnchorContainer\" data-w-component=\"text\" data-w-wrap=\"normal\">At HIS, we believe that every child is unique and deserves a learning environment that encourages intellectual, spiritual, emotional, and social growth. As a <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">child-centered school<\/span>, we focus on the <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">overall development of students<\/span> through innovative teaching methods, personal attention, and value-based education.<\/p><p class=\"zlAe0W_TextBase zlAe0W_Text\" data-w-component=\"text\" data-w-wrap=\"normal\">Our school maintains the <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">highest standards of academic excellence<\/span> while ensuring that students remain connected to Islamic ethics, discipline, respect, and responsibility.<\/p>\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8c2a5fd\" data-id=\"8c2a5fd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2e6abbb elementor-widget elementor-widget-image\" data-id=\"2e6abbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-1024x1024.png\" class=\"attachment-large size-large wp-image-4209\" alt=\"\" srcset=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-1024x1024.png 1024w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-300x300.png 300w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-150x150.png 150w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-768x768.png 768w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM-700x700.png 700w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-10-2026-08_58_42-PM.png 1254w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b92d94 elementor-animation-sink elementor-position-left elementor-vertical-align-bottom elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image-box\" data-id=\"8b92d94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/share.google\/DvcKQMl4ILiI5I2UU\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"40\" height=\"40\" viewBox=\"0 0 24 24\">\n  <path fill=\"#FF3B30\" d=\"M12 2C7.58 2 4 5.58 4 10c0 5.5 8 12 8 12s8-6.5 8-12c0-4.42-3.58-8-8-8z\"><\/path>\n  <circle cx=\"12\" cy=\"10\" r=\"3.5\" fill=\"#FFD60A\"><\/circle>\n  <circle cx=\"12\" cy=\"10\" r=\"2\" fill=\"#FFFFFF\"><\/circle>\n<\/svg><\/a><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/share.google\/DvcKQMl4ILiI5I2UU\">Hakimpet,Toli Chowki, Hyderabad<\/a><\/h3><\/div><\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9fa6f9b elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9fa6f9b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d729ea8\" data-id=\"d729ea8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfee7b6 elementor-widget elementor-widget-html\" data-id=\"bfee7b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     LEADERSHIP \u2014 FOUNDER ONLY\r\n     PRINCIPAL SECTION REMOVED\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"his-leadership\">\r\n\r\n    <div class=\"his-leadership-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <header class=\"his-leadership-header\">\r\n\r\n            <div class=\"his-leadership-label\">\r\n                <span>\u2726<\/span>\r\n                LEADERSHIP\r\n            <\/div>\r\n\r\n            <h2 class=\"his-leadership-title\">\r\n                Guided by Purpose.\r\n                <span>Built on Values.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"his-leadership-intro\">\r\n                The vision of Hamza Islamic School is shaped by a commitment\r\n                to meaningful education \u2014 one that develops knowledge, faith,\r\n                character, confidence, and a lifelong love for learning.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FOUNDER\r\n        ================================================== -->\r\n\r\n        <article class=\"his-founder-section\">\r\n\r\n\r\n            <!-- FOUNDER IMAGE -->\r\n\r\n            <div class=\"his-founder-visual\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-24-at-7.47.49-PM.jpeg\"\r\n                    alt=\"Founder of Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-founder-overlay\"><\/div>\r\n\r\n                <span class=\"his-photo-corner his-photo-corner-top\"><\/span>\r\n                <span class=\"his-photo-corner his-photo-corner-bottom\"><\/span>\r\n\r\n\r\n                <div class=\"his-founder-image-label\">\r\n\r\n                    <span>01<\/span>\r\n\r\n                    <div>\r\n                        FOUNDER'S VISION\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- FOUNDER MESSAGE -->\r\n\r\n            <div class=\"his-founder-content\">\r\n\r\n                <div class=\"his-message-label\">\r\n                    01 \u2014 FOUNDER'S VISION\r\n                <\/div>\r\n\r\n                <h3 class=\"his-message-title\">\r\n                    A Message from\r\n                    <span>the Founder<\/span>\r\n                <\/h3>\r\n\r\n                <div class=\"his-founder-quote\">\r\n                    \u201c\r\n                <\/div>\r\n\r\n\r\n                <div class=\"his-message-text\">\r\n\r\n                    <p class=\"his-message-opening\">\r\n                        Hamza Islamic School was founded with the vision of\r\n                        providing a balanced education that combines modern\r\n                        learning with Islamic values.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        We believe that true success comes not only from\r\n                        knowledge, but also from integrity, compassion, respect,\r\n                        and strong moral character.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Our goal is to help every child discover their potential,\r\n                        develop confidence, and grow into a thoughtful and\r\n                        responsible member of society.\r\n                    <\/p>\r\n\r\n                    <p>\r\n                        Through a caring and supportive environment, we continue\r\n                        to build a school that prepares students for a meaningful\r\n                        future.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"his-message-signature\">\r\n\r\n                    <span class=\"his-signature-line\"><\/span>\r\n\r\n                    <div>\r\n                        <strong>\u2014 Founder<\/strong>\r\n\r\n                        <span>\r\n                            Hamza Islamic School\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.his-leadership {\r\n\r\n    --his-purple: #3A2E81;\r\n    --his-purple-dark: #2D246B;\r\n\r\n    --his-gold: #FAAF11;\r\n    --his-gold-soft: #F4AE29;\r\n\r\n    --his-cream: #FFF9EA;\r\n\r\n    --his-text: #465044;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        120px 0\r\n        135px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #FFFDF7 0%,\r\n            #FFF9EA 100%\r\n        );\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.his-leadership::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -180px;\r\n    right: -150px;\r\n\r\n    width: 520px;\r\n    height: 520px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(58,46,129,.035);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.his-leadership::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: -180px;\r\n    bottom: -200px;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(250,175,17,.055);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n.his-leadership-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1440px,\r\n            calc(100% - 90px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.his-leadership-header {\r\n\r\n    max-width: 1000px;\r\n\r\n    margin-bottom: 78px;\r\n\r\n}\r\n\r\n\r\n.his-leadership-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color:\r\n        var(--his-purple);\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.his-leadership-label span {\r\n\r\n    color:\r\n        var(--his-gold);\r\n\r\n    font-size: 17px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER TITLE\r\n========================================================= *\/\r\n\r\n.his-leadership-title {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            56px,\r\n            4.5vw,\r\n            72px\r\n        );\r\n\r\n    line-height: 1.06;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.5px;\r\n\r\n    color:\r\n        var(--his-purple);\r\n\r\n}\r\n\r\n\r\n.his-leadership-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 6px;\r\n\r\n    color:\r\n        var(--his-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER DESCRIPTION\r\n========================================================= *\/\r\n\r\n.his-leadership-intro {\r\n\r\n    max-width: 850px;\r\n\r\n    margin:\r\n        28px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.8;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(70,80,68,.88);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUNDER SECTION\r\n========================================================= *\/\r\n\r\n.his-founder-section {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(470px, .90fr)\r\n        minmax(0, 1.30fr);\r\n\r\n    align-items: stretch;\r\n\r\n    min-height: 720px;\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(250,175,17,.50);\r\n\r\n    box-shadow:\r\n        0 30px 90px\r\n        rgba(58,46,129,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUNDER VISUAL\r\n========================================================= *\/\r\n\r\n.his-founder-visual {\r\n\r\n    position: relative;\r\n\r\n    min-height: 720px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        var(--his-purple);\r\n\r\n}\r\n\r\n\r\n.his-founder-visual img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position:\r\n        center center;\r\n\r\n    transition:\r\n        transform\r\n        1.1s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.his-founder-section:hover\r\n.his-founder-visual img {\r\n\r\n    transform:\r\n        scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.his-founder-overlay {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(43,31,106,.68) 0%,\r\n            rgba(43,31,106,.18) 42%,\r\n            transparent 72%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD CORNERS\r\n========================================================= *\/\r\n\r\n.his-photo-corner {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n}\r\n\r\n\r\n.his-photo-corner-top {\r\n\r\n    top: 24px;\r\n    right: 24px;\r\n\r\n    border-top:\r\n        2px solid\r\n        rgba(250,175,17,.90);\r\n\r\n    border-right:\r\n        2px solid\r\n        rgba(250,175,17,.90);\r\n\r\n}\r\n\r\n\r\n.his-photo-corner-bottom {\r\n\r\n    bottom: 24px;\r\n    left: 24px;\r\n\r\n    border-bottom:\r\n        2px solid\r\n        rgba(250,175,17,.90);\r\n\r\n    border-left:\r\n        2px solid\r\n        rgba(250,175,17,.90);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.his-founder-image-label {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 32px;\r\n    right: 32px;\r\n    bottom: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 20px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.his-founder-image-label > span {\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 65px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        rgba(255,255,255,.84);\r\n\r\n}\r\n\r\n\r\n.his-founder-image-label div {\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOUNDER CONTENT\r\n========================================================= *\/\r\n\r\n.his-founder-content {\r\n\r\n    position: relative;\r\n\r\n    padding:\r\n        65px\r\n        76px\r\n        68px;\r\n\r\n}\r\n\r\n\r\n\/* GOLD TOP LINE *\/\r\n\r\n.his-founder-content::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -1px;\r\n    left: 76px;\r\n\r\n    width: 110px;\r\n    height: 4px;\r\n\r\n    background:\r\n        var(--his-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.his-message-label {\r\n\r\n    margin-bottom: 19px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    color:\r\n        var(--his-gold);\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MESSAGE TITLE\r\n========================================================= *\/\r\n\r\n.his-message-title {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 700px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            44px,\r\n            3.4vw,\r\n            58px\r\n        );\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -.9px;\r\n\r\n    color:\r\n        var(--his-purple);\r\n\r\n}\r\n\r\n\r\n.his-message-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        var(--his-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE\r\n========================================================= *\/\r\n\r\n.his-founder-quote {\r\n\r\n    height: 42px;\r\n\r\n    margin-top: 27px;\r\n\r\n    font-family:\r\n        Georgia,\r\n        serif;\r\n\r\n    font-size: 76px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        rgba(250,175,17,.32);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BODY TEXT\r\n========================================================= *\/\r\n\r\n.his-message-text {\r\n\r\n    max-width: 850px;\r\n\r\n    margin-top: 16px;\r\n\r\n}\r\n\r\n\r\n.his-message-text p {\r\n\r\n    margin:\r\n        0 0 21px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.82;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(55,65,53,.94);\r\n\r\n}\r\n\r\n\r\n.his-message-text p:last-child {\r\n\r\n    margin-bottom: 0;\r\n\r\n}\r\n\r\n\r\n\/* OPENING PARAGRAPH *\/\r\n\r\n.his-message-text\r\n.his-message-opening {\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 500;\r\n\r\n    color:\r\n        var(--his-purple);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SIGNATURE\r\n========================================================= *\/\r\n\r\n.his-message-signature {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 40px;\r\n\r\n}\r\n\r\n\r\n.his-signature-line {\r\n\r\n    flex: 0 0 58px;\r\n\r\n    width: 58px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--his-gold);\r\n\r\n}\r\n\r\n\r\n.his-message-signature div {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 6px;\r\n\r\n}\r\n\r\n\r\n.his-message-signature strong {\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        var(--his-purple);\r\n\r\n}\r\n\r\n\r\n.his-message-signature div span {\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.4px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color:\r\n        rgba(70,80,68,.60);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1500px) {\r\n\r\n    .his-leadership-wrap {\r\n\r\n        width:\r\n            min(\r\n                1500px,\r\n                calc(100% - 120px)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .his-founder-section {\r\n\r\n        grid-template-columns:\r\n            560px\r\n            minmax(0, 1fr);\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content {\r\n\r\n        padding:\r\n            72px\r\n            90px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content::before {\r\n\r\n        left: 90px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text p {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .his-leadership {\r\n\r\n        padding:\r\n            95px 0\r\n            110px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n    }\r\n\r\n\r\n    .his-founder-section {\r\n\r\n        grid-template-columns:\r\n            minmax(370px, .85fr)\r\n            minmax(0, 1.15fr);\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content {\r\n\r\n        padding:\r\n            52px\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content::before {\r\n\r\n        left: 48px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text p {\r\n\r\n        font-size: 16px;\r\n\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    .his-leadership {\r\n\r\n        padding:\r\n            75px 0\r\n            85px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-wrap {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .his-leadership-header {\r\n\r\n        margin-bottom: 48px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-label {\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.4px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-title {\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -.8px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-intro {\r\n\r\n        margin-top: 19px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.72;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FOUNDER\r\n    ====================================================== *\/\r\n\r\n    .his-founder-section {\r\n\r\n        display: block;\r\n\r\n        min-height: 0;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-visual {\r\n\r\n        min-height: 480px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content {\r\n\r\n        padding:\r\n            43px\r\n            28px\r\n            46px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content::before {\r\n\r\n        left: 28px;\r\n\r\n        width: 70px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-label {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.4px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-title {\r\n\r\n        font-size: 36px;\r\n\r\n        line-height: 1.08;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-quote {\r\n\r\n        margin-top: 20px;\r\n\r\n        font-size: 65px;\r\n\r\n    }\r\n\r\n\r\n    \/* BODY *\/\r\n\r\n    .his-message-text {\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text p {\r\n\r\n        margin-bottom: 17px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.75;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text\r\n    .his-message-opening {\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    \/* SIGNATURE *\/\r\n\r\n    .his-message-signature {\r\n\r\n        margin-top: 32px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .his-leadership {\r\n\r\n        padding:\r\n            65px 0\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-wrap {\r\n\r\n        width:\r\n            calc(100% - 26px);\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-title {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-intro {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-visual {\r\n\r\n        min-height: 410px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content {\r\n\r\n        padding:\r\n            36px\r\n            22px\r\n            40px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content::before {\r\n\r\n        left: 22px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-title {\r\n\r\n        font-size: 31px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.72;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text\r\n    .his-message-opening {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-image-label {\r\n\r\n        left: 20px;\r\n        right: 20px;\r\n        bottom: 20px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-image-label > span {\r\n\r\n        font-size: 48px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-image-label div {\r\n\r\n        font-size: 8px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-signature strong {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .his-leadership-wrap {\r\n\r\n        width:\r\n            calc(100% - 22px);\r\n\r\n    }\r\n\r\n\r\n    .his-leadership-title {\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-visual {\r\n\r\n        min-height: 360px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content {\r\n\r\n        padding:\r\n            32px\r\n            19px\r\n            35px;\r\n\r\n    }\r\n\r\n\r\n    .his-founder-content::before {\r\n\r\n        left: 19px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-title {\r\n\r\n        font-size: 29px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text p {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n\r\n    .his-message-text\r\n    .his-message-opening {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .his-founder-visual img {\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7bb29ae elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7bb29ae\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf10a73\" data-id=\"cf10a73\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e71200 elementor-widget elementor-widget-html\" data-id=\"3e71200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     LEARNING BEYOND THE CLASSROOM\r\n========================================================= -->\r\n\r\n<section class=\"hamza-holistic\">\r\n\r\n    <div class=\"hamza-holistic-wrap\">\r\n\r\n        <!-- =========================================\r\n             LEFT IMAGE\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-holistic-visual\">\r\n\r\n            <div class=\"hamza-holistic-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/ChatGPT-Image-Aug-24-2026-05_59_43-PM.png\"\r\n                    alt=\"Students learning beyond the classroom at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"hamza-holistic-image-overlay\"><\/div>\r\n\r\n                <div class=\"hamza-holistic-image-tag\">\r\n                    <span>\u2726<\/span>\r\n                    EXPERIENCE \u2022 PARTICIPATION \u2022 GROWTH\r\n                <\/div>\r\n\r\n                <div class=\"hamza-holistic-corner hamza-holistic-corner-1\"><\/div>\r\n                <div class=\"hamza-holistic-corner hamza-holistic-corner-2\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             RIGHT CONTENT\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-holistic-content\">\r\n\r\n            <div class=\"hamza-holistic-label\">\r\n                <span>\u2726<\/span>\r\n                HOLISTIC LEARNING\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-holistic-heading\">\r\n                Learning Beyond\r\n                <span>the Classroom<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-holistic-description\">\r\n                At Hamza Islamic School, learning doesn't stop when\r\n                the classroom doors close.\r\n            <\/p>\r\n\r\n            <p class=\"hamza-holistic-description\">\r\n                Through activities, experiences, teamwork, exploration,\r\n                and participation, students discover new interests,\r\n                develop practical skills, build confidence, and learn\r\n                to work with others.\r\n            <\/p>\r\n\r\n\r\n            <!-- =====================================\r\n                 CAPABILITIES\r\n            ====================================== -->\r\n\r\n            <div class=\"hamza-capabilities\">\r\n\r\n                <article class=\"hamza-capability\">\r\n\r\n                    <div class=\"hamza-capability-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Communication\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Express ideas clearly and confidently.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"hamza-capability\">\r\n\r\n                    <div class=\"hamza-capability-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Teamwork\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Learn to collaborate, respect, and contribute.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"hamza-capability\">\r\n\r\n                    <div class=\"hamza-capability-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Creativity\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Imagine, explore, create, and experiment.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n\r\n                <article class=\"hamza-capability\">\r\n\r\n                    <div class=\"hamza-capability-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Critical Thinking\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Question, analyse, solve, and make informed decisions.\r\n                    <\/p>\r\n\r\n                <\/article>\r\n\r\n            <\/div>\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   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-holistic {\r\n\r\n    --hamza-purple: #3A2E81;\r\n    --hamza-purple-soft: #575581;\r\n    --hamza-gold: #FAAF11;\r\n    --hamza-gold-soft: #F4AE29;\r\n    --hamza-cream: #FEEFCF;\r\n    --hamza-white: #FFFFFF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0 115px;\r\n\r\n    background: var(--hamza-purple);\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n.hamza-holistic::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 500px;\r\n    height: 500px;\r\n\r\n    right: -170px;\r\n    top: -180px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    filter: blur(30px);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    left: -150px;\r\n    bottom: -170px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(250,175,17,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-holistic-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(1320px, calc(100% - 100px));\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.05fr)\r\n        minmax(0, .95fr);\r\n\r\n    gap: 78px;\r\n\r\n    align-items: stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE SIDE\r\n========================================================= *\/\r\n\r\n.hamza-holistic-visual {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-image {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    min-height: 650px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(250,175,17,.32);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-image img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    display: block;\r\n\r\n    transition:\r\n        transform 1.2s cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-image:hover img {\r\n\r\n    transform:\r\n        scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.hamza-holistic-image-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            0deg,\r\n\r\n            rgba(39,28,100,.60) 0%,\r\n\r\n            rgba(39,28,100,.18) 36%,\r\n\r\n            transparent 62%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE TAG\r\n========================================================= *\/\r\n\r\n.hamza-holistic-image-tag {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    left: 28px;\r\n    bottom: 26px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    color: rgba(255,255,255,.82);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-image-tag span {\r\n\r\n    color: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CORNER DETAILS\r\n========================================================= *\/\r\n\r\n.hamza-holistic-corner {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-corner-1 {\r\n\r\n    top: 19px;\r\n    left: 19px;\r\n\r\n    border-top:\r\n        2px solid\r\n        rgba(250,175,17,.78);\r\n\r\n    border-left:\r\n        2px solid\r\n        rgba(250,175,17,.78);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-corner-2 {\r\n\r\n    right: 19px;\r\n    bottom: 19px;\r\n\r\n    border-right:\r\n        2px solid\r\n        rgba(250,175,17,.78);\r\n\r\n    border-bottom:\r\n        2px solid\r\n        rgba(250,175,17,.78);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-holistic-content {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    padding: 18px 0;\r\n\r\n}\r\n\r\n\r\n\/* label *\/\r\n\r\n.hamza-holistic-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-label span {\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* heading *\/\r\n\r\n.hamza-holistic-heading {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 590px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: clamp(50px, 4.2vw, 60px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.1px;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: var(--hamza-gold);\r\n\r\n}\r\n\r\n\r\n\/* text *\/\r\n\r\n.hamza-holistic-description {\r\n\r\n    max-width: 610px;\r\n\r\n    margin:\r\n        23px\r\n        0\r\n        0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(255,255,255,.83);\r\n\r\n}\r\n\r\n\r\n.hamza-holistic-description +\r\n.hamza-holistic-description {\r\n\r\n    margin-top: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAPABILITY PANEL\r\n========================================================= *\/\r\n\r\n.hamza-capabilities {\r\n\r\n    position: relative;\r\n\r\n    margin-top: 40px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, 1fr);\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(250,175,17,.45);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(250,175,17,.20);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CAPABILITY\r\n========================================================= *\/\r\n\r\n.hamza-capability {\r\n\r\n    position: relative;\r\n\r\n    min-height: 168px;\r\n\r\n    padding:\r\n        26px\r\n        25px\r\n        25px;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(250,175,17,.20);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(250,175,17,.20);\r\n\r\n    background:\r\n        rgba(255,255,255,.025);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-capability:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.06);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-capability-number {\r\n\r\n    margin-bottom: 15px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        rgba(250,175,17,.68);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hamza-capability h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        9px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.3px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXT\r\n========================================================= *\/\r\n\r\n.hamza-capability p {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 230px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.62;\r\n\r\n    color:\r\n        rgba(255,255,255,.70);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD TOP ACCENT\r\n========================================================= *\/\r\n\r\n.hamza-capability::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -1px;\r\n    left: 24px;\r\n\r\n    width: 36px;\r\n    height: 2px;\r\n\r\n    background:\r\n        var(--hamza-gold);\r\n\r\n    transform-origin: left;\r\n\r\n    transition:\r\n        width .35s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-capability:hover::before {\r\n\r\n    width: 68px;\r\n\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    .hamza-holistic {\r\n\r\n        padding:\r\n            92px\r\n            0\r\n            98px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n        gap: 52px;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-image {\r\n\r\n        min-height: 590px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-heading {\r\n\r\n        font-size: 49px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-description {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability {\r\n\r\n        min-height: 160px;\r\n\r\n        padding:\r\n            23px\r\n            20px;\r\n\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    .hamza-holistic {\r\n\r\n        padding:\r\n            78px\r\n            0\r\n            80px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 44px;\r\n\r\n    }\r\n\r\n\r\n    \/* image stays first *\/\r\n\r\n    .hamza-holistic-image {\r\n\r\n        min-height: 420px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-image-tag {\r\n\r\n        left: 20px;\r\n        bottom: 20px;\r\n\r\n        max-width: 250px;\r\n\r\n        font-size: 8.5px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-corner {\r\n\r\n        width: 48px;\r\n        height: 48px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-content {\r\n\r\n        padding: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-heading {\r\n\r\n        max-width: 100%;\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-description {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-description +\r\n    .hamza-holistic-description {\r\n\r\n        margin-top: 11px;\r\n\r\n    }\r\n\r\n\r\n    \/* capabilities *\/\r\n\r\n    .hamza-capabilities {\r\n\r\n        margin-top: 32px;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability {\r\n\r\n        min-height: 145px;\r\n\r\n        padding:\r\n            21px\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability h3 {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability p {\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.55;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-holistic {\r\n\r\n        padding:\r\n            68px\r\n            0\r\n            72px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-wrap {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-image {\r\n\r\n        min-height: 350px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-holistic-description {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n     * Keep the feature-panel feel,\r\n     * but make capabilities single column\r\n     * on smaller phones.\r\n     *\/\r\n\r\n    .hamza-capabilities {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability {\r\n\r\n        min-height: 0;\r\n\r\n        padding:\r\n            21px\r\n            20px\r\n            22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-capability p {\r\n\r\n        max-width: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b98714d elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b98714d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cd8e9c4\" data-id=\"cd8e9c4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a3cbb11 elementor-widget elementor-widget-html\" data-id=\"a3cbb11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     COLOURED EDUCATION CARDS\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Marcellus&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"his-values\">\r\n\r\n    <div class=\"his-values-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <header class=\"his-values-header\">\r\n\r\n            <div class=\"his-values-label\">\r\n                <span>\u2726<\/span>\r\n                OUR EDUCATIONAL APPROACH\r\n            <\/div>\r\n\r\n            <h2 class=\"his-values-title\">\r\n                Helping Children\r\n                <span>Read. Learn. Think.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"his-values-intro\">\r\n                At Hamza Islamic School, we believe education should nurture\r\n                the mind, strengthen the heart, develop character, and inspire\r\n                every child to discover their potential.\r\n            <\/p>\r\n\r\n        <\/header>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             CARDS\r\n        ================================================== -->\r\n\r\n        <div class=\"his-values-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 01 \u2014 READ\r\n            ================================================== -->\r\n\r\n            <article class=\"his-value-card his-card-blue\">\r\n\r\n                <div class=\"his-card-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <div class=\"his-card-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <div class=\"his-card-content\">\r\n\r\n                    <div class=\"his-card-label\">\r\n                        BEGIN WITH KNOWLEDGE\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        <span>Read<\/span>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We encourage children to develop a love for reading,\r\n                        discovering knowledge, asking questions, and exploring\r\n                        the world around them.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"his-card-word\">\r\n                    READ\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 02 \u2014 LEARN\r\n            ================================================== -->\r\n\r\n            <article class=\"his-value-card his-card-yellow\">\r\n\r\n                <div class=\"his-card-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <div class=\"his-card-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <div class=\"his-card-content\">\r\n\r\n                    <div class=\"his-card-label\">\r\n                        BUILD KNOWLEDGE\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        <span>Learn<\/span>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Learning at Hamza goes beyond textbooks, helping\r\n                        students understand ideas, develop skills, and gain\r\n                        meaningful experiences.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"his-card-word\">\r\n                    LEARN\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 03 \u2014 THINK\r\n            ================================================== -->\r\n\r\n            <article class=\"his-value-card his-card-pink\">\r\n\r\n                <div class=\"his-card-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <div class=\"his-card-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <div class=\"his-card-content\">\r\n\r\n                    <div class=\"his-card-label\">\r\n                        DEVELOP THE MIND\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        <span>Think<\/span>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We help children become curious thinkers who can\r\n                        question, understand, solve problems, and approach\r\n                        challenges with confidence.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"his-card-word\">\r\n                    THINK\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 04 \u2014 BELIEVE\r\n            ================================================== -->\r\n\r\n            <article class=\"his-value-card his-card-purple\">\r\n\r\n                <div class=\"his-card-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <div class=\"his-card-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <div class=\"his-card-content\">\r\n\r\n                    <div class=\"his-card-label\">\r\n                        STRENGTHEN FAITH\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        <span>Believe<\/span>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Islamic values guide our students to develop faith,\r\n                        responsibility, respect, compassion, and a strong\r\n                        sense of purpose.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"his-card-word\">\r\n                    BELIEVE\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 05 \u2014 CHARACTER\r\n            ================================================== -->\r\n\r\n            <article class=\"his-value-card his-card-red\">\r\n\r\n                <div class=\"his-card-number\">\r\n                    05\r\n                <\/div>\r\n\r\n                <div class=\"his-card-icon\">\r\n                    \u2726\r\n                <\/div>\r\n\r\n                <div class=\"his-card-content\">\r\n\r\n                    <div class=\"his-card-label\">\r\n                        GROW WITH PURPOSE\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        <span>Character<\/span>\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Our aim is to nurture children who are confident,\r\n                        respectful, disciplined, compassionate, and prepared\r\n                        to contribute positively to society.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"his-card-word\">\r\n                    CHARACTER\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM STATEMENT\r\n        ================================================== -->\r\n\r\n        <div class=\"his-values-statement\">\r\n\r\n            <div class=\"his-statement-line\"><\/div>\r\n\r\n            <p>\r\n                Developing the\r\n                <strong class=\"his-word-mind\">Mind<\/strong>,\r\n                strengthening the\r\n                <strong class=\"his-word-heart\">Heart<\/strong>,\r\n                and building strong\r\n                <strong class=\"his-word-character\">Character<\/strong>.\r\n            <\/p>\r\n\r\n            <div class=\"his-statement-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.his-values {\r\n\r\n    --blue: #4f93eb;\r\n    --yellow: #faaf11;\r\n    --pink: #e98bc3;\r\n    --purple: #aa8be2;\r\n    --red: #f32c2c;\r\n\r\n    --dark: #202033;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        120px\r\n        0\r\n        130px;\r\n\r\n    background:\r\n        #ffffff;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.his-values::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    top: -200px;\r\n    right: -150px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(79,147,235,.035);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.his-values::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    left: -180px;\r\n    bottom: -200px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(243,44,44,.025);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.his-values-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1440px,\r\n            calc(100% - 90px)\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.his-values-header {\r\n\r\n    max-width: 900px;\r\n\r\n    margin-bottom: 65px;\r\n\r\n}\r\n\r\n\r\n.his-values-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 11px;\r\n\r\n    margin-bottom: 19px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color:\r\n        #4f93eb;\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.his-values-label span {\r\n\r\n    color:\r\n        #faaf11;\r\n\r\n    font-size: 17px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.his-values-title {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            4.5vw,\r\n            72px\r\n        );\r\n\r\n    line-height: 1.06;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.5px;\r\n\r\n    color:\r\n        #202033;\r\n\r\n}\r\n\r\n\r\n.his-values-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 6px;\r\n\r\n    color:\r\n        #4f93eb;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.his-values-intro {\r\n\r\n    max-width: 820px;\r\n\r\n    margin:\r\n        26px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.8;\r\n\r\n    color:\r\n        #50505e;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD GRID\r\n========================================================= *\/\r\n\r\n.his-values-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5, 1fr);\r\n\r\n    gap: 18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.his-value-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 480px;\r\n\r\n    padding:\r\n        34px\r\n        28px\r\n        30px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 0;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(32,32,51,.10);\r\n\r\n    transition:\r\n        transform .45s cubic-bezier(.2,.7,.2,1),\r\n        box-shadow .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n.his-value-card:hover {\r\n\r\n    transform:\r\n        translateY(-9px);\r\n\r\n    box-shadow:\r\n        0 30px 60px\r\n        rgba(32,32,51,.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.his-card-blue {\r\n\r\n    background:\r\n        #4f93eb;\r\n\r\n}\r\n\r\n\r\n.his-card-yellow {\r\n\r\n    background:\r\n        #faaf11;\r\n\r\n}\r\n\r\n\r\n.his-card-pink {\r\n\r\n    background:\r\n        #e98bc3;\r\n\r\n}\r\n\r\n\r\n.his-card-purple {\r\n\r\n    background:\r\n        #aa8be2;\r\n\r\n}\r\n\r\n\r\n.his-card-red {\r\n\r\n    background:\r\n        #f32c2c;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n========================================================= *\/\r\n\r\n.his-card-number {\r\n\r\n    position: absolute;\r\n\r\n    top: 23px;\r\n    right: 25px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 48px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD ICON\r\n========================================================= *\/\r\n\r\n.his-card-icon {\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 62px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.45);\r\n\r\n    border-radius: 50%;\r\n\r\n    font-size: 16px;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.his-card-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n}\r\n\r\n\r\n.his-card-label {\r\n\r\n    margin-bottom: 13px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    line-height: 1.4;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.his-value-card h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        19px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        38px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n.his-value-card h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD DESCRIPTION\r\n========================================================= *\/\r\n\r\n.his-value-card p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 500;\r\n\r\n    color:\r\n        rgba(255,255,255,.92);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GIANT BACKGROUND WORD\r\n========================================================= *\/\r\n\r\n.his-card-word {\r\n\r\n    position: absolute;\r\n\r\n    left: -8px;\r\n    bottom: -12px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            58px,\r\n            5vw,\r\n            82px\r\n        );\r\n\r\n    line-height: .8;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -3px;\r\n\r\n    color:\r\n        rgba(255,255,255,.12);\r\n\r\n    white-space: nowrap;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE CIRCLE\r\n========================================================= *\/\r\n\r\n.his-value-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 170px;\r\n    height: 170px;\r\n\r\n    right: -75px;\r\n    top: 80px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.18);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.his-value-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 90px;\r\n    height: 90px;\r\n\r\n    right: -35px;\r\n    top: 120px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.15);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATEMENT\r\n========================================================= *\/\r\n\r\n.his-values-statement {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 28px;\r\n\r\n    margin-top: 72px;\r\n\r\n}\r\n\r\n\r\n.his-statement-line {\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        #e6e6e6;\r\n\r\n}\r\n\r\n\r\n.his-values-statement p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.6;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: .3px;\r\n\r\n    color:\r\n        #555563;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.his-values-statement strong {\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SPECIAL WORD COLORS\r\n========================================================= *\/\r\n\r\n\/* READ *\/\r\n\r\n.his-card-blue h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* LEARN *\/\r\n\r\n.his-card-yellow h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* THINK *\/\r\n\r\n.his-card-pink h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* BELIEVE *\/\r\n\r\n.his-card-purple h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* CHARACTER *\/\r\n\r\n.his-card-red h3 span {\r\n\r\n    color:\r\n        #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MIND\r\n========================================================= *\/\r\n\r\n.his-word-mind {\r\n\r\n    color:\r\n        #e98bc3;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEART\r\n========================================================= *\/\r\n\r\n.his-word-heart {\r\n\r\n    color:\r\n        #f32c2c;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHARACTER\r\n========================================================= *\/\r\n\r\n.his-word-character {\r\n\r\n    color:\r\n        #aa8be2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1200px) {\r\n\r\n    .his-values {\r\n\r\n        padding:\r\n            95px\r\n            0\r\n            110px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n    }\r\n\r\n\r\n    .his-values-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(3, 1fr);\r\n\r\n    }\r\n\r\n\r\n    .his-value-card {\r\n\r\n        min-height: 450px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ SMALL DESKTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .his-values-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n    }\r\n\r\n\r\n    .his-values-title {\r\n\r\n        font-size: 52px;\r\n\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    .his-values {\r\n\r\n        padding:\r\n            75px\r\n            0\r\n            85px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-wrap {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n    }\r\n\r\n\r\n    \/* HEADER *\/\r\n\r\n    .his-values-header {\r\n\r\n        margin-bottom: 45px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-label {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-title {\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -.8px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-intro {\r\n\r\n        margin-top: 19px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    \/* CARDS *\/\r\n\r\n    .his-values-grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 15px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card {\r\n\r\n        min-height: 400px;\r\n\r\n        padding:\r\n            30px\r\n            27px\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .his-card-icon {\r\n\r\n        margin-bottom: 58px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card h3 {\r\n\r\n        font-size: 38px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.75;\r\n\r\n    }\r\n\r\n\r\n    .his-card-word {\r\n\r\n        font-size: 78px;\r\n\r\n    }\r\n\r\n\r\n    \/* STATEMENT *\/\r\n\r\n    .his-values-statement {\r\n\r\n        display: block;\r\n\r\n        margin-top: 48px;\r\n\r\n    }\r\n\r\n\r\n    .his-statement-line {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .his-values-statement p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .his-values {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            75px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-wrap {\r\n\r\n        width:\r\n            calc(100% - 26px);\r\n\r\n    }\r\n\r\n\r\n    .his-values-title {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-intro {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card {\r\n\r\n        min-height: 380px;\r\n\r\n        padding:\r\n            28px\r\n            23px\r\n            25px;\r\n\r\n    }\r\n\r\n\r\n    .his-card-number {\r\n\r\n        top: 20px;\r\n        right: 20px;\r\n\r\n        font-size: 40px;\r\n\r\n    }\r\n\r\n\r\n    .his-card-icon {\r\n\r\n        width: 40px;\r\n        height: 40px;\r\n\r\n        margin-bottom: 50px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card h3 {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card p {\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .his-card-word {\r\n\r\n        font-size: 65px;\r\n\r\n    }\r\n\r\n\r\n    .his-values-statement p {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .his-values-wrap {\r\n\r\n        width:\r\n            calc(100% - 22px);\r\n\r\n    }\r\n\r\n\r\n    .his-values-title {\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card {\r\n\r\n        min-height: 365px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card h3 {\r\n\r\n        font-size: 32px;\r\n\r\n    }\r\n\r\n\r\n    .his-value-card p {\r\n\r\n        font-size: 13px;\r\n\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    .his-value-card {\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6419347 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6419347\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8975796\" data-id=\"8975796\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6c907c elementor-widget elementor-widget-html\" data-id=\"e6c907c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     VISION & MISSION\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"hamza-purpose\">\r\n\r\n    <div class=\"hamza-purpose-pattern\" aria-hidden=\"true\"><\/div>\r\n\r\n    <div class=\"hamza-purpose-wrap\">\r\n\r\n        <!-- HEADER -->\r\n\r\n        <div class=\"hamza-purpose-header\">\r\n\r\n            <div class=\"hamza-purpose-label\">\r\n                <span>\u2726<\/span>\r\n                OUR PURPOSE\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-purpose-heading\">\r\n                Vision <span>&amp; Mission<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-purpose-intro\">\r\n                Guided by faith, knowledge, and character, we are committed\r\n                to shaping a generation that excels in both\r\n                <strong>Deen and Duniya.<\/strong>\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CARDS -->\r\n\r\n        <div class=\"hamza-purpose-grid\">\r\n\r\n            <!-- VISION -->\r\n\r\n            <article class=\"hamza-purpose-card vision-card\">\r\n\r\n                <div class=\"hamza-purpose-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M6 32\r\n                               C14 19 22 14 32 14\r\n                               C42 14 50 19 58 32\r\n                               C50 45 42 50 32 50\r\n                               C22 50 14 45 6 32Z\"\r\n                        \/>\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"8\" \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-purpose-card-label\">\r\n                    01 \u2014 OUR VISION\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Our Vision\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-purpose-divider\"><\/div>\r\n\r\n                <p class=\"hamza-purpose-main\">\r\n                    To become one of the best Islamic schools in Hyderabad,\r\n                    recognized for academic excellence, Islamic values,\r\n                    innovation, and the holistic development of every child.\r\n                <\/p>\r\n\r\n                <p class=\"hamza-purpose-closing\">\r\n                    We aspire to create a learning community where students\r\n                    grow with knowledge, confidence, compassion, and strong\r\n                    moral character.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- MISSION -->\r\n\r\n            <article class=\"hamza-purpose-card mission-card\">\r\n\r\n                <div class=\"hamza-purpose-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"20\" \/>\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"11\" \/>\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"4\" \/>\r\n\r\n                        <path d=\"M44 20L56 8\" \/>\r\n\r\n                        <path d=\"M48 8H56V16\" \/>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-purpose-card-label\">\r\n                    02 \u2014 OUR MISSION\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Our Mission\r\n                <\/h3>\r\n\r\n                <div class=\"hamza-purpose-divider\"><\/div>\r\n\r\n                <p class=\"hamza-purpose-main\">\r\n                    To provide affordable, high-quality education that combines\r\n                    modern curriculum, Quranic guidance, and character education.\r\n                <\/p>\r\n\r\n                <p class=\"hamza-purpose-closing\">\r\n                    We are committed to nurturing students who become knowledgeable,\r\n                    ethical, confident, and successful individuals, prepared for\r\n                    the challenges of the future.\r\n                <\/p>\r\n\r\n            <\/article>\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   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-purpose {\r\n\r\n    --purple: #3A2E81;\r\n    --purple-card: #575581;\r\n\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n\r\n    --cream: #FEEFCF;\r\n    --text: #4E584A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 105px 0 110px;\r\n\r\n    background: #FFFDF7;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PATTERN\r\n========================================================= *\/\r\n\r\n.hamza-purpose-pattern {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 0;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    right: -70px;\r\n    bottom: -100px;\r\n\r\n    opacity: .045;\r\n\r\n    transform: rotate(8deg);\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            30deg,\r\n            var(--purple) 12%,\r\n            transparent 12.5%,\r\n            transparent 87%,\r\n            var(--purple) 87.5%\r\n        ),\r\n        linear-gradient(\r\n            150deg,\r\n            var(--purple) 12%,\r\n            transparent 12.5%,\r\n            transparent 87%,\r\n            var(--purple) 87.5%\r\n        );\r\n\r\n    background-size: 54px 94px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-purpose-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(1180px, calc(100% - 90px));\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.hamza-purpose-header {\r\n\r\n    max-width: 760px;\r\n\r\n    margin-bottom: 62px;\r\n\r\n}\r\n\r\n\r\n.hamza-purpose-label {\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-purpose-label span {\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-purpose-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: clamp(48px, 4vw, 58px);\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-purpose-heading span {\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.hamza-purpose-intro {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 21px 0 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: rgba(78,88,74,.88);\r\n\r\n}\r\n\r\n\r\n.hamza-purpose-intro strong {\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.hamza-purpose-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 28px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.hamza-purpose-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 470px;\r\n\r\n    padding:\r\n        42px\r\n        42px\r\n        40px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: var(--purple-card);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.10);\r\n\r\n    overflow: hidden;\r\n\r\n    box-shadow:\r\n        0 20px 55px\r\n        rgba(58,46,129,.10);\r\n\r\n}\r\n\r\n\r\n\/* subtle highlight *\/\r\n\r\n.hamza-purpose-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 42px;\r\n\r\n    width: 80px;\r\n    height: 3px;\r\n\r\n    background: var(--gold);\r\n\r\n}\r\n\r\n\r\n.mission-card::before {\r\n\r\n    background: var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON BOX\r\n========================================================= *\/\r\n\r\n.hamza-purpose-icon {\r\n\r\n    width: 72px;\r\n    height: 72px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: var(--cream);\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n.mission-card\r\n.hamza-purpose-icon {\r\n\r\n    color: var(--blue);\r\n\r\n}\r\n\r\n\r\n.hamza-purpose-icon svg {\r\n\r\n    width: 38px;\r\n    height: 38px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2.2;\r\n\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-purpose-card-label {\r\n\r\n    margin-bottom: 13px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    color: rgba(255,255,255,.58);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD HEADING\r\n========================================================= *\/\r\n\r\n.hamza-purpose-card h3 {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 40px;\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIVIDER\r\n========================================================= *\/\r\n\r\n.hamza-purpose-divider {\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    margin:\r\n        24px\r\n        0\r\n        25px;\r\n\r\n    background:\r\n        rgba(255,255,255,.17);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN TEXT\r\n========================================================= *\/\r\n\r\n.hamza-purpose-main {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n\r\n    color: rgba(255,255,255,.88);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSING\r\n========================================================= *\/\r\n\r\n.hamza-purpose-closing {\r\n\r\n    margin:\r\n        25px\r\n        0\r\n        0;\r\n\r\n    padding-top: 23px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.12);\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-style: italic;\r\n\r\n    color: rgba(255,255,255,.72);\r\n\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    .hamza-purpose {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            95px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card {\r\n\r\n        padding:\r\n            36px\r\n            34px\r\n            36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card::before {\r\n\r\n        left: 34px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card h3 {\r\n\r\n        font-size: 36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-main {\r\n\r\n        font-size: 15.5px;\r\n\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    .hamza-purpose {\r\n\r\n        padding:\r\n            75px\r\n            0\r\n            78px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-header {\r\n\r\n        margin-bottom: 44px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-label {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-heading {\r\n\r\n        font-size: 39px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-intro {\r\n\r\n        margin-top: 17px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    \/* stack cards *\/\r\n\r\n    .hamza-purpose-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card {\r\n\r\n        min-height: 0;\r\n\r\n        padding:\r\n            30px\r\n            25px\r\n            30px;\r\n\r\n        border-radius: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card::before {\r\n\r\n        left: 25px;\r\n\r\n        width: 65px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-icon {\r\n\r\n        width: 64px;\r\n        height: 64px;\r\n\r\n        margin-bottom: 23px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-icon svg {\r\n\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card h3 {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-main {\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-closing {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-purpose {\r\n\r\n        padding:\r\n            66px\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-wrap {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-intro {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card {\r\n\r\n        padding:\r\n            27px\r\n            22px\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card::before {\r\n\r\n        left: 22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-card h3 {\r\n\r\n        font-size: 31px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-main {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-purpose-closing {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-92175b4 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"92175b4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3835de6\" data-id=\"3835de6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c62ab4a elementor-widget elementor-widget-html\" data-id=\"c62ab4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     WHY HAMZA \u2014 PREMIUM FEATURE CARDS\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-why-clean\">\r\n\r\n    <div class=\"hamza-why-clean-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             HEADER\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-why-clean-header\">\r\n\r\n            <div class=\"hamza-why-clean-label\">\r\n                <span>\u2726<\/span>\r\n                WHY HAMZA\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-why-clean-heading\">\r\n                More Than a School.\r\n                <span>A Foundation for Life.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-why-clean-intro\">\r\n                We create an environment where children are encouraged\r\n                to learn, participate, discover their strengths, and\r\n                grow with strong values.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             FEATURE GRID\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-why-clean-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 01\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-blue\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- People \/ holistic development icon -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <circle cx=\"32\" cy=\"17\" r=\"7\"><\/circle>\r\n\r\n                        <path d=\"M19 48C20 38 24 31 32 31C40 31 44 38 45 48\"><\/path>\r\n\r\n                        <circle cx=\"16\" cy=\"26\" r=\"5\"><\/circle>\r\n\r\n                        <path d=\"M7 46C8 38 11 34 16 34C20 34 23 37 24 41\"><\/path>\r\n\r\n                        <circle cx=\"48\" cy=\"26\" r=\"5\"><\/circle>\r\n\r\n                        <path d=\"M40 41C41 37 44 34 48 34C53 34 56 38 57 46\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Holistic Development\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We nurture the <strong class=\"word-blue\">Mind<\/strong>,\r\n                        <strong class=\"word-blue\">Heart<\/strong>, and\r\n                        <strong class=\"word-blue\">Character<\/strong> of every child.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 02\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-gold\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- Islamic values \/ heart + crescent -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M32 51\r\n                               C27 45 16 38 16 27\r\n                               C16 20 21 16 27 16\r\n                               C30 16 32 18 32 22\r\n                               C32 18 34 16 37 16\r\n                               C43 16 48 20 48 27\r\n                               C48 38 37 45 32 51Z\">\r\n                        <\/path>\r\n\r\n                        <path\r\n                            d=\"M43 8\r\n                               A8 8 0 1 0 51 16\r\n                               A7 7 0 0 1 43 8Z\">\r\n                        <\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Islamic Values\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We help children <strong class=\"word-gold\">Believe<\/strong>\r\n                        in strong values and live them through everyday learning.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 03\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-pink\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- Learning \/ open book -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <path d=\"M8 16C16 13 24 15 32 21V53C24 47 16 45 8 48Z\"><\/path>\r\n\r\n                        <path d=\"M56 16C48 13 40 15 32 21V53C40 47 48 45 56 48Z\"><\/path>\r\n\r\n                        <path d=\"M32 21V53\"><\/path>\r\n\r\n                        <path d=\"M16 24C20 24 24 25 27 28\"><\/path>\r\n\r\n                        <path d=\"M48 24C44 24 40 25 37 28\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Confident Learners\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We encourage children to <strong class=\"word-pink\">Learn<\/strong>,\r\n                        ask questions, express ideas, and discover their potential.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 04\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-purple\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- Experience \/ compass -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"22\"><\/circle>\r\n\r\n                        <path d=\"M40 24L35 35L24 40L29 29Z\"><\/path>\r\n\r\n                        <circle cx=\"32\" cy=\"32\" r=\"2\"><\/circle>\r\n\r\n                        <path d=\"M32 10V15\"><\/path>\r\n\r\n                        <path d=\"M32 49V54\"><\/path>\r\n\r\n                        <path d=\"M10 32H15\"><\/path>\r\n\r\n                        <path d=\"M49 32H54\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Learning by Experience\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Children <strong class=\"word-purple\">Think<\/strong>,\r\n                        explore, participate, and turn real experiences into learning.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 05\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-red\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- Caring environment \/ shield -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M32 8\r\n                               L51 16\r\n                               V30\r\n                               C51 42 43 51 32 56\r\n                               C21 51 13 42 13 30\r\n                               V16Z\">\r\n                        <\/path>\r\n\r\n                        <path d=\"M22 32L29 39L43 24\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        05\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Caring Environment\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        A safe and supportive community where children\r\n                        grow with confidence, kindness, and care.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 06\r\n            ================================================== -->\r\n\r\n            <article class=\"hamza-why-clean-card card-blue\">\r\n\r\n                <div class=\"hamza-feature-icon\">\r\n\r\n                    <!-- Future skills \/ light bulb -->\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                        <path\r\n                            d=\"M32 8\r\n                               C21 8 14 16 14 27\r\n                               C14 35 18 40 23 44\r\n                               C25 46 26 49 26 52\r\n                               H38\r\n                               C38 49 39 46 41 44\r\n                               C46 40 50 35 50 27\r\n                               C50 16 43 8 32 8Z\">\r\n                        <\/path>\r\n\r\n                        <path d=\"M25 56H39\"><\/path>\r\n\r\n                        <path d=\"M28 60H36\"><\/path>\r\n\r\n                        <path d=\"M25 27C28 23 35 22 39 26\"><\/path>\r\n\r\n                        <path d=\"M29 34L33 38L39 30\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-card-content\">\r\n\r\n                    <div class=\"hamza-card-number\">\r\n                        06\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Future-Ready Skills\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        We develop creativity, communication,\r\n                        problem-solving, and a lifelong desire to <strong class=\"word-blue\">Read<\/strong>.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-why-clean {\r\n\r\n    --blue: #4F93EB;\r\n    --gold: #FAAF11;\r\n    --pink: #E98BC3;\r\n    --purple: #AA8BE2;\r\n    --red: #F32C2C;\r\n\r\n    --dark: #252044;\r\n    --text: #4E584A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        115px 0\r\n        125px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.hamza-why-clean::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    top: -220px;\r\n    right: -160px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(79,147,235,.035);\r\n\r\n    filter: blur(70px);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-why-clean::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    left: -180px;\r\n    bottom: -230px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(250,175,17,.035);\r\n\r\n    filter: blur(70px);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1380px,\r\n            calc(100% - 100px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-header {\r\n\r\n    max-width: 900px;\r\n\r\n    margin-bottom: 65px;\r\n\r\n}\r\n\r\n\r\n.hamza-why-clean-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color:\r\n        #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-why-clean-label span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    font-size: 16px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN HEADING\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            4.4vw,\r\n            68px\r\n        );\r\n\r\n    line-height: 1.07;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.5px;\r\n\r\n    color:\r\n        #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-why-clean-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-intro {\r\n\r\n    max-width: 760px;\r\n\r\n    margin:\r\n        25px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 18px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 500;\r\n\r\n    color:\r\n        #4E584A;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3, minmax(0, 1fr));\r\n\r\n    gap: 24px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-card {\r\n\r\n    --accent: var(--blue);\r\n\r\n    position: relative;\r\n\r\n    min-height: 245px;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 22px;\r\n\r\n    padding:\r\n        34px 32px;\r\n\r\n    border-radius: 18px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(40,35,70,.09);\r\n\r\n    box-shadow:\r\n        0 12px 34px\r\n        rgba(40,35,70,.065);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        box-shadow .35s ease,\r\n        border-color .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TOP COLOR LINE\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n\r\n    height: 5px;\r\n\r\n    background:\r\n        var(--accent);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 170px;\r\n    height: 170px;\r\n\r\n    right: -80px;\r\n    bottom: -90px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        var(--accent);\r\n\r\n    opacity: .055;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.card-blue {\r\n\r\n    --accent:\r\n        #4F93EB;\r\n\r\n}\r\n\r\n\r\n.card-gold {\r\n\r\n    --accent:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n.card-pink {\r\n\r\n    --accent:\r\n        #E98BC3;\r\n\r\n}\r\n\r\n\r\n.card-purple {\r\n\r\n    --accent:\r\n        #AA8BE2;\r\n\r\n}\r\n\r\n\r\n.card-red {\r\n\r\n    --accent:\r\n        #F32C2C;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-feature-icon {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    flex: 0 0 70px;\r\n\r\n    width: 70px;\r\n    height: 70px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        2px solid\r\n        var(--accent);\r\n\r\n    color:\r\n        var(--accent);\r\n\r\n    box-shadow:\r\n        0 7px 18px\r\n        rgba(40,35,70,.07);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        color .35s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-feature-icon svg {\r\n\r\n    width: 35px;\r\n    height: 35px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 2.2;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-card-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    flex: 1;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-card-number {\r\n\r\n    margin-bottom: 8px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color:\r\n        var(--accent);\r\n\r\n    opacity: .85;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-card h3 {\r\n\r\n    margin:\r\n        0 0 12px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            23px,\r\n            1.7vw,\r\n            28px\r\n        );\r\n\r\n    line-height: 1.18;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -.4px;\r\n\r\n    color:\r\n        #252044;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-why-clean-card p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 15.5px;\r\n\r\n    line-height: 1.7;\r\n\r\n    font-weight: 500;\r\n\r\n    color:\r\n        #4E584A;\r\n\r\n}\r\n\r\n\r\n.hamza-why-clean-card strong {\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORD COLORS\r\n========================================================= *\/\r\n\r\n.word-blue {\r\n\r\n    color:\r\n        #4F93EB;\r\n\r\n}\r\n\r\n\r\n.word-gold {\r\n\r\n    color:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n.word-pink {\r\n\r\n    color:\r\n        #E98BC3;\r\n\r\n}\r\n\r\n\r\n.word-purple {\r\n\r\n    color:\r\n        #AA8BE2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover: hover) {\r\n\r\n    .hamza-why-clean-card:hover {\r\n\r\n        transform:\r\n            translateY(-7px);\r\n\r\n        border-color:\r\n            var(--accent);\r\n\r\n        box-shadow:\r\n            0 22px 48px\r\n            rgba(40,35,70,.12);\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card:hover\r\n    .hamza-feature-icon {\r\n\r\n        background:\r\n            var(--accent);\r\n\r\n        color:\r\n            #FFFFFF;\r\n\r\n        transform:\r\n            translateY(-3px)\r\n            rotate(-2deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hamza-why-clean {\r\n\r\n        padding:\r\n            95px 0\r\n            105px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card {\r\n\r\n        min-height: 225px;\r\n\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    .hamza-why-clean {\r\n\r\n        padding:\r\n            75px 0\r\n            80px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-header {\r\n\r\n        margin-bottom: 45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-label {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.4px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-heading {\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.08;\r\n\r\n        letter-spacing: -.8px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-intro {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card {\r\n\r\n        min-height: 0;\r\n\r\n        gap: 18px;\r\n\r\n        padding:\r\n            28px 23px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-feature-icon {\r\n\r\n        flex-basis: 60px;\r\n\r\n        width: 60px;\r\n        height: 60px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-feature-icon svg {\r\n\r\n        width: 30px;\r\n        height: 30px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card h3 {\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card p {\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-why-clean {\r\n\r\n        padding:\r\n            65px 0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 32px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-intro {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card {\r\n\r\n        gap: 15px;\r\n\r\n        padding:\r\n            25px 19px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-feature-icon {\r\n\r\n        flex-basis: 54px;\r\n\r\n        width: 54px;\r\n        height: 54px;\r\n\r\n        border-radius: 13px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-feature-icon svg {\r\n\r\n        width: 27px;\r\n        height: 27px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-card-number {\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card h3 {\r\n\r\n        font-size: 21px;\r\n\r\n        margin-bottom: 9px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-why-clean-card p {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hamza-why-clean-card,\r\n    .hamza-feature-icon {\r\n\r\n        transition: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dba5162 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dba5162\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4a1645b\" data-id=\"4a1645b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6439665 elementor-widget elementor-widget-html\" data-id=\"6439665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     ACADEMICS SECTION\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-academics\">\r\n\r\n    <!-- SUBTLE EDGE DECORATIONS -->\r\n\r\n    <span class=\"hamza-academic-edge edge-book\">\u2311<\/span>\r\n    <span class=\"hamza-academic-edge edge-star\">\u2726<\/span>\r\n    <span class=\"hamza-academic-edge edge-pencil\">\u270e<\/span>\r\n\r\n\r\n    <div class=\"hamza-academics-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT IMAGE\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-academics-visual\">\r\n\r\n            <div class=\"hamza-academics-image\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.29.29-AM.jpeg\"\r\n                    alt=\"Students learning at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"hamza-academics-image-overlay\"><\/div>\r\n\r\n                <span class=\"hamza-academic-corner corner-one\"><\/span>\r\n                <span class=\"hamza-academic-corner corner-two\"><\/span>\r\n\r\n                <div class=\"hamza-academics-image-caption\">\r\n                    <span>LEARN \u2022 UNDERSTAND \u2022 GROW<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-academics-content\">\r\n\r\n            <div class=\"hamza-academics-label\">\r\n                <span>\u2726<\/span>\r\n                ACADEMIC EXCELLENCE\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"hamza-academics-heading\">\r\n                Building Strong Foundations\r\n                <span>for Lifelong Learning<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hamza-academics-description\">\r\n                We focus on understanding, curiosity, and practical learning\r\n                while helping students develop strong academic and Islamic foundations.\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 FOUR ACADEMIC AREAS\r\n            ================================================== -->\r\n\r\n            <div class=\"hamza-academic-areas\">\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <article class=\"hamza-academic-area\">\r\n\r\n                    <div class=\"hamza-academic-area-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M32 16C25 11 16 11 10 14V47C17 44 25 45 32 50\"><\/path>\r\n\r\n                            <path d=\"M32 16C39 11 48 11 54 14V47C47 44 39 45 32 50\"><\/path>\r\n\r\n                            <path d=\"M32 16V50\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Foundational Learning\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Strong basics for early learners.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <article class=\"hamza-academic-area\">\r\n\r\n                    <div class=\"hamza-academic-area-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <circle\r\n                                cx=\"32\"\r\n                                cy=\"20\"\r\n                                r=\"8\"\r\n                            ><\/circle>\r\n\r\n                            <path\r\n                                d=\"M18 51C19 40 24 34 32 34C40 34 45 40 46 51\"\r\n                            ><\/path>\r\n\r\n                            <path d=\"M23 29L17 35\"><\/path>\r\n\r\n                            <path d=\"M41 29L47 35\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Core Academics\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Knowledge, understanding, and problem-solving.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <article class=\"hamza-academic-area\">\r\n\r\n                    <div class=\"hamza-academic-area-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M32 50C27 44 16 37 16 27C16 20 21 16 27 16C30 16 32 18 32 21C32 18 34 16 37 16C43 16 48 20 48 27C48 37 37 44 32 50Z\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M41 11A6 6 0 1 0 47 17A5 5 0 0 1 41 11Z\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Islamic Education\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Quranic learning, values, and manners.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n                <!-- 04 -->\r\n\r\n                <article class=\"hamza-academic-area\">\r\n\r\n                    <div class=\"hamza-academic-area-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M32 9C21 9 14 17 14 27C14 34 18 39 22 43C25 46 25 49 25 52H39C39 49 39 46 42 43C46 39 50 34 50 27C50 17 43 9 32 9Z\"\r\n                            ><\/path>\r\n\r\n                            <path d=\"M25 56H39\"><\/path>\r\n\r\n                            <path d=\"M29 60H35\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>\r\n                            Skills for Tomorrow\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            Communication, creativity, and critical thinking.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/article>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 CTA\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/hamzaislamicschool.com\/index.php\/gallery\/\"\r\n                class=\"hamza-academics-btn\"\r\n            >\r\n                EXPLORE ACADEMICS\r\n                <span>\u2192<\/span>\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\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-academics {\r\n\r\n    --purple: #3A2E81;\r\n    --purple-soft: #575581;\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n    --cream: #FEEFCF;\r\n    --text: #4E584A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0;\r\n\r\n    background: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE EDGE DECORATIONS\r\n========================================================= *\/\r\n\r\n.hamza-academic-edge {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    color:\r\n        rgba(58,46,129,.055);\r\n\r\n    pointer-events: none;\r\n\r\n    animation:\r\n        academicFloat 8s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.edge-book {\r\n\r\n    left: 2%;\r\n\r\n    top: 14%;\r\n\r\n    font-size: 72px;\r\n\r\n}\r\n\r\n\r\n.edge-star {\r\n\r\n    right: 4%;\r\n\r\n    top: 19%;\r\n\r\n    font-size: 48px;\r\n\r\n    color:\r\n        rgba(250,175,17,.10);\r\n\r\n    animation-delay: 1.2s;\r\n\r\n}\r\n\r\n\r\n.edge-pencil {\r\n\r\n    right: 2%;\r\n\r\n    bottom: 11%;\r\n\r\n    font-size: 62px;\r\n\r\n    animation-delay: 2s;\r\n\r\n}\r\n\r\n\r\n@keyframes academicFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0)\r\n            rotate(0deg);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-10px)\r\n            rotate(3deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-academics-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1320px,\r\n            calc(100% - 80px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.05fr)\r\n        minmax(0, .95fr);\r\n\r\n    gap: 78px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.hamza-academics-visual {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.hamza-academics-image {\r\n\r\n    position: relative;\r\n\r\n    min-height: 650px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        #3A2E81;\r\n\r\n    box-shadow:\r\n        0 28px 70px\r\n        rgba(58,46,129,.13);\r\n\r\n}\r\n\r\n\r\n.hamza-academics-image img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center center;\r\n\r\n    transition:\r\n        transform 1.1s cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.hamza-academics-image:hover img {\r\n\r\n    transform:\r\n        scale(1.035);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.hamza-academics-image-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(46,34,111,.54) 0%,\r\n            rgba(46,34,111,.10) 43%,\r\n            transparent 72%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CORNERS\r\n========================================================= *\/\r\n\r\n.hamza-academic-corner {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    width: 64px;\r\n    height: 64px;\r\n\r\n}\r\n\r\n\r\n.corner-one {\r\n\r\n    top: 20px;\r\n    left: 20px;\r\n\r\n    border-top:\r\n        2px solid\r\n        rgba(250,175,17,.85);\r\n\r\n    border-left:\r\n        2px solid\r\n        rgba(250,175,17,.85);\r\n\r\n}\r\n\r\n\r\n.corner-two {\r\n\r\n    right: 20px;\r\n    bottom: 20px;\r\n\r\n    border-right:\r\n        2px solid\r\n        rgba(250,175,17,.85);\r\n\r\n    border-bottom:\r\n        2px solid\r\n        rgba(250,175,17,.85);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE CAPTION\r\n========================================================= *\/\r\n\r\n.hamza-academics-image-caption {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    left: 28px;\r\n\r\n    bottom: 27px;\r\n\r\n}\r\n\r\n\r\n.hamza-academics-image-caption span {\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    color:\r\n        rgba(255,255,255,.84);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-academics-content {\r\n\r\n    max-width: 650px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-academics-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.hamza-academics-label span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-academics-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            48px,\r\n            4vw,\r\n            62px\r\n        );\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.1px;\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-academics-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 5px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-academics-description {\r\n\r\n    max-width: 600px;\r\n\r\n    margin:\r\n        24px\r\n        0\r\n        36px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n\r\n    color:\r\n        #4E584A;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACADEMIC AREAS\r\n========================================================= *\/\r\n\r\n.hamza-academic-areas {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(58,46,129,.14);\r\n\r\n    border-left:\r\n        1px solid\r\n        rgba(58,46,129,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AREA\r\n========================================================= *\/\r\n\r\n.hamza-academic-area {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        50px\r\n        1fr;\r\n\r\n    gap: 16px;\r\n\r\n    padding:\r\n        25px\r\n        21px;\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(58,46,129,.14);\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(58,46,129,.14);\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area:hover {\r\n\r\n    background:\r\n        #FAFAFE;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AREA ICON\r\n========================================================= *\/\r\n\r\n.hamza-academic-area-icon {\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(58,46,129,.055);\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area:nth-child(2)\r\n.hamza-academic-area-icon {\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    background:\r\n        rgba(79,147,235,.09);\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area:nth-child(3)\r\n.hamza-academic-area-icon {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n    background:\r\n        rgba(250,175,17,.10);\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area:nth-child(4)\r\n.hamza-academic-area-icon {\r\n\r\n    color:\r\n        var(--purple-soft);\r\n\r\n    background:\r\n        rgba(170,139,226,.10);\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area:hover\r\n.hamza-academic-area-icon {\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.hamza-academic-area-icon svg {\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 2.1;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AREA TITLE\r\n========================================================= *\/\r\n\r\n.hamza-academic-area h3 {\r\n\r\n    margin:\r\n        0\r\n        0\r\n        7px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   AREA DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-academic-area p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.6;\r\n\r\n    color:\r\n        #4E584A;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-academics-btn {\r\n\r\n    min-height: 53px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 32px;\r\n\r\n    padding:\r\n        0\r\n        27px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background:\r\n        var(--purple);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-academics-btn span {\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-academics-btn:hover {\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n    color:\r\n        var(--purple) !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.hamza-academics-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hamza-academics {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            95px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n        gap: 48px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-image {\r\n\r\n        min-height: 590px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-heading {\r\n\r\n        font-size: 47px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-description {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-areas {\r\n\r\n        grid-template-columns: 1fr;\r\n\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    .hamza-academics {\r\n\r\n        padding:\r\n            76px\r\n            0\r\n            80px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 44px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-image {\r\n\r\n        min-height: 420px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-heading {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-description {\r\n\r\n        margin:\r\n            18px\r\n            0\r\n            28px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-areas {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area {\r\n\r\n        padding:\r\n            21px\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area h3 {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area p {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-btn {\r\n\r\n        min-height: 49px;\r\n\r\n        margin-top: 26px;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .edge-book {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .edge-pencil {\r\n\r\n        font-size: 42px;\r\n\r\n        opacity: .7;\r\n\r\n    }\r\n\r\n\r\n    .edge-star {\r\n\r\n        font-size: 34px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-academics {\r\n\r\n        padding:\r\n            66px\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-wrap {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-image {\r\n\r\n        min-height: 350px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academics-description {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area {\r\n\r\n        grid-template-columns:\r\n            44px\r\n            1fr;\r\n\r\n        gap: 13px;\r\n\r\n        padding:\r\n            18px\r\n            16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area-icon {\r\n\r\n        width: 42px;\r\n        height: 42px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area-icon svg {\r\n\r\n        width: 22px;\r\n        height: 22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area h3 {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-academic-area p {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ae05d0e elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ae05d0e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-781bf86\" data-id=\"781bf86\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5878fc5 elementor-widget elementor-widget-html\" data-id=\"5878fc5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     OUR CAMPUS \u2014 8 IMAGE EDITORIAL COLLAGE\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"his-campus-gallery\">\r\n\r\n    <!-- subtle decorative elements -->\r\n    <div class=\"his-campus-decor decor-star\">\u2726<\/div>\r\n    <div class=\"his-campus-decor decor-circle\"><\/div>\r\n\r\n    <div class=\"his-campus-container\">\r\n\r\n        <!-- =========================================\r\n             SECTION HEADER\r\n        ========================================== -->\r\n\r\n        <div class=\"his-campus-header\">\r\n\r\n            <div class=\"his-campus-eyebrow\">\r\n                <span>\u2726<\/span>\r\n                OUR CAMPUS\r\n            <\/div>\r\n\r\n            <h2 class=\"his-campus-title\">\r\n                Spaces Designed\r\n                <span>for Learning &amp; Growth<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"his-campus-intro\">\r\n                Our learning environment is designed to give children\r\n                spaces where they can learn, participate, interact,\r\n                and grow with confidence.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             8 IMAGE COLLAGE\r\n        ========================================== -->\r\n\r\n        <div class=\"his-campus-grid\">\r\n\r\n\r\n            <!-- =====================================\r\n                 01 \u2014 CLASSROOMS\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-01\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.07-AM.jpeg\"\r\n                    alt=\"Classrooms at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Classrooms\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 02 \u2014 ACTIVITIES\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-02\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.12-AM.jpeg\"\r\n                    alt=\"Student activities at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Activities\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 03 \u2014 CAMPUS\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-03\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.11-AM.jpeg\"\r\n                    alt=\"Hamza Islamic School campus\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Campus\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 04 \u2014 LEARNING SPACES\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-04\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.13-AM.jpeg\"\r\n                    alt=\"Learning spaces at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        04\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Learning Spaces\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 05 \u2014 STUDENT ACTIVITIES\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-05\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.04-AM.jpeg\"\r\n                    alt=\"Student activities at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        05\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Student Activities\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 06 \u2014 STUDENT ACHIEVEMENTS\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-06\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.22.39-AM.jpeg\"\r\n                    alt=\"Student achievements at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        06\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        Student Achievements\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 07 \u2014 SCHOOL EVENTS\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-07\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.19-AM.jpeg\"\r\n                    alt=\"School events at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        07\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        School Events\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 08 \u2014 SCHOOL TRIPS\r\n            ====================================== -->\r\n\r\n            <article class=\"his-campus-photo photo-08\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.23.32-AM.jpeg\"\r\n                    alt=\"School trips at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-photo-overlay\"><\/div>\r\n\r\n                <div class=\"his-photo-content\">\r\n\r\n                    <span class=\"his-photo-number\">\r\n                        08\r\n                    <\/span>\r\n\r\n                    <h3>\r\n                        School Trips\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\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   ROOT\r\n========================================================= *\/\r\n\r\n.his-campus-gallery {\r\n\r\n    --cream: #FEEFCF;\r\n    --purple: #3A2E81;\r\n    --purple-soft: #575581;\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n    --text: #4E584A;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 110px 0 115px;\r\n\r\n    background: #FEEFCF;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.his-campus-gallery::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    right: -180px;\r\n    top: -180px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(79,147,235,.045);\r\n\r\n    filter: blur(80px);\r\n\r\n}\r\n\r\n\r\n.his-campus-gallery::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    left: -170px;\r\n    bottom: -170px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(250,175,17,.05);\r\n\r\n    filter: blur(80px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECOR\r\n========================================================= *\/\r\n\r\n.his-campus-decor {\r\n\r\n    position: absolute;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.decor-star {\r\n\r\n    top: 95px;\r\n    right: 5%;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 65px;\r\n\r\n    color:\r\n        rgba(250,175,17,.10);\r\n\r\n}\r\n\r\n\r\n.decor-circle {\r\n\r\n    left: 3%;\r\n    top: 280px;\r\n\r\n    width: 75px;\r\n    height: 75px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.07);\r\n\r\n    border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.his-campus-container {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1280px,\r\n            calc(100% - 90px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.his-campus-header {\r\n\r\n    max-width: 820px;\r\n\r\n    margin-bottom: 58px;\r\n\r\n}\r\n\r\n\r\n.his-campus-eyebrow {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n}\r\n\r\n\r\n.his-campus-eyebrow span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.his-campus-title {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            48px,\r\n            4vw,\r\n            60px\r\n        );\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color:\r\n        var(--purple);\r\n\r\n}\r\n\r\n\r\n.his-campus-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.his-campus-intro {\r\n\r\n    max-width: 700px;\r\n\r\n    margin:\r\n        22px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color:\r\n        rgba(78,88,74,.88);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COLLAGE GRID\r\n========================================================= *\/\r\n\r\n.his-campus-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(12, minmax(0,1fr));\r\n\r\n    grid-template-rows:\r\n        245px\r\n        245px\r\n        255px\r\n        245px;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP COLLAGE POSITIONS\r\n\r\n   Row 1 + 2\r\n   01 large       | 02\r\n                  | 03\r\n\r\n   Row 3\r\n   04             | 05\r\n\r\n   Row 4\r\n   06 | 07 | 08\r\n========================================================= *\/\r\n\r\n\r\n\/* 01 \u2014 large hero image *\/\r\n\r\n.photo-01 {\r\n\r\n    grid-column:\r\n        1 \/ span 7;\r\n\r\n    grid-row:\r\n        1 \/ span 2;\r\n\r\n}\r\n\r\n\r\n\/* 02 *\/\r\n\r\n.photo-02 {\r\n\r\n    grid-column:\r\n        8 \/ span 5;\r\n\r\n    grid-row: 1;\r\n\r\n}\r\n\r\n\r\n\/* 03 *\/\r\n\r\n.photo-03 {\r\n\r\n    grid-column:\r\n        8 \/ span 5;\r\n\r\n    grid-row: 2;\r\n\r\n}\r\n\r\n\r\n\/* 04 *\/\r\n\r\n.photo-04 {\r\n\r\n    grid-column:\r\n        1 \/ span 5;\r\n\r\n    grid-row: 3;\r\n\r\n}\r\n\r\n\r\n\/* 05 *\/\r\n\r\n.photo-05 {\r\n\r\n    grid-column:\r\n        6 \/ span 7;\r\n\r\n    grid-row: 3;\r\n\r\n}\r\n\r\n\r\n\/* 06 *\/\r\n\r\n.photo-06 {\r\n\r\n    grid-column:\r\n        1 \/ span 4;\r\n\r\n    grid-row: 4;\r\n\r\n}\r\n\r\n\r\n\/* 07 *\/\r\n\r\n.photo-07 {\r\n\r\n    grid-column:\r\n        5 \/ span 5;\r\n\r\n    grid-row: 4;\r\n\r\n}\r\n\r\n\r\n\/* 08 *\/\r\n\r\n.photo-08 {\r\n\r\n    grid-column:\r\n        10 \/ span 3;\r\n\r\n    grid-row: 4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO ITEM\r\n========================================================= *\/\r\n\r\n.his-campus-photo {\r\n\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        var(--purple);\r\n\r\n    box-shadow:\r\n        0 10px 28px\r\n        rgba(58,46,129,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.his-campus-photo img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transform:\r\n        scale(1.001);\r\n\r\n    transition:\r\n        transform\r\n        1s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER ZOOM\r\n========================================================= *\/\r\n\r\n@media (hover:hover) {\r\n\r\n    .his-campus-photo:hover img {\r\n\r\n        transform:\r\n            scale(1.055);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OVERLAY\r\n========================================================= *\/\r\n\r\n.his-photo-overlay {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(24,20,63,.02) 30%,\r\n            rgba(24,20,63,.14) 60%,\r\n            rgba(24,20,63,.76) 100%\r\n        );\r\n\r\n    transition:\r\n        background .4s ease;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    .his-campus-photo:hover\r\n    .his-photo-overlay {\r\n\r\n        background:\r\n\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(24,20,63,.02) 25%,\r\n                rgba(24,20,63,.18) 58%,\r\n                rgba(24,20,63,.82) 100%\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PHOTO CONTENT\r\n========================================================= *\/\r\n\r\n.his-photo-content {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    left: 24px;\r\n    right: 20px;\r\n    bottom: 22px;\r\n\r\n}\r\n\r\n\r\n\/* number *\/\r\n\r\n.his-photo-number {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 7px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.4px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* image title *\/\r\n\r\n.his-photo-content h3 {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 25px;\r\n\r\n    line-height: 1.12;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* large image title *\/\r\n\r\n.photo-01\r\n.his-photo-content h3 {\r\n\r\n    font-size: 34px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD CORNER DETAIL\r\n========================================================= *\/\r\n\r\n.his-campus-photo::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    top: 17px;\r\n    right: 17px;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(250,175,17,.78);\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(250,175,17,.78);\r\n\r\n    opacity: .7;\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        width .4s ease,\r\n        height .4s ease,\r\n        opacity .4s ease;\r\n\r\n}\r\n\r\n\r\n@media (hover:hover) {\r\n\r\n    .his-campus-photo:hover::before {\r\n\r\n        width: 43px;\r\n        height: 43px;\r\n\r\n        opacity: 1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE POSITION TUNING\r\n========================================================= *\/\r\n\r\n.photo-01 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-02 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-03 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-04 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-05 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-06 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-07 img {\r\n\r\n    object-position:\r\n        center center;\r\n\r\n}\r\n\r\n\r\n.photo-08 img {\r\n\r\n    object-position:\r\n        center center;\r\n\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    .his-campus-gallery {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            95px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-container {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n    }\r\n\r\n\r\n    .his-campus-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0,1fr));\r\n\r\n        grid-template-rows:\r\n            430px\r\n            230px\r\n            230px\r\n            230px\r\n            230px;\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    \/* large *\/\r\n\r\n    .photo-01 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 1;\r\n\r\n    }\r\n\r\n\r\n    .photo-02 {\r\n\r\n        grid-column: 1;\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .photo-03 {\r\n\r\n        grid-column: 2;\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .photo-04 {\r\n\r\n        grid-column: 1;\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .photo-05 {\r\n\r\n        grid-column: 2;\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .photo-06 {\r\n\r\n        grid-column: 1;\r\n        grid-row: 4;\r\n\r\n    }\r\n\r\n\r\n    .photo-07 {\r\n\r\n        grid-column: 2;\r\n        grid-row: 4;\r\n\r\n    }\r\n\r\n\r\n    .photo-08 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 5;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-intro {\r\n\r\n        font-size: 16px;\r\n\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    .his-campus-gallery {\r\n\r\n        padding:\r\n            75px\r\n            0\r\n            80px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-container {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .his-campus-header {\r\n\r\n        margin-bottom: 40px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-eyebrow {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-title {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-intro {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       MOBILE COLLAGE\r\n\r\n       Large\r\n       02 | 03\r\n       04 | 05\r\n       06 | 07\r\n       08 full\r\n    ========================================== *\/\r\n\r\n    .his-campus-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0,1fr));\r\n\r\n        grid-template-rows:\r\n            320px\r\n            185px\r\n            185px\r\n            185px\r\n            215px;\r\n\r\n        gap: 9px;\r\n\r\n    }\r\n\r\n\r\n    .photo-01 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 1;\r\n\r\n    }\r\n\r\n\r\n    .photo-02 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .photo-03 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .photo-04 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .photo-05 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .photo-06 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 4;\r\n\r\n    }\r\n\r\n\r\n    .photo-07 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 4;\r\n\r\n    }\r\n\r\n\r\n    .photo-08 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 5;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-photo {\r\n\r\n        border-radius: 7px;\r\n\r\n    }\r\n\r\n\r\n    .his-photo-content {\r\n\r\n        left: 15px;\r\n        right: 12px;\r\n        bottom: 14px;\r\n\r\n    }\r\n\r\n\r\n    .his-photo-number {\r\n\r\n        margin-bottom: 5px;\r\n\r\n        font-size: 8px;\r\n\r\n        letter-spacing: 1px;\r\n\r\n    }\r\n\r\n\r\n    .his-photo-content h3 {\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.15;\r\n\r\n    }\r\n\r\n\r\n    .photo-01\r\n    .his-photo-content h3 {\r\n\r\n        font-size: 28px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-photo::before {\r\n\r\n        top: 12px;\r\n        right: 12px;\r\n\r\n        width: 25px;\r\n        height: 25px;\r\n\r\n    }\r\n\r\n\r\n    .decor-circle {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .decor-star {\r\n\r\n        top: 40px;\r\n\r\n        font-size: 42px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .his-campus-gallery {\r\n\r\n        padding:\r\n            66px\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-container {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n    }\r\n\r\n\r\n    .his-campus-title {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-intro {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .his-campus-grid {\r\n\r\n        grid-template-rows:\r\n            285px\r\n            160px\r\n            160px\r\n            160px\r\n            195px;\r\n\r\n        gap: 7px;\r\n\r\n    }\r\n\r\n\r\n    .his-photo-content {\r\n\r\n        left: 12px;\r\n        bottom: 12px;\r\n\r\n    }\r\n\r\n\r\n    .his-photo-content h3 {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .photo-01\r\n    .his-photo-content h3 {\r\n\r\n        font-size: 25px;\r\n\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    .his-campus-photo img,\r\n    .his-campus-photo::before {\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2793443 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2793443\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-755a752\" data-id=\"755a752\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f6c0046 elementor-widget elementor-widget-html\" data-id=\"f6c0046\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     STUDENT LIFE \u2014 CENTERED CINEMATIC GALLERY\r\n     WHITE BACKGROUND VERSION\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n<section class=\"his-life\">\r\n\r\n    <div class=\"his-life-glow his-life-glow-1\"><\/div>\r\n    <div class=\"his-life-glow his-life-glow-2\"><\/div>\r\n\r\n    <div class=\"his-life-wrap\">\r\n\r\n        <!-- =========================================\r\n             CENTERED CONTENT\r\n        ========================================== -->\r\n\r\n        <div class=\"his-life-header\">\r\n\r\n            <div class=\"his-life-label\">\r\n                <span>\u2726<\/span>\r\n                LIFE AT HAMZA\r\n            <\/div>\r\n\r\n            <h2 class=\"his-life-heading\">\r\n                Learning Happens\r\n                <span>Everywhere<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"his-life-description\">\r\n                From trips and celebrations to competitions and activities,\r\n                students learn through experiences that build confidence,\r\n                friendship, and character.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             CINEMATIC PHOTO COLLAGE\r\n        ========================================== -->\r\n\r\n        <div class=\"his-life-gallery\">\r\n\r\n\r\n            <!-- 01 -->\r\n            <div class=\"his-life-card life-card-1\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/ChatGPT-Image-Aug-24-2026-05_17_31-PM.png\"\r\n                    alt=\"Student life at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-life-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 02 -->\r\n            <div class=\"his-life-card life-card-2\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.26.46-AM.jpeg\"\r\n                    alt=\"Student activities at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-life-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 03 -->\r\n            <div class=\"his-life-card life-card-3\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.22.31-AM.jpeg\"\r\n                    alt=\"Student celebrations at Hamza Islamic School\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-life-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 04 -->\r\n            <div class=\"his-life-card life-card-4\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.26.43-AM.jpeg\"\r\n                    alt=\"Students participating in activities\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-life-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- 05 -->\r\n            <div class=\"his-life-card life-card-5\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.22.29-AM.jpeg\"\r\n                    alt=\"Students enjoying school experiences\"\r\n                    loading=\"lazy\"\r\n                >\r\n\r\n                <div class=\"his-life-overlay\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             BOTTOM STATEMENT\r\n        ========================================== -->\r\n\r\n        <div class=\"his-life-bottom\">\r\n\r\n            <span><\/span>\r\n\r\n            <p>\r\n                Explore. Participate. Experience. Grow.\r\n            <\/p>\r\n\r\n            <span><\/span>\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   ROOT\r\n========================================================= *\/\r\n\r\n.his-life {\r\n\r\n    --green: #4E584A;\r\n    --blue: #4F93EB;\r\n    --gold: #FAAF11;\r\n    --pink: #E98BC3;\r\n    --purple: #AA8BE2;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        105px\r\n        0\r\n        100px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SOFT BACKGROUND GLOW\r\n========================================================= *\/\r\n\r\n.his-life-glow {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n    filter: blur(100px);\r\n\r\n}\r\n\r\n\r\n.his-life-glow-1 {\r\n\r\n    width: 420px;\r\n    height: 420px;\r\n\r\n    top: -160px;\r\n    right: -160px;\r\n\r\n    background:\r\n        rgba(79,147,235,.055);\r\n\r\n}\r\n\r\n\r\n.his-life-glow-2 {\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    left: -130px;\r\n    bottom: -160px;\r\n\r\n    background:\r\n        rgba(250,175,17,.055);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.his-life-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1280px,\r\n            calc(100% - 90px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTERED HEADER\r\n========================================================= *\/\r\n\r\n.his-life-header {\r\n\r\n    max-width: 820px;\r\n\r\n    margin:\r\n        0 auto\r\n        58px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.his-life-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 17px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.8px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n    text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.his-life-label span {\r\n\r\n    font-size: 14px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.his-life-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            50px,\r\n            4.2vw,\r\n            62px\r\n        );\r\n\r\n    line-height: 1.07;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.1px;\r\n\r\n    color:\r\n        var(--green);\r\n\r\n}\r\n\r\n\r\n.his-life-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--blue);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.his-life-description {\r\n\r\n    max-width: 720px;\r\n\r\n    margin:\r\n        22px\r\n        auto\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color:\r\n        rgba(78,88,74,.84);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GALLERY GRID\r\n========================================================= *\/\r\n\r\n.his-life-gallery {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1.15fr\r\n        .85fr\r\n        .95fr;\r\n\r\n    grid-template-rows:\r\n        280px\r\n        250px;\r\n\r\n    gap: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE POSITIONS\r\n========================================================= *\/\r\n\r\n.life-card-1 {\r\n\r\n    grid-column: 1;\r\n\r\n    grid-row:\r\n        1 \/ 3;\r\n\r\n}\r\n\r\n\r\n.life-card-2 {\r\n\r\n    grid-column: 2;\r\n\r\n    grid-row: 1;\r\n\r\n}\r\n\r\n\r\n.life-card-3 {\r\n\r\n    grid-column: 3;\r\n\r\n    grid-row: 1;\r\n\r\n}\r\n\r\n\r\n.life-card-4 {\r\n\r\n    grid-column: 2;\r\n\r\n    grid-row: 2;\r\n\r\n}\r\n\r\n\r\n.life-card-5 {\r\n\r\n    grid-column: 3;\r\n\r\n    grid-row: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.his-life-card {\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        #F7F8F6;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(78,88,74,.10);\r\n\r\n    box-shadow:\r\n        0 16px 38px\r\n        rgba(78,88,74,.10);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.his-life-card img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    display: block;\r\n\r\n    transform:\r\n        scale(1.002);\r\n\r\n    transition:\r\n        transform\r\n        1s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.his-life-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(78,88,74,.13) 0%,\r\n            transparent 50%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD CORNER\r\n========================================================= *\/\r\n\r\n.his-life-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 16px;\r\n    right: 16px;\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(250,175,17,.90);\r\n\r\n    border-right:\r\n        1px solid\r\n        rgba(250,175,17,.90);\r\n\r\n    transition:\r\n        width .35s ease,\r\n        height .35s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) {\r\n\r\n    .his-life-card:hover img {\r\n\r\n        transform:\r\n            scale(1.055);\r\n\r\n    }\r\n\r\n\r\n    .his-life-card:hover::before {\r\n\r\n        width: 44px;\r\n        height: 44px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM STATEMENT\r\n========================================================= *\/\r\n\r\n.his-life-bottom {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr auto 1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n\r\n    margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n.his-life-bottom > span {\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(250,175,17,.65)\r\n        );\r\n\r\n}\r\n\r\n\r\n.his-life-bottom > span:last-child {\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(250,175,17,.65),\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n.his-life-bottom p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        var(--green);\r\n\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    .his-life {\r\n\r\n        padding:\r\n            90px\r\n            0\r\n            92px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n    }\r\n\r\n\r\n    .his-life-gallery {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        grid-template-rows:\r\n            390px\r\n            220px\r\n            220px;\r\n\r\n    }\r\n\r\n\r\n    .life-card-1 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 1;\r\n\r\n    }\r\n\r\n\r\n    .life-card-2 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .life-card-3 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .life-card-4 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .life-card-5 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 3;\r\n\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    .his-life {\r\n\r\n        padding:\r\n            74px\r\n            0\r\n            78px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .his-life-header {\r\n\r\n        margin-bottom: 40px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-label {\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-heading {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .his-life-description {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    \/* mobile collage *\/\r\n\r\n    .his-life-gallery {\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        grid-template-rows:\r\n            300px\r\n            175px\r\n            200px;\r\n\r\n        gap: 9px;\r\n\r\n    }\r\n\r\n\r\n    .life-card-1 {\r\n\r\n        grid-column:\r\n            1 \/ -1;\r\n\r\n        grid-row: 1;\r\n\r\n    }\r\n\r\n\r\n    .life-card-2 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .life-card-3 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 2;\r\n\r\n    }\r\n\r\n\r\n    .life-card-4 {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .life-card-5 {\r\n\r\n        grid-column: 2;\r\n\r\n        grid-row: 3;\r\n\r\n    }\r\n\r\n\r\n    .his-life-card {\r\n\r\n        border-radius: 7px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-card::before {\r\n\r\n        top: 11px;\r\n\r\n        right: 11px;\r\n\r\n        width: 24px;\r\n\r\n        height: 24px;\r\n\r\n    }\r\n\r\n\r\n    \/* bottom *\/\r\n\r\n    .his-life-bottom {\r\n\r\n        margin-top: 27px;\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    .his-life-bottom > span {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .his-life-bottom p {\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.3;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .his-life {\r\n\r\n        padding:\r\n            65px\r\n            0\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-wrap {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n    }\r\n\r\n\r\n    .his-life-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-description {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .his-life-gallery {\r\n\r\n        grid-template-rows:\r\n            270px\r\n            150px\r\n            175px;\r\n\r\n        gap: 7px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e79b667 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e79b667\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b7060a8\" data-id=\"b7060a8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5c0d3e elementor-widget elementor-widget-html\" data-id=\"c5c0d3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     DEEN & DUNIYA \u2014 FULL WIDTH 30\/70 EDITORIAL\r\n     RIGHT SIDE \u2014 FADE IMAGE SLIDER\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-dd-split\">\r\n\r\n    <!-- =================================================\r\n         SUBTLE CORNER DECORATIONS\r\n    ================================================== -->\r\n\r\n    <div class=\"hamza-dd-corner-pattern hamza-dd-corner-left\"><\/div>\r\n    <div class=\"hamza-dd-corner-pattern hamza-dd-corner-right\"><\/div>\r\n\r\n\r\n    <div class=\"hamza-dd-layout\">\r\n\r\n        <!-- =================================================\r\n             LEFT \u2014 CONTENT PANEL 30%\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-dd-left\">\r\n\r\n            <div class=\"hamza-dd-content\">\r\n\r\n                <div class=\"hamza-dd-label\">\r\n                    <span>\u2726<\/span>\r\n                    DEEN &amp; DUNIYA\r\n                <\/div>\r\n\r\n\r\n                <h2 class=\"hamza-dd-title\">\r\n                    Building Bright Futures\r\n                    <span>with Deen &amp; Duniya<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p class=\"hamza-dd-text\">\r\n                    At Hamza Islamic School, we bring together academic learning,\r\n                    Islamic values, character, and real-world experiences to help\r\n                    children grow with knowledge, faith, and purpose.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 HIGHLIGHTS\r\n            ================================================== -->\r\n\r\n            <div class=\"hamza-dd-highlights\">\r\n\r\n                <div class=\"hamza-dd-highlight\">\r\n\r\n                    <span class=\"hamza-dd-num\">01<\/span>\r\n\r\n                    <div>\r\n                        <strong>Academic Excellence<\/strong>\r\n\r\n                        <p>\r\n                            Strong foundations for lifelong learning.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-dd-highlight\">\r\n\r\n                    <span class=\"hamza-dd-num\">02<\/span>\r\n\r\n                    <div>\r\n                        <strong>Islamic Values<\/strong>\r\n\r\n                        <p>\r\n                            Faith, manners, responsibility, and compassion.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-dd-highlight\">\r\n\r\n                    <span class=\"hamza-dd-num\">03<\/span>\r\n\r\n                    <div>\r\n                        <strong>Strong Character<\/strong>\r\n\r\n                        <p>\r\n                            Confidence, discipline, respect, and integrity.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-dd-highlight\">\r\n\r\n                    <span class=\"hamza-dd-num\">04<\/span>\r\n\r\n                    <div>\r\n                        <strong>Future Success<\/strong>\r\n\r\n                        <p>\r\n                            Skills and confidence for tomorrow.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT \u2014 70% FADE IMAGE SLIDER\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-dd-right\">\r\n\r\n            <div class=\"hamza-dd-slider\">\r\n\r\n                <!-- SLIDE 01 -->\r\n\r\n                <div class=\"hamza-dd-slide active\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.23.32-AM.jpeg\"\r\n                        alt=\"Students at Hamza Islamic School\"\r\n                        loading=\"eager\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SLIDE 02 -->\r\n\r\n                <div class=\"hamza-dd-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.26.43-AM.jpeg\"\r\n                        alt=\"Students participating at Hamza Islamic School\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SLIDE 03 -->\r\n\r\n                <div class=\"hamza-dd-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.12-AM.jpeg\"\r\n                        alt=\"Student activities at Hamza Islamic School\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SLIDE 04 -->\r\n\r\n                <div class=\"hamza-dd-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.19-AM.jpeg\"\r\n                        alt=\"Students learning at Hamza Islamic School\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- SLIDE 05 -->\r\n\r\n                <div class=\"hamza-dd-slide\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.29.29-AM.jpeg\"\r\n                        alt=\"School life at Hamza Islamic School\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE OVERLAY -->\r\n\r\n            <div class=\"hamza-dd-slider-overlay\"><\/div>\r\n\r\n\r\n            <!-- SLIDER INDICATORS -->\r\n\r\n            <div class=\"hamza-dd-slider-dots\">\r\n\r\n                <span class=\"hamza-dd-slider-dot active\"><\/span>\r\n                <span class=\"hamza-dd-slider-dot\"><\/span>\r\n                <span class=\"hamza-dd-slider-dot\"><\/span>\r\n                <span class=\"hamza-dd-slider-dot\"><\/span>\r\n                <span class=\"hamza-dd-slider-dot\"><\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- IMAGE LABEL -->\r\n\r\n            <div class=\"hamza-dd-image-label\">\r\n                <span>HAMZA ISLAMIC SCHOOL<\/span>\r\n            <\/div>\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   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-dd-split {\r\n\r\n    --green: #4E584A;\r\n    --gold: #FAAF11;\r\n    --soft-purple: #AA8BE2;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n\r\n    background: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n   FULL WIDTH \u2014 30% \/ 70%\r\n========================================================= *\/\r\n\r\n.hamza-dd-layout {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 30% 70%;\r\n\r\n    min-height: 720px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT PANEL \u2014 30%\r\n========================================================= *\/\r\n\r\n.hamza-dd-left {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: space-between;\r\n\r\n    padding:\r\n        68px\r\n        48px\r\n        46px;\r\n\r\n    background: #4E584A;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-dd-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    max-width: 540px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-dd-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.9px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-label span {\r\n\r\n    color: #FAAF11;\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hamza-dd-title {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            42px,\r\n            3.3vw,\r\n            58px\r\n        );\r\n\r\n    line-height: 1.08;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-title span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-dd-text {\r\n\r\n    max-width: 520px;\r\n\r\n    margin:\r\n        24px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color:\r\n        rgba(255,255,255,.88);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHTS\r\n========================================================= *\/\r\n\r\n.hamza-dd-highlights {\r\n\r\n    position: relative;\r\n\r\n    z-index: 3;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        1fr;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 50px;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-highlight {\r\n\r\n    min-height: 94px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        30px\r\n        1fr;\r\n\r\n    gap: 10px;\r\n\r\n    padding:\r\n        13px\r\n        12px;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.14);\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\r\n.hamza-dd-highlight:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.08);\r\n\r\n    border-color:\r\n        rgba(250,175,17,.38);\r\n\r\n    transform:\r\n        translateX(3px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-dd-num {\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHT TITLE\r\n========================================================= *\/\r\n\r\n.hamza-dd-highlight strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIGHLIGHT TEXT\r\n========================================================= *\/\r\n\r\n.hamza-dd-highlight p {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 11.5px;\r\n\r\n    line-height: 1.5;\r\n\r\n    color:\r\n        rgba(255,255,255,.68);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SIDE \u2014 70%\r\n========================================================= *\/\r\n\r\n.hamza-dd-right {\r\n\r\n    position: relative;\r\n\r\n    min-height: 720px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #F5F5F2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n.hamza-dd-slider {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDE\r\n========================================================= *\/\r\n\r\n.hamza-dd-slide {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transition:\r\n        opacity 1.5s ease-in-out,\r\n        visibility 1.5s ease-in-out;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-slide.active {\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    z-index: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER IMAGE\r\n========================================================= *\/\r\n\r\n.hamza-dd-slide img {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    object-position: center;\r\n\r\n    transform:\r\n        scale(1.02);\r\n\r\n    transition:\r\n        transform 7s\r\n        cubic-bezier(.2,.7,.2,1);\r\n\r\n}\r\n\r\n\r\n.hamza-dd-slide.active img {\r\n\r\n    transform:\r\n        scale(1.045);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.hamza-dd-slider-overlay {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(35,42,31,.08) 0%,\r\n            transparent 35%\r\n        ),\r\n\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(35,42,31,.20) 0%,\r\n            transparent 35%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER DOTS\r\n========================================================= *\/\r\n\r\n.hamza-dd-slider-dots {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 50%;\r\n\r\n    bottom: 28px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding:\r\n        8px\r\n        11px;\r\n\r\n    border-radius: 30px;\r\n\r\n    background:\r\n        rgba(30,35,28,.30);\r\n\r\n    backdrop-filter:\r\n        blur(8px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(8px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIDER DOT\r\n========================================================= *\/\r\n\r\n.hamza-dd-slider-dot {\r\n\r\n    display: block;\r\n\r\n    width: 7px;\r\n\r\n    height: 7px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.55);\r\n\r\n    transition:\r\n        width .35s ease,\r\n        background .35s ease,\r\n        transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-slider-dot.active {\r\n\r\n    width: 22px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.hamza-dd-image-label {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    right: 30px;\r\n\r\n    bottom: 27px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-image-label span {\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 9px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.7px;\r\n\r\n    color:\r\n        rgba(255,255,255,.82);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE CORNER PATTERN\r\n========================================================= *\/\r\n\r\n.hamza-dd-corner-pattern {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 1;\r\n\r\n    width: 240px;\r\n\r\n    height: 240px;\r\n\r\n    opacity: .035;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            30deg,\r\n            var(--soft-purple) 12%,\r\n            transparent 12.5%,\r\n            transparent 87%,\r\n            var(--soft-purple) 87.5%\r\n        ),\r\n\r\n        linear-gradient(\r\n            150deg,\r\n            var(--soft-purple) 12%,\r\n            transparent 12.5%,\r\n            transparent 87%,\r\n            var(--soft-purple) 87.5%\r\n        );\r\n\r\n    background-size:\r\n        44px 76px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-dd-corner-left {\r\n\r\n    left: -65px;\r\n\r\n    bottom: -70px;\r\n\r\n    transform:\r\n        rotate(-8deg);\r\n\r\n}\r\n\r\n\r\n.hamza-dd-corner-right {\r\n\r\n    right: -60px;\r\n\r\n    top: -70px;\r\n\r\n    transform:\r\n        rotate(8deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hamza-dd-layout {\r\n\r\n        grid-template-columns:\r\n            38%\r\n            62%;\r\n\r\n        min-height: 680px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-left {\r\n\r\n        padding:\r\n            54px\r\n            32px\r\n            38px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-title {\r\n\r\n        font-size: 42px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-text {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-right {\r\n\r\n        min-height: 680px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight {\r\n\r\n        min-height: 88px;\r\n\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    .hamza-dd-split {\r\n\r\n        padding:\r\n            60px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-layout {\r\n\r\n        width: 100%;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        min-height: 0;\r\n\r\n    }\r\n\r\n\r\n    \/* LEFT CONTENT *\/\r\n\r\n    .hamza-dd-left {\r\n\r\n        order: 1;\r\n\r\n        padding:\r\n            42px\r\n            24px\r\n            28px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-content {\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-title {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-text {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    \/* HIGHLIGHTS *\/\r\n\r\n    .hamza-dd-highlights {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 8px;\r\n\r\n        margin-top: 36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight {\r\n\r\n        min-height: 0;\r\n\r\n        grid-template-columns:\r\n            30px\r\n            1fr;\r\n\r\n        padding:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight strong {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight p {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    \/* IMAGE SLIDER *\/\r\n\r\n    .hamza-dd-right {\r\n\r\n        order: 2;\r\n\r\n        min-height: 420px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-slider-dots {\r\n\r\n        bottom: 18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-image-label {\r\n\r\n        right: 20px;\r\n\r\n        bottom: 20px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-dd-split {\r\n\r\n        padding:\r\n            50px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-left {\r\n\r\n        padding:\r\n            34px\r\n            20px\r\n            24px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-title {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-text {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-right {\r\n\r\n        min-height: 340px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight strong {\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-highlight p {\r\n\r\n        font-size: 12.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-slider-dot {\r\n\r\n        width: 6px;\r\n\r\n        height: 6px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-slider-dot.active {\r\n\r\n        width: 19px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-image-label {\r\n\r\n        display: none;\r\n\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    .hamza-dd-slide {\r\n\r\n        transition: none;\r\n\r\n    }\r\n\r\n\r\n    .hamza-dd-slide img {\r\n\r\n        transition: none;\r\n\r\n        transform: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const slider =\r\n        document.querySelector(\".hamza-dd-slider\");\r\n\r\n    if (!slider) return;\r\n\r\n\r\n    const slides =\r\n        slider.querySelectorAll(\".hamza-dd-slide\");\r\n\r\n    const dots =\r\n        document.querySelectorAll(\".hamza-dd-slider-dot\");\r\n\r\n\r\n    if (!slides.length) return;\r\n\r\n\r\n    let currentSlide = 0;\r\n\r\n    const slideDuration = 5000;\r\n\r\n\r\n    function showSlide(index) {\r\n\r\n        slides.forEach(function (slide, i) {\r\n\r\n            slide.classList.toggle(\r\n                \"active\",\r\n                i === index\r\n            );\r\n\r\n        });\r\n\r\n\r\n        dots.forEach(function (dot, i) {\r\n\r\n            dot.classList.toggle(\r\n                \"active\",\r\n                i === index\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    function nextSlide() {\r\n\r\n        currentSlide =\r\n            (currentSlide + 1) % slides.length;\r\n\r\n        showSlide(currentSlide);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       DOT CLICK\r\n    ===================================================== *\/\r\n\r\n    dots.forEach(function (dot, index) {\r\n\r\n        dot.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                currentSlide = index;\r\n\r\n                showSlide(currentSlide);\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       AUTOMATIC FADE\r\n    ===================================================== *\/\r\n\r\n    let sliderTimer =\r\n        setInterval(\r\n            nextSlide,\r\n            slideDuration\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       PAUSE WHEN TAB IS NOT ACTIVE\r\n    ===================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"visibilitychange\",\r\n        function () {\r\n\r\n            if (document.hidden) {\r\n\r\n                clearInterval(sliderTimer);\r\n\r\n            } else {\r\n\r\n                clearInterval(sliderTimer);\r\n\r\n                sliderTimer =\r\n                    setInterval(\r\n                        nextSlide,\r\n                        slideDuration\r\n                    );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL STATE\r\n    ===================================================== *\/\r\n\r\n    showSlide(0);\r\n\r\n})();\r\n\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d4af67c elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d4af67c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9f00e56\" data-id=\"9f00e56\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a27dda6 elementor-widget elementor-widget-html\" data-id=\"a27dda6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     HAMZA ISLAMIC SCHOOL\r\n     ADMISSIONS CTA \u2014 CLEAN SOLID PURPLE VERSION\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-admissions-clean\">\r\n\r\n    <!-- =====================================================\r\n         OUTER EDGE DECORATIONS\r\n    ====================================================== -->\r\n\r\n    <span class=\"hamza-admission-star star-a\">\u2726<\/span>\r\n\r\n    <svg\r\n        class=\"hamza-admission-art art-cap\"\r\n        viewBox=\"0 0 100 80\"\r\n        aria-hidden=\"true\"\r\n    >\r\n        <path d=\"M10 29L50 10L90 29L50 48Z\"><\/path>\r\n        <path d=\"M25 37V54C37 64 63 64 75 54V37\"><\/path>\r\n        <path d=\"M90 29V55\"><\/path>\r\n        <circle cx=\"90\" cy=\"59\" r=\"3\"><\/circle>\r\n    <\/svg>\r\n\r\n\r\n    <svg\r\n        class=\"hamza-admission-art art-book\"\r\n        viewBox=\"0 0 100 72\"\r\n        aria-hidden=\"true\"\r\n    >\r\n        <path d=\"M50 16C38 8 22 8 10 13V58C23 53 38 54 50 63\"><\/path>\r\n        <path d=\"M50 16C62 8 78 8 90 13V58C77 53 62 54 50 63\"><\/path>\r\n        <path d=\"M50 16V63\"><\/path>\r\n    <\/svg>\r\n\r\n\r\n    <svg\r\n        class=\"hamza-admission-art art-bulb\"\r\n        viewBox=\"0 0 90 100\"\r\n        aria-hidden=\"true\"\r\n    >\r\n        <path d=\"M45 12C27 12 16 25 16 41C16 52 22 59 28 65C32 69 33 73 33 78H57C57 73 58 69 62 65C68 59 74 52 74 41C74 25 63 12 45 12Z\"><\/path>\r\n        <path d=\"M33 84H57\"><\/path>\r\n        <path d=\"M38 91H52\"><\/path>\r\n        <path d=\"M45 2V7\"><\/path>\r\n        <path d=\"M15 11L20 16\"><\/path>\r\n        <path d=\"M75 11L70 16\"><\/path>\r\n    <\/svg>\r\n\r\n\r\n    <span class=\"hamza-admission-star star-b\">\u2726<\/span>\r\n    <span class=\"hamza-admission-star star-c\">\u2726<\/span>\r\n    <span class=\"hamza-admission-star star-d\">\u2726<\/span>\r\n\r\n    <span class=\"hamza-admission-dot dot-a\"><\/span>\r\n    <span class=\"hamza-admission-dot dot-b\"><\/span>\r\n    <span class=\"hamza-admission-dot dot-c\"><\/span>\r\n\r\n\r\n    <!-- =====================================================\r\n         CONTENT\r\n    ====================================================== -->\r\n\r\n    <div class=\"hamza-admissions-clean-wrap\">\r\n\r\n        <div class=\"hamza-admissions-clean-content\">\r\n\r\n            <div class=\"hamza-admissions-clean-label\">\r\n                <span>\u2726<\/span>\r\n                ADMISSIONS OPEN\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-admissions-clean-heading\">\r\n                Give Your Child\r\n                <span>a Strong Beginning.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-admissions-clean-description\">\r\n                Discover an education that brings together knowledge,\r\n                faith, character, and meaningful experiences.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hamza-admissions-clean-buttons\">\r\n\r\n                <!-- APPLY FOR ADMISSION -->\r\n                <a\r\n                    href=\"https:\/\/hamzaislamicschool.com\/index.php\/admission\/\"\r\n                    class=\"hamza-admissions-clean-btn hamza-admissions-clean-primary\"\r\n                >\r\n                    APPLY FOR ADMISSION\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n\r\n                <!-- VISIT OUR CAMPUS -->\r\n                <a\r\n                    href=\"https:\/\/www.google.com\/maps\/place\/Hamza+Islamic+School\/@17.4029406,78.4146914,17z\/data=!3m1!4b1!4m6!3m5!1s0x3bcb97477d94d701:0xcd512447b3595987!8m2!3d17.4029406!4d78.4172663!16s%2Fg%2F11h6d6ybm5?entry=ttu&g_ep=EgoyMDI2MDgxOS4wIKXMDSoASAFQAw%3D%3D\"\r\n                    class=\"hamza-admissions-clean-btn hamza-admissions-clean-secondary\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                >\r\n                    VISIT OUR CAMPUS\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\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   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n    --cream: #FEEFCF;\r\n    --pink: #E98BC3;\r\n    --soft-purple: #AA8BE2;\r\n    --white: #FFFFFF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        115px\r\n        0\r\n        120px;\r\n\r\n    background:\r\n        #3A2E81;\r\n\r\n    overflow: hidden;\r\n\r\n    isolation: isolate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 5;\r\n\r\n    width:\r\n        min(\r\n            1080px,\r\n            calc(100% - 90px)\r\n        );\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-content {\r\n\r\n    max-width: 820px;\r\n\r\n    margin:\r\n        0 auto;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.9px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-label span {\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            52px,\r\n            4.4vw,\r\n            66px\r\n        );\r\n\r\n    line-height: 1.07;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-description {\r\n\r\n    max-width: 680px;\r\n\r\n    margin:\r\n        23px\r\n        auto\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color:\r\n        rgba(255,255,255,.87);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON GROUP\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-buttons {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex-wrap: wrap;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 32px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON BASE\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-btn {\r\n\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    padding:\r\n        0\r\n        27px;\r\n\r\n    border-radius: 6px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        color .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-btn span {\r\n\r\n    font-size: 18px;\r\n\r\n    transition:\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY \u2014 APPLY\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-primary {\r\n\r\n    background:\r\n        #FAAF11;\r\n\r\n    border:\r\n        1px solid\r\n        #FAAF11;\r\n\r\n    color:\r\n        #3A2E81 !important;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-primary:hover {\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #3A2E81 !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECONDARY \u2014 CAMPUS\r\n========================================================= *\/\r\n\r\n.hamza-admissions-clean-secondary {\r\n\r\n    background:\r\n        transparent;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.78);\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-clean-secondary:hover {\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    border-color:\r\n        #FFFFFF;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OUTLINE ART\r\n========================================================= *\/\r\n\r\n.hamza-admission-art {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 2.3;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.art-cap {\r\n\r\n    width: 92px;\r\n\r\n    right: 6%;\r\n\r\n    top: 17%;\r\n\r\n    color:\r\n        rgba(79,147,235,.42);\r\n\r\n    animation:\r\n        hamzaFloatOne\r\n        10s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.art-book {\r\n\r\n    width: 88px;\r\n\r\n    left: 7%;\r\n\r\n    bottom: 13%;\r\n\r\n    color:\r\n        rgba(254,239,207,.42);\r\n\r\n    animation:\r\n        hamzaFloatTwo\r\n        11.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.art-bulb {\r\n\r\n    width: 76px;\r\n\r\n    right: 7%;\r\n\r\n    bottom: 10%;\r\n\r\n    color:\r\n        rgba(250,175,17,.43);\r\n\r\n    animation:\r\n        hamzaFloatThree\r\n        9.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STARS\r\n========================================================= *\/\r\n\r\n.hamza-admission-star {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n.star-a {\r\n\r\n    left: 7%;\r\n\r\n    top: 22%;\r\n\r\n    font-size: 18px;\r\n\r\n    color:\r\n        rgba(233,139,195,.40);\r\n\r\n    animation:\r\n        hamzaFloatTwo\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.star-b {\r\n\r\n    right: 21%;\r\n\r\n    bottom: 13%;\r\n\r\n    font-size: 11px;\r\n\r\n    color:\r\n        rgba(79,147,235,.46);\r\n\r\n    animation:\r\n        hamzaFloatOne\r\n        11s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.star-c {\r\n\r\n    left: 22%;\r\n\r\n    bottom: 17%;\r\n\r\n    font-size: 10px;\r\n\r\n    color:\r\n        rgba(250,175,17,.46);\r\n\r\n    animation:\r\n        hamzaFloatThree\r\n        8.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.star-d {\r\n\r\n    right: 24%;\r\n\r\n    top: 18%;\r\n\r\n    font-size: 9px;\r\n\r\n    color:\r\n        rgba(233,139,195,.36);\r\n\r\n    animation:\r\n        hamzaFloatTwo\r\n        12s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOTS\r\n========================================================= *\/\r\n\r\n.hamza-admission-dot {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(170,139,226,.42);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.dot-a {\r\n\r\n    width: 7px;\r\n    height: 7px;\r\n\r\n    left: 13%;\r\n\r\n    top: 48%;\r\n\r\n    animation:\r\n        hamzaFloatOne\r\n        10.5s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.dot-b {\r\n\r\n    width: 5px;\r\n    height: 5px;\r\n\r\n    right: 13%;\r\n\r\n    top: 47%;\r\n\r\n    animation:\r\n        hamzaFloatThree\r\n        9.2s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n.dot-c {\r\n\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    right: 17%;\r\n\r\n    bottom: 30%;\r\n\r\n    animation:\r\n        hamzaFloatTwo\r\n        12s\r\n        ease-in-out\r\n        infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOAT ANIMATIONS\r\n========================================================= *\/\r\n\r\n@keyframes hamzaFloatOne {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n        opacity: .32;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-12px);\r\n\r\n        opacity: .50;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaFloatTwo {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(-4px);\r\n\r\n        opacity: .30;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(9px);\r\n\r\n        opacity: .46;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaFloatThree {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(5px);\r\n\r\n        opacity: .34;\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-9px);\r\n\r\n        opacity: .50;\r\n\r\n    }\r\n\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    .hamza-admissions-clean {\r\n\r\n        padding:\r\n            100px\r\n            0\r\n            105px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 70px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-heading {\r\n\r\n        font-size: 52px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-description {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .art-cap {\r\n\r\n        width: 74px;\r\n\r\n        right: 3%;\r\n\r\n    }\r\n\r\n\r\n    .art-book {\r\n\r\n        width: 72px;\r\n\r\n        left: 3%;\r\n\r\n    }\r\n\r\n\r\n    .art-bulb {\r\n\r\n        width: 64px;\r\n\r\n        right: 3%;\r\n\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    .hamza-admissions-clean {\r\n\r\n        padding:\r\n            78px\r\n            0\r\n            82px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-heading {\r\n\r\n        font-size: 39px;\r\n\r\n        line-height: 1.1;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-description {\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.68;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-buttons {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        max-width: 300px;\r\n\r\n        margin:\r\n            27px\r\n            auto\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 50px;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .art-cap {\r\n\r\n        width: 54px;\r\n\r\n        top: 10%;\r\n\r\n        right: 4%;\r\n\r\n    }\r\n\r\n\r\n    .art-book {\r\n\r\n        width: 52px;\r\n\r\n        bottom: 6%;\r\n\r\n        left: 4%;\r\n\r\n    }\r\n\r\n\r\n    .art-bulb {\r\n\r\n        width: 48px;\r\n\r\n        bottom: 5%;\r\n\r\n        right: 4%;\r\n\r\n    }\r\n\r\n\r\n    .star-a {\r\n\r\n        left: 4%;\r\n\r\n        top: 17%;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .star-b {\r\n\r\n        right: 20%;\r\n\r\n        bottom: 7%;\r\n\r\n    }\r\n\r\n\r\n    .star-c {\r\n\r\n        left: 22%;\r\n\r\n        bottom: 8%;\r\n\r\n    }\r\n\r\n\r\n    .star-d {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .dot-a {\r\n\r\n        left: 4%;\r\n\r\n        top: 46%;\r\n\r\n    }\r\n\r\n\r\n    .dot-b {\r\n\r\n        right: 4%;\r\n\r\n        top: 48%;\r\n\r\n    }\r\n\r\n\r\n    .dot-c {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-admissions-clean {\r\n\r\n        padding:\r\n            68px\r\n            0\r\n            72px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-wrap {\r\n\r\n        width:\r\n            calc(100% - 34px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-description {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-clean-buttons {\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .art-cap {\r\n\r\n        width: 46px;\r\n\r\n    }\r\n\r\n\r\n    .art-book {\r\n\r\n        width: 45px;\r\n\r\n    }\r\n\r\n\r\n    .art-bulb {\r\n\r\n        width: 42px;\r\n\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    .hamza-admission-art,\r\n    .hamza-admission-star,\r\n    .hamza-admission-dot {\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1bbbaf9 elementor-section-stretched elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1bbbaf9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-62d5d22\" data-id=\"62d5d22\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3973223 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"3973223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"48\"\n     height=\"48\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <!-- Head -->\n  <circle cx=\"12\" cy=\"7\" r=\"3.2\"\n          fill=\"#FAAF11\"\n          stroke=\"#12355B\"\n          stroke-width=\"1.1\"><\/circle>\n\n  <!-- Shoulders \/ Body -->\n  <path d=\"M5.5 20C5.8 16.2 8.2 13.8 12 13.8\n           C15.8 13.8 18.2 16.2 18.5 20\"\n        fill=\"#FAAF11\"\n        stroke=\"#12355B\"\n        stroke-width=\"1.1\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Tie -->\n  <path d=\"M10.8 14.2L12 16L13.2 14.2L13.8 19L12 20L10.2 19L10.8 14.2Z\"\n        fill=\"#12355B\"\n        stroke=\"#12355B\"\n        stroke-width=\"0.6\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Collar -->\n  <path d=\"M9.2 14L12 16L14.8 14\"\n        stroke=\"#12355B\"\n        stroke-width=\"0.9\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Founder\u2019s Vision<\/div><h3 class=\"elementor-image-box-title\">Message from the Founder<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efd1755 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"efd1755\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"zlAe0W_TextBase zlAe0W_Text PDq2pG_selectionAnchorContainer\" data-w-component=\"text\" data-w-wrap=\"normal\">Hamza Islamic School was founded with the vision of providing a <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">balanced education that combines modern learning with Islamic values<\/span>. We believe that true success comes not only from knowledge, but also from integrity, compassion, respect, and strong moral character.<\/p><p class=\"zlAe0W_TextBase zlAe0W_Text\" data-w-component=\"text\" data-w-wrap=\"normal\">Our goal is to help every child discover their potential, develop confidence, and grow into a thoughtful and responsible member of society. Through a caring and supportive environment, we continue to build a school that prepares students for a meaningful future.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dbc26b2 elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"dbc26b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"elementor-button-wrapper elementor-button-info\">\n            <a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-md\" role=\"button\">\n                \t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<i class=\"opal-icon-arrow-right\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read More<\/span>\n\t\t\t\t\t<\/span>\n\t\t            <\/a>\n        <\/div>\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9389cea\" data-id=\"9389cea\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4780614 elementor-position-left elementor-vertical-align-middle elementor-widget elementor-widget-image-box\" data-id=\"4780614\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"48\"\n     height=\"48\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <!-- Head -->\n  <circle cx=\"12\" cy=\"7\" r=\"3.2\"\n          fill=\"#FAAF11\"\n          stroke=\"#12355B\"\n          stroke-width=\"1.1\"><\/circle>\n\n  <!-- Shoulders \/ Body -->\n  <path d=\"M5.5 20C5.8 16.2 8.2 13.8 12 13.8\n           C15.8 13.8 18.2 16.2 18.5 20\"\n        fill=\"#FAAF11\"\n        stroke=\"#12355B\"\n        stroke-width=\"1.1\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Tie -->\n  <path d=\"M10.8 14.2L12 16L13.2 14.2L13.8 19L12 20L10.2 19L10.8 14.2Z\"\n        fill=\"#12355B\"\n        stroke=\"#12355B\"\n        stroke-width=\"0.6\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Collar -->\n  <path d=\"M9.2 14L12 16L14.8 14\"\n        stroke=\"#12355B\"\n        stroke-width=\"0.9\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Principal\u2019s Welcome<\/div><h3 class=\"elementor-image-box-title\">Message from the Principal<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4cb012b elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4cb012b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"zlAe0W_TextBase zlAe0W_Text PDq2pG_selectionAnchorContainer\" data-w-component=\"text\" data-w-wrap=\"normal\">At <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Hamza Islamic School<\/span>, we believe that every child deserves an education that nurtures both <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">academic excellence and strong Islamic character<\/span>. Our aim is to create a safe, inspiring, and child-centered environment where students develop confidence, creativity, discipline, and a lifelong love for learning.<\/p><p class=\"zlAe0W_TextBase zlAe0W_Text\" data-w-component=\"text\" data-w-wrap=\"normal\">With the support of dedicated teachers and parents, we strive to help every learner grow into a responsible individual who succeeds in both <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Deen and Duniya<\/span>. We warmly invite you to explore our vision, values, and commitment to holistic education.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e826282 elementor-align-right elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"e826282\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"elementor-button-wrapper elementor-button-info\">\n            <a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-md\" role=\"button\">\n                \t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<i class=\"opal-icon-arrow-right\" aria-hidden=\"true\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Read More<\/span>\n\t\t\t\t\t<\/span>\n\t\t            <\/a>\n        <\/div>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-78f9424 elementor-section-stretched elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"78f9424\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-67e5d47\" data-id=\"67e5d47\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9938a6c elementor-widget elementor-widget-image\" data-id=\"9938a6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1254\" height=\"1254\" src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM.png\" class=\"attachment-full size-full wp-image-4234\" alt=\"\" srcset=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM.png 1254w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM-300x300.png 300w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM-1024x1024.png 1024w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM-150x150.png 150w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM-768x768.png 768w, https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-Aug-11-2026-03_32_42-AM-700x700.png 700w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-63b7019\" data-id=\"63b7019\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30573b7 elementor-vertical-align-middle elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"30573b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">HOLISTIC LEARNING<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a48f453 elementor-widget elementor-widget-heading\" data-id=\"a48f453\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">Learning Beyond the Classroom<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3d148 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"2e3d148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"zlAe0W_TextBase zlAe0W_Text PDq2pG_selectionAnchorContainer\" data-w-component=\"text\" data-w-wrap=\"normal\">At <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Hamza Islamic School<\/span>, learning is not limited to textbooks and classrooms. We provide a dynamic environment where students explore knowledge through <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">co-curricular activities, communication exercises, teamwork, creativity, and leadership opportunities<\/span>.<\/p><p class=\"zlAe0W_TextBase zlAe0W_Text\" data-w-component=\"text\" data-w-wrap=\"normal\">Our enrichment programs are designed to build <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">self-confidence, curiosity, critical thinking, and lifelong learning habits<\/span>, helping students grow into responsible citizens, confident learners, and practicing Muslims.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-ee1b2d1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee1b2d1\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-5b7e060\" data-id=\"5b7e060\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f874b5b elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"f874b5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"32\"\n     height=\"32\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.7\"><\/rect>\n\n  <path d=\"M5.5 11.5C5.5 15.09 8.41 18 12 18\n           C15.59 18 18.5 15.09 18.5 11.5\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <path d=\"M12 18V21\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <path d=\"M9 21H15\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Communication<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-a4214f1\" data-id=\"a4214f1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c8f38e elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"8c8f38e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"32\"\n     height=\"32\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <!-- Center person -->\n  <circle cx=\"12\" cy=\"7\" r=\"2.7\"\n          stroke=\"#FAAF11\"\n          stroke-width=\"1.6\"><\/circle>\n\n  <path d=\"M7.5 18\n           C7.7 14.8 9.2 12.8 12 12.8\n           C14.8 12.8 16.3 14.8 16.5 18\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.6\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Left person -->\n  <circle cx=\"5.5\" cy=\"9\" r=\"2.1\"\n          stroke=\"#FAAF11\"\n          stroke-width=\"1.5\"><\/circle>\n\n  <path d=\"M1.8 18\n           C2 15.4 3.2 13.8 5.5 13.8\n           C6.8 13.8 7.8 14.3 8.5 15.2\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Right person -->\n  <circle cx=\"18.5\" cy=\"9\" r=\"2.1\"\n          stroke=\"#FAAF11\"\n          stroke-width=\"1.5\"><\/circle>\n\n  <path d=\"M15.5 15.2\n           C16.2 14.3 17.2 13.8 18.5 13.8\n           C20.8 13.8 22 15.4 22.2 18\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.5\"\n        stroke-linecap=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Teamwork<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3603883\" data-id=\"3603883\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3d8e7c7 elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"3d8e7c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"32\"\n     height=\"32\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <!-- Main Spark -->\n  <path d=\"M12 3\n           L13.1 7.2\n           L17 8.2\n           L13.1 9.3\n           L12 13.5\n           L10.9 9.3\n           L7 8.2\n           L10.9 7.2\n           Z\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.5\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Small Spark -->\n  <path d=\"M18.5 13.5\n           L19.1 15.5\n           L21 16\n           L19.1 16.6\n           L18.5 18.5\n           L18 16.6\n           L16.2 16\n           L18 15.5\n           Z\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.3\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Small Dot -->\n  <circle cx=\"6\" cy=\"15.5\" r=\"0.8\"\n          fill=\"#FAAF11\"><\/circle>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Creativity<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-f0a5c84\" data-id=\"f0a5c84\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5734dff elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"5734dff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"32\"\n     height=\"32\"\n     viewBox=\"0 0 24 24\"\n     fill=\"none\">\n\n  <!-- Left side of brain -->\n  <path d=\"M11.5 5.2\n           C10.8 3.8 9.2 3.2 7.8 3.8\n           C6.4 4.4 5.8 5.7 6.1 7\n           C4.7 7.2 3.7 8.4 3.9 9.8\n           C3.2 10.6 3.1 11.8 3.6 12.7\n           C3.1 14 3.8 15.4 5 15.8\n           C4.8 17.3 5.8 18.5 7.2 18.5\n           C8.1 19.8 9.7 20.1 10.8 19.1\n           C11.4 18.6 11.6 17.8 11.6 17\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.45\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Right side of brain -->\n  <path d=\"M12.5 5.2\n           C13.2 3.8 14.8 3.2 16.2 3.8\n           C17.6 4.4 18.2 5.7 17.9 7\n           C19.3 7.2 20.3 8.4 20.1 9.8\n           C20.8 10.6 20.9 11.8 20.4 12.7\n           C20.9 14 20.2 15.4 19 15.8\n           C19.2 17.3 18.2 18.5 16.8 18.5\n           C15.9 19.8 14.3 20.1 13.2 19.1\n           C12.6 18.6 12.4 17.8 12.4 17\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.45\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Brain center -->\n  <path d=\"M12 5V19\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.3\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Brain details -->\n  <path d=\"M6.2 9.2\n           C7.4 9.2 8 8.5 8 7.5\n           \n           M5.2 13\n           C6.5 13 7.2 13.7 7.2 14.8\n           \n           M17.8 9.2\n           C16.6 9.2 16 8.5 16 7.5\n           \n           M18.8 13\n           C17.5 13 16.8 13.7 16.8 14.8\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.3\"\n        stroke-linecap=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Critical Thinking<\/h3><\/div><\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48567a1 elementor-section-stretched elementor-section-content-middle elementor-section-full_width elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"48567a1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b1d3046\" data-id=\"b1d3046\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-78c0939 elementor-vertical-align-middle elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"78c0939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">STUDENT DEVELOPMENT<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95a4622 elementor-widget elementor-widget-heading\" data-id=\"95a4622\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">What We <span style=\"color: #4f93eb;\">Build<\/span> in Every Child<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0854bef elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"0854bef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Our educational journey is designed to develop the <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\"><strong><span style=\"color: #ffcc00;\">mind<\/span><\/strong>, <strong><span style=\"color: #ff0000;\">heart<\/span><\/strong>, and <strong><span style=\"color: #ff00ff;\">character<\/span><\/strong><\/span> of every student through <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">faith, knowledge, and experience<\/span>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4bd8a0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4bd8a0d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-c0fd4fe\" data-id=\"c0fd4fe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08bee4d elementor-animation-grow elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"08bee4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n     width=\"64\"\n     height=\"64\"\n     viewBox=\"0 0 64 64\"\n     fill=\"none\">\n\n  <defs>\n\n    <!-- Bright Yellow Faded Glow -->\n    <radialgradient id=\"yellowGlow\"\n                    cx=\"50%\"\n                    cy=\"50%\"\n                    r=\"50%\">\n\n      <stop offset=\"0%\"\n            stop-color=\"#FFD83D\"\n            stop-opacity=\"1\"><\/stop>\n\n      <stop offset=\"25%\"\n            stop-color=\"#FAAF11\"\n            stop-opacity=\"0.75\"><\/stop>\n\n      <stop offset=\"50%\"\n            stop-color=\"#FAAF11\"\n            stop-opacity=\"0.40\"><\/stop>\n\n      <stop offset=\"72%\"\n            stop-color=\"#FAAF11\"\n            stop-opacity=\"0.15\"><\/stop>\n\n      <stop offset=\"100%\"\n            stop-color=\"#FAAF11\"\n            stop-opacity=\"0\"><\/stop>\n    <\/radialgradient>\n\n    <!-- Soft Glow Blur -->\n    <filter id=\"glowBlur\"\n            x=\"-50%\"\n            y=\"-50%\"\n            width=\"200%\"\n            height=\"200%\">\n\n      <fegaussianblur stdDeviation=\"4\"><\/fegaussianblur>\n\n    <\/filter>\n\n  <\/defs>\n\n\n  <!-- BRIGHT FADED GLOW -->\n  <ellipse cx=\"32\"\n           cy=\"34\"\n           rx=\"28\"\n           ry=\"26\"\n           fill=\"url(#yellowGlow)\"\n           filter=\"url(#glowBlur)\"><\/ellipse>\n\n\n  <!-- LEFT BOOK PAGE -->\n  <path d=\"M8 17\n           C14 15 21 16 30 20\n           V51\n           C22 47 15 46 8 48\n           Z\"\n        fill=\"#FFFFFF\"\n        stroke=\"#1B8F6A\"\n        stroke-width=\"1.6\"\n        stroke-linejoin=\"round\"><\/path>\n\n\n  <!-- RIGHT BOOK PAGE -->\n  <path d=\"M56 17\n           C50 15 43 16 34 20\n           V51\n           C42 47 49 46 56 48\n           Z\"\n        fill=\"#FFFFFF\"\n        stroke=\"#1B8F6A\"\n        stroke-width=\"1.6\"\n        stroke-linejoin=\"round\"><\/path>\n\n\n  <!-- CENTER BOOK BINDING -->\n  <path d=\"M30 20\n           C31.5 21 32 22 32 24\n           V51\"\n        stroke=\"#0D6B4F\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n\n  <path d=\"M34 20\n           C32.5 21 32 22 32 24\"\n        stroke=\"#0D6B4F\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n\n  <!-- LEFT PAGE LINES -->\n  <path d=\"M12 25\n           C18 24 23 25 27 27\n\n           M12 30\n           C18 29 23 30 27 32\n\n           M12 35\n           C18 34 23 35 27 37\n\n           M12 40\n           C18 39 23 40 27 42\"\n        stroke=\"#6FC3D2\"\n        stroke-width=\"1.3\"\n        stroke-linecap=\"round\"><\/path>\n\n\n  <!-- RIGHT PAGE LINES -->\n  <path d=\"M52 25\n           C46 24 41 25 37 27\n\n           M52 30\n           C46 29 41 30 37 32\n\n           M52 35\n           C46 34 41 35 37 37\n\n           M52 40\n           C46 39 41 40 37 42\"\n        stroke=\"#6FC3D2\"\n        stroke-width=\"1.3\"\n        stroke-linecap=\"round\"><\/path>\n\n\n  <!-- BOOK COVER -->\n  <path d=\"M7 48\n           C15 46 22 47 32 51\n           C42 47 49 46 57 48\"\n        stroke=\"#0D6B4F\"\n        stroke-width=\"2.2\"\n        stroke-linecap=\"round\"><\/path>\n\n\n  <!-- GOLD ACCENT -->\n  <path d=\"M14 51\n           C20 50 26 51 32 54\n           C38 51 44 50 50 51\"\n        stroke=\"#FAAF11\"\n        stroke-width=\"1.7\"\n        stroke-linecap=\"round\"><\/path>\n\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Read<\/h3><p class=\"elementor-image-box-description\">We encourage the love for reading the Quran, books, and the world around us.<\/p><\/div><\/div>\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<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-427bed7\" data-id=\"427bed7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c5aae2 elementor-animation-grow elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"4c5aae2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <!-- Outer circle -->\n  <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"#F5C928\"><\/circle>\n  <circle cx=\"60\" cy=\"60\" r=\"45\" fill=\"#FFD83D\"><\/circle>\n\n  <!-- Light rays -->\n  <g stroke=\"#FFF4A8\" stroke-width=\"4\" stroke-linecap=\"round\">\n    <line x1=\"60\" y1=\"10\" x2=\"60\" y2=\"20\"><\/line>\n    <line x1=\"60\" y1=\"100\" x2=\"60\" y2=\"110\"><\/line>\n    <line x1=\"10\" y1=\"60\" x2=\"20\" y2=\"60\"><\/line>\n    <line x1=\"100\" y1=\"60\" x2=\"110\" y2=\"60\"><\/line>\n    <line x1=\"25\" y1=\"25\" x2=\"32\" y2=\"32\"><\/line>\n    <line x1=\"95\" y1=\"95\" x2=\"88\" y2=\"88\"><\/line>\n    <line x1=\"95\" y1=\"25\" x2=\"88\" y2=\"32\"><\/line>\n    <line x1=\"25\" y1=\"95\" x2=\"32\" y2=\"88\"><\/line>\n  <\/g>\n\n  <!-- Bulb -->\n  <path d=\"M60 30C46 30 38 41 40 53C41 61 47 65 50 72V78H70V72C73 65 79 61 80 53C82 41 74 30 60 30Z\"\n        fill=\"#FFF9D6\"><\/path>\n\n  <!-- Bulb base -->\n  <path d=\"M50 78H70V83C70 86 68 88 65 88H55C52 88 50 86 50 83V78Z\"\n        fill=\"#8C8C8C\"><\/path>\n  <line x1=\"52\" y1=\"82\" x2=\"68\" y2=\"82\" stroke=\"#666\" stroke-width=\"2\"><\/line>\n  <line x1=\"53\" y1=\"86\" x2=\"67\" y2=\"86\" stroke=\"#666\" stroke-width=\"2\"><\/line>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Learn<\/h3><p class=\"elementor-image-box-description\">We provide strong academic foundations and Islamic knowledge for a bright future.<\/p><\/div><\/div>\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<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-4cb1353\" data-id=\"4cb1353\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8a20133 elementor-animation-grow elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"8a20133\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"#1877D2\"><\/circle>\n  <circle cx=\"60\" cy=\"60\" r=\"45\" fill=\"#2589E5\"><\/circle>\n\n  <!-- Brain -->\n  <path d=\"M57 34\n           C49 27 38 32 38 41\n           C31 42 28 49 31 55\n           C25 62 29 71 36 73\n           C34 82 42 89 50 87\n           C54 94 61 91 60 84\n           L60 38Z\"\n        fill=\"#F2F5F7\"><\/path>\n\n  <path d=\"M63 34\n           C71 27 82 32 82 41\n           C89 42 92 49 89 55\n           C95 62 91 71 84 73\n           C86 82 78 89 70 87\n           C66 94 59 91 60 84\n           L60 38Z\"\n        fill=\"#E5EAEE\"><\/path>\n\n  <!-- Brain details -->\n  <g fill=\"none\" stroke=\"#9BA9B5\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n    <path d=\"M45 39C40 43 43 48 47 49\"><\/path>\n    <path d=\"M38 56C45 53 49 57 47 62\"><\/path>\n    <path d=\"M40 69C46 66 51 70 49 76\"><\/path>\n    <path d=\"M53 43C48 47 51 53 55 54\"><\/path>\n    <path d=\"M53 61C48 65 51 71 56 72\"><\/path>\n    <path d=\"M75 39C80 43 77 48 73 49\"><\/path>\n    <path d=\"M82 56C75 53 71 57 73 62\"><\/path>\n    <path d=\"M80 69C74 66 69 70 71 76\"><\/path>\n    <path d=\"M67 43C72 47 69 53 65 54\"><\/path>\n    <path d=\"M67 61C72 65 69 71 64 72\"><\/path>\n  <\/g>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Think<\/h3><p class=\"elementor-image-box-description\">We develop critical thinking, creativity, and the ability to solve real-life challenges.<\/p><\/div><\/div>\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<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-db7c55d\" data-id=\"db7c55d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-753134d elementor-animation-grow elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"753134d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"#A72EAD\"><\/circle>\n  <circle cx=\"60\" cy=\"60\" r=\"45\" fill=\"#C23CC4\"><\/circle>\n\n  <!-- Heart -->\n  <path d=\"M60 87\n           C55 82 35 69 35 51\n           C35 41 42 35 51 35\n           C56 35 60 38 60 43\n           C60 38 64 35 69 35\n           C78 35 85 41 85 51\n           C85 69 65 82 60 87Z\"\n        fill=\"#FFF\"><\/path>\n\n  <!-- Heart highlight -->\n  <path d=\"M45 45C42 48 42 53 44 56\"\n        fill=\"none\"\n        stroke=\"#FFE5FF\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"><\/path>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Believe<\/h3><p class=\"elementor-image-box-description\">We strengthen faith, values, and character to build a confident and kind heart.<\/p><\/div><\/div>\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<div class=\"elementor-column elementor-col-20 elementor-inner-column elementor-element elementor-element-73fd113\" data-id=\"73fd113\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-59de7c9 elementor-animation-grow elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"59de7c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"120\" height=\"120\" viewBox=\"0 0 120 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <circle cx=\"60\" cy=\"60\" r=\"52\" fill=\"#E5254F\"><\/circle>\n  <circle cx=\"60\" cy=\"60\" r=\"45\" fill=\"#F0385D\"><\/circle>\n\n  <!-- Trophy handles -->\n  <path d=\"M43 43H32C32 56 38 63 48 64\"\n        fill=\"none\"\n        stroke=\"#FFE56B\"\n        stroke-width=\"7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <path d=\"M77 43H88C88 56 82 63 72 64\"\n        fill=\"none\"\n        stroke=\"#FFE56B\"\n        stroke-width=\"7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Cup -->\n  <path d=\"M43 35H77V53\n           C77 65 70 73 60 76\n           C50 73 43 65 43 53Z\"\n        fill=\"#FFD43B\"><\/path>\n\n  <!-- Cup highlight -->\n  <path d=\"M48 40V54C48 61 52 66 57 68\"\n        fill=\"none\"\n        stroke=\"#FFF0A0\"\n        stroke-width=\"4\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Stem -->\n  <path d=\"M60 75V86\"\n        stroke=\"#FFD43B\"\n        stroke-width=\"7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Base -->\n  <path d=\"M46 91H74\"\n        stroke=\"#FFD43B\"\n        stroke-width=\"7\"\n        stroke-linecap=\"round\"><\/path>\n\n  <!-- Star -->\n  <path d=\"M60 43L62 48L68 48L63 52L65 58L60 54L55 58L57 52L52 48L58 48Z\"\n        fill=\"#FFF1A3\"><\/path>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Lead<\/h3><p class=\"elementor-image-box-description\">We inspire leadership, responsibility, and a desire to make a positive impact. <\/p><\/div><\/div>\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 class=\"elementor-element elementor-element-b84315e elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"b84315e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We inspire our children to <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\"><strong><span style=\"color: #ff0000;\">read<\/span><\/strong>,<strong><span style=\"color: #ff00ff;\"> learn<\/span><\/strong>, <strong><span style=\"color: #3366ff;\">think<\/span><\/strong>, <strong><span style=\"color: #ffcc00;\">believe<\/span><\/strong>, and lead<\/span> for a better tomorrow.<\/p>\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-31e2f9d elementor-section-stretched elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"31e2f9d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-20fed65\" data-id=\"20fed65\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c46af53 elementor-vertical-align-middle elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"c46af53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">STUDENT DEVELOPMENT<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd58cf6 elementor-widget elementor-widget-heading\" data-id=\"fd58cf6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">Vision & Mission<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b28e1c7 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"b28e1c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Guided by faith, knowledge, and character, we are committed to shaping a generation that excels in both <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\"><strong><span style=\"color: #008000;\">Deen<\/span> <\/strong>and <strong><span style=\"color: #3366ff;\">Duniya<\/span><\/strong><\/span><strong><span style=\"color: #3366ff;\">.<\/span><\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-dc6d7d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc6d7d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bde2e13\" data-id=\"bde2e13\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1bac74e elementor-vertical-align-middle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"1bac74e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <!-- Rounded background -->\n  <rect width=\"64\" height=\"64\" rx=\"13\" fill=\"#F7F6F2\"><\/rect>\n\n  <!-- Eye -->\n  <path d=\"M12 32C17 23.5 23.5 19 32 19C40.5 19 47 23.5 52 32C47 40.5 40.5 45 32 45C23.5 45 17 40.5 12 32Z\"\n        fill=\"none\"\n        stroke=\"#9B7700\"\n        stroke-width=\"2.5\"\n        stroke-linejoin=\"round\"><\/path>\n\n  <!-- Iris -->\n  <circle cx=\"32\" cy=\"32\" r=\"6.5\"\n          fill=\"none\"\n          stroke=\"#9B7700\"\n          stroke-width=\"2.5\"><\/circle>\n\n  <!-- Pupil -->\n  <circle cx=\"32\" cy=\"32\" r=\"2.5\" fill=\"#9B7700\"><\/circle>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Our Vision<\/h3><p class=\"elementor-image-box-description\">To become one of the best Islamic schools in Hyderabad, recognized for academic excellence, Islamic values, innovation, and the holistic development of every child.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b116c98 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b116c98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t<div class=\"elementor-element elementor-element-06ec611 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"06ec611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We aspire to create a learning community where students grow with <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">knowledge, confidence, compassion, and strong moral character<\/span>.<\/p>\t\t\t\t\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a524449\" data-id=\"a524449\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-edfabf4 elementor-vertical-align-middle elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"edfabf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <!-- Rounded background -->\n  <rect width=\"64\" height=\"64\" rx=\"13\" fill=\"#EEF8F4\"><\/rect>\n\n  <!-- Outer target -->\n  <circle cx=\"32\" cy=\"32\" r=\"12\"\n          fill=\"none\"\n          stroke=\"#087A58\"\n          stroke-width=\"2.5\"><\/circle>\n\n  <!-- Middle target -->\n  <circle cx=\"32\" cy=\"32\" r=\"7\"\n          fill=\"none\"\n          stroke=\"#087A58\"\n          stroke-width=\"2.5\"><\/circle>\n\n  <!-- Center -->\n  <circle cx=\"32\" cy=\"32\" r=\"2.5\"\n          fill=\"#087A58\"><\/circle>\n\n  <!-- Target accent -->\n  <circle cx=\"32\" cy=\"32\" r=\"16\"\n          fill=\"none\"\n          stroke=\"#087A58\"\n          stroke-width=\"1\"\n          opacity=\"0.35\"><\/circle>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Our Mission<\/h3><p class=\"elementor-image-box-description\">To provide affordable, high-quality education that combines modern curriculum, Quranic guidance, and character education.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00808f3 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"00808f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f81cfc elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"1f81cfc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We are committed to nurturing students who become <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">knowledgeable, ethical, confident, and successful individuals<\/span>, prepared for the challenges of the future.<\/p>\t\t\t\t\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-719bbd8 elementor-section-stretched elementor-section-content-middle elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"719bbd8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a4728a\" data-id=\"7a4728a\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ee5b62 elementor-vertical-align-middle elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"5ee5b62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">DEEN & DUNIYA<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4f64315 elementor-widget elementor-widget-heading\" data-id=\"4f64315\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-wrapper\" ><div class=\"elementor-heading-wrapper-inner\"><h2 class=\"elementor-heading-title elementor-size-default\">Building Bright Futures with Deen & Duniya<\/h2><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de1360f elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"de1360f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">Hamza Islamic School<\/span>, we do not simply educate children; we inspire them to <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">read, learn, think, believe, and lead<\/span>. Through a perfect blend of <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">academic excellence and Islamic upbringing<\/span>, we prepare students for a meaningful life filled with <span class=\"zlAe0W_TextBase zlAe0W_Text rFU14q_Emphasis\" data-w-component=\"bold\" data-w-default-strong=\"\" data-w-inline=\"\" data-w-wrap=\"normal\">knowledge, faith, character, and success<\/span>.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a0e2464 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a0e2464\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-490caba\" data-id=\"490caba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d7c2e8 elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"1d7c2e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Academic<\/div><h3 class=\"elementor-image-box-title\">Excellence<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-8ca4170\" data-id=\"8ca4170\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b4aebd elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"0b4aebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Islamic<\/div><h3 class=\"elementor-image-box-title\">Values<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-bc584fa\" data-id=\"bc584fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-57ffdc2 elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"57ffdc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Strong<\/div><h3 class=\"elementor-image-box-title\">Character<\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-4b89970\" data-id=\"4b89970\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-925f6a7 elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"925f6a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><\/figure><\/div><div class=\"elementor-image-box-content\"><div class=\"elementor-image-box-sub-title\">Future<\/div><h3 class=\"elementor-image-box-title\">Success<\/h3><\/div><\/div>\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 class=\"elementor-element elementor-element-aa8ead5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"aa8ead5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-321208e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"321208e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7846070\" data-id=\"7846070\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aab9808 elementor-position-left elementor-vertical-align-bottom elementor-widget__width-initial elementor-widget elementor-widget-image-box\" data-id=\"aab9808\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n     fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M3 7L12 3L21 7L12 11L3 7Z\"\n        stroke=\"#071F19\"\n        stroke-width=\"1.8\"\n        stroke-linejoin=\"round\"><\/path>\n  <path d=\"M6 9V13C6 15 8.7 17 12 17C15.3 17 18 15 18 13V9\"\n        stroke=\"#071F19\"\n        stroke-width=\"1.8\"><\/path>\n  <path d=\"M21 7V13\"\n        stroke=\"#071F19\"\n        stroke-width=\"1.8\"\n        stroke-linecap=\"round\"><\/path>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Apply for Admission <\/h3><\/div><\/div>\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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-bde9a37\" data-id=\"bde9a37\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-136d4b9 elementor-position-left elementor-vertical-align-bottom elementor-widget__width-initial elementor-widget elementor-widget-image-box\" data-id=\"136d4b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper elementor-button-\"><div class=\"elementor-image-framed\"><figure class=\"elementor-image-box-img\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"\n     fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <path d=\"M12 21C12 21 19 14.8 19 9.5\n           C19 5.91 15.87 3 12 3\n           C8.13 3 5 5.91 5 9.5\n           C5 14.8 12 21 12 21Z\"\n        stroke=\"#DDB536\"\n        stroke-width=\"1.8\"\n        stroke-linejoin=\"round\"><\/path>\n  <circle cx=\"12\" cy=\"9.5\" r=\"2.3\"\n          stroke=\"#DDB536\"\n          stroke-width=\"1.8\"><\/circle>\n<\/svg><\/figure><\/div><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Visit Our Campus icon<\/h3><\/div><\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"parallax-layer elementor-repeater-item-8297ae5 parallax-layer-8297ae5719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"-15\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 168.92 167.95\" xml:space=\"preserve\" width=\"168.92\" height=\"167.95\"><title>circle_2<\/title><g class=\"nc-icon-wrapper\"><path d=\"M84.38 14.74c24.07 0 46.11 12.06 58.95 32.27 9.93 15.63 13.15 34.18 9.05 52.22s-15.01 33.41-30.74 43.28c-11.16 7.01-23.99 10.71-37.1 10.71-24.08 0-46.11-12.06-58.95-32.27-9.93-15.63-13.15-34.18-9.05-52.22s15.01-33.41 30.74-43.28a69.627 69.627 0 0 1 37.1-10.71m0-14.74C68.96 0 53.36 4.19 39.36 12.99-.07 37.75-11.85 89.61 13.06 128.82c16.07 25.29 43.47 39.14 71.48 39.14 15.42 0 31.02-4.19 45.02-12.99 39.43-24.76 51.21-76.62 26.3-115.83C139.79 13.85 112.39 0 84.38 0z\"><\/path><\/g><\/svg><\/div><div class=\"parallax-layer elementor-repeater-item-3b76a52 parallax-layer-3b76a52719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"20\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 196 193\" xml:space=\"preserve\" width=\"196\" height=\"193\"><title>circle_1<\/title><g class=\"nc-icon-wrapper\"><path d=\"M97.92 28c23.85 0 45.68 11.85 58.4 31.69 9.84 15.35 13.02 33.57 8.97 51.28-4.06 17.72-14.87 32.81-30.45 42.51A69.488 69.488 0 0 1 98.08 164c-23.85 0-45.68-11.85-58.4-31.69-9.84-15.36-13.02-33.57-8.97-51.28 4.06-17.72 14.87-32.81 30.45-42.51A69.424 69.424 0 0 1 97.92 28m-.01-28c-17.89 0-36 4.82-52.24 14.92-45.75 28.46-59.42 88.05-30.52 133.1C33.79 177.09 65.59 193 98.09 193c17.89 0 35.99-4.82 52.23-14.92 45.75-28.46 59.42-88.05 30.52-133.1C162.2 15.91 130.41 0 97.91 0z\"><\/path><\/g><\/svg><\/div><div class=\"parallax-layer elementor-repeater-item-a6e3cb0 parallax-layer-a6e3cb0719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"15\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 168.92 167.95\" xml:space=\"preserve\" width=\"168.92\" height=\"167.95\"><title>circle_2<\/title><g class=\"nc-icon-wrapper\"><path d=\"M84.38 14.74c24.07 0 46.11 12.06 58.95 32.27 9.93 15.63 13.15 34.18 9.05 52.22s-15.01 33.41-30.74 43.28c-11.16 7.01-23.99 10.71-37.1 10.71-24.08 0-46.11-12.06-58.95-32.27-9.93-15.63-13.15-34.18-9.05-52.22s15.01-33.41 30.74-43.28a69.627 69.627 0 0 1 37.1-10.71m0-14.74C68.96 0 53.36 4.19 39.36 12.99-.07 37.75-11.85 89.61 13.06 128.82c16.07 25.29 43.47 39.14 71.48 39.14 15.42 0 31.02-4.19 45.02-12.99 39.43-24.76 51.21-76.62 26.3-115.83C139.79 13.85 112.39 0 84.38 0z\"><\/path><\/g><\/svg><\/div><div class=\"parallax-layer elementor-repeater-item-59c2dfd parallax-layer-59c2dfd719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"-20\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 168.92 167.95\" xml:space=\"preserve\" width=\"168.92\" height=\"167.95\"><title>circle_2<\/title><g class=\"nc-icon-wrapper\"><path d=\"M84.38 14.74c24.07 0 46.11 12.06 58.95 32.27 9.93 15.63 13.15 34.18 9.05 52.22s-15.01 33.41-30.74 43.28c-11.16 7.01-23.99 10.71-37.1 10.71-24.08 0-46.11-12.06-58.95-32.27-9.93-15.63-13.15-34.18-9.05-52.22s15.01-33.41 30.74-43.28a69.627 69.627 0 0 1 37.1-10.71m0-14.74C68.96 0 53.36 4.19 39.36 12.99-.07 37.75-11.85 89.61 13.06 128.82c16.07 25.29 43.47 39.14 71.48 39.14 15.42 0 31.02-4.19 45.02-12.99 39.43-24.76 51.21-76.62 26.3-115.83C139.79 13.85 112.39 0 84.38 0z\"><\/path><\/g><\/svg><\/div><div class=\"parallax-layer elementor-repeater-item-61f2347 parallax-layer-61f2347719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"20\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0\" y=\"0\" viewBox=\"0 0 168.92 167.95\" xml:space=\"preserve\" width=\"168.92\" height=\"167.95\"><title>circle_2<\/title><g class=\"nc-icon-wrapper\"><path d=\"M84.38 14.74c24.07 0 46.11 12.06 58.95 32.27 9.93 15.63 13.15 34.18 9.05 52.22s-15.01 33.41-30.74 43.28c-11.16 7.01-23.99 10.71-37.1 10.71-24.08 0-46.11-12.06-58.95-32.27-9.93-15.63-13.15-34.18-9.05-52.22s15.01-33.41 30.74-43.28a69.627 69.627 0 0 1 37.1-10.71m0-14.74C68.96 0 53.36 4.19 39.36 12.99-.07 37.75-11.85 89.61 13.06 128.82c16.07 25.29 43.47 39.14 71.48 39.14 15.42 0 31.02-4.19 45.02-12.99 39.43-24.76 51.21-76.62 26.3-115.83C139.79 13.85 112.39 0 84.38 0z\"><\/path><\/g><\/svg><\/div><div class=\"parallax-layer elementor-repeater-item-65cb76c parallax-layer-65cb76c719bbd8 f-custom\" data-parallax=\"true\" data-rate=\"20\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg><\/div>            <script type=\"text\/javascript\">\n                (function ($) {\n                    \"use strict\";\n\n                    \n                    $(' .parallax-layer-8297ae5719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 1,\n                        'left': -20 +'%',\n                        'top': -70 +'%'\n                    });\n\n                    \n                    $(' .parallax-layer-3b76a52719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 3,\n                        'left': 29 +'%',\n                        'top': 65 +'%'\n                    });\n\n                    \n                    $(' .parallax-layer-a6e3cb0719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 1,\n                        'left': 17 +'%',\n                        'top': 58 +'%'\n                    });\n\n                    \n                    $(' .parallax-layer-59c2dfd719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 1,\n                        'left': 18 +'%',\n                        'top': 75 +'%'\n                    });\n\n                    \n                    $(' .parallax-layer-61f2347719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 1,\n                        'left': 40 +'%',\n                        'top': 66 +'%'\n                    });\n\n                    \n                    $(' .parallax-layer-65cb76c719bbd8').prependTo($('.elementor-element-719bbd8')).css({\n                        'z-index': 1,\n                        'left': 32 +'%',\n                        'top': 20 +'%'\n                    });\n\n                                        if ($(window).outerWidth() > 768 ) {\n                        $('.elementor-element-719bbd8').mousemove(function (e) {\n                            $(this).find('.parallax-layer[data-parallax=\"true\"]').each(function (index, element) {\n                                $(this).jsparallax($(this).data('rate'), e);\n                            });\n                        });\n                    }\n                }(jQuery));\n            <\/script>\n            \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;` \u2726 WELCOME TO HAMZA ISLAMIC SCHOOL Learning Begins Beyond the Classroom A school experience where children learn, explore, travel, build friendships, and grow together. EXPLORE OUR GALLERY \u2192 Learning Values Experience \u2726 LEARNING THROUGH EXPERIENCE Every Journey Becomes a Lesson From new places to shared experiences, we encourage children to discover, participate, and learn &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/hamzaislamicschool.com\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> &#8220;Home&#8221;<\/span><span class=\"opal-icon opal-icon-arrow-alt-circle-right\"><\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":155,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":4729,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/4729"}],"wp:attachment":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}