.elementor-1090 .elementor-element.elementor-element-95f0be7{--display:flex;--min-height:463px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-113px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1090 .elementor-element.elementor-element-95f0be7:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-95f0be7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fp-intl.com/wp-content/uploads/2025/09/History-Banner.webp");background-position:center center;background-size:cover;}.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-1090 .elementor-element.elementor-element-6fd7c35{text-align:center;}.elementor-1090 .elementor-element.elementor-element-6fd7c35 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1090 .elementor-element.elementor-element-ca8d834{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-ca8d834 a{color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-897c98e{--display:flex;--min-height:500px;--margin-top:1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1090 .elementor-element.elementor-element-897c98e:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-897c98e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://fp-intl.com/wp-content/uploads/2025/09/History-Background.webp");background-position:center center;background-size:cover;}.elementor-1090 .elementor-element.elementor-element-3f48664{margin:-8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1090 .elementor-element.elementor-element-95f0be7:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-95f0be7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1090 .elementor-element.elementor-element-897c98e:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-897c98e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-3f48664 */.timeline {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0;
}

.timeline-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 50px;
  font-weight: bold;
}

/* Middle Line */
.timeline::before {
  content: '';
  position: absolute;
  top: 80px; /* Blow the Title */
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 5px;
  background: rgba(10, 30, 60, 0.7); /* Light Navy Blue */
  z-index: 1;
}

/* Each Timeline Item */
.timeline-item {
  width: 50%;
  padding: 2px 10px;
  position: relative;
}

.timeline-item.left { left: 0; text-align: right; }
.timeline-item.right { left: 50%; text-align: left; }

.timeline-content {
  background: rgba(255,255,255,0.6); /* Transparent Box */
  padding: 15px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}

.timeline-content h3 {
  font-size: 1.4rem;
  margin-bottom: 15px;
  color: #0a1e3c;
}

/* Circles */
.event {
  position: relative;
  margin-bottom: 20px;
}

.circle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 12px;
  width: 25px;
  height: 25px;
  border: 2px solid #0a1e3c;
  border-radius: 50%;
  background: #fff;
  z-index: 3;
  transition: background 0.3s;
}

.timeline-item.right .circle {
  left: auto;
  right: 100%;
  margin-right: 12px;
}

/* Hover Effect on whole rowدیف */
.event:hover .circle {
  background: #0a1e3c;
}/* End custom CSS */