.elementor-18551 .elementor-element.elementor-element-5cbd1f5:not(.elementor-motion-effects-element-type-background), .elementor-18551 .elementor-element.elementor-element-5cbd1f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F3F6;}.elementor-18551 .elementor-element.elementor-element-5cbd1f5{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-18551 .elementor-element.elementor-element-5cbd1f5 > .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-18551 .elementor-element.elementor-element-12c2508 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:400;line-height:42px;color:#303A54;}.elementor-18551 .elementor-element.elementor-element-ab85efd{text-align:justify;}.elementor-18551 .elementor-element.elementor-element-ab85efd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;line-height:22px;color:#303A54;}.elementor-18551 .elementor-element.elementor-element-55c2a04 > .elementor-element-populated, .elementor-18551 .elementor-element.elementor-element-55c2a04 > .elementor-element-populated > .elementor-background-overlay, .elementor-18551 .elementor-element.elementor-element-55c2a04 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-18551 .elementor-element.elementor-element-55c2a04 > .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-18551 .elementor-element.elementor-element-55c2a04 > .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-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(29px/2);}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(29px/2);}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(29px/2);margin-left:calc(29px/2);}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-29px/2);margin-left:calc(-29px/2);}body.rtl .elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-29px/2);}body:not(.rtl) .elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-29px/2);}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .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-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-18551 .elementor-element.elementor-element-c99ed85{--e-icon-list-icon-size:27px;--icon-vertical-offset:0px;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-icon{padding-right:9px;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-18551 .elementor-element.elementor-element-c99ed85 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-18551 .elementor-element.elementor-element-c99ed85 .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-18551 .elementor-element.elementor-element-1f04756 .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-18551 .elementor-element.elementor-element-1f04756 .elementor-button:hover, .elementor-18551 .elementor-element.elementor-element-1f04756 .elementor-button:focus{background-color:#C5BA90;color:#FFFFFF;}.elementor-18551 .elementor-element.elementor-element-1f04756 > .elementor-widget-container{margin:30px 0px 40px 0px;}.elementor-18551 .elementor-element.elementor-element-1f04756 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-18551 .elementor-element.elementor-element-1f04756 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-18551 .elementor-element.elementor-element-1f04756 .elementor-button:hover svg, .elementor-18551 .elementor-element.elementor-element-1f04756 .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-18551 .elementor-element.elementor-element-55c2a04{width:50.443%;}.elementor-18551 .elementor-element.elementor-element-ad05c53{width:49.421%;}}@media(max-width:767px){.elementor-18551 .elementor-element.elementor-element-5cbd1f5{padding:0px 15px 0px 15px;}}/* Start custom CSS for section, class: .elementor-element-5cbd1f5 *//* --- 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: #e9e9e4;
    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-7-697c834a14de0.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 #f89d34;
    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(175deg, #f89d34 0%, #fff 100%) !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: #f89d34;
    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: #303A54 !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: #f89d34 !important;
  }

  .investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon {
    background: linear-gradient(135deg, #f89d34 0%, #f89d34 100%) !important;
  }

  .investment-feature-item .elementor-icon-list-item:hover .elementor-icon-list-icon::after {
    background: #f89d34 !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 */