.elementor-6107 .elementor-element.elementor-element-afb0afa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6107 .elementor-element.elementor-element-afb0afa:not(.elementor-motion-effects-element-type-background), .elementor-6107 .elementor-element.elementor-element-afb0afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7931dde );}.elementor-6107 .elementor-element.elementor-element-9c0da1d > .elementor-widget-container{margin:20px 20px 20px 20px;padding:0px 0px 0px 0px;} .elementor-6107 .elementor-element.elementor-element-9c0da1d .hero-content .title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-6107 .elementor-element.elementor-element-9c0da1d .hero-section.style-2 .hero-content .since span{color:var( --e-global-color-primary );}.elementor-6107 .elementor-element.elementor-element-11d22f0{--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-6107 .elementor-element.elementor-element-0dbbeeb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6107 .elementor-element.elementor-element-0dbbeeb .about-section.style-2 .about-right-wrap .achievement-box .awards .count-number{color:var( --e-global-color-primary );} .elementor-6107 .elementor-element.elementor-element-0dbbeeb .about-section.style-2 .about-right-wrap .achievement-box .awards .count-number{font-size:40px;}.elementor-6107 .elementor-element.elementor-element-0dbbeeb .about-section.style-2 .about-right-wrap .achievement-box .content p{color:var( --e-global-color-7931dde );} .elementor-6107 .elementor-element.elementor-element-0dbbeeb .about-section.style-2 .about-right-wrap .achievement-box .content p{font-size:30px;line-height:39px;}.elementor-6107 .elementor-element.elementor-element-0dbbeeb .achievement-box.bg-theme2{background:#FFFFFF !important;}.elementor-6107 .elementor-element.elementor-element-6117356{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6107 .elementor-element.elementor-element-6117356::before, .elementor-6107 .elementor-element.elementor-element-6117356 > .elementor-background-video-container::before, .elementor-6107 .elementor-element.elementor-element-6117356 > .e-con-inner > .elementor-background-video-container::before, .elementor-6107 .elementor-element.elementor-element-6117356 > .elementor-background-slideshow::before, .elementor-6107 .elementor-element.elementor-element-6117356 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6107 .elementor-element.elementor-element-6117356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-6107 .elementor-element.elementor-element-70fb236 .process-single-box .header .title{color:var( --e-global-color-text );}.elementor-6107 .elementor-element.elementor-element-70fb236 .process-single-box .inner-box .text{color:var( --e-global-color-text );}.elementor-6107 .elementor-element.elementor-element-70fb236 .process-single-box .box-count span{color:var( --e-global-color-text );}@media(max-width:767px){.elementor-6107 .elementor-element.elementor-element-afb0afa{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6107 .elementor-element.elementor-element-9c0da1d > .elementor-widget-container{margin:0px 10px 0px 10px;}}/* Start custom CSS for bentol-banner-tow, class: .elementor-element-9c0da1d */.why-inapp-desc{
    color: black !important;
    width: 80%;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-afb0afa */.why-inapp .popup-video{
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for bentol-about-two, class: .elementor-element-0dbbeeb *//* ==========================================
   #why-inapp-section - Layout & Typography Fixes
   ========================================== */

/* 1. Header & Title Adjustments */
#why-inapp-section .title-area.twoT {
    margin-bottom: 35px !important; /* Pushes the list down to give the title breathing room */
}

#why-inapp-section .sec-title {
    font-size: 38px !important;      /* Cleans up the massive text scaling */
    line-height: 1.3 !important;     /* Adds vertical breathing room between headline lines */
    max-width: 650px !important;     /* Forces a clean, intentional break point for the title text */
    display: block !important;
}

/* Fixes individual animated characters so they don't break awkwardly mid-word */
#why-inapp-section .sec-title .char {
    display: inline !important;      
}

/* 2. List & Icon Alignment Adjustments */
#why-inapp-section .features-list {
    padding-left: 0 !important;
    margin-top: 0 !important;
}

#why-inapp-section .features-list li {
    display: grid !important;         /* Keeps multi-line text wrapped as a single block */
    
    /* Anchors your orange checkmark to the top-left of the first line */
    background-position: left 0 top 6px !important;
    background-repeat: no-repeat !important;
    
    /* Gutter that stops wrapped lines from sliding under the checkmark icon */
    padding-left: 36px !important;   
    
    /* Clean resets */
    list-style-type: none !important;
    text-align: left !important;
    
    /* Spacing between individual list items */
    margin-bottom: 20px !important;  
    font-size: 16px !important;      /* Balances text scale next to the icons */
    line-height: 1.5 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-11d22f0 */#why-inapp-section .row.align-items-center {
    padding: 20px !important; 
}

#why-inapp-section .icon-mom-star::before {
    background-image: none !important;
}
#why-inapp-section .icon-mom-star {
    display: inline-block;
    width: 45px !important;  
    height: 45px !important; 
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


#why-inapp-section .popup-video {
    pointer-events: none !important;
    cursor: default !important;
}

/* Keeps the play icon looking normal but unclickable */
#why-inapp-section .popup-video * {
    pointer-events: none !important;
}/* End custom CSS */
/* Start custom CSS for bentol-process, class: .elementor-element-70fb236 *//* =======================================================
   #why-inapp-what-we-bring - Content Gap & Height Alignment Fix
   ======================================================= */

/* 1. Reset row behavior to ensure layout rows share equal heights */
#why-inapp-what-we-bring .row.gy-30 {
    display: flex !important;
    flex-wrap: wrap !important;
}

#why-inapp-what-we-bring .row.gy-30 > [class*="col-"] {
    display: flex !important;
    flex-direction: column !important;
}

/* 2. Overrides wow.js animation container to pass down 100% height */
#why-inapp-what-we-bring .row.gy-30 > [class*="col-"] > div:first-child {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100% !important;
}

/* 3. Set up the theme box wrapper as a clean flexbox layout */
#why-inapp-what-we-bring .process-single-box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100% !important;
}

#why-inapp-what-we-bring .process-single-box .inner-box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    justify-content: flex-start !important; /* Groups everything tightly at the top */
}

/* 4. Controls the exact gap between the title and description text */
#why-inapp-what-we-bring .process-single-box .header {
    margin-bottom: 12px !important; /* Pulls the content up dramatically */
}

/* 5. ELIMINATES THE GAP: Force description text to start immediately below title */
#why-inapp-what-we-bring .process-single-box .text {
    margin-top: 15px !important;       /* Destroys any inherited theme spacing gaps */
    padding-top: 0 !important;      /* Destroys any inherited theme padding gaps */
    flex-grow: 1 !important;         /* This acts as the spacer at the BOTTOM instead of top */
    margin-bottom: 40px !important;  /* Safe vertical spacing right above the footer bubble */
}

/* 6. Keeps footer numbers cleanly locked to the exact same baseline */
#why-inapp-what-we-bring .process-single-box .box-footer {
    margin-top: auto !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6117356 */#why-inapp-what-we-bring .sub-title{
    text-transform: none !important;
    font-size: 18px !important;
}/* End custom CSS */