.elementor-16776 .elementor-element.elementor-element-66ada8f{--display:flex;--min-height:90vh;--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;--overlay-opacity:0.4;--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-16776 .elementor-element.elementor-element-66ada8f:not(.elementor-motion-effects-element-type-background), .elementor-16776 .elementor-element.elementor-element-66ada8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://7emiratesrealestate.com/wp-content/uploads/2025/10/investment.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16776 .elementor-element.elementor-element-66ada8f::before, .elementor-16776 .elementor-element.elementor-element-66ada8f > .elementor-background-video-container::before, .elementor-16776 .elementor-element.elementor-element-66ada8f > .e-con-inner > .elementor-background-video-container::before, .elementor-16776 .elementor-element.elementor-element-66ada8f > .elementor-background-slideshow::before, .elementor-16776 .elementor-element.elementor-element-66ada8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-16776 .elementor-element.elementor-element-66ada8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 50%, #F2295B00 100%);}.elementor-16776 .elementor-element.elementor-element-cafa91c{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-16776 .elementor-element.elementor-element-a0e462f{text-align:left;}.elementor-16776 .elementor-element.elementor-element-a0e462f .elementor-heading-title{font-size:54px;color:#FFFFFF;}.elementor-16776 .elementor-element.elementor-element-f36d8aa .elementor-heading-title{font-size:24px;line-height:1.4em;color:#FFFFFF;}.elementor-16776 .elementor-element.elementor-element-8441e19{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-16776 .elementor-element.elementor-element-0f30607{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16776 .elementor-element.elementor-element-1164ec1{padding:0px 0px 0px 0px;}.elementor-16776 .elementor-element.elementor-element-1164ec1 .elementor-heading-title{font-size:21px;font-weight:500;line-height:1.4em;}.elementor-16776 .elementor-element.elementor-element-d86530a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-16776 .elementor-element.elementor-element-dfb7546 .elementor-heading-title{font-weight:400;line-height:1.6em;}.elementor-16776 .elementor-element.elementor-element-6dae082{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-16776 .elementor-element.elementor-element-6dae082:not(.elementor-motion-effects-element-type-background), .elementor-16776 .elementor-element.elementor-element-6dae082 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-16776 .elementor-element.elementor-element-19ceeb9{text-align:center;}.elementor-16776 .elementor-element.elementor-element-19ceeb9 .elementor-heading-title{font-size:16px;}.elementor-16776 .elementor-element.elementor-element-714b592{text-align:center;}.elementor-16776 .elementor-element.elementor-element-714b592 .elementor-heading-title{font-size:42px;}.elementor-16776 .elementor-element.elementor-element-32e034a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-16776 .elementor-element.elementor-element-66ada8f{--min-height:60vh;}.elementor-16776 .elementor-element.elementor-element-cafa91c{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-16776 .elementor-element.elementor-element-a0e462f .elementor-heading-title{font-size:28px;}.elementor-16776 .elementor-element.elementor-element-f36d8aa .elementor-heading-title{font-size:17px;}.elementor-16776 .elementor-element.elementor-element-8441e19{--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-16776 .elementor-element.elementor-element-1164ec1 .elementor-heading-title{font-size:18px;}.elementor-16776 .elementor-element.elementor-element-d86530a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16776 .elementor-element.elementor-element-dfb7546{padding:0px 0px 0px 0px;}.elementor-16776 .elementor-element.elementor-element-6dae082{--padding-top:40px;--padding-bottom:40px;--padding-left:12px;--padding-right:12px;}.elementor-16776 .elementor-element.elementor-element-714b592 .elementor-heading-title{font-size:32px;}}@media(min-width:768px){.elementor-16776 .elementor-element.elementor-element-66ada8f{--content-width:1240px;}.elementor-16776 .elementor-element.elementor-element-0f30607{--width:50%;}.elementor-16776 .elementor-element.elementor-element-d86530a{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-32e034a */.timeline {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 20px;
}

/* Vertical line in center */
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: #e6e6e6;
  transform: translateX(-50%);
}

/* Timeline item container */
.timeline-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 60px 0;
}

/* Number circles in center */
.timeline-circle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  background: #181C38;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Content cards */
.timeline-content {
  width: 40%;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.timeline-content:hover {
  transform: translateY(-5px);
}

.timeline-content h4 {
  font-size: 24px;
  margin-bottom: 10px;
  color: #222;
}

.timeline-content p {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/* Left and Right positioning */
.timeline-item.left .timeline-content {
  margin-right: auto;
  text-align: right;
  padding-right: 30px;
}

.timeline-item.right .timeline-content {
  margin-left: auto;
  text-align: left;
  padding-left: 30px;
}

/* Responsive */
@media (max-width: 768px) {
  .timeline::before {
    left: 30px;
  }

  .timeline-item {
    flex-direction: column;
    align-items: flex-start;
    margin: 40px 0;
  }

  .timeline-circle {
    left: 30px;
    transform: translateX(0);
  }

  .timeline-content {
    width: 100%;
    margin-top: 20px;
    text-align: left !important;
    padding-left: 30px;
    padding-top: 50px;
  }
}/* End custom CSS */