#themeToggle{ display: none !important;}

/* Science section */
.science-section .main-img {
    margin: 0 auto;
    display: block;
}

.science-section {
    position: relative;
    overflow: hidden;
    padding-top: 70px !important;
}

.science-section > .heading_page {
    position: relative;
    z-index: 10;
    pointer-events: none;
    margin-bottom: 20px;
}

.science-pin {
    position: relative;
    width: 100%;
    min-height: 100vh;
    transform: translateZ(0);
}

.science-stage {
    position: relative;
    width: 100%;
    min-height: 100vh;
}
    .article-4-wrapper .img-wrapper {
        position: relative;
        top: 6vw;
    }

    .science-screen--2.is-persist-labels {
        top: -5vw !important;
        left: 35vw !important;}

/* Desktop pin: exact viewport height (matches .advance-performance) */
@media (min-width: 993px) {
    .science-section {
        height: 100vh;
        padding-top: 0 !important;
    }

    .science-section > .heading_page {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 2.5vw 1.5vw 1vw;
    }

    .science-pin {
        position: absolute;
        inset: 0;
        min-height: auto;
        height: 100%;
    }

    .science-stage {
        min-height: auto;
        height: 100%;
    }

    .science-content {
        height: 100%;
    }

    .science-infinity-content .heading_page {
        margin: 0;
        padding: 2.5vw 1.5vw 1vw;
    }
}

.science-content {
    position: relative;
    z-index: 2;
}

.science-images-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.science-images-wrapper .science-image img {
    width: 11.44vw;
    height: 8.63vw;
}

.science-text p {
    color: #4A4A49;
    font-weight: 300;
    font-size: 1vw;
    line-height: 1.4vw !important;
}

.science-text {
    margin: 0 2vw;
}

.science-images-wrapper .science-image:last-child {
    position: relative;
    top: 5vw;
}

.science-images-wrapper .science-image:first-child {
    position: relative;
    top: 5vw;
}

.science-infinity {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 47%;
    z-index: 1;
    width: min(817px, 72vw);
    pointer-events: none;
}

.science-svg {
    display: block;
    width: 100%;
    height: auto;
}

.science-infinity-path--base {
    fill: #E9E9E9;
}

.science-infinity-fill-wrap {
    opacity: 0;
}

.science-infinity.is-ready .science-infinity-fill-wrap {
    opacity: 1;
}

.science-infinity-path--fill {
    fill: url(#paint0_linear_468_746);
}

.infinity-fill-rect {
    fill: #000;
}

.science-screen--1 {
    margin-top: 27vw;
}

.science-text h5 {
    color: #4A4A49;
    font-size: 1.25vw;
    font-weight: 500;
    line-height: 1.5vw;
    margin-top: 0.6vw;
}

.science-text {
    margin-top: 2.5vw;
}


.screen2-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leftside .science-text img {
    margin-left: auto;
    display: flex;
}

.leftside .science-text {
    margin: 0;
    padding-right: 4vw;
    margin-top: 15vw;
}

.leftside .science-image {
    margin-left: 1vw;
}

.leftside .img-wrapper {
    position: relative;
    left: 5vw;
    top: 8vw;
}

.rightside .science-image {
    margin-bottom: 1vw;
}

.img-wrapper.rightside {
    padding-right: 8vw;
    position: relative;
    top: 7vw;
}

.article-3-wrapper {
    display: flex;
    justify-content: space-between;
}

.article-3-wrapper .leftside {
    position: relative;
    top: 9vw;
    left: 3vw;
}

.article-3-wrapper .rightside .img-wrapper {
    position: relative;
    top: 7vw;
    left: -2vw;
}
.article-3-wrapper .rightside .science-text {
    margin-left: -4vw;
    margin-top: 10vw;
}

.article-4-wrapper {
    display: flex;
    justify-content: end;
    margin-top: 10vw;
    position: relative;
    left: -9.3vw;
}

.article-4-wrapper .science-text {
    padding-right: 2.5vw;
    margin-top: 6.8vw;
}
.science-point {
    display: inline-block;
    width: 1.25vw;
    height: 1.25vw;
    border-radius: 50%;
    background: #2581C4;
    position: absolute;
    opacity: 0;
    transform: scale(0);
    transform-origin: center;
    z-index: 3;
    will-change: opacity, transform;
    transition: none;
}

.science-section[data-step="1"] .science-point--1,
.science-section[data-step="1"] .science-point--1,
.science-section[data-step="1"] .science-point--2,
.science-section[data-step="2"] .science-point--1,
.science-section[data-step="2"] .science-point--2,
.science-section[data-step="2"] .science-point--3,
.science-section[data-step="3"] .science-point--1,
.science-section[data-step="3"] .science-point--2,
.science-section[data-step="3"] .science-point--3,
.science-section[data-step="4"] .science-point--4,
.science-section[data-step="4"] .science-point--1,
.science-section[data-step="4"] .science-point--2,
.science-section[data-step="4"] .science-point--3,
.science-section[data-step="4"] .science-point--4 {
    opacity: 1;
    transform: scale(1);
}

circle.science-point.science-point--1 {
    top: 18vw;
    left: 17.9vw;
}
circle.science-point.science-point--2 {
    top: 3vw;
    left: 3.4vw;
    background: #fff;
    /* border: 1px solid #2581C4; */
}

circle.science-point.science-point--3 {
    top: 16.9vw;
    right: 2.5vw;
    background: #fff;
    /* border: 1px solid #2581C4; */
}

circle.science-point.science-point--4 {
    top: 3.9vw;
    right: 19.3vw;
}
/*.science-screen {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    display: block;
    pointer-events: none;
    will-change: opacity, transform;
}*/
.science-screen {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    will-change: transform, visibility;
    backface-visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease; 
}

.science-screen.is-persist-labels {
    pointer-events: none;
    z-index: 2;
    opacity: 1;
}

.science-screen.is-persist-labels .science-text > img,
.science-screen.is-persist-labels .science-text > h5 {
    opacity: 1;
    visibility: visible;
    display: block;
}

.science-screen.is-persist-labels .science-text > p,
.science-screen.is-persist-labels .science-image,
.science-screen.is-persist-labels .science-copy,
.science-screen.is-persist-labels .science-icon,
.science-screen.is-persist-labels .leftside > .img-wrapper,
.science-screen.is-persist-labels .screen2-wrapper > .img-wrapper.rightside,
.science-screen.is-persist-labels .article-3-wrapper .leftside,
.science-screen.is-persist-labels .article-3-wrapper .rightside > .img-wrapper,
.science-screen.is-persist-labels .article-4-wrapper > .img-wrapper {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* screen 2 — Downstream icon + title (persist on screen 3+) */
.science-screen--2.is-persist-labels {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
}

.science-screen--2.is-persist-labels .screen2-wrapper {
    display: block;
}

.science-screen--2.is-persist-labels .leftside .science-text {
    /* position: absolute; */
    top: 5vw;
    left: -1.6vw;
    /* padding: 0; */
    /* margin: 0; */
    /* z-index: 4; */
    position: relative;
    width: 76%;
}

.science-screen--2.is-persist-labels .leftside .science-text img {
    display: block;
/*    margin-left: 0;*/
}

.science-screen.is-future {
    pointer-events: none;
}

.science-screen.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}


.science-screen.is-persist-labels .science-text > img{
    filter: invert(94%) sepia(9%) saturate(10%) hue-rotate(334deg) brightness(133%) contrast(86%);
}

.science-screen.is-persist-labels .science-text > h5{
    color:#BEBEBE;
}

@media all and (max-width: 993px) {
    .science-section  {padding: 100px 0 !important;}
}