.elementor-7501 .elementor-element.elementor-element-ac1e700:not(.elementor-motion-effects-element-type-background), .elementor-7501 .elementor-element.elementor-element-ac1e700 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F3F6;}.elementor-7501 .elementor-element.elementor-element-ac1e700{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:40px 0px 0px 0px;z-index:1;}.elementor-7501 .elementor-element.elementor-element-ac1e700 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-7501 .elementor-element.elementor-element-d40f077 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:400;line-height:42px;color:#303A54;}.elementor-7501 .elementor-element.elementor-element-7234fcd{text-align:justify;}.elementor-7501 .elementor-element.elementor-element-7234fcd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#303A54;}.elementor-7501 .elementor-element.elementor-element-716e71a > .elementor-element-populated, .elementor-7501 .elementor-element.elementor-element-716e71a > .elementor-element-populated > .elementor-background-overlay, .elementor-7501 .elementor-element.elementor-element-716e71a > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-7501 .elementor-element.elementor-element-716e71a > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-7501 .elementor-element.elementor-element-716e71a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(29px/2);}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(29px/2);}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(29px/2);margin-left:calc(29px/2);}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-29px/2);margin-left:calc(-29px/2);}body.rtl .elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-29px/2);}body:not(.rtl) .elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-29px/2);}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-7501 .elementor-element.elementor-element-06beb0b{--e-icon-list-icon-size:27px;--icon-vertical-offset:0px;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-icon{padding-right:9px;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-7501 .elementor-element.elementor-element-06beb0b .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-7501 .elementor-element.elementor-element-1e83a8d .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:600;fill:#303A54;color:#303A54;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C5BA90;border-radius:30px 30px 30px 30px;}.elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button:hover, .elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button:focus{background-color:#C5BA90;color:#FFFFFF;}.elementor-7501 .elementor-element.elementor-element-1e83a8d > .elementor-widget-container{margin:30px 0px 40px 0px;}.elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button:hover svg, .elementor-7501 .elementor-element.elementor-element-1e83a8d .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-7501 .elementor-element.elementor-element-716e71a{width:50.443%;}.elementor-7501 .elementor-element.elementor-element-f730f33{width:49.421%;}}@media(max-width:767px){.elementor-7501 .elementor-element.elementor-element-ac1e700{padding:0px 15px 0px 15px;}}/* Start custom CSS for section, class: .elementor-element-ac1e700 *//* --- 1. RESTORED LAPTOP COLUMN (ORIGINAL SHAPE) --- */
.laptop-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1;
    min-height: 500px;
    margin-left: 80px !important; /* Keeps the space you requested */
}

/* Original Blob Background */
.laptop-column::before {
    content: "";
    position: absolute;
    width: 450px; 
    height: 450px;
    background-color: #1f83b4; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    animation: premiumMorph 15s ease-in-out infinite;
}

/* Original Fixed Screen-Swap Logic */
.laptop-column .elementor-widget-image .elementor-widget-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.laptop-column img {
    transition: opacity 0.5s ease-in-out !important;
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
}

.laptop-column .elementor-widget-image .elementor-widget-container::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url("https://investangier.com/wp-content/uploads/2026/01/macbook-contents-6-697c83025ef76.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 3;
}

.laptop-column:hover img { opacity: 0; }
.laptop-column:hover .elementor-widget-image .elementor-widget-container::after { opacity: 1; }

/* --- 2. PREMIUM GOLD LIST STYLE (LARGE ICONS + CHEVRON) --- */

.investment-feature-item .elementor-icon-list-item {
    background: #ffffff !important;
    margin-bottom: 25px !important;
    padding: 0 !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: stretch !important;
    border: 1px solid #1f83b4;
    box-shadow: 0 10px 30px rgba(0,0,0,0.04);
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1) !important;
    overflow: visible !important; 
    position: relative;
}

/* The Icon Block (Pillar) */
.investment-feature-item .elementor-icon-list-icon {
    background: linear-gradient(135deg, #1f83b4 0%, #DED6B8 160%) !important;
    width: 110px !important; 
    min-height: 100px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
    border-radius: 17px 0 0 17px;
    transition: all 0.5s ease !important;
}

/* THE MODERN ">" SEPARATOR */
.investment-feature-item .elementor-icon-list-icon::after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 30px;
    height: 30px;
    background: #1f83b4; 
    z-index: -1;
    border-radius: 4px;
    box-shadow: 5px -5px 15px rgba(0,0,0,0.05);
    transition: all 0.5s ease !important;
}

/* LARGE ICONS (45px) */
.investment-feature-item .elementor-icon-list-icon svg,
.investment-feature-item .elementor-icon-list-icon i {
    width: 45px !important;
    height: 45px !important;
    position: relative;
    left: 10px !important; /* Change this from -5px to 0 */
    transition: all 0.4s ease !important;
}

/* Default Icon Color */
.investment-feature-item .elementor-icon-list-icon svg path,
.investment-feature-item .elementor-icon-list-icon svg rect,
.investment-feature-item .elementor-icon-list-icon i {
    fill: #fff !important;
    color: #303A54 !important;
    transition: all 0.4s ease !important;
}

/* Text Area */
.investment-feature-item .elementor-icon-list-text {
    padding: 25px 35px 25px 45px !important;
    color: #303A54 !important;
    /*font-size: 16px !important;*/
    line-height: 1.6 !important;
    display: flex;
    align-items: center;
}

/* --- 3. HOVER EFFECTS (GOLD GRADIENT + WHITE ICON) --- */

.investment-feature-item .elementor-icon-list-item:hover {
    transform: translateX(20px) !important;
    box-shadow: 0 20px 40px rgba(197, 186, 144, 0.2) !important;
    border-color: #1f83b4 !important;
}

.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background: linear-gradient(135deg, #1f83b4 0%, #8E8256 150%) !important;
}

.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon::after {
    background: #1f83b4 !important; 
}

/* ICON TURNS WHITE ON HOVER */
.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon svg path,
.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon svg rect,
.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* --- 4. KEYFRAMES --- */
@keyframes premiumMorph {
    0% { border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%; transform: translate(-50%, -50%) scale(1); }
    33% { border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%; transform: translate(-50%, -50%) scale(1.05); }
    66% { border-radius: 30% 70% 70% 30% / 50% 60% 40% 50%; transform: translate(-50%, -50%) scale(0.95); }
    100% { border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%; transform: translate(-50%, -50%) scale(1); }
}

/* Mobile Adjustments */
@media (max-width: 1024px) {
    .laptop-column { margin-left: 0 !important; }
    .investment-feature-item .elementor-icon-list-icon { width: 85px !important; }
    .investment-feature-item .elementor-icon-list-icon svg { width: 35px !important; height: 35px !important; }
    .investment-feature-item .elementor-icon-list-icon::after { display: none; }
}






/* 1. Make the icons move on hover */
.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
    animation: icon-bounce 1.2s ease-in-out infinite;
}

@keyframes icon-bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-5px) scale(1.1); }
}

/* 2. "Drawing" effect (Works if your SVGs have strokes) */
.investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon svg path {
    stroke: #ffffff;
    stroke-width: 1px;
    stroke-dasharray: 100;
    animation: draw 2s linear infinite;
}

@keyframes draw {
    from { stroke-dashoffset: 200; }
    to { stroke-dashoffset: 0; }
}



@keyframes icon-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}/* End custom CSS */