.elementor-6281 .elementor-element.elementor-element-151a112{--display:flex;--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-6281 .elementor-element.elementor-element-d105451 .hero-button{text-align:left;}.elementor-6281 .elementor-element.elementor-element-d105451 .title{font-size:50px;}.elementor-6281 .elementor-element.elementor-element-d105451 .hero-title_shape{margin:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-b861840{--display:flex;--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-6281 .elementor-element.elementor-element-a0626f1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6281 .elementor-element.elementor-element-218518a{--display:flex;--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-6281 .elementor-element.elementor-element-896d26a{--display:flex;--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-6281 .elementor-element.elementor-element-d9cd7f6 .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-d9cd7f6 .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-d9cd7f6 .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-d9cd7f6 .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-d9cd7f6 .choose-section.style-5{background-color:#F8ECEC !important;}.elementor-6281 .elementor-element.elementor-element-f804468{--display:flex;--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-6281 .elementor-element.elementor-element-c7a1d5d .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-c7a1d5d .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-c7a1d5d .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-c7a1d5d .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-c7a1d5d .choose-section.style-5{background-color:#FFFFFF !important;}.elementor-6281 .elementor-element.elementor-element-2462669{--display:flex;--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-6281 .elementor-element.elementor-element-a95c2a1 .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-a95c2a1 .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-a95c2a1 .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-a95c2a1 .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-a95c2a1 .choose-section.style-5{background-color:#F8ECEC !important;}.elementor-6281 .elementor-element.elementor-element-c26e0ca{--display:flex;--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-6281 .elementor-element.elementor-element-3ed3cdb .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-3ed3cdb .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-3ed3cdb .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-3ed3cdb .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-3ed3cdb .choose-section.style-5{background-color:#FFFFFF !important;}.elementor-6281 .elementor-element.elementor-element-de95c79{--display:flex;--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-6281 .elementor-element.elementor-element-d369f0c .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-d369f0c .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-d369f0c .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-d369f0c .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-d369f0c .choose-section.style-5{background-color:#F8ECEC !important;}.elementor-6281 .elementor-element.elementor-element-b4df522{--display:flex;--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-6281 .elementor-element.elementor-element-cbc6dfc .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-cbc6dfc .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-cbc6dfc .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-cbc6dfc .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-cbc6dfc .choose-section.style-5{background-color:#FFFFFF !important;}.elementor-6281 .elementor-element.elementor-element-0d6574b{--display:flex;--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-6281 .elementor-element.elementor-element-9185f4e .choose-thumb img{border-radius:30px 30px 30px 30px;}.elementor-6281 .elementor-element.elementor-element-9185f4e .sec-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-9185f4e .sub-title{font-size:18px;}.elementor-6281 .elementor-element.elementor-element-9185f4e .features-list li{margin-top:0px;}.elementor-6281 .elementor-element.elementor-element-9185f4e .choose-section.style-5{background-color:#F8ECEC !important;}/* Start custom CSS for container, class: .elementor-element-151a112 *//* ==========================================================================
   1. DESKTOP / DEFAULT STYLES (Min-width: 992px)
   ========================================================================== */

/* Base title formatting */
#inapp-capabilities .hero-content .title {
    font-size: 50px !important;
    line-height: 1.2 !important;
}

/* Base title accent shape bounding box */
#inapp-capabilities .hero-title_shape {
    display: inline-block !important;
    vertical-align: middle !important;
    width: 140px !important; 
    height: auto !important;
    margin-left: 15px !important;
}

/* Forces the accent shape image to scale correctly */
#inapp-capabilities .hero-title_shape img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

/* Keeps sub-title lowercase/mixed-case */
#inapp-capabilities .sub-title {
    text-transform: none !important;
}


/* ==========================================================================
   2. TABLET DEVICES (Screens 576px to 991px)
   ========================================================================== */
@media (max-width: 991px) {
    #inapp-capabilities .hero-content .title {
        font-size: 38px !important; 
        line-height: 1.25 !important;
    }

    #inapp-capabilities .hero-title_shape {
        width: 110px !important; 
        margin-left: 10px !important;
    }
    #inapp-capabilities .circle-path_shape {
        display: none !important;
    }
    #inapp-capabilities .info-box {
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        border-radius: 0 !important;
    }
     #inapp-capabilities .hero-right .image img {
        height: auto; 
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
}


/* ==========================================================================
   3. MOBILE DEVICES (Screens 575px and below)
   ========================================================================== */
@media (max-width: 575px) {
    #inapp-capabilities .hero-content .title {
        font-size: 28px !important; 
        line-height: 1.3 !important;
    }

    /* Completely hides the title decorative image wrapper on mobile */
    #inapp-capabilities .hero-title_shape {
        display: none !important;
    }

    /* Completely hides the circle path background shape on mobile */
    #inapp-capabilities .circle-path_shape {
        display: none !important;
    }

    /* Shrinks the main hero thumb image height on mobile */
    #inapp-capabilities .hero-right .image img {
        max-height: 250px !important; /* Adjust this value to get your ideal height */
        width: 100% !important;
        max-width: 100% !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* Forces the info box to be full width on mobile devices */
    #inapp-capabilities .info-box {
        width: 100vw !important;
        max-width: 100vw !important;
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        border-radius: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-218518a *//* ==========================================================================
   GLOBAL RESET & ANIMATION KILL (Runs Everywhere to Fix JS Splitting)
   ========================================================================== */
#inapp-stacking-container .char,
#inapp-stacking-container * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
}

#inapp-stacking-container .char {
    display: inline !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}


/* ==========================================================================
   MOBILE & TABLET RESPONSIVE LAYOUT (Screens under 1025px)
   ========================================================================== */
@media screen and (max-width: 1024px) {
    
    /* 1. Kill Sticky Engine & Reset Heights to Auto */
    #inapp-section-1,
    #inapp-section-2,
    #inapp-section-3,
    #inapp-section-4,
    #inapp-section-5,
    #inapp-section-6,
    #inapp-section-7,
    #inapp-section-8 {
        position: relative !important;
        top: auto !important;
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
        overflow: visible !important;
        box-shadow: none !important;
    }
    
    #inapp-stacking-container .choose-section {
        margin: 15px;
        border-radius: 20px;
        border: 1px solid #000;
    }

    /* 2. Reset Containers for Normal Block Flow */
    #inapp-stacking-container .choose-section.space {
        height: auto !important;
        padding: 40px 20px !important; /* Healthy breathing space for mobile */
        display: block !important;
    }

    #inapp-stacking-container .row {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important; /* Forces Image on TOP, Content on BOTTOM */
        gap: 30px !important; /* Space between image block and text block */
    }

    #inapp-stacking-container .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        display: block !important;
    }

    /* 3. Image Column Mobile Scaling */
    #inapp-stacking-container .choose-thumb.my--120 {
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    #inapp-stacking-container .choose-thumb img {
        width: 100% !important;
        height: 300px !important; /* Reduced image height for compact mobile view */
        max-height: 350px !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 8px !important; /* Optional clean edge rounded corners for mobile */
    }

    /* 4. Content Column Mobile Spacing */
    #inapp-stacking-container .choose-content-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    #inapp-stacking-container h2.sec-title {
        font-size: 1.6rem !important; /* Clean, view-optimized mobile title size */
        line-height: 1.4 !important;
    }

    /* 5. Asterisk Removal for Small Screens */
    #inapp-stacking-container .title-area .sub-title span {
        display: none !important; /* Completely removes the span wrapper holding the asterisk icon */
    }
     #inapp-stacking-container .features-list li {
         padding-left: 35px !important;
     }
}


/* ==========================================================================
   DESKTOP STACKING ENGINE (Only triggers on 1025px screen width and above)
   ========================================================================== */
@media screen and (min-width: 1025px) {

    #inapp-stacking-container {
        position: relative !important; 
        width: 100% !important;
        box-sizing: border-box !important;
    }

    #inapp-section-1,
    #inapp-section-2,
    #inapp-section-3,
    #inapp-section-4,
    #inapp-section-5,
    #inapp-section-6,
    #inapp-section-7,
    #inapp-section-8 {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important; 
        
        height: 100vh !important;
        min-height: 100vh !important;
        max-height: 100vh !important;
        
        overflow: hidden !important;
        box-sizing: border-box !important;
        box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08) !important;
        
        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
        will-change: transform !important;
    }

    /* Layer Control */
    #inapp-section-1 { z-index: 1 !important; }
    #inapp-section-2 { z-index: 2 !important; }
    #inapp-section-3 { z-index: 3 !important; }
    #inapp-section-4 { z-index: 4 !important; }
    #inapp-section-5 { z-index: 5 !important; }
    #inapp-section-6 { z-index: 6 !important; }
    #inapp-section-7 { z-index: 7 !important; }

    #inapp-stacking-container .choose-section.space {
        height: 100% !important;
        padding-top: 0 !important;     
        padding-bottom: 0 !important;  
        display: flex !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    #inapp-stacking-container .container {
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
    }

    #inapp-stacking-container .row {
        height: 100% !important;
        margin: 0 !important;
        align-items: stretch !important; 
    }

    #inapp-stacking-container .col-lg-6 {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #inapp-stacking-container .choose-thumb.my--120 {
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        flex-grow: 1 !important;
        display: block !important;
    }

    #inapp-stacking-container .choose-thumb img {
        width: 100% !important;
        height: 100vh !important;       
        max-height: 100vh !important;
        object-fit: cover !important;    
        object-position: center !important;
        background-repeat: no-repeat !important;
        border-radius: 0 !important;     
        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

    #inapp-stacking-container .choose-content-wrapper {
        margin: auto 0 auto 60px !important; 
        padding-right: 40px !important;     
    }

    #inapp-stacking-container .title-area.two {
        margin-bottom: 15px !important;
    }

    #inapp-stacking-container h2.sec-title {
        font-size: clamp(1.1rem, 2.2vh, 1.3rem) !important; 
        font-weight: 400 !important;                       
        color: #4a5568 !important;                         
        line-height: 1.6 !important;                       
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }

    #inapp-stacking-container h2.sec-title .char {
        font-size: inherit !important;
        font-weight: inherit !important;
        color: inherit !important;
    }

    /* Sane alignment for desktop */
    #inapp-stacking-container .title-area .sub-title {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    #inapp-stacking-container .title-area .sub-title span {
        display: inline-flex !important;
        align-items: center !important;
    }

    #inapp-stacking-container .py-40 {
        padding-top: 15px !important;   
        padding-bottom: 20px !important; 
    }

    #inapp-stacking-container .features-list {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important; 
    }

    #inapp-stacking-container .features-list li {
        margin: 0 !important;
        font-size: clamp(0.9rem, 1.8vh, 1.05rem) !important;
        line-height: 1.2 !important; 
        display: flex !important;
        align-items: center !important; 
        gap: 15px !important; 
        transition: transform 0.3s ease !important;
    }

    #inapp-stacking-container .features-list li:hover {
        transform: translateX(4px) !important;
    }

    #inapp-stacking-container .features-list li i,
    #inapp-stacking-container .features-list li::before {
        line-height: 1 !important;
        margin-bottom: 0 !important;
        margin-right: 5px !important; 
        flex-shrink: 0 !important; 
    }
}/* End custom CSS */