.elementor-6533 .elementor-element.elementor-element-12846fb{--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-6533 .elementor-element.elementor-element-12846fb:not(.elementor-motion-effects-element-type-background), .elementor-6533 .elementor-element.elementor-element-12846fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8ECEC;}.elementor-6533 .elementor-element.elementor-element-54b9e05 .title-area .sub-title{color:var( --e-global-color-7931dde );}.elementor-6533 .elementor-element.elementor-element-54b9e05 .title-area .sec-title{color:var( --e-global-color-text );}.elementor-6533 .elementor-element.elementor-element-54b9e05 .title-area .sec-title .bold{color:var( --e-global-color-7931dde );}.elementor-6533 .elementor-element.elementor-element-54b9e05 .title-area .sec-text{color:var( --e-global-color-text );}.elementor-6533 .elementor-element.elementor-element-54b9e05 .feature-item{border-style:none;}/* Start custom CSS for container, class: .elementor-element-12846fb *//* ==========================================
   1. COLUMN ALIGNMENT: Top Align Left Section
   ========================================== */
@media (min-width: 992px) {
    /* Forces the main row to align items to the top instead of vertical center */
    #inapp-start-with-pilot .row.align-items-center {
        display: flex !important;
        align-items: flex-start !important;
    }
}

/* ==========================================
   2. LAYOUT: Two-Column Grid Configuration
   ========================================== */
#inapp-start-with-pilot .features-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px 30px !important; /* Vertical and horizontal spacing */
    padding-left: 0 !important;
    margin: 0 0 35px 0 !important;
    list-style-type: none !important; /* Forces standard bullets to hide */
}

/* ==========================================
   3. ALIGNMENT: Icon Locking to First Line
   ========================================== */
#inapp-start-with-pilot .features-list li {
    display: flex !important;
    align-items: flex-start !important; /* Forces alignment to the first line */
    position: relative !important;
    list-style: none !important;
    padding-left: 0 !important; /* Resets any theme padding */
}

/* Force the pseudo-element icon to act as a proper block inside the flex layout */
#inapp-start-with-pilot .features-list li::before {
    content: "" !important; /* Ensures it renders if empty */
    display: inline-block !important;
    flex-shrink: 0 !important;
    position: static !important; /* Overrides absolute positioning from the theme */
    margin-top: 15px !important; /* Fine-tunes the icon down to line up with the text */
    margin-right: 12px !important; /* Creates reliable space between icon and text */
}

/* If your theme uses an explicit <i> or <span> tag for the icon inside the li */
#inapp-start-with-pilot .features-list li i,
#inapp-start-with-pilot .features-list li img,
#inapp-start-with-pilot .features-list li .icon {
    flex-shrink: 0 !important;
    margin-top: 4px !important; 
    margin-right: 12px !important;
}

/* ==========================================
   4. RESPONSIVENESS: Stacks on Mobile
   ========================================== */
@media (max-width: 767px) {
    #inapp-start-with-pilot .features-list {
        grid-template-columns: 1fr !important;
        gap: 16px 0 !important;
    }
}


#inapp-start-with-pilot .about-content-wrapper .sec-text.text-gray {
    color: #000000 !important;
}/* End custom CSS */