section.home-section-4.about-page-section-2 {
    background: #191c47;
    color: #fff;
    background-image: url(../images/line-bg-3.png);
    position: relative;
    background-repeat: repeat;
    background-size: 100%;
}

section.home-section-4.about-page-section-2 .home-section-4-wrapper-media {
    background: #191c47;
}


section.home-section-4.about-page-section-2  .home-section-4-wrapper::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #191c47b5;
}
section.home-section-4.about-page-section-2  .home-section-4-wrapper .container-fluid{
position: relative;
z-index: 1;
}








section.home-section-4.about-page-section-2  h3 {
    color: #fff4df;
}


section.about-sec-3 {
    position: relative;
    min-height: 100vh;
    background: #fff6e5;
    padding: 100px 0;
}
.scroll-item-inner .row {
    align-items: center;
}
.nav-dots {
    position: sticky;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.nav-dot {
    transition: all 0.3s;
    color: #0060cd;
    font-size: 20px;
    border-bottom: 2px solid transparent;
}

.nav-dot:not(:last-of-type) {
    margin-bottom: 0px;
}

.nav-dot:hover,
.nav-dot.is-active {
    transform: scale(1.3);
    border-bottom: 2px solid;
}

.scroll-item {
    height: auto;
}


.sticky-column {
    height: 100vh;
    display: flex;
    align-items: center;
    z-index: 10;
}

.scroll-column {
    height: 100%;
    overflow: auto;
}
.scroll-item-content {
    padding-left: 20px;
}

.heading-1 h2{
    margin-bottom: 60px;
}
.scroll-item-content ul {
    padding: 0;
}
.scroll-item-inner figure img {
    width: 100%;
}
.scroll-item-content ul li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 25px;
}
.scroll-item-content ul li:before {
    position: absolute;
    top: 7px;
    content: '';
    left: 0;
    width: 10px;
    height: 10px;
    background: #191c47;
    border-radius: 8px;
}
/*  */
.scroll-section {
  position: relative;
  height: auto; 
  overflow: visible; 
}
section.about-section {
    padding: 0;
    min-height: unset;
    background: #fff4df;
    overflow: visible;
    scrollbar-width: none;
    background-image: url(../images/abstract-background-2.png);
    background-size: cover;
    position: relative;
     background-attachment: fixed;
}

section.about-section::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(178deg, #fff4df, #fff4dfe8, #fff4dfd4);
}

.parallax-image {
    position: absolute;
    width: 250px;
    height: 250px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    transform: translateY(150%);
    opacity: 0;
    transition: transform 1s ease-out, opacity 1s ease-out;
}


#img1 {
    top: 20%;
    left: 10%;
}

#img2 {
    top: 40%;
    left: 40%;
}

#img3 {
    top: 60%;
    left: 70%;
}
#img4 {
    top: 75%;
    left: 15%;
}

.scroll-section-title {
    position: sticky;
    top: 10px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 20px;
}

.parallax-image.active {
    transform: translateY(0);
    opacity: 1;
}
.page-banner-content-con {
  position: sticky; /* ✅ remove sticky to let text scroll normally */
  top: 100px;
}



/* For demo space to scroll */
/* .spacer {
    height: 80vh; 
    
} */


.videos {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.zoom-video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  transform: scale(0.2);
  transition: transform 0.2s ease-out;
}


section#scrollSection .page-heading-con {
    background: #fff4df;
    z-index: 1;
    top: 0;
}