.elementor-248 .elementor-element.elementor-element-104aa1f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-248 .elementor-element.elementor-element-104aa1f:not(.elementor-motion-effects-element-type-background), .elementor-248 .elementor-element.elementor-element-104aa1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #FFFFFF 66%, var( --e-global-color-bbc8619 ) 98%);}.elementor-248 .elementor-element.elementor-element-5a6b7e0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-248 .elementor-element.elementor-element-61f2916 .elementor-button{background-color:var( --e-global-color-secondary );fill:#8E1CFF;color:#8E1CFF;box-shadow:4px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}.elementor-248 .elementor-element.elementor-element-61f2916{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-248 .elementor-element.elementor-element-61f2916 .elementor-button-content-wrapper{flex-direction:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-248 .elementor-element.elementor-element-c2fbfd7{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-248 .elementor-element.elementor-element-53dc92b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Hind Siliguri", Sans-serif;font-weight:400;}.elementor-248 .elementor-element.elementor-element-53dc92b.elementor-element{--align-self:center;}.elementor-248 .elementor-element.elementor-element-3d29941 .elementor-button-content-wrapper{flex-direction:row;}.elementor-248 .elementor-element.elementor-element-3d29941 .elementor-button{fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );border-radius:50px 50px 50px 50px;}.elementor-248 .elementor-element.elementor-element-5c6dedb{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-248 .elementor-element.elementor-element-153e022{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-248 .elementor-element.elementor-element-153e022.e-con{--align-self:center;}.elementor-248 .elementor-element.elementor-element-9059d5b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-248 .elementor-element.elementor-element-e71f925{--e-image-carousel-slides-to-show:6;}.elementor-248 .elementor-element.elementor-element-bba1abd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-248 .elementor-element.elementor-element-3d021b6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-248 .elementor-element.elementor-element-4626e7d{font-family:"Hind Siliguri", Sans-serif;font-weight:400;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-248 .elementor-element.elementor-element-6cfcf3c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-248 .elementor-element.elementor-element-6cfcf3c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-248 .elementor-element.elementor-element-6cfcf3c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-248 .elementor-element.elementor-element-6cfcf3c .elementor-icon-list-text{transition:color 0.3s;}@media(min-width:768px){.elementor-248 .elementor-element.elementor-element-bba1abd{--width:100%;}}@media(max-width:1024px){.elementor-248 .elementor-element.elementor-element-e71f925{--e-image-carousel-slides-to-show:6;}}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-104aa1f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-248 .elementor-element.elementor-element-9f8754b{text-align:center;}.elementor-248 .elementor-element.elementor-element-c2fbfd7{text-align:center;}.elementor-248 .elementor-element.elementor-element-e71f925{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for container, class: .elementor-element-5a6b7e0 *//* ========================================================
   PREMIUM ANIMATED BACKGROUND GRADIENT
======================================================== */

.hero-main-container {
    /* আপনার ব্র্যান্ডের হালকা পার্পল এবং সাদার মিশ্রণ */
    background: linear-gradient(-45deg, #FFFFFF, #F3E5FE, #FFFFFF, #f6edff) !important;
    background-size: 400% 400% !important;
    
    /* ব্যাকগ্রাউন্ডটি খুব স্মুথলি মুভ করবে */
    animation: heroBgMotion 12s ease infinite !important;
    
    position: relative !important;
    z-index: 1 !important;
}

/* স্মুথ অ্যানিমেশনের কি-ফ্রেম (Keyframes) */
@keyframes heroBgMotion {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-104aa1f *//* 1. Main Hero Container (Premium Brand Animation) */
.hero-main-container {
    position: relative !important;
    background: linear-gradient(-45deg, #FFFFFF, #F3E5FE, #FFFFFF, #f6edff) !important;
    background-size: 400% 400% !important;
    animation: heroBgMotion 12s ease infinite !important;
    padding: 100px 20px 80px 20px !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

@keyframes heroBgMotion {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Subtle Premium Glow behind the text */
.hero-main-container::before {
    content: '';
    position: absolute;
    top: -10%; left: 50%;
    transform: translateX(-50%);
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(243, 229, 254, 0.8) 0%, rgba(255,255,255,0) 70%) !important;
    z-index: -1;
    pointer-events: none;
}

/* 2. Interactive Background Illustration (In Brand Colors) */
.b2b-saas-illustration {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    overflow: hidden;
    z-index: 0;
    pointer-events: none;
}

/* Premium Tech Grid (Purple 200 light grid) */
.tech-grid {
    position: absolute;
    width: 200%; height: 200%;
    top: -50%; left: -50%;
    background-image:
        linear-gradient(to right, rgba(217, 170, 252, 0.15) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(217, 170, 252, 0.15) 1px, transparent 1px);
    background-size: 60px 60px;
    transform: rotateX(60deg) rotateZ(-45deg);
    transform-origin: center center;
    animation: gridMove 20s linear infinite;
}

@keyframes gridMove {
    0% { transform: rotateX(60deg) rotateZ(-45deg) translateY(0); }
    100% { transform: rotateX(60deg) rotateZ(-45deg) translateY(60px); }
}

/* Floating Data Orbs (Brand Color Glow) */
.data-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(60px);
    opacity: 0.6;
    animation: floatOrb 10s infinite alternate ease-in-out;
}

.primary-orb {
    width: 350px; height: 350px;
    background: #930BF4; /* Purple 600 */
    top: -10%; right: 10%;
}

.secondary-orb {
    width: 250px; height: 250px;
    background: #B060F8; /* Purple 400 */
    bottom: -10%; left: 5%;
    animation-delay: -5s;
    animation-duration: 12s;
}

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(40px, -50px) scale(1.1); }
}

/* Connection Lines (Purple scan line) */
.connection-line {
    position: absolute;
    background: linear-gradient(90deg, transparent, rgba(147, 11, 244, 0.3), transparent);
    animation: scanLine 6s linear infinite;
}

.line-x { width: 100%; height: 2px; top: 30%; left: 0; }
.line-y { width: 2px; height: 100%; top: 0; left: 70%;
    background: linear-gradient(180deg, transparent, rgba(147, 11, 244, 0.3), transparent);
    animation-delay: -3s; animation-duration: 8s; }

@keyframes scanLine {
    0% { transform: translateY(-100px) translateX(-100px); opacity: 0; }
    50% { opacity: 1; }
    100% { transform: translateY(100vh) translateX(100vw); opacity: 0; }
}

/* Ensure foreground content is above interactive elements */
.hero-main-container > * { position: relative; z-index: 2; }

/* 3. Centered Content Layout (EcomPilot Style) */
.hero-content-wrapper {
    max-width: 900px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* Premium Top Badge (Purple 50 + Purple 200) */
.hero-badge {
    display: inline-flex !important;
    justify-content: center;
    margin-bottom: 2px !important;
}
.hero-badge .elementor-button,
.hero-badge .elementor-widget-container {
    background-color: #F3E5FE !important;
    border: 1px solid #D9AAFC !important;
    border-radius: 50px !important;
    padding: 10px 18px !important;
    box-shadow: none !important;
}
.hero-badge .elementor-button-text,
.hero-badge .elementor-icon i {
    color: #930BF4 !important; /* Purple 600 */
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Heading Hierarchy */
.hero-title-top .elementor-heading-title {
    color: #3B0468 !important; /* Purple 900 */
    font-size: 48px !important;
    font-weight: 900 !important;
    line-height: 0.9 !important;
    letter-spacing: -1px !important;
    margin: 0 0 0px 0 !important;
}

/* Primary Gradient Main Heading (Purple 600 -> 800) */
.hero-title-main .elementor-heading-title {
    background: linear-gradient(135deg, #930BF4 0%, #6007AD 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 56px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -1px !important;
    margin: 0 0 1px 0 !important;
}

/* Description (Purple 800) */
.hero-desc {
    max-width: 700px !important;
    margin: 0 auto 1px auto !important;
}
.hero-desc p {
    color: #6007AD !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    opacity: 0.85 !important;
    margin: 0 !important;
}

/* Feature List (EcomPilot style but Brand Colors) */
.hero-features-list {
    display: flex !important;
    justify-content: center !important;
    margin-top: 40px !important;
    margin-bottom: 50px !important;
}
.hero-features-list .elementor-icon-list-item {
    margin: 0 15px !important;
    text-align: left !important;
}
.hero-features-list .elementor-icon-list-text {
    color: #3B0468 !important; /* Purple 900 */
    font-size: 15px !important;
    font-weight: 600 !important;
}
/* Feature Icons */
.hero-features-list .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon i { color: #16A35C !important; } /* Success Green */
.hero-features-list .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon i { color: #8B5CF6 !important; } /* Info Purple */
.hero-features-list .elementor-icon-list-item:nth-child(3) .elementor-icon-list-icon i { color: #F59E0B !important; } /* Warning Orange */

/* Dual CTA Buttons */
.hero-btns-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
}

.hero-btn-solid .elementor-button {
    background-color: #930BF4 !important; /* Purple 600 */
    color: #FFFFFF !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 16px 36px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    box-shadow: 0px 4px 15px rgba(147, 11, 244, 0.25) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.hero-btn-solid .elementor-button:hover {
    background-color: #6007AD !important; /* Purple 800 */
    transform: translateY(-3px) !important;
    box-shadow: 0px 8px 25px rgba(96, 7, 173, 0.35) !important;
}

.hero-btn-outline .elementor-button {
    background-color: transparent !important;
    color: #930BF4 !important; /* Purple 600 */
    border: 2px solid #D9AAFC !important; /* Purple 200 */
    border-radius: 8px !important;
    padding: 14px 34px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}
.hero-btn-outline .elementor-button:hover {
    background-color: #F3E5FE !important; /* Purple 50 */
    border-color: #930BF4 !important;
    transform: translateY(-3px) !important;
}

/* 4. Responsive Adjustments (Mobile) */
@media (max-width: 767px) {
    .hero-main-container { padding: 80px 15px 60px 15px !important; text-align: center !important;}
    .hero-title-top .elementor-heading-title { font-size: 32px !important; line-height: 1.3 !important; }
    .hero-title-main .elementor-heading-title { font-size: 38px !important; line-height: 1.3 !important; }
    .hero-desc p { font-size: 16px !important; }
    .hero-features-list { flex-direction: column !important; align-items: center !important; margin-top: 30px !important; margin-bottom: 30px !important; }
    .hero-features-list .elementor-icon-list-item { margin: 10px 0 !important; }
    .hero-btns-wrapper { flex-direction: column !important; gap: 10px !important; width: 100% !important; }
    .hero-btn-solid .elementor-button, .hero-btn-outline .elementor-button { width: 100% !important; justify-content: center !important;}
}

```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153e022 *//* ========================================================
   PREMIUM B2B CLIENT LOGO SECTION (REDUCED GAPS)
======================================================== */

/* 1. Main Section Spacing */
.premium-client-section {
    padding: 10px 20px !important; /* উপরে-নিচে গ্যাপ ৮০ থেকে ৫০ করা হয়েছে */
    background-color: #FFFFFF !important;
    text-align: center !important;
}

/* 2. Top Badge Styling */
.client-badge {
    display: inline-flex !important;
    justify-content: center;
    margin-bottom: 12px !important; /* ব্যাজ এবং টাইটেলের মাঝের গ্যাপ কমানো হয়েছে */
}
.client-badge .elementor-heading-title {
    color: #64748B;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 50px !important;
    padding: 6px 20px !important;
    background: transparent !important;
}

/* 3. Main Title & Subtitle */
.client-title .elementor-heading-title {
    color: #111827 !important; 
    font-size: 36px !important;
    font-weight: 900 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 0px !important; /* টাইটেল এবং সাব-টাইটেলের মাঝের গ্যাপ কমানো হয়েছে */
}

.client-subtitle {
    max-width: 600px !important;
    margin: 0 auto 0px auto !important; /* সাব-টাইটেল এবং লোগোর মাঝের গ্যাপ ৫০ থেকে ৩০ করা হয়েছে */
}
.client-subtitle p, 
.client-subtitle .elementor-heading-title {
    color: #6B7280 !important; 
    font-size: 16px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
}

/* 4. Logo Carousel Styling (The Box Effect) */
.client-logo-carousel .swiper-slide {
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important; 
    border-radius: 12px !important; 
    height: 85px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 15px !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    margin: 6px !important; /* লোগো বক্সগুলোর নিজেদের মাঝখানের গ্যাপ কমানো হয়েছে */
}

/* Hover effect for the boxes */
.client-logo-carousel .swiper-slide:hover {
    border-color: #D9AAFC !important; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

/* 5. Logo Image Setup */
.client-logo-carousel .swiper-slide img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    filter: grayscale(100%) opacity(70%) !important; 
    transition: all 0.3s ease !important;
}

/* Colored logo on hover */
.client-logo-carousel .swiper-slide:hover img {
    filter: grayscale(0%) opacity(100%) !important;
}

/* 6. Magic Edge Fade Effect */
.client-logo-carousel {
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 15%, black 85%, transparent 100%);
}

/* 7. Responsive Adjustments */
@media (max-width: 767px) {
    .premium-client-section { padding: 40px 15px !important; }
    .client-title .elementor-heading-title { font-size: 24px !important; }
    .client-logo-carousel .swiper-slide { height: 70px !important; margin: 4px !important; }
    .client-logo-carousel {
        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
        mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bba1abd *//* ========================================================
   LUMO PREMIUM AESTHETIC STORY SECTION (UPDATED)
======================================================== */

/* 1. Main Background & Interactive Grid */
.lumo-full-story-section {
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    padding: 100px 20px !important;
    background: linear-gradient(135deg, #F9F5FF 0%, #FFFFFF 50%, #F3E5FE 100%) !important; /* Soft Brand Gradient */
}

/* Animated Grid Background */
.lumo-full-story-section::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background-image:
        linear-gradient(to right, rgba(147, 11, 244, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(147, 11, 244, 0.05) 1px, transparent 1px);
    background-size: 60px 60px;
    transform: rotateX(60deg) rotateZ(-45deg) translateZ(0);
    z-index: -1;
    pointer-events: none;
    animation: gridFloat 25s linear infinite;
}
@keyframes gridFloat {
    0% { transform: rotateX(60deg) rotateZ(-45deg) translateY(0); }
    100% { transform: rotateX(60deg) rotateZ(-45deg) translateY(60px); }
}

/* 2. Content Wrapper - limits width for perfect aesthetics */
.full-story-content-wrapper {
    max-width: 900px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centers Badge and Title */
}

/* 3. Top Badge */
.full-story-badge { margin-bottom: 20px !important; text-align: center !important; }
.full-story-badge .elementor-heading-title {
    color: #930BF4 !important; 
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    background-color: #FFFFFF !important;
    border: 1px solid #D9AAFC !important;
    padding: 8px 24px !important;
    border-radius: 50px !important;
    display: inline-block !important;
    box-shadow: 0 4px 15px rgba(147, 11, 244, 0.08) !important;
}

/* 4. Main Title */
.full-story-title { margin-bottom: 40px !important; text-align: center !important; width: 100% !important; }
.full-story-title .elementor-heading-title {
    color: #21033A !important; /* Very Deep Purple */
    font-size: 36px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: -1px !important;
}

/* 5. The Aesthetic Text Card (Fixes the stretched text issue) */
.full-story-desc {
    background: rgba(255, 255, 255, 0.85) !important; /* Glass Effect */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 1) !important;
    border-radius: 24px !important;
    padding: 50px 60px !important; /* Gives text room to breathe */
    box-shadow: 0 20px 50px rgba(96, 7, 173, 0.05) !important; /* Premium soft shadow */
    text-align: left !important; /* Left alignment is best for reading stories */
    width: 100% !important;
    margin-bottom: 40px !important;
}

/* Paragraph styling inside the card */
.full-story-desc p {
    color: #4B5563 !important; 
    font-size: 17px !important;
    line-height: 1.9 !important; /* Increased line height for elegance */
    margin-bottom: 25px !important;
}
.full-story-desc p:last-child { margin-bottom: 0 !important; }

/* Making the bold text stand out like elegant subheadings */
.full-story-desc strong {
    color: #3B0468 !important; /* Brand Purple 900 */
    font-size: 20px !important;
    font-weight: 700 !important;
    display: block !important; /* Puts subheading on its own line */
    margin-bottom: 8px !important;
    margin-top: 10px !important;
}

/* 6. Services Grid (Makes the bottom tags look professional) */
.full-story-services {
    width: 100% !important;
}
/* Force the Elementor Icon List into a 2-column Grid */
.full-story-services .elementor-icon-list-items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

.full-story-services .elementor-icon-list-item {
    background: #FFFFFF !important;
    padding: 18px 24px !important;
    border-radius: 16px !important;
    border: 1px solid #E2E8F0 !important;
    transition: all 0.3s ease !important;
    justify-content: flex-start !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;
}
.full-story-services .elementor-icon-list-item:hover {
    border-color: #930BF4 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(147, 11, 244, 0.1) !important;
}
.full-story-services .elementor-icon-list-icon i {
    color: #930BF4 !important;
    font-size: 22px !important;
}
.full-story-services .elementor-icon-list-text {
    color: #1F2937 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* 7. Mobile Responsiveness */
@media (max-width: 767px) {
    .lumo-full-story-section { padding: 60px 15px !important; }
    .lumo-full-story-section::before { display: none !important; } /* Better mobile performance */
    
    .full-story-title .elementor-heading-title { font-size: 28px !important; }
    
    .full-story-desc { padding: 30px 20px !important; border-radius: 16px !important; }
    .full-story-desc p { font-size: 15px !important; line-height: 1.7 !important; }
    .full-story-desc strong { font-size: 18px !important; }
    
    /* Revert services grid to single column on mobile */
    .full-story-services .elementor-icon-list-items { grid-template-columns: 1fr !important; gap: 12px !important;}
}/* End custom CSS */