.elementor-6392 .elementor-element.elementor-element-3a77611{--display:flex;--min-height:21vh;--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;}.elementor-6392 .elementor-element.elementor-element-3a77611:not(.elementor-motion-effects-element-type-background), .elementor-6392 .elementor-element.elementor-element-3a77611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kpsanghvi.com/wp-content/uploads/2026/03/60-years-banner-bg.jpg");background-repeat:repeat;background-size:contain;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-6392 .elementor-element.elementor-element-c51108b img{height:25vh;object-fit:contain;object-position:center center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-6392 .elementor-element.elementor-element-43b5c77{text-align:center;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-b96f023{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6392 .elementor-element.elementor-element-3b8ebc9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6392 .elementor-element.elementor-element-a437514{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6392 .elementor-element.elementor-element-160a827{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-6392 .elementor-element.elementor-element-ceebd68 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-3c5d900{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-5546aa8{--display:flex;}.elementor-6392 .elementor-element.elementor-element-ba35222 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-2472271{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-c80689d{--display:flex;}.elementor-6392 .elementor-element.elementor-element-067b048 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-4fb45ac{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-3c1f6e0{--display:flex;}.elementor-6392 .elementor-element.elementor-element-52ca42a .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-2e03f59{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-6b0b5e0{--display:flex;}.elementor-6392 .elementor-element.elementor-element-8cba2d1 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-3972264{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-4a8af40{--display:flex;}.elementor-6392 .elementor-element.elementor-element-f5bbe9f .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-a8cb880{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-52b15ad{--display:flex;}.elementor-6392 .elementor-element.elementor-element-f6d85bb .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-bf12173{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-52880ae{--display:flex;}.elementor-6392 .elementor-element.elementor-element-ced4834 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-194711f{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-e25e87b{--display:flex;}.elementor-6392 .elementor-element.elementor-element-521caf2 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-16d09f4{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-44e4393{--display:flex;}.elementor-6392 .elementor-element.elementor-element-4af3517 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-0f5a179{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-ca5df8e{--display:flex;}.elementor-6392 .elementor-element.elementor-element-151f5db .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-88d94dd{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-27e0a1c{--display:flex;}.elementor-6392 .elementor-element.elementor-element-b27aa08 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-075007c{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-bad5cfa{--display:flex;}.elementor-6392 .elementor-element.elementor-element-b4f04cb .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-0d3e80e{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-f450fd9{--display:flex;}.elementor-6392 .elementor-element.elementor-element-864e968 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-61470bd{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-fac5c20{--display:flex;}.elementor-6392 .elementor-element.elementor-element-90bf4a1 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-8f168c0{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-40bac22{--display:flex;}.elementor-6392 .elementor-element.elementor-element-195d8c6 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-c7bdf77{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-c034ef2{--display:flex;}.elementor-6392 .elementor-element.elementor-element-e184b2d .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-92dbd8e{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-706ad61{--display:flex;}.elementor-6392 .elementor-element.elementor-element-cc1deb6 .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-6291990{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}.elementor-6392 .elementor-element.elementor-element-ede6fb7{--display:flex;}.elementor-6392 .elementor-element.elementor-element-92233bb .elementor-heading-title{font-family:"Bellefair", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:36px;color:var( --e-global-color-accent );}.elementor-6392 .elementor-element.elementor-element-64c4d2d{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.25em;color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6392 .elementor-element.elementor-element-b96f023{--content-width:1100px;}.elementor-6392 .elementor-element.elementor-element-3b8ebc9{--width:50%;}.elementor-6392 .elementor-element.elementor-element-a437514{--width:50%;}}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:880px){.elementor-6392 .elementor-element.elementor-element-3a77611:not(.elementor-motion-effects-element-type-background), .elementor-6392 .elementor-element.elementor-element-3a77611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}}@media(max-width:767px){.elementor-6392 .elementor-element.elementor-element-3a77611{--min-height:7vh;}.elementor-6392 .elementor-element.elementor-element-3a77611:not(.elementor-motion-effects-element-type-background), .elementor-6392 .elementor-element.elementor-element-3a77611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6392 .elementor-element.elementor-element-b96f023{--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;}.elementor-6392 .elementor-element.elementor-element-3b8ebc9{--width:30%;}.elementor-6392 .elementor-element.elementor-element-a437514{--width:70%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for heading, class: .elementor-element-ceebd68 */.elementor-6392 .elementor-element.elementor-element-ceebd68 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-160a827 */.elementor-6392 .elementor-element.elementor-element-160a827 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-160a827::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-160a827.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ba35222 */.elementor-6392 .elementor-element.elementor-element-ba35222 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5546aa8 */.elementor-6392 .elementor-element.elementor-element-5546aa8 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-5546aa8::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-5546aa8.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-067b048 */.elementor-6392 .elementor-element.elementor-element-067b048 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c80689d */.elementor-6392 .elementor-element.elementor-element-c80689d {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-c80689d::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-c80689d.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-52ca42a */.elementor-6392 .elementor-element.elementor-element-52ca42a {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c1f6e0 */.elementor-6392 .elementor-element.elementor-element-3c1f6e0 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-3c1f6e0::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-3c1f6e0.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8cba2d1 */.elementor-6392 .elementor-element.elementor-element-8cba2d1 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b0b5e0 */.elementor-6392 .elementor-element.elementor-element-6b0b5e0 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-6b0b5e0::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-6b0b5e0.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f5bbe9f */.elementor-6392 .elementor-element.elementor-element-f5bbe9f {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a8af40 */.elementor-6392 .elementor-element.elementor-element-4a8af40 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-4a8af40::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-4a8af40.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f6d85bb */.elementor-6392 .elementor-element.elementor-element-f6d85bb {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52b15ad */.elementor-6392 .elementor-element.elementor-element-52b15ad {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-52b15ad::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-52b15ad.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ced4834 */.elementor-6392 .elementor-element.elementor-element-ced4834 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52880ae */.elementor-6392 .elementor-element.elementor-element-52880ae {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-52880ae::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-52880ae.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-521caf2 */.elementor-6392 .elementor-element.elementor-element-521caf2 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e25e87b */.elementor-6392 .elementor-element.elementor-element-e25e87b {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-e25e87b::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-e25e87b.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4af3517 */.elementor-6392 .elementor-element.elementor-element-4af3517 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44e4393 */.elementor-6392 .elementor-element.elementor-element-44e4393 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-44e4393::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-44e4393.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-151f5db */.elementor-6392 .elementor-element.elementor-element-151f5db {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca5df8e */.elementor-6392 .elementor-element.elementor-element-ca5df8e {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-ca5df8e::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-ca5df8e.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b27aa08 */.elementor-6392 .elementor-element.elementor-element-b27aa08 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27e0a1c */.elementor-6392 .elementor-element.elementor-element-27e0a1c {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-27e0a1c::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-27e0a1c.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b4f04cb */.elementor-6392 .elementor-element.elementor-element-b4f04cb {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bad5cfa */.elementor-6392 .elementor-element.elementor-element-bad5cfa {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-bad5cfa::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-bad5cfa.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-864e968 */.elementor-6392 .elementor-element.elementor-element-864e968 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f450fd9 */.elementor-6392 .elementor-element.elementor-element-f450fd9 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-f450fd9::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-f450fd9.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90bf4a1 */.elementor-6392 .elementor-element.elementor-element-90bf4a1 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fac5c20 */.elementor-6392 .elementor-element.elementor-element-fac5c20 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-fac5c20::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-fac5c20.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-195d8c6 */.elementor-6392 .elementor-element.elementor-element-195d8c6 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40bac22 */.elementor-6392 .elementor-element.elementor-element-40bac22 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-40bac22::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-40bac22.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e184b2d */.elementor-6392 .elementor-element.elementor-element-e184b2d {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c034ef2 */.elementor-6392 .elementor-element.elementor-element-c034ef2 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-c034ef2::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-c034ef2.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-cc1deb6 */.elementor-6392 .elementor-element.elementor-element-cc1deb6 {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-706ad61 */.elementor-6392 .elementor-element.elementor-element-706ad61 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-706ad61::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-706ad61.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-92233bb */.elementor-6392 .elementor-element.elementor-element-92233bb {
  color: #d0ccc8;
  transition: color 0.5s ease;
}

/* When parent container has .active class */
.tl-item.active .tl-year {
  color: #1a1a18;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ede6fb7 */.elementor-6392 .elementor-element.elementor-element-ede6fb7 {
  min-height: 36vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 0;
  position: relative;
}

/* Dot marker on the vertical line */
.elementor-6392 .elementor-element.elementor-element-ede6fb7::before {
  content: '';
  position: absolute;
  left: -85px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: border-color 0.4s ease, background 0.4s ease,
              transform 0.35s ease;
  z-index: 3;
}

/* Active dot state */
.elementor-6392 .elementor-element.elementor-element-ede6fb7.active::before {
  border-color: #7a8fa6;
  background: #7a8fa6;
  transform: translateY(-50%) scale(1.4);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a437514 */.elementor-6392 .elementor-element.elementor-element-a437514 {
  padding-left: 80px;
  padding-top: 8vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b96f023 */.elementor-6392 .elementor-element.elementor-element-b96f023 {
  position: relative;
}

.elementor-6392 .elementor-element.elementor-element-b96f023::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    #7a8fa6 3%,
    #7a8fa6 97%,
    transparent 100%
  );
  transform: translateX(-50%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS *//* =============================================
   TIMELINE — Full Stylesheet
   ============================================= */

/* Outer section */
.timeline-shell {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  padding-bottom: 100px;
}

/* ── DESKTOP vertical centre line ── */
.timeline-shell::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    #7a8fa6 3%,
    #7a8fa6 97%,
    transparent 100%
  );
  transform: translateX(-50%);
  z-index: 1;
}

/* ── LEFT: sticky image pane ── */
.tl-left {
  position: sticky !important;
  top: 15vh;
  height: 70vh;
  align-self: flex-start;
  overflow: hidden;
}

.tl-left .elementor-widget-wrap {
  position: relative !important;
  height: 100% !important;
}

.tl-left .elementor-widget-image {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
}

.tl-left .elementor-widget-image .elementor-widget-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* All desktop images hidden by default */
.tl-left .elementor-widget-image img {
  width: 75% !important;
  height: 85% !important;
 
  object-fit: contain;
  object-position: center;
  opacity: 0;
  transition: opacity 0.6s ease;
  position: relative !important;
}

/* Active desktop image */
.tl-left .elementor-widget-image img.tl-img-active {
  opacity: 1 !important;
}

/* ── RIGHT: scrolling text ── */
.tl-right {
  padding-left: 80px !important;
  padding-top: 10vh !important;
  padding-bottom: 40vh !important;
}

/* Each timeline entry */
.tl-item {
  min-height: 38vh;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* Desktop dot on centre line */
.tl-item::before {
  content: '';
  position: absolute;
  left: -84px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1.5px solid #e0cfc8;
  background: #f9f8f6;
  transition: all 0.4s ease;
  z-index: 3;
}
.tl-item.active::before {
  border-color: #c2a653 !important;
  background: #c2a653 !important;
  transform: translateY(-50%) scale(1.4) !important;
}

/* Year — inactive */
.tl-year {
  color: #d0ccc8 !important;
  transition: color 0.5s ease !important;
  font-size: 80px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}
/* Year — active */
.tl-item.active .tl-year {
  color: #1a1a18 !important;
}

/* Description — inactive */
.tl-desc {
  color: #cccccc !important;
  transition: color 0.5s ease !important;
  
   
}
/* Description — active */
.tl-item.active .tl-desc {
  color: #555555 !important;
}

/* Mobile image widget — hidden on desktop */
.mobile-img {
  display: none !important;
}

/* =============================================
   MOBILE
   ============================================= */

@media (max-width: 767px) {

  /* Switch from flex columns to single block */
  .timeline-shell > .elementor-container,
  .timeline-shell > .e-container {
    flex-direction: column !important;
  }

  /* Move line to the left */
  .timeline-shell::before {
    left: 55px !important;
    transform: none !important;
  }

  /* Add left padding to make room for line */
  .timeline-shell {
    padding-left: 52px !important;
  }

  /* Hide desktop sticky pane entirely */
  .tl-left {
    display: none !important;
  }

  /* Right column full width, no indent */
  .tl-right {
    width: 100% !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
  }

  /* Items stack naturally */
   .tl-item {
    min-height: auto !important;
    padding: 28px 0 40px 24px !important; /* increased bottom padding */
    justify-content: flex-start !important;
   /* border-bottom: 1px solid #ece9e3;*/
    overflow: visible !important;           /* prevents bleed */
  }
  /* Mobile dot — on left line */
  .tl-item::before {
    left: -0px !important;
    top: 40px !important;
    transform: none !important;
    width: 8px !important;
    height: 8px !important;
    border-color: #c2a653 !important;
    background: #c2a653 !important;
  }

  /* Always fully visible on mobile */
  .tl-year { color: #1a1a18 !important; font-size: 52px !important; }
  .tl-desc  { color: #555555 !important; }

  /* Show mobile image below description */
    .mobile-img {
    display: block !important;
    width: 60% !important;
    height: auto !important;              /* auto height — no fixed crop 
    max-height: 200px !important;*/
    object-fit: contain !important;
    object-position: top left !important;
    margin-top: 16px !important;
    margin-bottom: 8px !important;        /* breathing room before next item */
  }

}/* End custom CSS */