/* Start custom CSS for html, class: .elementor-element-19a0e2e *//* ==========================================
   JASMALEE — GLOBAL WEBSITE BACKGROUND
========================================== */

/* MAIN WEBSITE */
html,
body,
.elementor,
.elementor-page {
    background: #0A0D12 !important;
}


/* ALL MAIN SECTIONS / CONTAINERS */
.elementor-section,
.elementor-container,
.elementor-element.e-con,
.elementor-element.e-con-full {
    background-color: transparent !important;
}


/* REMOVE DIFFERENT BACKGROUND COLORS */
.elementor-section {
    background-image: none !important;
}


/* KEEP THE WHOLE PAGE CONSISTENT */
.site,
.site-content,
#content,
main {
    background: #0A0D12 !important;
}


/* ==========================================
   HERO
   Animated background can stay behind content
========================================== */

.jm-hero,
#hero {
    background: transparent !important;
    position: relative;
}


/* ==========================================
   SERVICES
========================================== */

#services {
    background: transparent !important;
}


/* ==========================================
   SKILLS
========================================== */

#skills {
    background: transparent !important;
}


/* ==========================================
   TESTIMONIALS
========================================== */

#testimonials {
    background: transparent !important;
}


/* ==========================================
   CONTACT
========================================== */

#contact {
    background: transparent !important;
}


/* ==========================================
   FAQ
========================================== */

#faq {
    background: transparent !important;
}


/* ==========================================
   FOOTER
========================================== */

footer,
.elementor-location-footer {
    background: #0A0D12 !important;
}


/* ==========================================
   REMOVE UNWANTED GREY / WHITE BACKGROUNDS
========================================== */

.elementor-widget-wrap,
.elementor-column,
.elementor-widget-container {
    background-color: transparent !important;
}


/* ==========================================
   MOBILE ALSO SAME
========================================== */

@media (max-width: 768px) {

    html,
    body,
    .elementor-page {
        background: #0A0D12 !important;
    }

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3c76508 */body {
    background: linear-gradient(
        135deg,
        #0a0d12 0%,
        #0d1117 50%,
        #0a0e18 100%
    );
}/* End custom CSS */