.elementor-792 .elementor-element.elementor-element-4525bcd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-4525bcd:not(.elementor-motion-effects-element-type-background), .elementor-792 .elementor-element.elementor-element-4525bcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-792 .elementor-element.elementor-element-a20c907{background-color:var( --e-global-color-primary );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-792 .elementor-element.elementor-element-7cd70d6{--display:flex;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-792 .elementor-element.elementor-element-b596050{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-792 .elementor-element.elementor-element-ac8dcdc{text-align:center;color:#000000;}.elementor-792 .elementor-element.elementor-element-8ec0eb4{--display:flex;}.elementor-792 .elementor-element.elementor-element-a6c8ba8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-3849ba9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-c12c9ca{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-792 .elementor-element.elementor-element-c12c9ca:not(.elementor-motion-effects-element-type-background), .elementor-792 .elementor-element.elementor-element-c12c9ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151B3D21;}.elementor-792 .elementor-element.elementor-element-6002c3a{text-align:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-792 .elementor-element.elementor-element-3c7653e img{max-width:75%;}.elementor-792 .elementor-element.elementor-element-42a086e{--display:flex;}.elementor-792 .elementor-element.elementor-element-71008ec{padding:0px 0px 0px 0px;}body.elementor-page-792:not(.elementor-motion-effects-element-type-background), body.elementor-page-792 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a17d0f );}@media(max-width:767px){.elementor-792 .elementor-element.elementor-element-7cd70d6{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for container, class: .elementor-element-4525bcd */.elementor-widget-heading h1.elementor-heading-title {
    font-family: "Josefin Sans", Sans-serif;
    font-size: 2.6rem;
    font-weight: 600;
    text-transform: none;
    color: #ffffff !important;
}

.elementor-element.elementor-element-eb72771 {
    text-align: center;
}

.elementor-element.elementor-element-eb72771.elementor-widget-mobile__width-initial.elementor-widget.elementor-widget-heading.animated.fadeInUp {
   
    padding-bottom: 140px;
    padding-top: 60px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71008ec *//* =========================================================
   ABOUT US / ONE WEEK FREE ONLINE QURAN CLASSES
   SECTION: 587672d
   REFERENCE LAYOUT
   COLORS + FONT KEPT AS EXISTING
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.elementor-element-587672d {
    width: 100% !important;

    margin: 0 !important;
    padding: 30px 0 30px !important;

    background: #ffffff !important;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.elementor-element-587672d > .elementor-container {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    column-gap: 55px !important;
}


/* =========================================================
   INNER WRAPPER
========================================================= */

.elementor-element-587672d
.elementor-element-d59c752 {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

.elementor-element-587672d
.elementor-element-d59c752
> .elementor-container {
    width: 100% !important;
    max-width: 1120px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    column-gap: 55px !important;
}


/* =========================================================
   LEFT SIDE
========================================================= */

.elementor-element-587672d
.elementor-element-8b16556 {

    width: 50% !important;
    flex: 0 0 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


.elementor-element-587672d
.elementor-element-8b16556
> .elementor-widget-wrap {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;
}


/* =========================================================
   LEFT HEADING
========================================================= */

.elementor-element-587672d
.elementor-element-825fb12 {

    width: 100% !important;

    max-width: 500px !important;

    margin: 0 0 22px !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-825fb12
.elementor-widget-container {

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-825fb12
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.2 !important;

    text-align: left !important;
}


/* =========================================================
   LEFT DESCRIPTION
========================================================= */

.elementor-element-587672d
.elementor-element-77a8bd0 {

    width: 100% !important;

    max-width: 500px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-77a8bd0
.elementor-widget-container {

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-77a8bd0 p {

    margin: 0 0 28px !important;
    padding: 0 !important;

    line-height: 1.7 !important;

    text-align: left !important;
}


/* =========================================================
   ICON LIST
========================================================= */

.elementor-element-587672d
.elementor-element-fedf89a {

    width: 100% !important;

    max-width: 500px !important;

    margin: 42px 0 0 !important;
    padding: 0 !important;
}


.elementor-element-587672d
.elementor-element-fedf89a
.elementor-widget-container {

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-element-587672d
.elementor-element-fedf89a
.elementor-icon-list-items {

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.elementor-element-587672d
.elementor-element-fedf89a
.elementor-icon-list-item {

    margin: 0 0 12px !important;
    padding: 0 !important;
}


/* =========================================================
   RIGHT FORM COLUMN
========================================================= */

.elementor-element-587672d
.elementor-element-8b3d2b7 {

    width: 50% !important;
    flex: 0 0 50% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


.elementor-element-587672d
.elementor-element-8b3d2b7
> .elementor-widget-wrap {

    width: 100% !important;

    margin: 0 !important;

    padding: 40px 30px 38px !important;

    box-sizing: border-box !important;

    border-radius: 20px !important;

    background: var(--quran-navy, #151B3D) !important;

    display: flex !important;
    flex-direction: column !important;
}


/* =========================================================
   FORM HEADING
========================================================= */

.elementor-element-587672d
.elementor-element-e7e046a {

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-e7e046a
.elementor-widget-container {

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


.elementor-element-587672d
.elementor-element-e7e046a
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    text-align: left !important;
}


/* =========================================================
   FORM WIDGET
========================================================= */

.elementor-element-587672d
.elementor-element-cc5bf74 {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.elementor-element-587672d
.elementor-element-cc5bf74
.elementor-widget-container {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FORM LABELS
========================================================= */

.elementor-element-587672d
.wpcf7-form label {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    line-height: 1.35 !important;
}


/* =========================================================
   FORM PARAGRAPHS
========================================================= */

.elementor-element-587672d
.wpcf7-form p {

    margin: 0 0 12px !important;
    padding: 0 !important;
}


/* =========================================================
   INPUTS
========================================================= */

.elementor-element-587672d
.wpcf7-form input[type="text"],
.elementor-element-587672d
.wpcf7-form input[type="email"],
.elementor-element-587672d
.wpcf7-form input[type="number"],
.elementor-element-587672d
.wpcf7-form select {

    width: 100% !important;

    height: 37px !important;

    margin: 5px 0 0 !important;
    padding: 7px 12px !important;

    box-sizing: border-box !important;

    border: none !important;
    border-radius: 4px !important;

    background: #ffffff !important;
}


/* =========================================================
   SUBMIT BUTTON
========================================================= */

.elementor-element-587672d
.wpcf7-form input[type="submit"] {

    width: 245px !important;

    height: 56px !important;

    margin: 28px 0 0 !important;
    padding: 0 !important;

    border: none !important;
    border-radius: 0 !important;

    background: var(--quran-gold, #D9AA2F) !important;

    color: var(--quran-navy, #151B3D) !important;

    font-size: 30px !important;
    font-weight: 400 !important;

    cursor: pointer !important;
}


/* =========================================================
   HOVER
========================================================= */

.elementor-element-587672d
.wpcf7-form input[type="submit"]:hover {

    background: var(--quran-gold, #D9AA2F) !important;

    color: var(--quran-navy, #151B3D) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-element-587672d {

        padding: 40px 20px 55px !important;
    }


    .elementor-element-587672d
    > .elementor-container,

    .elementor-element-587672d
    .elementor-element-d59c752
    > .elementor-container {

        flex-direction: column !important;

        row-gap: 35px !important;

        width: 100% !important;
    }


    .elementor-element-587672d
    .elementor-element-8b16556,

    .elementor-element-587672d
    .elementor-element-8b3d2b7 {

        width: 100% !important;
        flex: 0 0 100% !important;
    }


    .elementor-element-587672d
    .elementor-element-8b3d2b7
    > .elementor-widget-wrap {

        padding: 30px 20px !important;

        border-radius: 18px !important;
    }


    .elementor-element-587672d
    .elementor-element-825fb12,
    .elementor-element-587672d
    .elementor-element-77a8bd0 {

        max-width: 100% !important;
    }


    .elementor-element-587672d
    .wpcf7-form input[type="submit"] {

        width: 100% !important;
    }
}/* End custom CSS */