.pptx-page-wrapper{
    background-color:black;
    color:#e3f0d7;
    overflow:hidden;
}
.pptx-vision-title{
    color: #e3f0d7;
    font-size: var(--text-size-subtitle);
    font-weight: var(--font-weight-subtitle);
    margin-bottom: var(--text-margin);
    line-height: var(--line-height-title);
}
.pptx-vision-description{
    color: #ff3b73;
    font-size: 4.5rem;
    font-weight: 600;
    margin-top: 4%;
    margin-left: var(--block-margin-l);
    margin-bottom: var(--text-margin);
    line-height: 1.2;
    background: linear-gradient(164deg, #390051 0%, #370018 30%, #000000);
    padding: 7%;
    border-radius: 80px;
    border: 4px solid #ff3b92;
}
.pptx-vision-desc-highlight{
    color: var(--main-text-color1);
}
.pptx-vision-section-wrapper{}

.a3-deck-text{
    margin-top: 13%;
}
.a3-deck-desc{
    color:#b9ff76;
}

.pptx-section-subtitle-green{
    margin-bottom:var(--text-margin);
    color:#b9ff76;
    font-size:var(--text-size-desc);
}
.pptx-20yr-span{
    color:#e3f0d7;
    font-weight:700;
}

.pptx-folder-animation-wrapper{
    margin-top: -67%;
    opacity: 0.4;
}
.accessibility-section-wrapper{
    background-color:blue;
    padding-top:var(--block-margin-l);
    padding-bottom:var(--block-margin-l);

}
.accessibility-title-wrapper{
    display:flex;
    flex-direction:row;
    margin-left:var(--block-margin-l);
    margin-right:var(--block-margin-r);
}
.accessibility-title{
    padding-left:var(--text-margin);
}
.accessibility-icon{
    height:auto;
    width:5rem;
}
.accessibility-subtitle-wrapper{
    background-color:#fbae17;
    padding-left:var(--block-margin-l);
    padding-right:var(--block-margin-r);
    padding-top:var(--text-margin);
    padding-bottom:var(--text-margin);
    color:black;
    font-size:var(--text-size-desc);
    font-weight:700;
}
.accessibility-desc{
    margin-left:var(--block-margin-l);
    margin-right:var(--block-margin-r);
    margin-top:var(--text-margin);
    font-weight:500;
    font-size:var(--text-size-desc);
}

.pptx-blurb-wrapper{position: relative;z-index: 1;}
.pptx-anim-box{
    color:white;
    background: #0000005e;
    padding: 7%;
    border: 4px solid #b9ff76;
    border-radius: 20px 80px 243px 80px;
    margin: 11% 7% 5% 7%;
}
.pptx-anim-title{
    color:#b9ff76;
}
.pptx-section-wrapper{
    margin-bottom:7%;
}
.pptx-animation-header-wrapper{
    position:relative;
    z-index: 2;
    padding: 0;
}

.pptx-animation-section-gradient-wrapper {
    margin-top: 12%;
    position: relative; /* needed for pseudo-element positioning */
    background: black;
    background: linear-gradient(90deg,
    rgba(255, 0, 55, 1) 0%,
    rgba(240, 83, 31, 1) 11%,
    rgba(255, 160, 36, 1) 19%,
    rgba(125, 186, 58, 1) 27%,
    rgba(39, 250, 127, 1) 36%,
    rgba(17, 212, 157, 1) 44%,
    rgba(0, 194, 187, 1) 53%,
    rgba(13, 159, 168, 1) 60%,
    rgba(30, 138, 168, 1) 67%,
    rgba(65, 124, 235, 1) 74%,
    rgba(69, 64, 255, 1) 80%,
    rgba(106, 0, 255, 1) 85%,
    rgba(136, 0, 199, 1) 92%,
    rgba(255, 0, 55, 1) 100%
    );
    border-radius: 0px 0px 300px 0px;
    background-size: 300% 100%;
    animation: gradientLoop 10s linear infinite;
    overflow: hidden; /* ensures gradient overlay stays inside rounded corners */
    z-index: 0;
    /* box-shadow:inset 0px -30px 240px 0px rgb(43 0 255), inset 0 0 20px 0px rgb(255 255 255);*/
    border: none;
}

.pptx-animation-section-gradient-wrapper::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    height: 1000px; /* adjust as needed */
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 6%, #35054be0 45%, #ff5f5f80 82%);
    pointer-events: none; /* ensures overlay doesn't block clicks */
    z-index: 1; /* overlay sits above the background */
    /* border: none; */
}

@keyframes gradientLoop {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: -300% 50%;
    }
}
/*start of mobile styles again - I don't know why we're doing all desktop in the same file...*/
.pptx-uxui-section-wrapper{
    background: linear-gradient(45deg, #21291a, transparent);
    margin-top: 13%;
    padding: 13% 7%;
    border-top: 4px solid #b9ff76;
    border-bottom: 4px solid #b9ff76;
}
.pptx-uxui-img-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.pptx-uxui-img1{
    color:white;
    perspective: 1200px;
}
.pptx-uxui-img-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 80px 80px 80px 80px;
    margin-top: 8%;
    margin-bottom:10%;
    border: 4px solid #b9ff76;
    padding: 2%;
    box-sizing: border-box;
    transform: rotate3d(1, 0, 0, 13deg);
}

.pptx-uxui-section-highlight{
    color: #92c367;
}
.pptx-uxui-section-highlight2{
    color: #92c367;
}
.pptx-uxui-section-highlight3{
    color: #e3f0d7;
}
.pptx-uxui-cta-dot{
    width: 100px;
    height: 100px;
    background-color: steelblue;
    border-radius: 99px;
}
.pptx-uxui-cta{
    display: flex;
    padding: 6% 4%;
    background-color: #0a0d07;
    color: #dbffbb;
    font-size: var(--text-size-desc);
    border: 4px solid #b9ff76;
    border-radius: 80px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10%;
    box-shadow: 0px 6px 20px #b9ff7657;
    text-decoration: none;
    font-weight: 400;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.pptx-uxui-cta:hover{
    background-color: #0056b3;
}
@media(min-width:1024px){
    .pptx-page-wrapper{
        background-color:black;
        color:#e3f0d7;
        overflow:hidden;
    }
    .pptx-diagram-wrapper{
        width:48vw;
        margin-left:auto;
        margin-right:auto;
        margin-bottom: -22rem;
        position: relative;
        z-index: -1;
        margin-top: 7rem;
    }
    .pptx-vision-title{
        color: #ffeefc;
        font-size: 3rem;
        font-weight: 600;
        margin-bottom: -5%;
        line-height: var(--line-height-title);
        background: #200043;
        width: fit-content;
        padding: 2% 4%;
        border-radius: 999px;
        border: 4px solid #ff6cc8;
        margin-top: 5%;
    }
    .pptx-vision-description{
        color: #ff3b73;
        font-size: 2.5rem;
        font-weight: 600;
        margin-top: -5%;
        margin-left: var(--block-margin-l);
        margin-bottom: var(--text-margin);
        line-height: 1.2;
        background: linear-gradient(164deg, #390051 0%, #370018 30%, #000000);
        padding: 7%;
        border-radius: 9999px;
        border: 4px solid #ff3b92;
    }
    .pptx-vision-desc-highlight{
        color: var(--main-text-color1);
    }
    .pptx-vision-section-wrapper{}

    .a3-deck-text{
        margin-top: 0%;
        background: black;
        height: fit-content;
        padding: 3rem;
        margin-bottom: 0%;
        border-radius: 80px 20px 80px 80px;
        border: 4px solid #738167;
    }
    .a3-deck-desc{
        color:#b9ff76;
    }

    .pptx-section-subtitle-green{
        margin-bottom:var(--text-margin);
        color:#b9ff76;
        font-size:var(--text-size-desc);
    }
    .pptx-20yr-span{
        color:#e3f0d7;
        font-weight:700;
    }

    .pptx-folder-animation-wrapper{
        margin-top: -67%;
        opacity: 0.4;
    }
    .accessibility-section-wrapper{
        background-color:blue;
        padding-top:var(--block-margin-l);
        padding-bottom:var(--block-margin-l);

    }
    .accessibility-title-wrapper{
        display:flex;
        flex-direction:row;
        margin-left:var(--block-margin-l);
        margin-right:var(--block-margin-r);
    }
    .accessibility-title{
        padding-left:var(--text-margin);
    }
    .accessibility-icon{
        height:auto;
        width:5rem;
    }
    .accessibility-subtitle-wrapper{
        background-color:#fbae17;
        padding-left:var(--block-margin-l);
        padding-right:var(--block-margin-r);
        padding-top:var(--text-margin);
        padding-bottom:var(--text-margin);
        color:black;
        font-size:var(--text-size-desc);
        font-weight:700;
    }
    .accessibility-desc{
        margin-left:var(--block-margin-l);
        margin-right:var(--block-margin-r);
        margin-top:var(--text-margin);
        font-weight:500;
        font-size:var(--text-size-desc);
    }

    .pptx-blurb-wrapper{position: relative;z-index: 1;}
    /*.pptx-anim-box{
        color:white;
        background: #0000005e;
        padding: 7%;
        border: 4px solid #b9ff76;
        border-radius: 20px 80px 243px 80px;
        margin: 11% 7% 5% 7%;
    }*/
    .pptx-anim-title{
        color:#b9ff76;
    }
    .pptx-section-wrapper{
        margin-bottom:7%;
    }
    .pptx-anim-box{
        position:relative;
        z-index: 2;
        color:white;
        background: #0000005e;
        padding: 7%;
        border: 4px solid #b9ff76;
        border-radius: 240px;
        margin: 6%;
    }

    .pptx-animation-section-gradient-wrapper {
        margin-top: 5%;
        position: relative; /* needed for pseudo-element positioning */
        background: black;
        background: linear-gradient(90deg,
        rgba(255, 0, 55, 1) 0%,
        rgba(240, 83, 31, 1) 11%,
        rgba(255, 160, 36, 1) 19%,
        rgba(125, 186, 58, 1) 27%,
        rgba(39, 250, 127, 1) 36%,
        rgba(17, 212, 157, 1) 44%,
        rgba(0, 194, 187, 1) 53%,
        rgba(13, 159, 168, 1) 60%,
        rgba(30, 138, 168, 1) 67%,
        rgba(65, 124, 235, 1) 74%,
        rgba(69, 64, 255, 1) 80%,
        rgba(106, 0, 255, 1) 85%,
        rgba(136, 0, 199, 1) 92%,
        rgba(255, 0, 55, 1) 100%
        );
        border-radius: 361px;
        background-size: 300% 100%;
        animation: gradientLoop 10s linear infinite;
        overflow: hidden; /* ensures gradient overlay stays inside rounded corners */
        z-index: 0;
        /* box-shadow:inset 0px -30px 240px 0px rgb(43 0 255), inset 0 0 20px 0px rgb(255 255 255);*/
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3%;
    }

    .pptx-animation-section-gradient-wrapper::before {
        content: "";
        position: absolute;
        top: 20px;
        left: 0;
        right: 0;
        height: 1000px; /* adjust as needed */
        background: transparent;
        pointer-events: none; /* ensures overlay doesn't block clicks */
        z-index: 1; /* overlay sits above the background */
    }

    @keyframes gradientLoop {
        0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: -300% 50%;
        }
    }
    /*start of mobile styles again - I don't know why we're doing all desktop in the same file...*/
    .pptx-uxui-section-wrapper{
        background: linear-gradient(45deg, #21291a, transparent);
        margin-top: 13%;
        padding: 13% 7%;
        border-top: 4px solid #b9ff76;
        border-bottom: 4px solid #b9ff76;
    }
    .pptx-uxui-img-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .pptx-uxui-img1{
        color:white;
        perspective: 1200px;
    }
    .pptx-uxui-img-wrapper img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
        border-radius: 80px 80px 80px 80px;
        margin-top: 8%;
        margin-bottom:10%;
        border: 4px solid #b9ff76;
        padding: 2%;
        box-sizing: border-box;
        transform: rotate3d(1, 0, 0, 13deg);
    }

    .pptx-uxui-section-highlight{
        color: #92c367;
    }
    .pptx-uxui-section-highlight2{
        color: #92c367;
        text-align: center;
        justify-content: center;
    }
    .pptx-uxui-section-highlight3{
        color: #e3f0d7;
    }
    .pptx-uxui-cta-dot{
        width: 100px;
        height: 100px;
        background-color: steelblue;
        border-radius: 99px;
    }
    .pptx-uxui-cta{
        display: flex;
        padding: 6% 4%;
        background-color: #0a0d07;
        color: #dbffbb;
        font-size: var(--text-size-desc);
        border: 4px solid #b9ff76;
        border-radius: 80px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin-top: 10%;
        box-shadow: 0px 6px 20px #b9ff7657;
        text-decoration: none;
        font-weight: 400;
        align-content: center;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .pptx-uxui-cta:hover{
        background-color: #0056b3;
    }
}