.elementor-868 .elementor-element.elementor-element-f22dee2{--display:flex;--min-height:615px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-868 .elementor-element.elementor-element-f22dee2:not(.elementor-motion-effects-element-type-background), .elementor-868 .elementor-element.elementor-element-f22dee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a17d0f );background-image:url("https://qonlinequrantution.com/wp-content/uploads/2026/10/Untitled-Design-75.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-868 .elementor-element.elementor-element-26b3f97{--display:flex;--justify-content:flex-start;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-868 .elementor-element.elementor-element-318bd91{font-family:"Roboto", Sans-serif;font-weight:400;text-transform:capitalize;color:#FFFFFF;}.elementor-868 .elementor-element.elementor-element-318bd91 a{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-868 .elementor-element.elementor-element-f90e058{--display:flex;--justify-content:flex-start;}.elementor-868 .elementor-element.elementor-element-5644e6a{--display:flex;--min-height:434px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-868 .elementor-element.elementor-element-5644e6a:not(.elementor-motion-effects-element-type-background), .elementor-868 .elementor-element.elementor-element-5644e6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://qonlinequrantution.com/wp-content/uploads/2026/10/12-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-868 .elementor-element.elementor-element-45f679d .elementor-icon-wrapper{text-align:center;}.elementor-868 .elementor-element.elementor-element-45f679d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-868 .elementor-element.elementor-element-45f679d.elementor-view-framed .elementor-icon, .elementor-868 .elementor-element.elementor-element-45f679d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-868 .elementor-element.elementor-element-45f679d.elementor-view-framed .elementor-icon, .elementor-868 .elementor-element.elementor-element-45f679d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-868 .elementor-element.elementor-element-45f679d .elementor-icon{font-size:19px;padding:25px;}.elementor-868 .elementor-element.elementor-element-45f679d .elementor-icon svg{height:19px;}.elementor-868 .elementor-element.elementor-element-e3e13be{--display:flex;}.elementor-868 .elementor-element.elementor-element-e3e13be:not(.elementor-motion-effects-element-type-background), .elementor-868 .elementor-element.elementor-element-e3e13be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a17d0f );}.elementor-868 .elementor-element.elementor-element-76cb726{--display:flex;}.elementor-868 .elementor-element.elementor-element-0fc6f07{--display:flex;}.elementor-868 .elementor-element.elementor-element-ac3c8a8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-868 .elementor-element.elementor-element-23b6efc{padding:0px 0px 0px 0px;}body.elementor-page-868:not(.elementor-motion-effects-element-type-background), body.elementor-page-868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8F1;}@media(max-width:1024px){.elementor-868 .elementor-element.elementor-element-f22dee2{--min-height:492px;}.elementor-868 .elementor-element.elementor-element-26b3f97{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-868 .elementor-element.elementor-element-5644e6a{--justify-content:center;}}@media(max-width:767px){.elementor-868 .elementor-element.elementor-element-f22dee2{--min-height:500px;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-868 .elementor-element.elementor-element-f22dee2:not(.elementor-motion-effects-element-type-background), .elementor-868 .elementor-element.elementor-element-f22dee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-868 .elementor-element.elementor-element-26b3f97{--min-height:455px;--justify-content:flex-start;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-868 .elementor-element.elementor-element-318bd91{text-align:center;}.elementor-868 .elementor-element.elementor-element-4833cd8{padding:0px 0px 0px 0px;text-align:center;}.elementor-868 .elementor-element.elementor-element-f90e058{--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-868 .elementor-element.elementor-element-5644e6a{--min-height:250px;--justify-content:center;}}/* Start custom CSS for html, class: .elementor-element-23b6efc *//* =========================================================
   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 */