.elementor-5474 .elementor-element.elementor-element-287e465{--display:flex;--min-height:767px;--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-5474 .elementor-element.elementor-element-80cdb75{--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-5474 .elementor-element.elementor-element-9571969{--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;}.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-5474 .elementor-element.elementor-element-83b6c20 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:43px;font-weight:600;}.elementor-5474 .elementor-element.elementor-element-691f14c{--display:flex;--gap:100px 100px;--row-gap:100px;--column-gap:100px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;border-color:#3333335E;--border-color:#3333335E;--border-radius:0px 0px 0px 0px;--padding-top:25px;--padding-bottom:5px;--padding-left:41px;--padding-right:0px;}.elementor-5474 .elementor-element.elementor-element-c326565{--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;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-5474 .elementor-element.elementor-element-f651a24{--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;}.elementor-5474 .elementor-element.elementor-element-f281ca1{--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;}.elementor-5474 .elementor-element.elementor-element-3e961c1{--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;}.elementor-5474 .elementor-element.elementor-element-db3d26e{--display:flex;--min-height:901px;--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;}/* Start custom CSS *//* ============================================
   SCROLL TIMELINE ANIMATION
   Structure:
   .Rigth_side  → center line
     .how_it    → દરેક step (dot via ::before)
   ============================================ */

/* --- 1. Rigth_side setup --- */
.Rigth_side {
  position: relative;
  border-left: none !important;
  padding-left: 40px;
}

/* --- 2. Gray background line (full height) --- */
.Rigth_side::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #d0d0d0;
  z-index: 0;
}

/* --- 3. Black fill line (JS scroll thi update thase) --- */
.Rigth_side::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: var(--fill-height, 0%);
  background-color: red;
  z-index: 1;
  transition: height 0.15s linear;
}

/* --- 4. Dot via .how_it::before --- */
.how_it {
  position: relative;
  margin-bottom: 60px;
}

.how_it::before {
  content: '';
  position: absolute;
  top: 10px;           /* heading sathe align */
  left: -49px;         /* adjust if dot is off-center on line */
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #d0d0d0;
  border: 2px solid #aaaaaa;
  z-index: 2;
  transition: background-color 0.3s ease,
              border-color 0.3s ease,
              transform 0.3s ease;
  transform: translate(-50%, 0);
}

/* --- 5. Active dot (JS thi class add thase) --- */
.how_it.dot-active::before {
  background-color: #111111;
  border-color: #111111;
  transform: translate(-50%, 0) scale(1.3);
}/* End custom CSS */