.elementor-4764 .elementor-element.elementor-element-5ea0817{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--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-4764 .elementor-element.elementor-element-5ea0817:not(.elementor-motion-effects-element-type-background), .elementor-4764 .elementor-element.elementor-element-5ea0817 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4764 .elementor-element.elementor-element-5ea0817, .elementor-4764 .elementor-element.elementor-element-5ea0817::before{--border-transition:0.3s;}.elementor-4764 .elementor-element.elementor-element-5ea0817.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4764 .elementor-element.elementor-element-827c117 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-color:var( --e-global-color-secondary );}.elementor-4764 .elementor-element.elementor-element-827c117.bdt-background-overlay-yes > .elementor-widget-container:before{transition:background 0.3s;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-4764 .elementor-element.elementor-element-5ea0817{--width:116.733%;}}/* Start custom CSS for html, class: .elementor-element-827c117 *//* 1. FORCE GAME CONTAINER SIZE */
#arabic-game-wrapper {
max-width: 850px !important;
height: 600px !important;
}

/* 2. HUD HEADER (Score, Hearts, Time) */
#arabic-game-wrapper .glass-panel {
padding: 20px 30px !important;
font-size: 4rem !important;
}

#hud-hearts {
font-size: 2rem !important;
}
#hud-score {
    font-size: 2rem;
}
#hud-timer {
    font-size: 2rem;
}

.score {
    font-size: 2rem;
}
.time {
    font-size: 2rem;
}
/* 3. START VIEW BUTTONS */
#arabic-game-wrapper #view-start button.bg-amber-500 {
padding: 20px 6px !important;
font-size: 1.9rem !important;
}

#arabic-game-wrapper #view-start button.glass-panel {
padding: 20px 40px !important;
font-size: 1.9rem !important;
}

/* 3b. START VIEW TEXT (JH Quran Academy & Subtitle) /
/ Targets the text under the main game title /
#view-start p {
font-size: 2.2rem !important; / Change this number to resize your text */
margin-bottom: 15px !important;
}

/* 4. IN-GAME ELEMENTS */
#target-letter {
font-size: 8rem !important;
margin-bottom: 20px !important;
}

#options-grid button {
padding: 30px !important;
font-size: 4rem !important;
min-height: 120px !important;
}

/* 5. RESULTS SCREEN - BIG STATS */
#view-end .glass-panel {
padding: 40px !important;
max-width: 650px !important;
}

#view-end h2 {
font-size: 4rem !important;
}

/* 5b. FINAL SCORE NUMBER /
#stat-score {
font-size: 5rem !important; / Change this to make Score bigger/smaller */
font-weight: 900 !important;
}

/* 5c. ACCURACY PERCENTAGE /
#stat-accuracy {
font-size: 5rem !important; / Change this to make Accuracy bigger/smaller */
font-weight: 900 !important;
}

/* Normal Labels in Results (Final Score/Accuracy labels) */
#view-end .grid div p.text-teal-200 {
font-size: 1.9rem !important;
margin-bottom: 10px !important;
}

#view-end button {
padding: 25px 50px !important;
font-size: 2.5rem !important;
}
.span {
    font-size: 1.5rem;
}
#progress-text {
    font-size: 1.6rem;
}
.academy {
    font-size: 1.7rem;
}
.subtitle {
    font-size: 1.2rem;
}/* End custom CSS */
/* Start custom CSS */.page-header,
.entry-header {
    display: none !important;
}/* End custom CSS */