{"id":892,"date":"2019-12-23T04:23:25","date_gmt":"2019-12-23T04:23:25","guid":{"rendered":"http:\/\/source.wpopal.com\/kindero\/?page_id=892"},"modified":"2026-08-27T22:34:32","modified_gmt":"2026-08-27T22:34:32","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/hamzaislamicschool.com\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"892\" class=\"elementor elementor-892\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ad3ac4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3ad3ac4\" 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-fb78b5b\" data-id=\"fb78b5b\" 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-16e224c elementor-widget elementor-widget-html\" data-id=\"16e224c\" 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     CONTACT PAGE 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\r\n<section class=\"hamza-contact-hero\">\r\n\r\n    <!-- decorative elements -->\r\n    <div class=\"hamza-contact-deco deco-star-one\">\u2726<\/div>\r\n    <div class=\"hamza-contact-deco deco-star-two\">\u2726<\/div>\r\n\r\n    <div class=\"hamza-contact-hero-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT CONTENT\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-contact-hero-content\">\r\n\r\n            <div class=\"hamza-contact-label\">\r\n                <span>\u2726<\/span>\r\n                GET IN TOUCH\r\n            <\/div>\r\n\r\n\r\n            <h1 class=\"hamza-contact-heading\">\r\n                We'd Love to\r\n                <span>Hear From You<\/span>\r\n            <\/h1>\r\n\r\n\r\n            <p class=\"hamza-contact-description\">\r\n                Have questions about admissions, academics, or life at Hamza?\r\n                Our team is here to help.\r\n            <\/p>\r\n\r\n\r\n            <a\r\n                href=\"#contact-form\"\r\n                class=\"hamza-contact-btn\"\r\n            >\r\n                SEND AN ENQUIRY\r\n                <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n\r\n            <!-- SMALL TRUST DETAILS -->\r\n\r\n            <div class=\"hamza-contact-mini\">\r\n\r\n                <div class=\"hamza-contact-mini-item\">\r\n\r\n                    <strong>Admissions<\/strong>\r\n\r\n                    <span>\r\n                        We're happy to guide you.\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"hamza-contact-mini-line\"><\/div>\r\n\r\n                <div class=\"hamza-contact-mini-item\">\r\n\r\n                    <strong>School Visits<\/strong>\r\n\r\n                    <span>\r\n                        Come experience Hamza.\r\n                    <\/span>\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 IMAGE\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-contact-hero-visual\">\r\n\r\n            <div class=\"hamza-contact-image-frame\">\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=\"Hamza Islamic School students and learning environment\"\r\n                >\r\n\r\n\r\n                <!-- IMAGE OVERLAY -->\r\n\r\n                <div class=\"hamza-contact-image-overlay\"><\/div>\r\n\r\n\r\n                <!-- FLOATING SCHOOL CARD -->\r\n\r\n                <div class=\"hamza-contact-floating-card\">\r\n\r\n                    <div class=\"hamza-contact-card-icon\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M10 28L32 14L54 28\"><\/path>\r\n\r\n                            <path d=\"M15 27V51H49V27\"><\/path>\r\n\r\n                            <path d=\"M25 51V37H39V51\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            HAMZA ISLAMIC SCHOOL\r\n                        <\/span>\r\n\r\n                        <strong>\r\n                            We're here to help.\r\n                        <\/strong>\r\n\r\n                    <\/div>\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\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-contact-hero {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n    --lavender: #AA8BE2;\r\n    --blue: #4F93EB;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 680px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    padding: 80px 0;\r\n\r\n    background: #3A2E81;\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   SUBTLE BACKGROUND EFFECT\r\n========================================================= *\/\r\n\r\n.hamza-contact-hero::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 620px;\r\n    height: 620px;\r\n\r\n    top: -330px;\r\n    left: -260px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.08);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-hero::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 480px;\r\n    height: 480px;\r\n\r\n    right: -260px;\r\n    bottom: -280px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(250,175,17,.12);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-contact-hero-wrap {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    width:\r\n        min(\r\n            1280px,\r\n            calc(100% - 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,45fr)\r\n        minmax(0,55fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.hamza-contact-hero-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 560px;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.hamza-contact-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.6px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-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-contact-heading {\r\n\r\n    margin: 0;\r\n\r\n    max-width: 580px;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            54px,\r\n            5vw,\r\n            72px\r\n        );\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-heading span {\r\n\r\n    display: block;\r\n\r\n    margin-top: 4px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-contact-description {\r\n\r\n    max-width: 500px;\r\n\r\n    margin:\r\n        25px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(255,255,255,.78);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-contact-btn {\r\n\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 33px;\r\n\r\n    padding:\r\n        0\r\n        28px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #FAAF11;\r\n\r\n    color: #3A2E81 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 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\r\n}\r\n\r\n\r\n.hamza-contact-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-contact-btn:hover {\r\n\r\n    background: #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.hamza-contact-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MINI INFO\r\n========================================================= *\/\r\n\r\n.hamza-contact-mini {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 26px;\r\n\r\n    margin-top: 40px;\r\n\r\n    padding-top: 25px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(255,255,255,.14);\r\n\r\n}\r\n\r\n\r\n.hamza-contact-mini-item {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 5px;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-mini-item strong {\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        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    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-mini-item span {\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(255,255,255,.55);\r\n\r\n}\r\n\r\n\r\n.hamza-contact-mini-line {\r\n\r\n    width: 1px;\r\n\r\n    height: 34px;\r\n\r\n    background:\r\n        rgba(255,255,255,.14);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.hamza-contact-hero-visual {\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE FRAME *\/\r\n\r\n.hamza-contact-image-frame {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 540px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 20px 0 0 20px;\r\n\r\n    background:\r\n        rgba(255,255,255,.05);\r\n\r\n}\r\n\r\n\r\n.hamza-contact-image-frame::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    top: 22px;\r\n    left: -22px;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    border-top:\r\n        2px solid #FAAF11;\r\n\r\n    border-left:\r\n        2px solid #FAAF11;\r\n\r\n    border-radius:\r\n        18px 0 0 0;\r\n\r\n    opacity: .75;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-image-frame 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}\r\n\r\n\r\n\/* SUBTLE IMAGE OVERLAY *\/\r\n\r\n.hamza-contact-image-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(58,46,129,.25) 0%,\r\n            rgba(58,46,129,.04) 50%,\r\n            rgba(58,46,129,.02) 100%\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING CARD\r\n========================================================= *\/\r\n\r\n.hamza-contact-floating-card {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 5;\r\n\r\n    left: 26px;\r\n    bottom: 26px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    max-width: 300px;\r\n\r\n    padding:\r\n        16px\r\n        19px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,.20);\r\n\r\n    border-radius: 12px;\r\n\r\n    background:\r\n        rgba(58,46,129,.91);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    box-shadow:\r\n        0 16px 40px\r\n        rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\/* CARD ICON *\/\r\n\r\n.hamza-contact-card-icon {\r\n\r\n    flex: 0 0 auto;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #FAAF11;\r\n\r\n    color: #3A2E81;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-card-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\/* CARD COPY *\/\r\n\r\n.hamza-contact-floating-card span {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 8px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .9px;\r\n\r\n    color: #FAAF11;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-floating-card strong {\r\n\r\n    display: block;\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.3;\r\n\r\n    font-weight: 600;\r\n\r\n    color: #FFFFFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE STARS\r\n========================================================= *\/\r\n\r\n.hamza-contact-deco {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 1;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.deco-star-one {\r\n\r\n    left: 3%;\r\n    bottom: 12%;\r\n\r\n    font-size: 25px;\r\n\r\n    color:\r\n        rgba(250,175,17,.30);\r\n\r\n    animation:\r\n        hamzaFloat 9s ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.deco-star-two {\r\n\r\n    top: 12%;\r\n    left: 46%;\r\n\r\n    font-size: 17px;\r\n\r\n    color:\r\n        rgba(255,255,255,.18);\r\n\r\n    animation:\r\n        hamzaFloat 11s ease-in-out infinite reverse;\r\n\r\n}\r\n\r\n\r\n@keyframes hamzaFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-10px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP \/ TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n    .hamza-contact-hero {\r\n\r\n        min-height: auto;\r\n\r\n        padding:\r\n            80px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-hero-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:\r\n            45px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-heading {\r\n\r\n        font-size:\r\n            54px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-image-frame {\r\n\r\n        min-height:\r\n            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-contact-hero {\r\n\r\n        padding:\r\n            66px\r\n            0\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-hero-wrap {\r\n\r\n        width: 100%;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 45px;\r\n\r\n    }\r\n\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .hamza-contact-hero-content {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n\r\n        max-width:\r\n            none;\r\n\r\n        margin:\r\n            0 auto;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-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-contact-heading {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        font-size:\r\n            41px;\r\n\r\n        line-height:\r\n            1.08;\r\n\r\n        letter-spacing:\r\n            -.6px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-description {\r\n\r\n        max-width:\r\n            100%;\r\n\r\n        margin-top:\r\n            19px;\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-contact-btn {\r\n\r\n        min-height:\r\n            52px;\r\n\r\n        margin-top:\r\n            27px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-mini {\r\n\r\n        gap:\r\n            18px;\r\n\r\n        margin-top:\r\n            31px;\r\n\r\n        padding-top:\r\n            21px;\r\n\r\n    }\r\n\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .hamza-contact-hero-visual {\r\n\r\n        width:\r\n            100%;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-image-frame {\r\n\r\n        min-height:\r\n            430px;\r\n\r\n        border-radius:\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-image-frame::before {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-floating-card {\r\n\r\n        left:\r\n            18px;\r\n\r\n        right:\r\n            18px;\r\n\r\n        bottom:\r\n            18px;\r\n\r\n        max-width:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .hamza-contact-hero {\r\n\r\n        padding-top:\r\n            58px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-hero-content {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-heading {\r\n\r\n        font-size:\r\n            36px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-description {\r\n\r\n        font-size:\r\n            14.5px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-btn {\r\n\r\n        width:\r\n            100%;\r\n\r\n        padding:\r\n            0 18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-mini {\r\n\r\n        align-items:\r\n            flex-start;\r\n\r\n        gap:\r\n            13px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-mini-item span {\r\n\r\n        font-size:\r\n            10px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-image-frame {\r\n\r\n        min-height:\r\n            370px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hamza-contact-deco {\r\n\r\n        animation:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-085a4f8 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"085a4f8\" 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-45ea16c\" data-id=\"45ea16c\" 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-7f627f5 elementor-widget elementor-widget-html\" data-id=\"7f627f5\" 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     CONTACT INFORMATION\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-contact-info-section\">\r\n\r\n    <div class=\"hamza-contact-info-wrap\">\r\n\r\n        <!-- ================================\r\n             CALL US\r\n        ================================= -->\r\n\r\n        <a\r\n            href=\"tel:+918555021209\"\r\n            class=\"hamza-contact-info-card\"\r\n        >\r\n\r\n            <div class=\"hamza-contact-icon hamza-contact-icon-blue\">\r\n\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n                    <path d=\"M18 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\"><\/path>\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-contact-info-content\">\r\n\r\n                <span class=\"hamza-contact-info-label\">\r\n                    CALL US\r\n                <\/span>\r\n\r\n                <h3>\r\n                    +91 85550 21209\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-contact-arrow\">\r\n                \u2192\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ================================\r\n             EMAIL US\r\n        ================================= -->\r\n\r\n        <a\r\n            href=\"mailto:ikramanasan@gmail.com\"\r\n            class=\"hamza-contact-info-card\"\r\n        >\r\n\r\n            <div class=\"hamza-contact-icon hamza-contact-icon-lavender\">\r\n\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                    <rect\r\n                        x=\"8\"\r\n                        y=\"14\"\r\n                        width=\"48\"\r\n                        height=\"36\"\r\n                        rx=\"5\"\r\n                    ><\/rect>\r\n\r\n                    <path d=\"M10 18L32 35L54 18\"><\/path>\r\n\r\n                <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-contact-info-content\">\r\n\r\n                <span class=\"hamza-contact-info-label\">\r\n                    EMAIL US\r\n                <\/span>\r\n\r\n                <h3>\r\n                    ikramanaser@gmail.com\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-contact-arrow\">\r\n                \u2192\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n\r\n        <!-- ================================\r\n             VISIT US\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-contact-info-card\"\r\n        >\r\n\r\n            <div class=\"hamza-contact-icon hamza-contact-icon-gold\">\r\n\r\n                <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                    <path d=\"M32 56S15 42 15 26C15 16 22 10 32 10C42 10 49 16 49 26C49 42 32 56 32 56Z\"><\/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            <div class=\"hamza-contact-info-content\">\r\n\r\n                <span class=\"hamza-contact-info-label\">\r\n                    VISIT US\r\n                <\/span>\r\n\r\n                <h3>\r\n                    Hakimpet, Tolichowki, Hyderabad\r\n                <\/h3>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hamza-contact-arrow\">\r\n                \u2192\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.hamza-contact-info-section {\r\n\r\n    --purple: #3A2E81;\r\n    --blue: #4F93EB;\r\n    --lavender: #AA8BE2;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n\r\n    width: 100%;\r\n\r\n    padding: 90px 0;\r\n\r\n    background: #FFFFFF;\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-contact-info-wrap {\r\n\r\n    width:\r\n        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        repeat(3, minmax(0,1fr));\r\n\r\n    gap: 22px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.hamza-contact-info-card {\r\n\r\n    position: relative;\r\n\r\n    min-height: 155px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        58px\r\n        minmax(0,1fr)\r\n        30px;\r\n\r\n    gap: 18px;\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        28px\r\n        26px;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.11);\r\n\r\n    border-radius: 16px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 12px 35px\r\n        rgba(58,46,129,.045);\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* TOP ACCENT *\/\r\n\r\n.hamza-contact-info-card::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n    left: 0;\r\n\r\n    width: 100%;\r\n    height: 3px;\r\n\r\n    background:\r\n        rgba(58,46,129,.08);\r\n\r\n    transition:\r\n        background .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-contact-icon {\r\n\r\n    width: 56px;\r\n    height: 56px;\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    flex: 0 0 auto;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-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.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\/* BLUE *\/\r\n\r\n.hamza-contact-icon-blue {\r\n\r\n    color: #4F93EB;\r\n\r\n    background:\r\n        rgba(79,147,235,.10);\r\n\r\n}\r\n\r\n\r\n\/* LAVENDER *\/\r\n\r\n.hamza-contact-icon-lavender {\r\n\r\n    color: #AA8BE2;\r\n\r\n    background:\r\n        rgba(170,139,226,.12);\r\n\r\n}\r\n\r\n\r\n\/* GOLD *\/\r\n\r\n.hamza-contact-icon-gold {\r\n\r\n    color: #FAAF11;\r\n\r\n    background:\r\n        rgba(250,175,17,.12);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-contact-info-content {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.hamza-contact-info-label {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 8px;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.4px;\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\/* MAIN TEXT *\/\r\n\r\n.hamza-contact-info-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.35;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #3A2E81;\r\n\r\n    word-break: normal;\r\n\r\n    overflow-wrap: anywhere;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ARROW\r\n========================================================= *\/\r\n\r\n.hamza-contact-arrow {\r\n\r\n    width: 30px;\r\n    height: 30px;\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-radius: 50%;\r\n\r\n    background:\r\n        rgba(58,46,129,.045);\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    color:\r\n        rgba(58,46,129,.55);\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\/* =========================================================\r\n   INDIVIDUAL TOP ACCENTS\r\n========================================================= *\/\r\n\r\n.hamza-contact-info-card:nth-child(1)::before {\r\n\r\n    background: #4F93EB;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-info-card:nth-child(2)::before {\r\n\r\n    background: #AA8BE2;\r\n\r\n}\r\n\r\n\r\n.hamza-contact-info-card:nth-child(3)::before {\r\n\r\n    background: #FAAF11;\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-contact-info-card:hover {\r\n\r\n        transform:\r\n            translateY(-6px);\r\n\r\n        border-color:\r\n            rgba(58,46,129,.17);\r\n\r\n        box-shadow:\r\n            0 22px 50px\r\n            rgba(58,46,129,.09);\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-card:hover\r\n    .hamza-contact-arrow {\r\n\r\n        transform:\r\n            translateX(3px);\r\n\r\n        background: #3A2E81;\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-contact-info-section {\r\n\r\n        padding:\r\n            75px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n        gap:\r\n            16px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-card {\r\n\r\n        min-height:\r\n            145px;\r\n\r\n        grid-template-columns:\r\n            50px\r\n            minmax(0,1fr);\r\n\r\n        padding:\r\n            24px\r\n            20px;\r\n\r\n        gap:\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-icon {\r\n\r\n        width:\r\n            48px;\r\n\r\n        height:\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-content h3 {\r\n\r\n        font-size:\r\n            18px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-arrow {\r\n\r\n        display:\r\n            none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .hamza-contact-info-section {\r\n\r\n        padding:\r\n            62px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-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            14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-card {\r\n\r\n        min-height:\r\n            105px;\r\n\r\n        grid-template-columns:\r\n            50px\r\n            minmax(0,1fr)\r\n            28px;\r\n\r\n        gap:\r\n            14px;\r\n\r\n        padding:\r\n            20px\r\n            18px;\r\n\r\n        border-radius:\r\n            13px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-icon {\r\n\r\n        width:\r\n            48px;\r\n\r\n        height:\r\n            48px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-icon svg {\r\n\r\n        width:\r\n            22px;\r\n\r\n        height:\r\n            22px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-label {\r\n\r\n        margin-bottom:\r\n            6px;\r\n\r\n        font-size:\r\n            9px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-content h3 {\r\n\r\n        font-size:\r\n            17px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-arrow {\r\n\r\n        display:\r\n            flex;\r\n\r\n        width:\r\n            28px;\r\n\r\n        height:\r\n            28px;\r\n\r\n        font-size:\r\n            15px;\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-contact-info-section {\r\n\r\n        padding:\r\n            55px\r\n            0;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-wrap {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-card {\r\n\r\n        grid-template-columns:\r\n            44px\r\n            minmax(0,1fr)\r\n            26px;\r\n\r\n        gap:\r\n            11px;\r\n\r\n        min-height:\r\n            96px;\r\n\r\n        padding:\r\n            17px\r\n            14px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-icon {\r\n\r\n        width:\r\n            42px;\r\n\r\n        height:\r\n            42px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-icon svg {\r\n\r\n        width:\r\n            20px;\r\n\r\n        height:\r\n            20px;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-info-content h3 {\r\n\r\n        font-size:\r\n            15.5px;\r\n\r\n        line-height:\r\n            1.4;\r\n\r\n    }\r\n\r\n\r\n    .hamza-contact-arrow {\r\n\r\n        width:\r\n            25px;\r\n\r\n        height:\r\n            25px;\r\n\r\n        font-size:\r\n            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-d5f70a0 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"d5f70a0\" 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-1d813fa\" data-id=\"1d813fa\" 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-2a4cf12 elementor-widget elementor-widget-html\" data-id=\"2a4cf12\" 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     FIND 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700&family=Marcellus&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"hamza-find-school\">\r\n\r\n    <div class=\"hamza-find-school-wrap\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT \u2014 GOOGLE MAP\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-find-map\">\r\n\r\n            <iframe\r\n                src=\"https:\/\/www.google.com\/maps?q=9-4-57%2F12%2F8%2FA%2C%20Hakimpet%20Brg%2C%20opp.%20Limra%20Hotel%2C%20Nizam%20Colony%2C%20Toli%20Chowki%2C%20Hyderabad%2C%20Telangana%20500008&output=embed\"\r\n                width=\"100%\"\r\n                height=\"100%\"\r\n                style=\"border:0;\"\r\n                allowfullscreen=\"\"\r\n                loading=\"lazy\"\r\n                referrerpolicy=\"no-referrer-when-downgrade\"\r\n                title=\"Hamza Islamic School Location\"\r\n            ><\/iframe>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             RIGHT \u2014 DETAILS\r\n        ================================================== -->\r\n\r\n        <div class=\"hamza-find-content\">\r\n\r\n            <div class=\"hamza-find-label\">\r\n                <span>\u2726<\/span>\r\n                FIND OUR SCHOOL\r\n            <\/div>\r\n\r\n\r\n            <h2 class=\"hamza-find-heading\">\r\n                Visit Hamza\r\n                <span>Islamic School<\/span>\r\n            <\/h2>\r\n\r\n\r\n            <p class=\"hamza-find-description\">\r\n                We\u2019d be happy to welcome you to our campus.\r\n                Visit us to learn more about the school,\r\n                admissions, and the Hamza learning environment.\r\n            <\/p>\r\n\r\n\r\n\r\n            <!-- =============================================\r\n                 CONTACT DETAILS\r\n            ============================================== -->\r\n\r\n            <div class=\"hamza-find-details\">\r\n\r\n\r\n                <!-- ADDRESS -->\r\n\r\n                <div class=\"hamza-find-detail\">\r\n\r\n                    <div class=\"hamza-find-icon hamza-find-icon-gold\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M32 56S15 42 15 26C15 16 22 10 32 10C42 10 49 16 49 26C49 42 32 56 32 56Z\"><\/path>\r\n\r\n                            <circle cx=\"32\" cy=\"26\" r=\"6\"><\/circle>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-find-detail-copy\">\r\n\r\n                        <span>\r\n                            ADDRESS\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Hakimpet, Tolichowki, Hyderabad\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- PHONE -->\r\n\r\n                <a\r\n                    href=\"tel:+918555021209\"\r\n                    class=\"hamza-find-detail\"\r\n                >\r\n\r\n                    <div class=\"hamza-find-icon hamza-find-icon-blue\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path d=\"M18 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\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-find-detail-copy\">\r\n\r\n                        <span>\r\n                            PHONE\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            +91 85550 21209\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- EMAIL -->\r\n\r\n                <a\r\n                    href=\"mailto:ikramanaser@gmail.com\"\r\n                    class=\"hamza-find-detail\"\r\n                >\r\n\r\n                    <div class=\"hamza-find-icon hamza-find-icon-lavender\">\r\n\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"8\"\r\n                                y=\"14\"\r\n                                width=\"48\"\r\n                                height=\"36\"\r\n                                rx=\"5\"\r\n                            ><\/rect>\r\n\r\n                            <path d=\"M10 18L32 35L54 18\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hamza-find-detail-copy\">\r\n\r\n                        <span>\r\n                            EMAIL\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            ikramanaser@gmail.com\r\n                        <\/h3>\r\n\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 GET DIRECTIONS\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-find-btn\"\r\n            >\r\n                GET DIRECTIONS\r\n                <span>\u2192<\/span>\r\n            <\/a>\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-find-school {\r\n\r\n    --purple: #3A2E81;\r\n    --gold: #FAAF11;\r\n    --cream: #FEEFCF;\r\n    --blue: #4F93EB;\r\n    --lavender: #AA8BE2;\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 100px 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   WRAPPER\r\n========================================================= *\/\r\n\r\n.hamza-find-school-wrap {\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, 1fr)\r\n        minmax(0, 1fr);\r\n\r\n    gap: 70px;\r\n\r\n    align-items: stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAP\r\n========================================================= *\/\r\n\r\n.hamza-find-map {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 540px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 18px;\r\n\r\n    background: #F5F3F9;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(58,46,129,.08);\r\n\r\n    box-shadow:\r\n        0 18px 55px\r\n        rgba(58,46,129,.07);\r\n}\r\n\r\n\r\n.hamza-find-map::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    pointer-events: none;\r\n\r\n    border-radius: inherit;\r\n\r\n    box-shadow:\r\n        inset 0 0 0 1px\r\n        rgba(255,255,255,.25);\r\n}\r\n\r\n\r\n.hamza-find-map iframe {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    filter:\r\n        saturate(.82)\r\n        contrast(.96);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-find-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 530px;\r\n\r\n    align-self: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-find-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: 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.5px;\r\n\r\n    text-transform: uppercase;\r\n\r\n    color: #FAAF11;\r\n}\r\n\r\n\r\n.hamza-find-label span {\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-find-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.hamza-find-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   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-find-description {\r\n\r\n    max-width: 470px;\r\n\r\n    margin:\r\n        22px\r\n        0\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 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,.70);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAILS\r\n========================================================= *\/\r\n\r\n.hamza-find-details {\r\n\r\n    margin-top: 34px;\r\n\r\n    border-top:\r\n        1px solid\r\n        rgba(58,46,129,.11);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL ITEM\r\n========================================================= *\/\r\n\r\n.hamza-find-detail {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        52px\r\n        minmax(0,1fr);\r\n\r\n    gap: 16px;\r\n\r\n    align-items: center;\r\n\r\n    padding: 18px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(58,46,129,.11);\r\n\r\n    color: inherit;\r\n\r\n    text-decoration: none !important;\r\n\r\n    transition:\r\n        padding-left .3s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.hamza-find-icon {\r\n\r\n    width: 50px;\r\n    height: 50px;\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\r\n\r\n.hamza-find-icon svg {\r\n\r\n    width: 23px;\r\n    height: 23px;\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\/* GOLD *\/\r\n\r\n.hamza-find-icon-gold {\r\n\r\n    color: #FAAF11;\r\n\r\n    background:\r\n        rgba(250,175,17,.12);\r\n}\r\n\r\n\r\n\/* BLUE *\/\r\n\r\n.hamza-find-icon-blue {\r\n\r\n    color: #4F93EB;\r\n\r\n    background:\r\n        rgba(79,147,235,.10);\r\n}\r\n\r\n\r\n\/* LAVENDER *\/\r\n\r\n.hamza-find-icon-lavender {\r\n\r\n    color: #AA8BE2;\r\n\r\n    background:\r\n        rgba(170,139,226,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAIL COPY\r\n========================================================= *\/\r\n\r\n.hamza-find-detail-copy {\r\n\r\n    min-width: 0;\r\n}\r\n\r\n\r\n.hamza-find-detail-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    text-transform: uppercase;\r\n\r\n    color:\r\n        rgba(58,46,129,.45);\r\n}\r\n\r\n\r\n.hamza-find-detail-copy h3 {\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.45;\r\n\r\n    font-weight: 600;\r\n\r\n    color: #3A2E81;\r\n\r\n    overflow-wrap: anywhere;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n@media (hover:hover) {\r\n\r\n    a.hamza-find-detail:hover {\r\n\r\n        padding-left: 7px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-find-btn {\r\n\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 13px;\r\n\r\n    margin-top: 30px;\r\n\r\n    padding:\r\n        0\r\n        28px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #3A2E81;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 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        background .3s ease,\r\n        color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n\r\n.hamza-find-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.hamza-find-btn:hover {\r\n\r\n    background: #FAAF11;\r\n\r\n    color: #3A2E81 !important;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n}\r\n\r\n\r\n.hamza-find-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\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-find-school {\r\n\r\n        padding: 82px 0;\r\n    }\r\n\r\n\r\n    .hamza-find-school-wrap {\r\n\r\n        width:\r\n            calc(100% - 60px);\r\n\r\n        gap:\r\n            45px;\r\n    }\r\n\r\n\r\n    .hamza-find-map {\r\n\r\n        min-height:\r\n            500px;\r\n    }\r\n\r\n\r\n    .hamza-find-heading {\r\n\r\n        font-size:\r\n            48px;\r\n    }\r\n\r\n\r\n    .hamza-find-description {\r\n\r\n        font-size:\r\n            15px;\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-find-school {\r\n\r\n        padding:\r\n            68px\r\n            0\r\n            72px;\r\n    }\r\n\r\n\r\n    .hamza-find-school-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    \/* MAP FIRST *\/\r\n\r\n    .hamza-find-map {\r\n\r\n        min-height:\r\n            380px;\r\n\r\n        border-radius:\r\n            14px;\r\n    }\r\n\r\n\r\n    .hamza-find-content {\r\n\r\n        max-width:\r\n            100%;\r\n    }\r\n\r\n\r\n    .hamza-find-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    .hamza-find-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    .hamza-find-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    .hamza-find-details {\r\n\r\n        margin-top:\r\n            28px;\r\n    }\r\n\r\n\r\n    .hamza-find-detail {\r\n\r\n        grid-template-columns:\r\n            47px\r\n            minmax(0,1fr);\r\n\r\n        gap:\r\n            13px;\r\n\r\n        padding:\r\n            15px 0;\r\n    }\r\n\r\n\r\n    .hamza-find-icon {\r\n\r\n        width:\r\n            45px;\r\n\r\n        height:\r\n            45px;\r\n    }\r\n\r\n\r\n    .hamza-find-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    .hamza-find-detail-copy h3 {\r\n\r\n        font-size:\r\n            14px;\r\n    }\r\n\r\n\r\n    .hamza-find-btn {\r\n\r\n        width:\r\n            100%;\r\n\r\n        min-height:\r\n            52px;\r\n\r\n        margin-top:\r\n            26px;\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-find-school {\r\n\r\n        padding:\r\n            60px\r\n            0\r\n            64px;\r\n    }\r\n\r\n\r\n    .hamza-find-school-wrap {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n    .hamza-find-map {\r\n\r\n        min-height:\r\n            320px;\r\n\r\n        border-radius:\r\n            12px;\r\n    }\r\n\r\n\r\n    .hamza-find-heading {\r\n\r\n        font-size:\r\n            35px;\r\n    }\r\n\r\n\r\n    .hamza-find-description {\r\n\r\n        font-size:\r\n            14.5px;\r\n    }\r\n\r\n\r\n    .hamza-find-detail {\r\n\r\n        grid-template-columns:\r\n            43px\r\n            minmax(0,1fr);\r\n\r\n        gap:\r\n            11px;\r\n    }\r\n\r\n\r\n    .hamza-find-icon {\r\n\r\n        width:\r\n            41px;\r\n\r\n        height:\r\n            41px;\r\n    }\r\n\r\n\r\n    .hamza-find-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    .hamza-find-detail-copy h3 {\r\n\r\n        font-size:\r\n            13.5px;\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-19758e1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"19758e1\" 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-c9694aa\" data-id=\"c9694aa\" 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-b7b5f77 elementor-widget elementor-widget-html\" data-id=\"b7b5f77\" 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     CAMPUS VISIT\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-campus-visit\">\r\n\r\n    <!-- BACKGROUND IMAGE -->\r\n    <img decoding=\"async\"\r\n        class=\"hamza-campus-visit-bg\"\r\n        src=\"https:\/\/hamzaislamicschool.com\/wp-content\/uploads\/2019\/12\/WhatsApp-Image-2026-08-12-at-11.27.11-AM.jpeg\"\r\n        alt=\"Hamza Islamic School campus\"\r\n    >\r\n\r\n\r\n    <!-- PURPLE OVERLAY -->\r\n    <div class=\"hamza-campus-visit-overlay\"><\/div>\r\n\r\n\r\n    <!-- DECORATIVE ELEMENTS -->\r\n    <span class=\"hamza-campus-star hamza-campus-star-one\">\u2726<\/span>\r\n    <span class=\"hamza-campus-star hamza-campus-star-two\">\u2726<\/span>\r\n\r\n\r\n    <!-- CONTENT -->\r\n    <div class=\"hamza-campus-visit-content\">\r\n\r\n        <div class=\"hamza-campus-visit-label\">\r\n            <span>\u2726<\/span>\r\n            CAMPUS VISIT\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"hamza-campus-visit-heading\">\r\n            Come & Experience\r\n            <span>Hamza<\/span>\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"hamza-campus-visit-description\">\r\n            Visit our campus, meet our team, and discover the environment\r\n            where children learn, grow, and build confidence.\r\n        <\/p>\r\n\r\n\r\n        <a\r\n            href=\"#contact-form\"\r\n            class=\"hamza-campus-visit-btn\"\r\n        >\r\n            BOOK A VISIT\r\n            <span>\u2192<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- BOTTOM SMALL DETAILS -->\r\n    <div class=\"hamza-campus-bottom\">\r\n\r\n        <div class=\"hamza-campus-bottom-item\">\r\n            <strong>DISCOVER<\/strong>\r\n            <span>Our Learning Environment<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hamza-campus-bottom-line\"><\/div>\r\n\r\n        <div class=\"hamza-campus-bottom-item\">\r\n            <strong>MEET<\/strong>\r\n            <span>Our School Team<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hamza-campus-bottom-line\"><\/div>\r\n\r\n        <div class=\"hamza-campus-bottom-item\">\r\n            <strong>EXPERIENCE<\/strong>\r\n            <span>Life at Hamza<\/span>\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   CAMPUS VISIT\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit {\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    min-height: 650px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        100px\r\n        40px\r\n        125px;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #3A2E81;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND IMAGE\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-bg {\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    z-index: 0;\r\n\r\n    transform: scale(1.01);\r\n\r\n    transition:\r\n        transform 8s ease;\r\n}\r\n\r\n\r\n\/* VERY SLOW PREMIUM IMAGE MOTION *\/\r\n\r\n@media (hover:hover) {\r\n\r\n    .hamza-campus-visit:hover\r\n    .hamza-campus-visit-bg {\r\n\r\n        transform: scale(1.055);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PURPLE OVERLAY \u2014 APPROX. 45%\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-overlay {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 1;\r\n\r\n    background:\r\n        rgba(58,46,129,.45);\r\n\r\n}\r\n\r\n\r\n\/* EXTRA SUBTLE DEPTH *\/\r\n\r\n.hamza-campus-visit::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    z-index: 2;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(20,16,54,.08) 0%,\r\n            rgba(20,16,54,.03) 45%,\r\n            rgba(20,16,54,.24) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 4;\r\n\r\n    width: min(820px,100%);\r\n\r\n    margin: 0 auto;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-label {\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: 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.7px;\r\n\r\n    color: #FAAF11;\r\n}\r\n\r\n\r\n.hamza-campus-visit-label span {\r\n\r\n    font-size: 12px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-heading {\r\n\r\n    max-width: 800px;\r\n\r\n    margin: 0 auto;\r\n\r\n    font-family:\r\n        \"Marcellus\",\r\n        serif;\r\n\r\n    font-size:\r\n        clamp(\r\n            54px,\r\n            5vw,\r\n            74px\r\n        );\r\n\r\n    line-height: 1.04;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: -1.3px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    text-shadow:\r\n        0 4px 22px\r\n        rgba(20,15,55,.20);\r\n}\r\n\r\n\r\n.hamza-campus-visit-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   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-description {\r\n\r\n    max-width: 670px;\r\n\r\n    margin:\r\n        25px\r\n        auto\r\n        0;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.75;\r\n\r\n    font-weight: 400;\r\n\r\n    color:\r\n        rgba(255,255,255,.90);\r\n\r\n    text-shadow:\r\n        0 2px 14px\r\n        rgba(20,15,55,.18);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.hamza-campus-visit-btn {\r\n\r\n    min-height: 55px;\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: 34px;\r\n\r\n    padding:\r\n        0\r\n        30px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #FAAF11;\r\n\r\n    color: #3A2E81 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 12px;\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    box-shadow:\r\n        0 14px 30px\r\n        rgba(0,0,0,.15);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n\r\n.hamza-campus-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.hamza-campus-visit-btn:hover {\r\n\r\n    background: #FFFFFF;\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 18px 36px\r\n        rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n.hamza-campus-visit-btn:hover span {\r\n\r\n    transform:\r\n        translateX(4px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM INFO\r\n========================================================= *\/\r\n\r\n.hamza-campus-bottom {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 4;\r\n\r\n    left: 50%;\r\n    bottom: 34px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    width:\r\n        min(\r\n            760px,\r\n            calc(100% - 60px)\r\n        );\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: 28px;\r\n}\r\n\r\n\r\n.hamza-campus-bottom-item {\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n.hamza-campus-bottom-item strong {\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.3px;\r\n\r\n    color: #FAAF11;\r\n}\r\n\r\n\r\n.hamza-campus-bottom-item span {\r\n\r\n    display: block;\r\n\r\n    font-family:\r\n        \"Manrope\",\r\n        sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.4;\r\n\r\n    color:\r\n        rgba(255,255,255,.75);\r\n}\r\n\r\n\r\n.hamza-campus-bottom-line {\r\n\r\n    width: 1px;\r\n    height: 32px;\r\n\r\n    background:\r\n        rgba(255,255,255,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATIVE STARS\r\n========================================================= *\/\r\n\r\n.hamza-campus-star {\r\n\r\n    position: absolute;\r\n\r\n    z-index: 3;\r\n\r\n    pointer-events: none;\r\n\r\n    animation:\r\n        hamzaCampusFloat\r\n        9s\r\n        ease-in-out\r\n        infinite;\r\n}\r\n\r\n\r\n.hamza-campus-star-one {\r\n\r\n    top: 14%;\r\n    left: 7%;\r\n\r\n    font-size: 24px;\r\n\r\n    color:\r\n        rgba(250,175,17,.55);\r\n}\r\n\r\n\r\n.hamza-campus-star-two {\r\n\r\n    right: 8%;\r\n    bottom: 19%;\r\n\r\n    font-size: 18px;\r\n\r\n    color:\r\n        rgba(255,255,255,.40);\r\n\r\n    animation-duration:\r\n        11s;\r\n}\r\n\r\n\r\n@keyframes hamzaCampusFloat {\r\n\r\n    0%,\r\n    100% {\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n    50% {\r\n\r\n        transform:\r\n            translateY(-10px);\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-campus-visit {\r\n\r\n        min-height: 610px;\r\n\r\n        padding:\r\n            90px\r\n            40px\r\n            120px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-heading {\r\n\r\n        font-size: 58px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-description {\r\n\r\n        font-size: 16px;\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-campus-visit {\r\n\r\n        min-height: 590px;\r\n\r\n        padding:\r\n            75px\r\n            18px\r\n            115px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-bg {\r\n\r\n        object-position: center;\r\n    }\r\n\r\n\r\n    \/*\r\n       Slightly stronger mobile overlay\r\n       so white text stays readable\r\n    *\/\r\n\r\n    .hamza-campus-visit-overlay {\r\n\r\n        background:\r\n            rgba(58,46,129,.52);\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-label {\r\n\r\n        margin-bottom: 15px;\r\n\r\n        font-size: 11px;\r\n\r\n        letter-spacing: 1.3px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-heading {\r\n\r\n        max-width: 500px;\r\n\r\n        font-size: 42px;\r\n\r\n        line-height: 1.07;\r\n\r\n        letter-spacing: -.6px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-description {\r\n\r\n        max-width: 530px;\r\n\r\n        margin-top: 19px;\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.65;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-btn {\r\n\r\n        min-height: 52px;\r\n\r\n        margin-top: 27px;\r\n\r\n        padding:\r\n            0\r\n            25px;\r\n    }\r\n\r\n\r\n    \/* BOTTOM DETAILS *\/\r\n\r\n    .hamza-campus-bottom {\r\n\r\n        bottom: 25px;\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        gap: 14px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-line {\r\n\r\n        height: 28px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-item strong {\r\n\r\n        font-size: 7px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-item span {\r\n\r\n        font-size: 9px;\r\n    }\r\n\r\n\r\n    .hamza-campus-star-one {\r\n\r\n        left: 4%;\r\n    }\r\n\r\n\r\n    .hamza-campus-star-two {\r\n\r\n        right: 4%;\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-campus-visit {\r\n\r\n        min-height: 570px;\r\n\r\n        padding:\r\n            70px\r\n            14px\r\n            105px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-heading {\r\n\r\n        font-size: 36px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-description {\r\n\r\n        font-size: 14.5px;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-btn {\r\n\r\n        width: 100%;\r\n\r\n        max-width: 310px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom {\r\n\r\n        width:\r\n            calc(100% - 24px);\r\n\r\n        gap: 9px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-item span {\r\n\r\n        font-size: 8px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-line {\r\n\r\n        height: 25px;\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-campus-visit-heading {\r\n\r\n        font-size: 33px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom {\r\n\r\n        gap: 6px;\r\n    }\r\n\r\n\r\n    .hamza-campus-bottom-item span {\r\n\r\n        font-size: 7.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    .hamza-campus-star {\r\n\r\n        animation: none;\r\n    }\r\n\r\n\r\n    .hamza-campus-visit-bg {\r\n\r\n        transition: none;\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 \u2726 \u2726 GET IN TOUCH We&#8217;d Love to Hear From You Have questions about admissions, academics, or life at Hamza? Our team is here to help. SEND AN ENQUIRY \u2192 Admissions We&#8217;re happy to guide you. School Visits Come experience Hamza. HAMZA ISLAMIC SCHOOL We&#8217;re here to help. CALL US +91 85550 21209 \u2192 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/hamzaislamicschool.com\/index.php\/contact-us\/\" class=\"more-link\">Read More <span class=\"screen-reader-text\"> &#8220;Contact Us&#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":"page-elementor.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/892","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=892"}],"version-history":[{"count":10,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/892\/revisions"}],"predecessor-version":[{"id":4679,"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/pages\/892\/revisions\/4679"}],"wp:attachment":[{"href":"https:\/\/hamzaislamicschool.com\/index.php\/wp-json\/wp\/v2\/media?parent=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}