.elementor-213 .elementor-element.elementor-element-00ec962{--display:flex;--min-height:0px;--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:250px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-213 .elementor-element.elementor-element-00ec962:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-00ec962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://fintech.qtechdemo.website/wp-content/uploads/2026/04/Feel-The-Sky-Full-HD-Wallpaper-rotated.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-213 .elementor-element.elementor-element-00ec962::before, .elementor-213 .elementor-element.elementor-element-00ec962 > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-00ec962 > .e-con-inner > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-00ec962 > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-00ec962 > .e-con-inner > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-00ec962 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000006B;--background-overlay:'';}.elementor-213 .elementor-element.elementor-element-c040693{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:32px 32px;--row-gap:32px;--column-gap:32px;--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-213 .elementor-element.elementor-element-c040693:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-c040693 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title.text_fill > span{background-color:transparent;background-image:linear-gradient(360deg, var( --e-global-color-accent ) 39%, var( --e-global-color-3629020 ) 100%);}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"Montserrat", Sans-serif;font-size:55px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1em;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title span:last-child, .elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title > span{font-size:24px;}.elementor-213 .elementor-element.elementor-element-0b2f458{--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;}@media(min-width:768px){.elementor-213 .elementor-element.elementor-element-c040693{--width:100%;}}@media(max-width:1024px){.elementor-213 .elementor-element.elementor-element-00ec962{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title{font-size:50px;}}@media(max-width:767px){.elementor-213 .elementor-element.elementor-element-00ec962{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-213 .elementor-element.elementor-element-c040693{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-213 .elementor-element.elementor-element-cc6605e .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;}}@media(min-width:1025px){.elementor-213 .elementor-element.elementor-element-00ec962:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-00ec962 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-00ec962 *//* FINTECH Hero Section Styles
   Focuses on readability and responsive background behavior
*/

/* --- 1. Desktop & Global Hero Styles --- */
.hero-bg {
    /* Deeper overlay (0.85 opacity) for better text contrast */

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
}

/* --- 2. Mobile & Tablet Hero Fix (Up to 1024px) --- */
@media (max-width: 1024px) {
    .hero-bg {
        min-height: 100vh !important; /* Force full screen height on mobile/tablet */
        background-size: cover; /* Keeps the background immersive */
        background-position: center center;
        /* Even darker overlay for small screens where text covers more area */
        background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url("https://fintech.qtechdemo.website/wp-content/uploads/2026/04/photo55.jpg");
    }

    /* Ensuring hero content is properly centered and padded */
    .hero-bg .elementor-container {
        width: 100% !important;
        padding: 0 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Scaling Hero Title for readability */
    .hero-bg h1.ekit-heading--title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
        color: #ffffff !important;
    }

    /* Hero Subtext scaling */
    .hero-bg .elementor-widget-text-editor {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 90% !important;
        margin: 0 auto !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }
}

/* Specific Phone adjustment for background positioning */
@media (max-width: 768px) {
    .hero-bg {
        /* Optional: switch to 'contain' if you want to see the whole image at the top,
           but 'cover' usually looks better for a 100vh hero. 
           Keeping it 'cover' for better UI immersion. */
        background-size: cover !important;
        background-position: top center !important;
        background-color: #000 !important;
    }
}/* End custom CSS */