.custom-timeline .timeline-item .item-wrap .timeline-image img {
    max-width: 55px !important;
    height: auto;
}
.custom-timeline .bg-image{
  position: absolute;
    inset: 0;
    z-index: -1;
}
.custom-timeline .bg-image img{
  position: sticky;
    top: 0;
    z-index: -1;
  height: 100vh !important;
    object-fit: cover;
    object-position: left;
  width: 100%;
}
.timeline-wrap{
    position:relative;
    height:100vh;
    overflow:hidden;
}
.custom-timeline{
  position:relative;
}
.custom-timeline video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;  
  object-position: center;
  z-index: -1;
}
.custom-timeline video.bg-vid-2{
  right: 0;
}
.main-content{
    position:relative;
    width:100%;
    height:100%;
}

.timeline-item{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
  padding: 0px 20px;
}

.timeline-item:not(:first-child){
    top:100%;
}
.custom-timeline .timeline-item .item-wrap .timeline-image {
   text-align: center;
  margin-bottom: 20px;
}
.custom-timeline .timeline-item .item-wrap .timeline-text {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}
.custom-timeline .timeline-item .item-wrap .timeline-text p:last-child {
  margin: 0px;
}
.custom-timeline .timeline-item .item-wrap .timeline-text {
   margin-bottom: 40px;
}
.custom-timeline {
  position: relative;
  z-index: 1;
}
.custom-timeline {
  padding: 80px 0px 0px;
}
{#
.custom-timeline::before {
    background-image: url(https://www.vergesense.com/hubfs/child-generator-theme-2026/assets/area-sensor/images/Background-variant-v2.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1;
    top: 0;
}
.custom-timeline::after {
    background-image: url(https://www.vergesense.com/hubfs/child-generator-theme-2026/assets/area-sensor/images/Background-variant-2.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1;
    bottom: 0;

}#}
@media screen and (max-width: 767px) {
  .custom-timeline {
    padding: 30px 0px 0px;
  }
}