.elementor-6400 .elementor-element.elementor-element-ce5fdf0{--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;}.elementor-6400 .elementor-element.elementor-element-ce5fdf0:not(.elementor-motion-effects-element-type-background), .elementor-6400 .elementor-element.elementor-element-ce5fdf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F68A3C 0%, #D46B22 100%);}.elementor-6400 .elementor-element.elementor-element-d500084{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-c4ee41f{background-color:var( --e-global-color-primary );margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-59171a8{background-color:var( --e-global-color-primary );margin:-28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-6f81f80{background-color:var( --e-global-color-primary );margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-22c4d52{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-7c66d05{background-color:#F68A3C;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-a93f209{background-color:#F68A3C;margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-0ea1a55{background-color:#F68A3C;margin:-54px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-b54fdd6{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body.elementor-page-6400:not(.elementor-motion-effects-element-type-background), body.elementor-page-6400 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-6400 .elementor-element.elementor-element-ce5fdf0{--width:500px;--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-6400 .elementor-element.elementor-element-d500084{width:100%;max-width:100%;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-6400 .elementor-element.elementor-element-c4ee41f{margin:-36px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-59171a8{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-6f81f80{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-22c4d52{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-7c66d05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-a93f209{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-0ea1a55{margin:-29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6400 .elementor-element.elementor-element-b54fdd6{margin:-34px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}/* Start custom CSS for html, class: .elementor-element-d500084 *//* 1. Import Font */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@900&display=swap');
/* 2. Global Wrapper - Mobile First */
.durioo-hero-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-family: 'Nunito', sans-serif;
    color: white;
    padding-top: 20px;
    gap: 0px;
    position: relative;
    width: 100%;
    background: #F68A3C; 
    overflow: hidden; 
}
/* 3. Background Poster Wall - Mobile Specs */
.master-poster-wall {
    position: absolute;
    top: -100%; 
    left: -100%;
    width: 300%; 
    height: 300%; 
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: min-content; 
    row-gap: 8px; 
    column-gap: 8px; 
    align-content: center; 
    transform: rotate(-12deg);
    opacity: 0.45; 
    z-index: 1;
}
.poster-unit {
    width: 100%; 
    height: 180px; 
    object-fit: cover;
    border-radius: 6px;
    display: block;
}
.master-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(246, 138, 60, 0.55); 
    z-index: 2;
}
/* 4. Content Container */
.section-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
/* 5. Mobile Styling for Hero Elements */
.durioo-logo {
    width: 130px;
    margin-bottom: 15px !important;
}
.durioo-title {
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    text-shadow: 0 4px 12px rgba(0,0,0,0.7);
}
.durioo-text {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin: 0 auto 5px auto !important;
    max-width: 310px;
    font-weight: 900;
    text-shadow: 0 4px 10px rgba(0,0,0,0.7);
}
.durioo-mascot {
    width: 240px !important;
    margin-top: -80px !important; 
    display: block !important;
    z-index: 10;
}
/* 6. Pricing Section - Mobile Defaults */
.pricing-part {
    padding: 0 20px 40px 20px;
    max-width: 450px;
    margin: -60px auto 0 auto;
    width: 100%;
    box-sizing: border-box;
}

/* 7. WEB OPTIMIZATIONS (Clean Split: Text Left | Pricing Right) */
@media (min-width: 1025px) {
    /* Keep background clean for web */
    .master-poster-wall { display: none !important; }

    .durioo-hero-wrapper {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important; 
        height: 100vh;
        min-height: 900px;
        padding: 0 10%;
        gap: 100px !important; /* Increased gap for better breathing room */
    }

    .section-content {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        max-width: 1300px !important;
        width: 100%;
        padding-top: 10vh !important; /* Adjusted top padding */
    }

    /* THE LEFT COLUMN (Logo, Title, Paragraph) */
    .hero-part {
        flex: 1.5 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
        padding: 0 !important;
        position: relative;
        top: 5%; 
    }

    .durioo-logo {
        width: 250px !important;
        margin: 0 0 30px 0 !important;
    }

    .durioo-title {
        font-size: 56px !important;
        text-align: left !important;
        max-width: 750px !important;
        margin: 0 0 25px 0 !important;
        text-shadow: none !important;
        line-height: 1.1 !important;
    }

    .durioo-text {
        text-align: left !important;
        margin: 0 !important;
        max-width: 600px !important; /* Widened slightly now that Duri is gone */
        font-size: 24px !important;
        text-shadow: none !important;
        line-height: 1.5 !important;
    }

    /* HIDE DURI MASCOT ON WEB */
    .durioo-mascot-wrap, 
    .durioo-mascot {
        display: none !important;
    }

    /* THE RIGHT COLUMN (Pricing) */
    .pricing-part {
        flex: 0 0 440px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        position: relative;
        top: -50px; /* Kept your 20% down placement */
    }
}
}
/* 8. TABLET OPTIMIZATIONS */
@media (min-width: 768px) and (max-width: 1024px) {
    .master-poster-wall {
        top: 50% !important;
        left: 50% !important;
        width: 350% !important; 
        height: 350% !important;
        transform: translate(-50%, -50%) rotate(-12deg) !important;
        grid-template-columns: repeat(14, 1fr) !important;
    }
    .durioo-title {
        font-size: 42px !important;
        max-width: 700px !important;
    }
    .pricing-part {
        margin-top: -50px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce5fdf0 *//* This targets the Elementor widget specifically to remove its default padding */
.elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* This forces your wrapper to ignore the parent container's spacing */
.durioo-page-wrapper {
    position: relative;
    width: 100vw; /* Use Viewport Width */
    margin-top: -100px !important; /* Forces it up */
    padding-top: 100px !important; /* Keeps the content where it was */
    top: 0;
    left: 0;
}/* End custom CSS */
/* Start custom CSS */<style>
/* 1. Reset the entire browser canvas to be FLAT orange */
html, 
body, 
#page, 
#content, 
.elementor-page, 
.elementor-kit-8 /* Target the specific Elementor Global Kit */ {
    background: #F68A3C !important; /* Flat color, no 'linear-gradient' */
    background-color: #F68A3C !important;
    background-image: none !important; /* This kills the hidden gradient */
}

/* 2. Target the 'Body' specifically as themes often hide gradients here */
body.elementor-page-42 /* Replace with your page ID if you know it, or leave as 'body' */ {
    background: #F68A3C !important;
}

/* 3. Kill any 'Background Overlay' that might be adding a dark tint to the bottom */
.elementor-background-overlay {
    display: none !important;
}

/* 4. Ensure every individual section is transparent so it shows the flat orange behind it */
.elementor-section, .elementor-container, .elementor-column-wrap {
    background: transparent !important;
}
</style>/* End custom CSS */