:root{
    --list-active-position: -13%;
    --list-active-position-02: -6%;
    --list-active-position-03: -1%;
    --list-active-position-04: 4%;
    --list-active-position-05: 9%;
    --list-active-position-06: 14%;
    --powering-programs-image-width:26.5rem;
    --powering-programs-list-gap:1.875rem;
}
.powering-programs-title {
    max-width: 82.125rem;
    margin-bottom: 7.5rem;
}
.powering-programs-title h2{
    color: var(--text-primary);
}
.powering-programs-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.powering-programs-list ul li:first-child{
    margin-block-start: calc(-1 * var(--powering-programs-list-gap));
}
.powering-programs-list ul li{
    border-bottom: 1px solid rgba(122, 152, 187, 0.20);
    padding-block: var(--powering-programs-list-gap);
    overflow: hidden;
}
.powering-programs-list ul li:not(.active){
    color: var(--text-secondary);
}
.powering-programs-list ul li span{
    position: relative;
    cursor: default;
}
.powering-programs-list ul li span .highlight {
    content: "";
    position: absolute;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background: #2642FF;
    background: -webkit-linear-gradient(top, #2642FF 32.73%, #E7613E 100%);
    background: -moz-linear-gradient(top, #2642FF 32.73%, #E7613E 100%);
    background: -o-linear-gradient(top, #2642FF 32.73%, #E7613E 100%);
    background: -ms-linear-gradient(top, #2642FF 32.73%, #E7613E 100%);
    mix-blend-mode: plus-lighter;
    filter: blur(5px);
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
}
.powering-programs-content{
    position: relative;
}
.powering-programs-image {
    position: absolute;
    top: var(--list-active-position);
    width: var(--powering-programs-image-width);
    right: 3.375rem;
    transition: all 0.3s ease-in-out; 
}
.powering-programs-image img{
    max-width: 100%;
    height: auto;
}
.powering-programs-image.list-active-02{
    top: var(--list-active-position-02);
}
.powering-programs-image.list-active-03{
    top: var(--list-active-position-03);
}
.powering-programs-image.list-active-04{
    top: var(--list-active-position-04);
}
.powering-programs-image.list-active-05{
    top: var(--list-active-position-05);
}
.powering-programs-image.list-active-06{
    top: var(--list-active-position-06);
}
.media-slider-section {
    background-color: var(--i2c-brand-25);
    padding-block: var(--sectionInnerSpaceLarge);
}

/* =======================video-section css starts======================= */
.ddd-section-main .section-header {
    max-width: 44.75rem;
    margin-inline: auto;
}
.ddd-video-contain {
    background-color: #1B223A;
    border-radius: 1.5rem;
    height: 56.375rem;
    position: relative;
    overflow: hidden;
}
.ddd-video-contain video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ddd-video-contain:after {
    content: '';
    height: 100%;
    width: 1px;
    background-color: #363C51;
    left: 50%;
    top: 0;
    position: absolute;
    z-index: 1;
}
.ddd-video-contain:before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #363C51;
    left: 0;
    top: 50%;
    position: absolute;
    z-index: 1;
}
.ddd-video-content p {
    color: var(--white);
    max-width: 40.25rem;
}
.ddd-video-content {
    position: absolute;
    padding: 5rem;
    z-index: 2;
}
.ddd-video-content:first-of-type {
    left: 0;
    top: 0;
}
.ddd-video-content:nth-of-type(2) {
    left: 50%;
    top: 50%;
}
.ddd-video-content:nth-of-type(3) {
    left: 0;
    bottom: 0;
}
section.cta-band.cta-band-lottie .container-sm{ max-width: 80%; }
section.cta-band.cta-band-lottie { color: #FFFFFF; background: var(--i2c-brand-800);}
section.cta-band.cta-band-lottie .btn.btn-primary{ background: transparent; border-color: var(--white);}
section.cta-band.cta-band-lottie .btn.btn-primary:where(:hover, :focus) { color: var(--text-primary); background: var(--white);}
/* =======================video-section css Ends======================= */


@media screen and (max-width: 1600px) {
    :root{
        --list-active-position: 0.813rem;
        --list-active-position-02: 5%;
        --list-active-position-03: 10%;
        --list-active-position-04: 15%;
        --list-active-position-05: 20%;
        --list-active-position-06: 25%;
        --powering-programs-list-gap: 1.625rem;
        --powering-programs-image-width: 20.313rem;
    }
    .powering-programs-image {
        right: 0;
    }
    .powering-programs-title {
        max-width: 56rem;
        margin-bottom: 5rem;
    }
    /* =======================video-section css starts======================= */
    .ddd-section-main .section-header {
        max-width: 39.375rem;
    }
    .ddd-video-contain {
        border-radius: 1rem;
        height: 39.25rem;
    }
    .ddd-video-content {
        padding: 3rem;
    }
    .ddd-video-content p {
        max-width: 28rem;
    }
    /* =======================video-section css ends======================= */
    .hero-section.align-left .hdng-wrapper{max-width: 85%;}
}
@media screen and (max-width: 1199px) {
    :root{
        --list-active-position: 0;
        --list-active-position-02: 8%;
        --list-active-position-03: 16%;
        --list-active-position-04: 24%;
        --list-active-position-05: 32%;
        --list-active-position-06: 40%;
        --powering-programs-image-width: 16.875rem;
    }
    .powering-programs-title {
        max-width: 45rem;
    }
    /* =======================video-section css starts======================= */
    .ddd-section-main .section-header {
        max-width: 33.875rem;
    }
    .ddd-video-contain {
        height: 29.75rem;
    }
    .ddd-video-content {
        padding: 2rem;
    }
    .ddd-video-content p {
        max-width: 21.375rem;
    }
    /* =======================video-section css ends======================= */
}
@media screen and (max-width: 991px) {
    :root{
        --list-active-position-02: 10%;
        --list-active-position-03: 20%;
        --list-active-position-04: 30%;
        --list-active-position-05: 40%;
        --list-active-position-06: 50%;
        --powering-programs-list-gap: 1.25rem;
        --powering-programs-image-width: 10.938rem;
    }
    /* =======================video-section css starts======================= */
    .ddd-section-main .section-header {
        max-width: 33.25rem;
    }
    .ddd-video-contain {
        height: 23.125rem;
    }
    .ddd-video-content {
        padding: 1.5rem;
    }
    .ddd-video-content p {
        max-width: 17.4rem;
    }
    /* =======================video-section css ends======================= */
}
@media screen and (max-width: 767px) {
    :root{
        --powering-programs-list-gap: 1.125rem;
    }
    .powering-programs-title{
        margin-bottom: 2rem;
    }
    .powering-programs-image{
        display: none;
    }
    /* =======================video-section css starts======================= */
    .ddd-video-contain {
        height: 29.75rem;
    }
    .ddd-video-content {
        padding: 1.5rem;
    }
    .ddd-video-content p {
        max-width: 17.4rem;
    }
    .ddd-video-content:nth-of-type(2) {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .ddd-video-contain:after {
        height: 1px;
        width: 100%;
        left: 0;
        top: 71.5%;
    }
    .ddd-video-contain:before {
        left: 0;
        top: 28%;
    }
    /* =======================video-section css ends======================= */
    .hero-section.align-left .hdng-wrapper { max-width: 100%; }
}