{"id":4200,"date":"2024-05-20T05:15:26","date_gmt":"2024-05-20T05:15:26","guid":{"rendered":"https:\/\/hamzaislamicschool.com\/?page_id=4200"},"modified":"2026-08-28T22:52:25","modified_gmt":"2026-08-28T22:52:25","slug":"admission","status":"publish","type":"page","link":"https:\/\/hamzaislamicschool.com\/index.php\/admission\/","title":{"rendered":"Admission"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4200\" class=\"elementor elementor-4200\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-72a3963 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"72a3963\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6da6247\" data-id=\"6da6247\" 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-cd12460 elementor-widget elementor-widget-html\" data-id=\"cd12460\" 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 HERO\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-admissions-hero\">\r\n\r\n    <div class=\"hamza-admissions-hero-wrap\">\r\n\r\n        <!-- =========================================\r\n             LEFT CONTENT\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-admissions-hero-content\">\r\n\r\n            <div class=\"hamza-admissions-hero-label\">\r\n                <span>\u2726<\/span>\r\n                ADMISSIONS\r\n            <\/div>\r\n\r\n            <h1 class=\"hamza-admissions-hero-heading\">\r\n                Begin Your Child\u2019s\r\n                <span>Journey at Hamza<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hamza-admissions-hero-text\">\r\n                Give your child an education rooted in knowledge,\r\n                Islamic values, character, and confidence.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-admissions-hero-buttons\">\r\n\r\n                <!-- WHATSAPP CONTACT BUTTON -->\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/918555021209\"\r\n                    class=\"hamza-admissions-hero-btn hamza-admissions-hero-primary\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    aria-label=\"Contact Hamza Islamic School on WhatsApp\"\r\n                >\r\n                    CONTACT US\r\n                    <span>\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             RIGHT IMAGE\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-admissions-hero-visual\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/ChatGPT-Image-Aug-25-2026-04_55_57-AM.png\"\r\n                alt=\"Students at Hamza Islamic School\"\r\n            >\r\n\r\n            <div class=\"hamza-admissions-image-overlay\"><\/div>\r\n\r\n            <span class=\"hamza-admissions-corner admissions-corner-top\"><\/span>\r\n            <span class=\"hamza-admissions-corner admissions-corner-bottom\"><\/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.hamza-admissions-hero {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    background: #3A2E81;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-wrap {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 680px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        minmax(0, 1fr);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-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    align-items: flex-start;\r\n\r\n    padding:\r\n        85px\r\n        clamp(45px, 6vw, 105px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-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    text-transform: uppercase;\r\n\r\n    color:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-hero-label span {\r\n\r\n    font-size: 14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-heading {\r\n\r\n    max-width: 650px;\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            68px\r\n        );\r\n\r\n    line-height: 1.06;\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-hero-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-admissions-hero-text {\r\n\r\n    max-width: 560px;\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: 17px;\r\n\r\n    line-height: 1.72;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(255,255,255,.86);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-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: 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-hero-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: 12px;\r\n\r\n    padding:\r\n        0\r\n        26px;\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        color .3s ease,\r\n        border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-hero-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-hero-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP \/ CONTACT BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-primary {\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n    border:\r\n        1px solid\r\n        var(--gold);\r\n\r\n    color:\r\n        var(--purple) !important;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-hero-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        var(--purple) !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.hamza-admissions-hero-visual {\r\n\r\n    position: relative;\r\n\r\n    min-height: 680px;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.hamza-admissions-hero-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    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@media (hover:hover) {\r\n\r\n    .hamza-admissions-hero-visual:hover img {\r\n\r\n        transform:\r\n            scale(1.035);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY LIGHT IMAGE DEPTH\r\n========================================================= *\/\r\n\r\n.hamza-admissions-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        linear-gradient(\r\n            90deg,\r\n            rgba(58,46,129,.14),\r\n            transparent 35%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD CORNERS\r\n========================================================= *\/\r\n\r\n.hamza-admissions-corner {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    width: 65px;\r\n    height: 65px;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.admissions-corner-top {\r\n\r\n    top: 24px;\r\n\r\n    right: 24px;\r\n\r\n    border-top:\r\n        2px solid\r\n        rgba(250,175,17,.82);\r\n\r\n    border-right:\r\n        2px solid\r\n        rgba(250,175,17,.82);\r\n\r\n}\r\n\r\n\r\n.admissions-corner-bottom {\r\n\r\n    left: 24px;\r\n\r\n    bottom: 24px;\r\n\r\n    border-left:\r\n        2px solid\r\n        rgba(250,175,17,.82);\r\n\r\n    border-bottom:\r\n        2px solid\r\n        rgba(250,175,17,.82);\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-hero-wrap {\r\n\r\n        min-height: 620px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-content {\r\n\r\n        padding:\r\n            70px\r\n            45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-heading {\r\n\r\n        font-size: 52px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-text {\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-visual {\r\n\r\n        min-height: 620px;\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-hero-wrap {\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    \/* CONTENT FIRST *\/\r\n\r\n    .hamza-admissions-hero-content {\r\n\r\n        order: 1;\r\n\r\n        padding:\r\n            72px\r\n            20px\r\n            52px;\r\n\r\n        text-align: center;\r\n\r\n        align-items: center;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-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-hero-heading {\r\n\r\n        max-width: 480px;\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.08;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-text {\r\n\r\n        max-width: 480px;\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-hero-buttons {\r\n\r\n        justify-content: center;\r\n\r\n        margin-top: 27px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-btn {\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    \/* IMAGE *\/\r\n\r\n    .hamza-admissions-hero-visual {\r\n\r\n        order: 2;\r\n\r\n        min-height: 430px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-image-overlay {\r\n\r\n        background:\r\n            linear-gradient(\r\n                to bottom,\r\n                rgba(58,46,129,.12),\r\n                transparent 28%\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-corner {\r\n\r\n        width: 48px;\r\n\r\n        height: 48px;\r\n\r\n    }\r\n\r\n\r\n    .admissions-corner-top {\r\n\r\n        top: 16px;\r\n\r\n        right: 16px;\r\n\r\n    }\r\n\r\n\r\n    .admissions-corner-bottom {\r\n\r\n        left: 16px;\r\n\r\n        bottom: 16px;\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-hero-content {\r\n\r\n        padding:\r\n            64px\r\n            17px\r\n            45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-heading {\r\n\r\n        font-size: 36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-text {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-buttons {\r\n\r\n        width: 100%;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-btn {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-hero-visual {\r\n\r\n        min-height: 350px;\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-9a4b8bf elementor-section-full_width elementor-section-stretched elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-section-height-default elementor-section-height-default\" data-id=\"9a4b8bf\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f7cb36f\" data-id=\"f7cb36f\" 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-5328c33 elementor-widget elementor-widget-html\" data-id=\"5328c33\" 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 ADMISSIONS PAGE\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-admissions-why\">\r\n\r\n    <div class=\"hamza-admissions-why-wrap\">\r\n\r\n        <!-- =========================================\r\n             LEFT HEADING\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-admissions-why-left\">\r\n\r\n            <div class=\"hamza-admissions-why-label\">\r\n                <span>\u2726<\/span>\r\n                WHY HAMZA\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-admissions-why-heading\">\r\n                More Than\r\n                <span>Education<\/span>\r\n            <\/h2>\r\n\r\n            <div class=\"hamza-admissions-why-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             RIGHT CARDS\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-admissions-why-cards\">\r\n\r\n\r\n            <!-- 01 ACADEMICS -->\r\n\r\n            <article class=\"hamza-admissions-why-card why-academics\">\r\n\r\n                <div class=\"hamza-admissions-why-card-top\">\r\n\r\n                    <span class=\"hamza-admissions-why-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <div class=\"hamza-admissions-why-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                            <path d=\"M32 17C25 12 16 12 10 15V48C17 45 25 46 32 51\"><\/path>\r\n                            <path d=\"M32 17C39 12 48 12 54 15V48C47 45 39 46 32 51\"><\/path>\r\n                            <path d=\"M32 17V51\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Academics\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Strong foundations for lifelong learning.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 02 VALUES -->\r\n\r\n            <article class=\"hamza-admissions-why-card why-values\">\r\n\r\n                <div class=\"hamza-admissions-why-card-top\">\r\n\r\n                    <span class=\"hamza-admissions-why-number\">\r\n                        02\r\n                    <\/span>\r\n\r\n                    <div class=\"hamza-admissions-why-icon\">\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 11\r\n                                   A6 6 0 1 0 49 17\r\n                                   A5 5 0 0 1 43 11\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Values\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Islamic guidance and character development.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- 03 EXPERIENCE -->\r\n\r\n            <article class=\"hamza-admissions-why-card why-experience\">\r\n\r\n                <div class=\"hamza-admissions-why-card-top\">\r\n\r\n                    <span class=\"hamza-admissions-why-number\">\r\n                        03\r\n                    <\/span>\r\n\r\n                    <div class=\"hamza-admissions-why-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M14 19H50V45H14Z\"><\/path>\r\n\r\n                            <path d=\"M22 27H42\"><\/path>\r\n\r\n                            <path d=\"M22 34H36\"><\/path>\r\n\r\n                            <path d=\"M26 49H38\"><\/path>\r\n\r\n                            <path d=\"M32 45V49\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Experience\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Activities that build confidence and skills.\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-admissions-why {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n    --soft-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        110px;\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   SUBTLE BACKGROUND DETAILS\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -150px;\r\n    right: -170px;\r\n\r\n    width: 390px;\r\n    height: 390px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(58,46,129,.025);\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-admissions-why-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1240px,\r\n            calc(100% - 90px)\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,.72fr)\r\n        minmax(0,1.28fr);\r\n\r\n    gap: 75px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT SIDE\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-left {\r\n\r\n    max-width: 430px;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.hamza-admissions-why-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    text-transform: uppercase;\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-why-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            4vw,\r\n            60px\r\n        );\r\n\r\n    line-height: 1.07;\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.hamza-admissions-why-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   SMALL LINE\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-line {\r\n\r\n    width: 72px;\r\n\r\n    height: 2px;\r\n\r\n    margin-top: 28px;\r\n\r\n    background:\r\n        var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARDS\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-cards {\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: 16px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-card {\r\n\r\n    --accent: var(--blue);\r\n\r\n    position: relative;\r\n\r\n    min-height: 300px;\r\n\r\n    padding:\r\n        28px\r\n        25px\r\n        28px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.10);\r\n\r\n    border-radius: 16px;\r\n\r\n    box-shadow:\r\n        0 16px 38px\r\n        rgba(58,46,129,.05);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* colored top line *\/\r\n\r\n.hamza-admissions-why-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 25px;\r\n\r\n    width: 44px;\r\n    height: 3px;\r\n\r\n    border-radius:\r\n        0 0 4px 4px;\r\n\r\n    background:\r\n        var(--accent);\r\n\r\n    transition:\r\n        width .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD COLORS\r\n========================================================= *\/\r\n\r\n.why-academics {\r\n\r\n    --accent:\r\n        #4F93EB;\r\n\r\n}\r\n\r\n\r\n.why-values {\r\n\r\n    --accent:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n.why-experience {\r\n\r\n    --accent:\r\n        #AA8BE2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-card-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 15px;\r\n\r\n    margin-bottom: 46px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-number {\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1;\r\n\r\n    color:\r\n        rgba(58,46,129,.28);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-icon {\r\n\r\n    width: 62px;\r\n    height: 62px;\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        color-mix(\r\n            in srgb,\r\n            var(--accent) 9%,\r\n            white\r\n        );\r\n\r\n    color:\r\n        var(--accent);\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-admissions-why-icon svg {\r\n\r\n    width: 31px;\r\n    height: 31px;\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   TITLE\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-card h3 {\r\n\r\n    margin:\r\n        auto\r\n        0\r\n        11px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1.1;\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   TEXT\r\n========================================================= *\/\r\n\r\n.hamza-admissions-why-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: 15px;\r\n\r\n    line-height: 1.65;\r\n\r\n    color:\r\n        rgba(58,46,129,.70);\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-admissions-why-card:hover {\r\n\r\n        transform:\r\n            translateY(-5px);\r\n\r\n        border-color:\r\n            color-mix(\r\n                in srgb,\r\n                var(--accent) 35%,\r\n                transparent\r\n            );\r\n\r\n        box-shadow:\r\n            0 23px 50px\r\n            rgba(58,46,129,.09);\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card:hover::before {\r\n\r\n        width: 70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card:hover\r\n    .hamza-admissions-why-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(-2px);\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: 1050px) {\r\n\r\n    .hamza-admissions-why {\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-admissions-why-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-left {\r\n\r\n        max-width: 650px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-cards {\r\n\r\n        grid-template-columns:\r\n            repeat(3, minmax(0,1fr));\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card {\r\n\r\n        min-height: 280px;\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-why {\r\n\r\n        padding:\r\n            74px\r\n            0\r\n            78px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        gap: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-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-why-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-why-line {\r\n\r\n        width: 55px;\r\n\r\n        margin-top: 22px;\r\n\r\n    }\r\n\r\n\r\n    \/* stack cards *\/\r\n\r\n    .hamza-admissions-why-cards {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card {\r\n\r\n        min-height: 0;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            62px\r\n            1fr;\r\n\r\n        column-gap: 17px;\r\n\r\n        align-items: center;\r\n\r\n        padding:\r\n            22px\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card::before {\r\n\r\n        left: 20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card-top {\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row:\r\n            1 \/ 3;\r\n\r\n        display: block;\r\n\r\n        margin: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-number {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-icon {\r\n\r\n        width: 58px;\r\n\r\n        height: 58px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-icon svg {\r\n\r\n        width: 28px;\r\n\r\n        height: 28px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card h3 {\r\n\r\n        grid-column: 2;\r\n\r\n        margin:\r\n            0\r\n            0\r\n            6px;\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card p {\r\n\r\n        grid-column: 2;\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.6;\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-why {\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-admissions-why-wrap {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card {\r\n\r\n        grid-template-columns:\r\n            54px\r\n            1fr;\r\n\r\n        column-gap: 14px;\r\n\r\n        padding:\r\n            20px\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-icon {\r\n\r\n        width: 52px;\r\n\r\n        height: 52px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card h3 {\r\n\r\n        font-size: 22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admissions-why-card p {\r\n\r\n        font-size: 14px;\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-6bbd5ce elementor-section-height-min-height elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"6bbd5ce\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6d860e6\" data-id=\"6d860e6\" 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-a713c9a elementor-widget elementor-widget-html\" data-id=\"a713c9a\" 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     ADMISSION ENQUIRY \u2014 FULL WIDTH FIXED 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\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"hamza-admission-enquiry-section\">\r\n\r\n    <div class=\"hamza-admission-enquiry-wrap\">\r\n\r\n        <!-- =========================================\r\n             LEFT CONTENT\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-enquiry-left\">\r\n\r\n            <div class=\"hamza-enquiry-label\">\r\n                <span>\u2726<\/span>\r\n                ADMISSION ENQUIRY\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-enquiry-heading\">\r\n                Let's Begin\r\n                <span>Your Journey<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"hamza-enquiry-description\">\r\n                Have questions about admissions, classes, fees,\r\n                or the school? We're happy to help.\r\n            <\/p>\r\n\r\n            <div class=\"hamza-enquiry-support\">\r\n\r\n                <div class=\"hamza-enquiry-support-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                        <path d=\"M14 14H50V41H31L20 51V41H14Z\"><\/path>\r\n                        <path d=\"M22 25H42\"><\/path>\r\n                        <path d=\"M22 32H36\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-enquiry-support-copy\">\r\n\r\n                    <span>\r\n                        NEED HELP?\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Our admissions team is here to guide you.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             RIGHT FORM AREA\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-enquiry-right\">\r\n\r\n            <!--\r\n                IMPORTANT:\r\n                Paste your Fluent Forms shortcode\r\n                inside an Elementor Shortcode widget here.\r\n\r\n                Example:\r\n                [fluentform id=\"5\"]\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-admission-enquiry-section {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    max-width: none;\r\n\r\n    margin: 0;\r\n\r\n    padding:\r\n        95px\r\n        55px;\r\n\r\n    box-sizing: border-box;\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   MAIN WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-admission-enquiry-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1540px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(360px, .72fr)\r\n        minmax(620px, 1.28fr);\r\n\r\n    gap: 72px;\r\n\r\n    align-items: center;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-left {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 470px;\r\n\r\n    min-width: 0;\r\n\r\n    justify-self: start;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\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.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-label span {\r\n\r\n    font-size: 12px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-heading {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 500px;\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            4vw,\r\n            62px\r\n        );\r\n\r\n    line-height: 1.05;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color:\r\n        #3A2E81;\r\n\r\n    word-break: normal;\r\n\r\n    overflow-wrap: normal;\r\n\r\n    hyphens: none;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-description {\r\n\r\n    max-width: 430px;\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    font-weight: 400;\r\n\r\n    color:\r\n        rgba(58,46,129,.72);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORT\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-support {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    max-width: 430px;\r\n\r\n    margin-top: 32px;\r\n\r\n    padding-top: 24px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(58,46,129,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUPPORT ICON\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-support-icon {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 48px;\r\n    height: 48px;\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        #FEEFCF;\r\n\r\n    color:\r\n        #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-support-icon svg {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    fill: none;\r\n\r\n    stroke:\r\n        currentColor;\r\n\r\n    stroke-width: 1.8;\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   SUPPORT COPY\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-support-copy {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-support-copy span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\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.2px;\r\n\r\n    color:\r\n        #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-support-copy 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: 13px;\r\n\r\n    line-height: 1.5;\r\n\r\n    font-weight: 600;\r\n\r\n    color:\r\n        #3A2E81;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT FORM AREA\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right {\r\n\r\n    width: 100%;\r\n\r\n    max-width: none;\r\n\r\n    min-width: 0;\r\n\r\n    justify-self: stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLUENT FORMS WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right .fluentform,\r\n.hamza-enquiry-right .frm-fluent-form {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    max-width: none;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding:\r\n        38px;\r\n\r\n    background:\r\n        #FFFFFF;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.15);\r\n\r\n    border-radius:\r\n        14px;\r\n\r\n    box-shadow:\r\n        0 18px 45px\r\n        rgba(58,46,129,.05);\r\n\r\n}\r\n\r\n\r\n\/* GOLD TOP ACCENT *\/\r\n\r\n.hamza-enquiry-right .fluentform::before,\r\n.hamza-enquiry-right .frm-fluent-form::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: -1px;\r\n    left: 38px;\r\n\r\n    width: 76px;\r\n    height: 3px;\r\n\r\n    background:\r\n        #FAAF11;\r\n\r\n    border-radius:\r\n        0 0 4px 4px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLUENT FORM GROUP\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-group {\r\n\r\n    margin-bottom:\r\n        20px !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABELS\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-input--label label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom:\r\n        9px !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1.2 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    color:\r\n        #3A2E81 !important;\r\n\r\n}\r\n\r\n\r\n\/* REQUIRED *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-required {\r\n\r\n    color:\r\n        #FAAF11 !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUTS\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-form-control {\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    min-height:\r\n        52px !important;\r\n\r\n    box-sizing:\r\n        border-box !important;\r\n\r\n    padding:\r\n        0\r\n        15px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.16) !important;\r\n\r\n    border-radius:\r\n        7px !important;\r\n\r\n    background:\r\n        #FFFFFF !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    outline:\r\n        none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        14px !important;\r\n\r\n    font-weight:\r\n        400 !important;\r\n\r\n    color:\r\n        #3A2E81 !important;\r\n\r\n    transition:\r\n        border-color .25s ease,\r\n        box-shadow .25s ease !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLACEHOLDER\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-form-control::placeholder {\r\n\r\n    color:\r\n        rgba(58,46,129,.42) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOCUS\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-el-form-control:focus {\r\n\r\n    border-color:\r\n        rgba(58,46,129,.55) !important;\r\n\r\n    box-shadow:\r\n        0 0 0 3px\r\n        rgba(58,46,129,.06) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECT\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\nselect.ff-el-form-control {\r\n\r\n    height:\r\n        52px !important;\r\n\r\n    cursor:\r\n        pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTAREA\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\ntextarea.ff-el-form-control {\r\n\r\n    min-height:\r\n        120px !important;\r\n\r\n    padding:\r\n        14px\r\n        15px !important;\r\n\r\n    line-height:\r\n        1.6 !important;\r\n\r\n    resize:\r\n        vertical;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLUENT FORM 2-COLUMN ROWS\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-t-container {\r\n\r\n    gap:\r\n        18px !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-btn-submit {\r\n\r\n    width:\r\n        100% !important;\r\n\r\n    min-height:\r\n        55px !important;\r\n\r\n    display:\r\n        flex !important;\r\n\r\n    align-items:\r\n        center !important;\r\n\r\n    justify-content:\r\n        center !important;\r\n\r\n    padding:\r\n        0\r\n        22px !important;\r\n\r\n    border:\r\n        0 !important;\r\n\r\n    border-radius:\r\n        6px !important;\r\n\r\n    background:\r\n        #3A2E81 !important;\r\n\r\n    color:\r\n        #FFFFFF !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        12px !important;\r\n\r\n    line-height:\r\n        1 !important;\r\n\r\n    font-weight:\r\n        700 !important;\r\n\r\n    letter-spacing:\r\n        .7px !important;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        transform .3s ease !important;\r\n\r\n}\r\n\r\n\r\n.hamza-enquiry-right\r\n.ff-btn-submit:hover {\r\n\r\n    background:\r\n        #FAAF11 !important;\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   SUCCESS MESSAGE\r\n========================================================= *\/\r\n\r\n.hamza-enquiry-right\r\n.ff-message-success {\r\n\r\n    padding:\r\n        16px !important;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.15) !important;\r\n\r\n    border-radius:\r\n        8px !important;\r\n\r\n    background:\r\n        rgba(58,46,129,.06) !important;\r\n\r\n    box-shadow:\r\n        none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif !important;\r\n\r\n    font-size:\r\n        13px !important;\r\n\r\n    line-height:\r\n        1.6 !important;\r\n\r\n    color:\r\n        #3A2E81 !important;\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    .hamza-admission-enquiry-section {\r\n\r\n        padding-left:\r\n            70px;\r\n\r\n        padding-right:\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admission-enquiry-wrap {\r\n\r\n        max-width:\r\n            1580px;\r\n\r\n        grid-template-columns:\r\n            minmax(390px, .68fr)\r\n            minmax(760px, 1.32fr);\r\n\r\n        gap:\r\n            85px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1300px) {\r\n\r\n    .hamza-admission-enquiry-section {\r\n\r\n        padding:\r\n            85px\r\n            38px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admission-enquiry-wrap {\r\n\r\n        grid-template-columns:\r\n            minmax(330px, .75fr)\r\n            minmax(560px, 1.25fr);\r\n\r\n        gap:\r\n            55px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-heading {\r\n\r\n        font-size:\r\n            52px;\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-admission-enquiry-section {\r\n\r\n        padding:\r\n            80px\r\n            30px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admission-enquiry-wrap {\r\n\r\n        max-width:\r\n            900px;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-left {\r\n\r\n        max-width:\r\n            680px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-heading {\r\n\r\n        max-width:\r\n            650px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-description {\r\n\r\n        max-width:\r\n            600px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-support {\r\n\r\n        max-width:\r\n            600px;\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-admission-enquiry-section {\r\n\r\n        padding:\r\n            66px\r\n            18px\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-admission-enquiry-wrap {\r\n\r\n        width:\r\n            100%;\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        display:\r\n            flex;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap:\r\n            38px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-left,\r\n    .hamza-enquiry-right {\r\n\r\n        width:\r\n            100%;\r\n\r\n        max-width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-label {\r\n\r\n        margin-bottom:\r\n            14px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n        letter-spacing:\r\n            1.2px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-heading {\r\n\r\n        width:\r\n            100%;\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        font-size:\r\n            39px;\r\n\r\n        line-height:\r\n            1.08;\r\n\r\n        letter-spacing:\r\n            -.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-heading span {\r\n\r\n        display:\r\n            block;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-description {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            18px;\r\n\r\n        font-size:\r\n            15px;\r\n\r\n        line-height:\r\n            1.65;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-support {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            24px;\r\n\r\n        padding-top:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    \/* FORM *\/\r\n\r\n    .hamza-enquiry-right\r\n    .fluentform,\r\n    .hamza-enquiry-right\r\n    .frm-fluent-form {\r\n\r\n        width:\r\n            100%;\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        padding:\r\n            24px\r\n            20px\r\n            22px;\r\n\r\n        border-radius:\r\n            12px;\r\n\r\n    }\r\n\r\n\r\n    \/* STACK FLUENT FORM COLUMNS *\/\r\n\r\n    .hamza-enquiry-right\r\n    .ff-t-container {\r\n\r\n        display:\r\n            block !important;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-right\r\n    .ff-t-cell {\r\n\r\n        width:\r\n            100% !important;\r\n\r\n        margin-bottom:\r\n            18px !important;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-right\r\n    .ff-el-form-control {\r\n\r\n        min-height:\r\n            52px !important;\r\n\r\n        font-size:\r\n            14px !important;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-right\r\n    textarea.ff-el-form-control {\r\n\r\n        min-height:\r\n            115px !important;\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-admission-enquiry-section {\r\n\r\n        padding:\r\n            58px\r\n            14px\r\n            64px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-heading {\r\n\r\n        font-size:\r\n            35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-description {\r\n\r\n        font-size:\r\n            14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-support-icon {\r\n\r\n        width:\r\n            44px;\r\n\r\n        height:\r\n            44px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-support-copy p {\r\n\r\n        font-size:\r\n            12.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-enquiry-right\r\n    .fluentform,\r\n    .hamza-enquiry-right\r\n    .frm-fluent-form {\r\n\r\n        padding:\r\n            22px\r\n            16px\r\n            18px;\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c79e135\" data-id=\"c79e135\" 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<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4073c8d fluentform-widget-submit-button-full-width elementor-widget__width-initial elementor-widget elementor-widget-fluent-form-widget\" data-id=\"4073c8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"fluent-form-widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n            <div class=\"fluentform-widget-wrapper fluentform-widget-align-default\">\n\n            \n            <div class='fluentform ff-inherit-theme-style fluentform_wrapper_3'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_inherit_theme\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Admission enquiry<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='4200' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"f8af1881a8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php\/wp-json\/wp\/v2\/pages\/4200\" \/><div data-name=\"ff_cn_id_1\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Parent Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Parent Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div class='ff-el-group hamza-phone'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"Phone Number\">Phone Number<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"+91\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><div data-name=\"ff_cn_id_2\"  class='ff-t-container ff-column-container ff_columns_total_2 '><div class='ff-t-cell ff-t-column-1' style='flex-basis: 50%;'><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell ff-t-column-2' style='flex-basis: 50%;'><div data-type=\"name-element\" data-name=\"names_1\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_names_1_first_name_' id='label_ff_3_names_1_first_name_' >Child's Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names_1[first_name]\" id=\"ff_3_names_1_first_name_\" class=\"ff-el-form-control\" placeholder=\"Enter Child's Name\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_dropdown' id='label_ff_3_dropdown' aria-label=\"Class Applying For\">Class Applying For<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_3_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_3_dropdown\"><option value=\"\">- Select  Class -<\/option><option value=\"Nursery\"  >Nursery<\/option><option value=\"LKG\"  >LKG<\/option><option value=\"UKG\"  >UKG<\/option><option value=\"Grade 1\"  >Grade 1<\/option><option value=\"Grade 2\"  >Grade 2<\/option><option value=\"Grade 3\"  >Grade 3<\/option><option value=\"Grade 4\"  >Grade 4<\/option><option value=\"Grade 5\"  >Grade 5<\/option><option value=\"Grade 6\"  >Grade 6<\/option><option value=\"Grade 7\"  >Grade 7<\/option><option value=\"Grade 8\"  >Grade 8<\/option><option value=\"Grade 9\"  >Grade 9<\/option><option value=\"Grade 10\"  >Grade 10<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"Message\">Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_no_style wpf_has_custom_css\"  aria-label=\"SUBMIT ENQUIRY\">SUBMIT ENQUIRY<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/hamzaislamicschool.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"input_text\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"email\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global_message\":\"This field must contain a valid email\",\"global\":true}},\"names_1[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names_1[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"names_1[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global_message\":\"This field is required\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n                        <\/div>\n\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-1c23240 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"1c23240\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-434282d\" data-id=\"434282d\" 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-1f91f3f elementor-widget elementor-widget-html\" data-id=\"1f91f3f\" 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     ADMISSION PROCESS\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-admission-process\">\r\n\r\n    <div class=\"hamza-process-wrap\">\r\n\r\n        <!-- =========================================\r\n             HEADER\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-process-header\">\r\n\r\n            <div class=\"hamza-process-label\">\r\n                <span>\u2726<\/span>\r\n                ADMISSION PROCESS\r\n            <\/div>\r\n\r\n            <h2 class=\"hamza-process-heading\">\r\n                Your Journey\r\n                <span>to Hamza<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================================\r\n             TIMELINE\r\n        ========================================== -->\r\n\r\n        <div class=\"hamza-process-timeline\">\r\n\r\n            <!-- connector -->\r\n            <div class=\"hamza-process-line\">\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- =====================================\r\n                 STEP 01\r\n            ====================================== -->\r\n\r\n            <article class=\"hamza-process-step\">\r\n\r\n                <div class=\"hamza-process-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                        <path d=\"M12 18H52V42H30L20 50V42H12Z\"><\/path>\r\n                        <path d=\"M20 27H44\"><\/path>\r\n                        <path d=\"M20 34H37\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-process-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Enquire\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Speak with our admissions team.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 STEP 02\r\n            ====================================== -->\r\n\r\n            <article class=\"hamza-process-step\">\r\n\r\n                <div class=\"hamza-process-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                        <path d=\"M32 54S16 41 16 26C16 17 23 11 32 11C41 11 48 17 48 26C48 41 32 54 32 54Z\"><\/path>\r\n                        <circle cx=\"32\" cy=\"26\" r=\"6\"><\/circle>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-process-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Visit\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Visit our campus and meet our team.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 STEP 03\r\n            ====================================== -->\r\n\r\n            <article class=\"hamza-process-step\">\r\n\r\n                <div class=\"hamza-process-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                        <path d=\"M18 10H42L50 18V54H18Z\"><\/path>\r\n                        <path d=\"M42 10V18H50\"><\/path>\r\n                        <path d=\"M25 29H43\"><\/path>\r\n                        <path d=\"M25 36H43\"><\/path>\r\n                        <path d=\"M25 43H37\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-process-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Apply\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Submit your admission details.\r\n                <\/p>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- =====================================\r\n                 STEP 04\r\n            ====================================== -->\r\n\r\n            <article class=\"hamza-process-step\">\r\n\r\n                <div class=\"hamza-process-icon\">\r\n\r\n                    <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                        <circle cx=\"32\" cy=\"32\" r=\"21\"><\/circle>\r\n                        <path d=\"M22 32L29 39L43 24\"><\/path>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-process-number\">\r\n                    04\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Join\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Complete the process and begin your journey.\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-admission-process {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --blue: #4F93EB;\r\n    --cream: #FEEFCF;\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: #FEEFCF;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAP\r\n========================================================= *\/\r\n\r\n.hamza-process-wrap {\r\n\r\n    width: min(1220px, 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-process-header {\r\n\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto 70px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.hamza-process-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: \"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(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-process-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-process-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: -1px;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-process-heading span {\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TIMELINE\r\n========================================================= *\/\r\n\r\n.hamza-process-timeline {\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 24px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GOLD CONNECTING LINE\r\n========================================================= *\/\r\n\r\n.hamza-process-line {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 0;\r\n\r\n    top: 46px;\r\n\r\n    left: 12%;\r\n\r\n    width: 76%;\r\n\r\n    height: 1px;\r\n\r\n    background: rgba(250,175,17,.30);\r\n\r\n}\r\n\r\n\r\n.hamza-process-line span {\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #FAAF11 12%,\r\n            #FAAF11 88%,\r\n            transparent\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STEP\r\n========================================================= *\/\r\n\r\n.hamza-process-step {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    padding: 0 20px;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-process-icon {\r\n\r\n    width: 92px;\r\n    height: 92px;\r\n\r\n    margin: 0 auto 24px;\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: #FFFFFF;\r\n\r\n    border: 1px solid rgba(250,175,17,.42);\r\n\r\n    color: var(--purple);\r\n\r\n    box-shadow:\r\n        0 12px 28px\r\n        rgba(58,46,129,.06);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-process-icon svg {\r\n\r\n    width: 39px;\r\n    height: 39px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 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   NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-process-number {\r\n\r\n    margin-bottom: 10px;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 11px;\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: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.hamza-process-step h3 {\r\n\r\n    margin: 0 0 10px;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-process-step p {\r\n\r\n    max-width: 220px;\r\n\r\n    margin: 0 auto;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.65;\r\n\r\n    color: rgba(58,46,129,.70);\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-process-step:hover\r\n    .hamza-process-icon {\r\n\r\n        transform: translateY(-4px);\r\n\r\n        background: var(--purple);\r\n\r\n        color: #FFFFFF;\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-admission-process {\r\n\r\n        padding: 90px 0 95px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-wrap {\r\n\r\n        width: calc(100% - 60px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-timeline {\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step {\r\n\r\n        padding: 0 10px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon {\r\n\r\n        width: 82px;\r\n        height: 82px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon svg {\r\n\r\n        width: 34px;\r\n        height: 34px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-line {\r\n\r\n        top: 41px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step h3 {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step p {\r\n\r\n        font-size: 14px;\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-admission-process {\r\n\r\n        padding: 74px 0 78px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-wrap {\r\n\r\n        width: calc(100% - 40px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-header {\r\n\r\n        margin-bottom: 45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-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-process-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    \/* vertical timeline *\/\r\n\r\n    .hamza-process-timeline {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-line {\r\n\r\n        top: 42px;\r\n        bottom: 42px;\r\n\r\n        left: 36px;\r\n\r\n        width: 1px;\r\n        height: auto;\r\n\r\n        background: rgba(250,175,17,.32);\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-line span {\r\n\r\n        width: 1px;\r\n        height: 100%;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                #FAAF11,\r\n                rgba(250,175,17,.25)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step {\r\n\r\n        min-height: 135px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 74px 1fr;\r\n\r\n        grid-template-rows: auto auto auto;\r\n\r\n        column-gap: 18px;\r\n\r\n        padding: 0 0 28px;\r\n\r\n        text-align: left;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step:last-child {\r\n\r\n        padding-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon {\r\n\r\n        position: relative;\r\n\r\n        z-index: 3;\r\n\r\n        grid-column: 1;\r\n\r\n        grid-row: 1 \/ 4;\r\n\r\n        width: 72px;\r\n        height: 72px;\r\n\r\n        margin: 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon svg {\r\n\r\n        width: 30px;\r\n        height: 30px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-number {\r\n\r\n        grid-column: 2;\r\n\r\n        margin: 3px 0 7px;\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step h3 {\r\n\r\n        grid-column: 2;\r\n\r\n        margin: 0 0 7px;\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step p {\r\n\r\n        grid-column: 2;\r\n\r\n        max-width: 100%;\r\n\r\n        margin: 0;\r\n\r\n        font-size: 14.5px;\r\n\r\n        line-height: 1.6;\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-admission-process {\r\n\r\n        padding: 65px 0 70px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-wrap {\r\n\r\n        width: calc(100% - 30px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-heading {\r\n\r\n        font-size: 35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step {\r\n\r\n        grid-template-columns: 64px 1fr;\r\n\r\n        column-gap: 15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon {\r\n\r\n        width: 62px;\r\n        height: 62px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-icon svg {\r\n\r\n        width: 27px;\r\n        height: 27px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-line {\r\n\r\n        left: 31px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step h3 {\r\n\r\n        font-size: 22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-process-step p {\r\n\r\n        font-size: 14px;\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-0b2feae elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"0b2feae\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-030d31f\" data-id=\"030d31f\" 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-aa5b7e2 elementor-widget elementor-widget-html\" data-id=\"aa5b7e2\" 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     DOCUMENTS REQUIRED\r\n     WHITE BACKGROUND \u2014 COMPLETE 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\r\n<link\r\n    href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"hamza-documents\">\r\n\r\n    <!-- Decorative background elements -->\r\n    <div class=\"hamza-documents-decoration decoration-one\"><\/div>\r\n    <div class=\"hamza-documents-decoration decoration-two\"><\/div>\r\n\r\n    <div class=\"hamza-documents-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-documents-left\">\r\n\r\n            <div class=\"hamza-documents-label\">\r\n                <span>\u2726<\/span>\r\n                DOCUMENTS REQUIRED\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"hamza-documents-heading\">\r\n                Keep These\r\n                <span>Ready<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hamza-documents-description\">\r\n                Preparing these documents in advance will help make\r\n                your child's admission process simple, smooth, and\r\n                convenient.\r\n            <\/p>\r\n\r\n\r\n            <!-- Small editorial note -->\r\n\r\n            <div class=\"hamza-documents-info\">\r\n\r\n                <div class=\"hamza-documents-info-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=\"32\"\r\n                            r=\"23\"\r\n                        ><\/circle>\r\n\r\n                        <path\r\n                            d=\"M32 28V44\"\r\n                        ><\/path>\r\n\r\n                        <path\r\n                            d=\"M32 20H32.1\"\r\n                        ><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hamza-documents-info-copy\">\r\n\r\n                    <span>\r\n                        ADMISSION NOTE\r\n                    <\/span>\r\n\r\n                    <p>\r\n                        Our admissions team will guide you if\r\n                        any additional documents are required.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT DOCUMENT CHECKLIST\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-documents-right\">\r\n\r\n            <div class=\"hamza-documents-list\">\r\n\r\n\r\n                <!-- =========================================\r\n                     DOCUMENT 01\r\n                ========================================== -->\r\n\r\n                <div class=\"hamza-document-item\">\r\n\r\n                    <div class=\"hamza-document-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M18 8H39L50 19V56H18Z\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M39 8V20H50\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 31H43\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 39H43\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-content\">\r\n\r\n                        <h3>\r\n                            Birth Certificate\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-check\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M5 12L10 17L19 7\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     DOCUMENT 02\r\n                ========================================== -->\r\n\r\n                <div class=\"hamza-document-item\">\r\n\r\n                    <div class=\"hamza-document-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M18 8H39L50 19V56H18Z\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M39 8V20H50\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 31H43\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 39H43\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 47H38\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-number\">\r\n                        02\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-content\">\r\n\r\n                        <h3>\r\n                            Previous School Records\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-check\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M5 12L10 17L19 7\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     DOCUMENT 03\r\n                ========================================== -->\r\n\r\n                <div class=\"hamza-document-item\">\r\n\r\n                    <div class=\"hamza-document-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"10\"\r\n                                y=\"14\"\r\n                                width=\"44\"\r\n                                height=\"36\"\r\n                                rx=\"4\"\r\n                            ><\/rect>\r\n\r\n                            <circle\r\n                                cx=\"24\"\r\n                                cy=\"28\"\r\n                                r=\"6\"\r\n                            ><\/circle>\r\n\r\n                            <path\r\n                                d=\"M15 44C17 37 21 34 24 34C28 34 32 37 34 44\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M38 26H48\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M38 33H48\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-number\">\r\n                        03\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-content\">\r\n\r\n                        <h3>\r\n                            Parent \/ Guardian ID\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-check\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M5 12L10 17L19 7\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     DOCUMENT 04\r\n                ========================================== -->\r\n\r\n                <div class=\"hamza-document-item\">\r\n\r\n                    <div class=\"hamza-document-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"12\"\r\n                                y=\"11\"\r\n                                width=\"40\"\r\n                                height=\"42\"\r\n                                rx=\"3\"\r\n                            ><\/rect>\r\n\r\n                            <circle\r\n                                cx=\"32\"\r\n                                cy=\"27\"\r\n                                r=\"7\"\r\n                            ><\/circle>\r\n\r\n                            <path\r\n                                d=\"M21 46C23 38 27 35 32 35C37 35 41 38 43 46\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-number\">\r\n                        04\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-content\">\r\n\r\n                        <h3>\r\n                            Passport-size Photographs\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-check\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M5 12L10 17L19 7\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     DOCUMENT 05\r\n                ========================================== -->\r\n\r\n                <div class=\"hamza-document-item\">\r\n\r\n                    <div class=\"hamza-document-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M18 8H39L50 19V56H18Z\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M39 8V20H50\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 31H43\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M25 39H43\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-number\">\r\n                        05\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-content\">\r\n\r\n                        <h3>\r\n                            Transfer Certificate\r\n                        <\/h3>\r\n\r\n                        <span class=\"hamza-document-note\">\r\n                            If applicable\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-document-check\">\r\n\r\n                        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M5 12L10 17L19 7\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\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\r\n<style>\r\n\r\n\/* =========================================================\r\n   DOCUMENTS REQUIRED\r\n========================================================= *\/\r\n\r\n.hamza-documents {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n    --lavender: #AA8BE2;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 105px 0;\r\n\r\n    background: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-documents-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width: min(\r\n        1240px,\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, 40fr)\r\n        minmax(0, 60fr);\r\n\r\n    gap: 85px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATION\r\n========================================================= *\/\r\n\r\n.hamza-documents-decoration {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.decoration-one {\r\n\r\n    width: 400px;\r\n    height: 400px;\r\n\r\n    top: -230px;\r\n    left: -190px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(170,139,226,.10);\r\n\r\n}\r\n\r\n\r\n.decoration-two {\r\n\r\n    width: 350px;\r\n    height: 350px;\r\n\r\n    right: -190px;\r\n    bottom: -220px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(250,175,17,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.hamza-documents-left {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 470px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-documents-label {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 9px;\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    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-documents-label span {\r\n\r\n    font-size: 12px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-documents-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            4vw,\r\n            62px\r\n        );\r\n\r\n    line-height: 1.06;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-documents-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 3px;\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-documents-description {\r\n\r\n    max-width: 430px;\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.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(58,46,129,.72);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADMISSION NOTE\r\n========================================================= *\/\r\n\r\n.hamza-documents-info {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    max-width: 430px;\r\n\r\n    margin-top: 33px;\r\n\r\n    padding-top: 25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(58,46,129,.12);\r\n\r\n}\r\n\r\n\r\n\/* INFO ICON *\/\r\n\r\n.hamza-documents-info-icon {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 48px;\r\n    height: 48px;\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: #FEEFCF;\r\n\r\n    color: #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-documents-info-icon svg {\r\n\r\n    width: 22px;\r\n    height: 22px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\r\n\r\n    stroke-linecap: round;\r\n\r\n    stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* INFO COPY *\/\r\n\r\n.hamza-documents-info-copy span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\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.2px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-documents-info-copy p {\r\n\r\n    max-width: 330px;\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: 12.5px;\r\n\r\n    line-height: 1.55;\r\n\r\n    font-weight: 500;\r\n\r\n    color:\r\n        rgba(58,46,129,.70);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT\r\n========================================================= *\/\r\n\r\n.hamza-documents-right {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LIST\r\n========================================================= *\/\r\n\r\n.hamza-documents-list {\r\n\r\n    width: 100%;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(58,46,129,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT ITEM\r\n========================================================= *\/\r\n\r\n.hamza-document-item {\r\n\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        54px\r\n        42px\r\n        minmax(0,1fr)\r\n        38px;\r\n\r\n    gap: 17px;\r\n\r\n    align-items: center;\r\n\r\n    min-height: 96px;\r\n\r\n    padding: 17px 8px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(58,46,129,.12);\r\n\r\n    transition:\r\n        padding .3s ease,\r\n        background .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT ICON\r\n========================================================= *\/\r\n\r\n.hamza-document-icon {\r\n\r\n    width: 52px;\r\n    height: 52px;\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:\r\n        1px solid\r\n        rgba(58,46,129,.10);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FEEFCF;\r\n\r\n    color: #3A2E81;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        color .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-document-icon svg {\r\n\r\n    width: 25px;\r\n    height: 25px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.65;\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   NUMBER\r\n========================================================= *\/\r\n\r\n.hamza-document-number {\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: 1px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOCUMENT CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-document-content {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.hamza-document-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: 21px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #3A2E81;\r\n\r\n}\r\n\r\n\r\n\/* OPTIONAL *\/\r\n\r\n.hamza-document-note {\r\n\r\n    display: inline-block;\r\n\r\n    margin-top: 5px;\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: 600;\r\n\r\n    letter-spacing: .6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color:\r\n        rgba(58,46,129,.48);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHECK ICON\r\n========================================================= *\/\r\n\r\n.hamza-document-check {\r\n\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    justify-self: end;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.16);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(58,46,129,.025);\r\n\r\n    color: #3A2E81;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-document-check svg {\r\n\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 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   DESKTOP HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) {\r\n\r\n    .hamza-document-item:hover {\r\n\r\n        padding-left: 16px;\r\n\r\n        background:\r\n            rgba(58,46,129,.025);\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-item:hover\r\n    .hamza-document-icon {\r\n\r\n        background: #3A2E81;\r\n\r\n        border-color: #3A2E81;\r\n\r\n        color: #FFFFFF;\r\n\r\n        transform:\r\n            translateY(-2px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-item:hover\r\n    .hamza-document-check {\r\n\r\n        background: #FAAF11;\r\n\r\n        border-color: #FAAF11;\r\n\r\n        color: #3A2E81;\r\n\r\n        transform:\r\n            scale(1.05);\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-documents {\r\n\r\n        padding:\r\n            85px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n        grid-template-columns:\r\n            minmax(0,38fr)\r\n            minmax(0,62fr);\r\n\r\n        gap:\r\n            55px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-heading {\r\n\r\n        font-size:\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-description {\r\n\r\n        font-size:\r\n            15px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-content h3 {\r\n\r\n        font-size:\r\n            19px;\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-documents {\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-documents-wrap {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            42px;\r\n\r\n    }\r\n\r\n\r\n    \/* LEFT *\/\r\n\r\n    .hamza-documents-left {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-label {\r\n\r\n        margin-bottom:\r\n            14px;\r\n\r\n        font-size:\r\n            11px;\r\n\r\n        letter-spacing:\r\n            1.2px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-heading {\r\n\r\n        font-size:\r\n            40px;\r\n\r\n        line-height:\r\n            1.08;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-description {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            18px;\r\n\r\n        font-size:\r\n            15px;\r\n\r\n        line-height:\r\n            1.65;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-info {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            25px;\r\n\r\n        padding-top:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    \/* DOCUMENT LIST *\/\r\n\r\n    .hamza-document-item {\r\n\r\n        grid-template-columns:\r\n            46px\r\n            minmax(0,1fr)\r\n            32px;\r\n\r\n        gap:\r\n            13px;\r\n\r\n        min-height:\r\n            82px;\r\n\r\n        padding:\r\n            15px\r\n            2px;\r\n\r\n    }\r\n\r\n\r\n    \/* Move number above title *\/\r\n\r\n    .hamza-document-number {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-icon {\r\n\r\n        width:\r\n            44px;\r\n\r\n        height:\r\n            44px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-icon svg {\r\n\r\n        width:\r\n            21px;\r\n\r\n        height:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-content h3 {\r\n\r\n        font-size:\r\n            17px;\r\n\r\n        line-height:\r\n            1.3;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-check {\r\n\r\n        width:\r\n            30px;\r\n\r\n        height:\r\n            30px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-check svg {\r\n\r\n        width:\r\n            13px;\r\n\r\n        height:\r\n            13px;\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-documents {\r\n\r\n        padding:\r\n            60px\r\n            0\r\n            64px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-wrap {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n        gap:\r\n            36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-heading {\r\n\r\n        font-size:\r\n            35px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-description {\r\n\r\n        font-size:\r\n            14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-info {\r\n\r\n        gap:\r\n            11px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-info-icon {\r\n\r\n        width:\r\n            44px;\r\n\r\n        height:\r\n            44px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-documents-info-copy p {\r\n\r\n        font-size:\r\n            11.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-item {\r\n\r\n        grid-template-columns:\r\n            42px\r\n            minmax(0,1fr)\r\n            29px;\r\n\r\n        gap:\r\n            11px;\r\n\r\n        min-height:\r\n            76px;\r\n\r\n        padding:\r\n            13px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-icon {\r\n\r\n        width:\r\n            40px;\r\n\r\n        height:\r\n            40px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-icon svg {\r\n\r\n        width:\r\n            19px;\r\n\r\n        height:\r\n            19px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-content h3 {\r\n\r\n        font-size:\r\n            16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-check {\r\n\r\n        width:\r\n            28px;\r\n\r\n        height:\r\n            28px;\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: 360px) {\r\n\r\n    .hamza-documents-heading {\r\n\r\n        font-size:\r\n            33px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-document-content h3 {\r\n\r\n        font-size:\r\n            15px;\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-af17953 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"af17953\" 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-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad96bcd\" data-id=\"ad96bcd\" 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-8776b09 elementor-widget elementor-widget-html\" data-id=\"8776b09\" 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     VISIT OUR SCHOOL\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&family=Marcellus&display=swap\"\r\n    rel=\"stylesheet\"\r\n>\r\n\r\n\r\n<section class=\"hamza-visit-school\">\r\n\r\n    <div class=\"hamza-visit-wrap\">\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-visit-content\">\r\n\r\n            <!-- LABEL -->\r\n\r\n            <div class=\"hamza-visit-label\">\r\n                <span>\u2726<\/span>\r\n                VISIT OUR SCHOOL\r\n            <\/div>\r\n\r\n\r\n            <!-- HEADING -->\r\n\r\n            <h2 class=\"hamza-visit-heading\">\r\n                Come &amp; Experience\r\n                <span>Hamza<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <!-- DESCRIPTION -->\r\n\r\n            <p class=\"hamza-visit-description\">\r\n                Visit our campus, meet our team, and discover\r\n                the learning environment at Hamza.\r\n            <\/p>\r\n\r\n\r\n            <!-- =================================================\r\n                 CONTACT DETAILS\r\n            ================================================== -->\r\n\r\n            <div class=\"hamza-visit-details\">\r\n\r\n                <!-- LOCATION -->\r\n\r\n                <div class=\"hamza-visit-detail\">\r\n\r\n                    <div class=\"hamza-visit-detail-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 64 64\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path\r\n                                d=\"M32 56S15 42 15 26C15 16 22 10 32 10C42 10 49 16 49 26C49 42 32 56 32 56Z\"\r\n                            ><\/path>\r\n\r\n                            <circle\r\n                                cx=\"32\"\r\n                                cy=\"26\"\r\n                                r=\"6\"\r\n                            ><\/circle>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-visit-detail-copy\">\r\n\r\n                        <span>\r\n                            LOCATION\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            Hakimpet, Tolichowki, Hyderabad\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- PHONE -->\r\n\r\n                <a\r\n                    href=\"tel:+918555021209\"\r\n                    class=\"hamza-visit-detail\"\r\n                >\r\n\r\n                    <div class=\"hamza-visit-detail-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 64 64\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path\r\n                                d=\"M19 10L27 8L33 21L27 25C31 33 36 38 44 42L48 36L61 42L59 50C58 55 54 58 49 58C28 58 6 36 6 15C6 12 9 10 12 10Z\"\r\n                            ><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-visit-detail-copy\">\r\n\r\n                        <span>\r\n                            PHONE\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            +91 85550 21209\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n                <!-- EMAIL -->\r\n\r\n                <a\r\n                    href=\"mailto:ikramanaser@gmail.com\"\r\n                    class=\"hamza-visit-detail\"\r\n                >\r\n\r\n                    <div class=\"hamza-visit-detail-icon\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 64 64\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <rect\r\n                                x=\"9\"\r\n                                y=\"14\"\r\n                                width=\"46\"\r\n                                height=\"36\"\r\n                                rx=\"4\"\r\n                            ><\/rect>\r\n\r\n                            <path\r\n                                d=\"M11 18L32 35L53 18\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-visit-detail-copy\">\r\n\r\n                        <span>\r\n                            EMAIL\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            ikramanaser@gmail.com\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 DIRECTIONS BUTTON\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/www.google.com\/maps?rlz=1C1VDKB_enIN1197IN1197&gs_lcrp=EgZjaHJvbWUqDwgCEC4YJxivARjHARiOBTIGCAAQRRg8MgYIARBFGDkyDwgCEC4YJxivARjHARiOBTIGCAMQRRg7MgoIBBAuGLEDGIAEMgoIBRAAGLEDGIAEMgoIBhAAGLEDGIAEMgoIBxAuGLEDGIAE0gEIMzI5N2owajeoAgCwAgA&um=1&ie=UTF-8&fb=1&gl=in&sa=X&geocode=KQHXlH1Hl8s7MYdZWbNHJFHN&daddr=9-4-57\/12\/8\/A,+Hakimpet+Brg,+opp.+limra+hotel,+Nizam+Colony,+Toli+Chowki,+Hyderabad,+Telangana+500008\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"hamza-visit-btn\"\r\n            >\r\n                GET DIRECTIONS\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT VISUAL \/ MAP\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-visit-visual\">\r\n\r\n            <div class=\"hamza-visit-map-card\">\r\n\r\n                <!-- MAP GRID -->\r\n\r\n                <div class=\"hamza-map-grid\"><\/div>\r\n\r\n\r\n                <!-- ROAD LINES -->\r\n\r\n                <span class=\"hamza-road road-1\"><\/span>\r\n                <span class=\"hamza-road road-2\"><\/span>\r\n                <span class=\"hamza-road road-3\"><\/span>\r\n\r\n\r\n                <!-- LOCATION PIN -->\r\n\r\n                <div class=\"hamza-map-pin\">\r\n\r\n                    <svg\r\n                        viewBox=\"0 0 64 64\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path\r\n                            d=\"M32 56S15 42 15 26C15 16 22 10 32 10C42 10 49 16 49 26C49 42 32 56 32 56Z\"\r\n                        ><\/path>\r\n\r\n                        <circle\r\n                            cx=\"32\"\r\n                            cy=\"26\"\r\n                            r=\"6\"\r\n                        ><\/circle>\r\n\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- =================================================\r\n                     SCHOOL INFORMATION CARD\r\n                ================================================== -->\r\n\r\n                <div class=\"hamza-map-info\">\r\n\r\n                    <div class=\"hamza-map-info-label\">\r\n                        HAMZA ISLAMIC SCHOOL\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n                        Hakimpet,\r\n                        <span>Tolichowki<\/span>\r\n                    <\/h3>\r\n\r\n\r\n                    <p>\r\n                        Hyderabad, Telangana\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/www.google.com\/maps?rlz=1C1VDKB_enIN1197IN1197&gs_lcrp=EgZjaHJvbWUqDwgCEC4YJxivARjHARiOBTIGCAAQRRg8MgYIARBFGDkyDwgCEC4YJxivARjHARiOBTIGCAMQRRg7MgoIBBAuGLEDGIAEMgoIBRAAGLEDGIAEMgoIBhAAGLEDGIAEMgoIBxAuGLEDGIAE0gEIMzI5N2owajeoAgCwAgA&um=1&ie=UTF-8&fb=1&gl=in&sa=X&geocode=KQHXlH1Hl8s7MYdZWbNHJFHN&daddr=9-4-57\/12\/8\/A,+Hakimpet+Brg,+opp.+limra+hotel,+Nizam+Colony,+Toli+Chowki,+Hyderabad,+Telangana+500008\"\r\n                        target=\"_blank\"\r\n                        rel=\"noopener noreferrer\"\r\n                    >\r\n                        OPEN IN MAPS \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\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-visit-school {\r\n\r\n    \/* ================================\r\n       BRAND COLORS\r\n    ================================= *\/\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n\r\n    \/* LIGHT PREMIUM CREAM *\/\r\n\r\n    --cream: #FFF9EE;\r\n\r\n    --lavender: #AA8BE2;\r\n\r\n\r\n    \/* ================================\r\n       SECTION\r\n    ================================= *\/\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 105px 0;\r\n\r\n    background-color: #FFF9EE;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-visit-wrap {\r\n\r\n    width: min(\r\n        1240px,\r\n        calc(100% - 90px)\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, 45fr)\r\n        minmax(0, 55fr);\r\n\r\n    gap: 75px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-visit-content {\r\n\r\n    max-width: 500px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-visit-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.6px;\r\n\r\n    text-transform: uppercase;\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-visit-heading {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: clamp(\r\n        50px,\r\n        4vw,\r\n        62px\r\n    );\r\n\r\n    line-height: 1.06;\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-visit-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-visit-description {\r\n\r\n    max-width: 450px;\r\n\r\n    margin: 23px 0 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.72;\r\n\r\n    color: rgba(\r\n        58,\r\n        46,\r\n        129,\r\n        .72\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTACT DETAILS\r\n========================================================= *\/\r\n\r\n.hamza-visit-details {\r\n\r\n    margin-top: 34px;\r\n\r\n    border-top:\r\n        1px solid rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .12\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL ITEM\r\n========================================================= *\/\r\n\r\n.hamza-visit-detail {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        48px\r\n        1fr;\r\n\r\n    gap: 14px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 17px 0;\r\n\r\n    border-bottom:\r\n        1px solid rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .12\r\n        );\r\n\r\n    color: inherit;\r\n\r\n    text-decoration: none !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-visit-detail-icon {\r\n\r\n    width: 46px;\r\n\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: #FFFFFF;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n.hamza-visit-detail-icon svg {\r\n\r\n    width: 22px;\r\n\r\n    height: 22px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 1.8;\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   DETAIL COPY\r\n========================================================= *\/\r\n\r\n.hamza-visit-detail-copy span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    font-family: \"Manrope\", 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.2px;\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n.hamza-visit-detail-copy strong {\r\n\r\n    display: block;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.45;\r\n\r\n    font-weight: 600;\r\n\r\n    color: var(--purple);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DIRECTIONS BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-visit-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: 30px;\r\n\r\n    padding: 0 26px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: var(--purple);\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\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: 700;\r\n\r\n    letter-spacing: .7px;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        color .3s ease;\r\n\r\n}\r\n\r\n\r\n.hamza-visit-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-visit-btn:hover {\r\n\r\n    background: var(--gold);\r\n\r\n    color: var(--purple) !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.hamza-visit-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT VISUAL\r\n========================================================= *\/\r\n\r\n.hamza-visit-visual {\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP CARD\r\n========================================================= *\/\r\n\r\n.hamza-visit-map-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 560px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border:\r\n        1px solid rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .10\r\n        );\r\n\r\n    box-shadow:\r\n        0 25px 65px\r\n        rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .08\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP GRID\r\n========================================================= *\/\r\n\r\n.hamza-map-grid {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: .35;\r\n\r\n    background-image:\r\n\r\n        linear-gradient(\r\n            rgba(\r\n                58,\r\n                46,\r\n                129,\r\n                .07\r\n            ) 1px,\r\n            transparent 1px\r\n        ),\r\n\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(\r\n                58,\r\n                46,\r\n                129,\r\n                .07\r\n            ) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        55px 55px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROAD LINES\r\n========================================================= *\/\r\n\r\n.hamza-road {\r\n\r\n    position: absolute;\r\n\r\n    display: block;\r\n\r\n    height: 2px;\r\n\r\n    background:\r\n        rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .12\r\n        );\r\n\r\n    border-radius: 20px;\r\n\r\n}\r\n\r\n\r\n.road-1 {\r\n\r\n    width: 70%;\r\n\r\n    left: 8%;\r\n\r\n    top: 35%;\r\n\r\n    transform:\r\n        rotate(-18deg);\r\n\r\n}\r\n\r\n\r\n.road-2 {\r\n\r\n    width: 63%;\r\n\r\n    right: 4%;\r\n\r\n    top: 57%;\r\n\r\n    transform:\r\n        rotate(15deg);\r\n\r\n}\r\n\r\n\r\n.road-3 {\r\n\r\n    width: 56%;\r\n\r\n    left: 17%;\r\n\r\n    bottom: 20%;\r\n\r\n    transform:\r\n        rotate(-8deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOCATION PIN\r\n========================================================= *\/\r\n\r\n.hamza-map-pin {\r\n\r\n    position: absolute;\r\n\r\n    top: 36%;\r\n\r\n    left: 57%;\r\n\r\n    width: 74px;\r\n\r\n    height: 74px;\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: var(--gold);\r\n\r\n    color: var(--purple);\r\n\r\n    box-shadow:\r\n        0 18px 36px\r\n        rgba(\r\n            58,\r\n            46,\r\n            129,\r\n            .14\r\n        );\r\n\r\n}\r\n\r\n\r\n.hamza-map-pin svg {\r\n\r\n    width: 35px;\r\n\r\n    height: 35px;\r\n\r\n    fill: none;\r\n\r\n    stroke: currentColor;\r\n\r\n    stroke-width: 2;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP INFORMATION CARD\r\n========================================================= *\/\r\n\r\n.hamza-map-info {\r\n\r\n    position: absolute;\r\n\r\n    left: 30px;\r\n\r\n    bottom: 30px;\r\n\r\n    width:\r\n        min(\r\n            330px,\r\n            calc(100% - 60px)\r\n        );\r\n\r\n    padding: 24px;\r\n\r\n    border-radius: 12px;\r\n\r\n    background: #3A2E81;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-map-info-label {\r\n\r\n    margin-bottom: 10px;\r\n\r\n    font-family: \"Manrope\", 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.3px;\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n.hamza-map-info h3 {\r\n\r\n    margin: 0;\r\n\r\n    font-family: \"Marcellus\", serif;\r\n\r\n    font-size: 27px;\r\n\r\n    line-height: 1.1;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-map-info h3 span {\r\n\r\n    color: var(--gold);\r\n\r\n}\r\n\r\n\r\n.hamza-map-info p {\r\n\r\n    margin: 8px 0 0;\r\n\r\n    font-family: \"Manrope\", sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5;\r\n\r\n    color:\r\n        rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            .75\r\n        );\r\n\r\n}\r\n\r\n\r\n.hamza-map-info a {\r\n\r\n    display: inline-block;\r\n\r\n    margin-top: 15px;\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: .8px;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\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-visit-school {\r\n\r\n        padding: 88px 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n        grid-template-columns:\r\n            minmax(0, 44fr)\r\n            minmax(0, 56fr);\r\n\r\n        gap: 50px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-heading {\r\n\r\n        font-size: 49px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-map-card {\r\n\r\n        min-height: 500px;\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-visit-school {\r\n\r\n        padding: 72px 0 75px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-wrap {\r\n\r\n        width:\r\n            calc(100% - 40px);\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 42px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-content {\r\n\r\n        max-width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-label {\r\n\r\n        margin-bottom: 14px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.2px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-heading {\r\n\r\n        font-size: 40px;\r\n\r\n        line-height: 1.08;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-description {\r\n\r\n        max-width: 100%;\r\n\r\n        margin-top: 18px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-details {\r\n\r\n        margin-top: 27px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-detail {\r\n\r\n        padding: 14px 0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-detail-copy strong {\r\n\r\n        font-size: 13.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-btn {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 50px;\r\n\r\n        margin-top: 25px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-map-card {\r\n\r\n        min-height: 420px;\r\n\r\n        border-radius: 14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-map-pin {\r\n\r\n        width: 62px;\r\n\r\n        height: 62px;\r\n\r\n        top: 30%;\r\n\r\n        left: 59%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-map-pin svg {\r\n\r\n        width: 29px;\r\n\r\n        height: 29px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-map-info {\r\n\r\n        left: 18px;\r\n\r\n        right: 18px;\r\n\r\n        bottom: 18px;\r\n\r\n        width: auto;\r\n\r\n        padding: 20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-map-info h3 {\r\n\r\n        font-size: 24px;\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-visit-school {\r\n\r\n        padding: 64px 0 68px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-wrap {\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-heading {\r\n\r\n        font-size: 36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-description {\r\n\r\n        font-size: 14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-detail {\r\n\r\n        grid-template-columns:\r\n            42px\r\n            1fr;\r\n\r\n        gap: 11px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-detail-icon {\r\n\r\n        width: 40px;\r\n\r\n        height: 40px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-detail-icon svg {\r\n\r\n        width: 19px;\r\n\r\n        height: 19px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-visit-map-card {\r\n\r\n        min-height: 370px;\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2726 ADMISSIONS Begin Your Child\u2019s Journey at Hamza Give your child an education rooted in knowledge, Islamic values, character, and confidence. CONTACT US \u2192 \u2726 WHY HAMZA More Than Education 01 Academics Strong foundations for lifelong learning. 02 Values Islamic guidance and character development. 03 Experience Activities that build confidence and skills. \u2726 ADMISSION ENQUIRY &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/hamzaislamicschool.com\/index.php\/admission\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> &#8220;Admission&#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":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-4200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/4200","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=4200"}],"version-history":[{"count":52,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/4200\/revisions"}],"predecessor-version":[{"id":4719,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/4200\/revisions\/4719"}],"wp:attachment":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=4200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}