::selection {
    color: default;
    background: default;
}
/* TOOL TIP OVERRIDE IF THEY DONT DO IT*/
.total-value {
    line-height: 1.2em;
    margin-bottom: .5em;
}

.total-value span{
    line-height: 1.2em;
}
/* ^^^^^ TOOL TIP OVERRIDE IF THEY DONT DO IT ^^^^^*/


#home .sg-footer-nav .sg-border-effect {
    border: 1px solid #012F37;
}
#home  .sg-border-effect.sg-border-effect-active {
    border: 2px solid var(--b8cdf8);
}

#paradigm-shifting-technologies .section1_chp1_05_footer {
    margin-bottom: 20px;
}

.ev-pie-charts svg {
    width: 100%;
    height: auto;
}


/* OVERFLOW ISSUE */

/*
@media screen and (min-width: 991px) {
    #sg-sticky-secondary-nav, #sg-embedded-secondary-nav {
        overflow: clip;
        width: 100%;
        height: 61px;
    }
}

.page-wrapper.sg-white-background {
    overflow: clip;
}
*/

/* 
On .page-wrapper and .page-wrapper.sg-white-background

overflow: clip;

Though, need to deal with tooltip logic...

// without js on load set the video bakcground.
*/

.page-wrapper.sg-white-background {
    overflow: clip;
}

@media screen and (max-width: 768px) {
    .chart-vertical-margin-mobile {
        margin-top: 40px;
    }
    #sg-node-_0c9edb8b-7276-bf17-a615-436a8530c545-09a86b10 {
        margin-top: 0px;
    }
}


@media screen and (max-width: 1024px ){
   #video {
    width: 100vw;
    transform: translate(-40px, 0);
   }
}
/* 782px */
@media screen and (max-width: 768px ){
    #video {
        width: 100vw;
        transform: translate(-16px, 0);
    }
}
/* 1006 */
@media screen and (min-width: 992px ) { 
    #video {
        transform: translateX(-50vw);
        width: 200vw;
        top: 0px;
    }
}

@media screen and (max-width: 1024px ) { 
    .sg-body {
        overflow-x: hidden;
    }
    .sg-video-titile {
        font-size: 26px;
        line-height: 1.3em;
    }
    .sg-video-sub-text {
        font-size: 16px;
        line-height: 1.5em;
        margin-bottom: 40px;
    }
    .sg-video-emded {
        width: 100%;
    }
    .sg-grid-2-columns.main-dashboard-grid.video-grid {
        padding-top: 0;
    }

    #advancing-healthcare .sg-grid-2-columns.main-dashboard-grid.video-grid {
        margin-top: 40px;
    }

    .secondary-hero {
        position: relative;
    }
    .secondary-hero .w-embed svg{
        display: none;
    }
    .secondary-hero .heading-5 {
        font-weight: 400 !important;
    }
    .secondary-hero .heading-6 {
        line-height: 1.25em;
    }
    .secondary-hero .sg-scroll-down {
        display: block;
    }
    .secondary-hero .sg-scroll-down svg {
        display: block;
    }
    .sg-chap-hero {
        position: relative;
    }
    .sg-chap-hero::before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #000;
        position: absolute;
        top: 0;
        opacity: 0.25;
    }
    #sg-chapter-two .div-block-11 {
        grid-column: 1 / 3; 
    }
    #sg-chapter-two .div-block-11  .heading-6 {
        width: 66%;
    }
    #sg-chapter-three .div-block-11{
        grid-column: 1 / 3; 
    }

    #infrastructure-and-environment #sg-chapter-two .div-block-11 .heading-6 {
        width: 100%;
    }

    .sg-hero-paradigm .under-body-text{
        font-size: 12px;
        line-height: 1.5em;
    }
    .sg-bespoke-description {
        margin-bottom: 0;
    }

    .section2_chp2_09-total-value {
        margin-bottom: 2px;
    }

    .ev-pie-charts  {
        width: 100%;
    }
    .ev-pie-charts > div { 
        flex: 1;
    }

    .ev-year-labels {
        gap: 25px;
        margin-right: 0;
        justify-content: space-evenly;
    }

    .ev-year-label {
        text-align: center;
        flex: 1;
    }

    .section2_chp1_03-title {
        display: block;
    }
    

}
@media screen and (max-width: 380px ) { 
    #infrastructure-and-environment .sg-bespoke-title {
        width: 98%;
    }
}

@media screen and (max-width: 1024px) {
    .sg-grid-2-columns.main-dashboard-grid.video-grid .code-embed-7{
        padding-top: 30px;
    }
}
@media screen and (max-width: 767px) {
    .sg-grid-2-columns.main-dashboard-grid.video-grid .code-embed-7{
        padding-top: 0;
    }
}