/* CSS */
#main div,
#main a {
    transition: 1.5s all ease-in-out; 
}

#main-wrapper div, #main-wrapper a {
    transition: 1.5s all cubic-bezier(0.68, -0.30, 0.265, 1.30);
}

#overlay {
    pointer-events: auto; /* This makes the div block mouse events */
    background-color: rgba(0, 0, 0, 0); /* This ensures the div is invisible but you can change the color and opacity for debugging purposes */
}

.bg {
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    background: url('../img/BKGND-Digitizing Healthcare.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 0;
}

.full-body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 100%;
    background-color: black;
    height: 100vh;
    opacity: 1; /* Here we set body to 0, then 1 on main function to add a smooth fadein */
    width: 2880vw;
    overflow: hidden;
    z-index: -1;
}

.oz {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    /* pointer-events: none; */
}

.invisible {
    visibility: hidden;
}

.visible {
    opacity: 1 !important;
    /* transform: none !important; */
    visibility: visible !important; 
}

.opacityZero{
    opacity: 0;
}

.opacityHalf {
    opacity: 0.5;
}

.opacityOne {
    opacity: 1;
}

.transition {
    transition: 1.8s all ease-in-out;
}

.transition-fast {
    transition: 1s all ease-in-out;
}

.transition-slow {
    transition: 2s all ease-in-out;
}

.transition-slower {
    transition: 4s all ease-in-out;
}

.transition-menu {
    transition: 1.5s all ease;
}

.no-click {
    cursor: default !important;
    pointer-events: none;
}

a, button {
    cursor: pointer;
    border: none;
}

footer {
    transition: 2s;
    z-index: 10;
}

#copy-text {
    top: 1563px;
    left: 32px;
    /* width: 426px; */
    /* height: 31px; */
    text-align: center;
    float: left;
    font: normal normal normal 26px/28px HelveticaNeueLt;
    letter-spacing: 0;
    color: #FFFFFF;
    position: absolute;
    z-index: 999;
    opacity: .7;
}

/** Main Wrapper **/

#main-wrapper {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    background: url('../img/BKGND-Digitizing Healthcare.png') 0 0 no-repeat padding-box;
    background-size: cover;
    transform-origin: top left;
    z-index: 0;
}

#home video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    /* background: url('../img/BKGND-Digitizing Healthcare.png') no-repeat; */
    background-size: cover;
    transition: 1s opacity;
}

#home video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    /* background: url('../img/BKGND-Digitizing Healthcare.png') no-repeat; */
    background-size: cover;

    z-index: 1;
    opacity: 0.6;
    mix-blend-mode: hard-light;
}

@media screen and (max-device-width: 800px) {
    html {
        background: url('../img/BKGND-Digitizing Healthcare.png') #000 no-repeat center center fixed;
    }

    #bgvid {
        display: none;
    }
}

/* HOME START */

#home a {
    cursor: pointer;
}

h1, h2, h3 {
    font-family: HelveticaNeue; 
    margin: 0;
    padding: 0;
    letter-spacing: 1px;
}

p {
    font-family: HelveticaNeueThin;
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
}

div, a {
   padding: 0;
   margin: 0; 
}

#home .title {
    /* top: 715px; */
    top: 750px;
    left: 1384px;
    width: 1102px;
    height: 140px;
    color: #FFFFFF;
    line-height: 50%;
    letter-spacing: 4.5px;
    position: absolute;
    z-index: 6;
    font-size: 110px;
}

#home .sub-title {
    top: 842px;
    left: 1388px;
    width: 1079px;
    height: 47px;
    color: #F9F7D1;
    position: absolute;
    z-index: 6;
    font-size: 38px;
}

/* #main .bg {
    background: url('../img/BKGND-Digitizing Healthcare.png') 0 0 no-repeat padding-box;
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    position: absolute;
    z-index: -1;
} */

#home .bg {
    background: url('../img/BKGND-Digitizing\ Healthcare.png') 0 0 no-repeat padding-box;
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    position: absolute;
    z-index: 0;
}

#home .circle-1 {
    top: 168px;
    left: 1088px;
    width: 510px;
    height: 510px;
    background: transparent url('../img/homepage pic 03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#home .circle-2 {
    top: 490px;
    left: 408px;
    width: 638px;
    height: 638px;
    background: transparent url('../img/homepage pic 01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#home .circle-3 {
    top: 938px;
    left: 1088px;
    width: 510px;
    height: 510px;
    background: transparent url('../img/homepage pic 02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}
/* HOME END */

/* DEMO/VIDEO CONTAINER */
#demoFrame {
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    position: absolute;
    z-index: 11;
}

#demoFrame .demo-container {
    /* top: 86px; */
    top: 85px;
    left: 183px;
    width: 2515px;
    height: 1534px;
    background: transparent url('../img/FRAME-video-demo.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    background-position: center;
    z-index: 10;
    position: relative;
    overflow: hidden;
}

#demoFrame .demo-container iframe, 
#demoFrame .demo-container video {
    /* width: 2425px; */
    /* height: 1364px; */
    width: calc(100% - 60px); 
    /* height: 100%; */
    height: 90%;
    position: absolute;
    top: -100px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    /* z-index: 11; */
    z-index: 99;
}

/* ANIMATIONS */
.hide {
    display: none;
}

.show {
    display: block;
}

.disabled {
    pointer-events: none;
    cursor: not-allowed;
}






/* Hamburger Menu Buttons */
.hamburger-left {
    position: absolute;
    top: 736px;
    left: 42px;
    width: 52px;
    height: 52px;
    background: url('../img/menu-button-LEFT.svg');
    cursor: pointer;
    z-index: 999;
}

.hamburger-right {
    position: absolute;
    top: 736px;
    left: 2795px;
    width: 52px;
    height: 52px;
    background: url('../img/menu-button-RIGHT.svg');
    cursor: pointer;
    z-index: 999;
}

.menu {
    margin: 0;
    padding: 0.5em;
}

.menu li {
    font-family: HelveticaNeueLt;
    font-size: 18px;
    line-height: 13px;
    cursor: pointer;
    color: #FAF8D7;
}

.menu li {
    position: relative;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.menu .submenu-btn {
    font-size: 17px;
    line-height: 10px;
    color: #ffffff;
    margin-left: 10px;
}

#left-menu {
    position: absolute;
    z-index: 995;
    /* top: 693px;
    left: 127px;
    width: 235px;
    height: 348px; */
    top: 700px;
    left: 139px;
    width: 223px;
    height: 331px;
    height: 315px;
    /* background: url('../img/box-01-LEFT.svg') no-repeat center center; */
    background: rgba(105, 82, 131, 0.3);
    border-radius: 10px;
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Right Menu */
#right-menu {
    position: absolute;
    z-index: 995;
    /* top: 693px;
    left: 2519px;
    width: 235px;
    height: 348px; */
    top: 700px; 
    left: 2500px; 
    width: 223px; 
    height: 315px;
    /* background: url('../img/box-01-RIGHT.svg') no-repeat center center; */
    background: rgba(105, 82, 131, 0.3);
    border-radius: 10px;
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}


#left-menu {
    transform: translateX(-175%);
    transition: transform 0.3s ease-in-out;
}

#right-menu {
    transform: translateX(175%);
    transition: transform 0.3s ease-in-out;
}

.submenu {
    /* display: none; */
    visibility: hidden;
    opacity: 0;

    position: absolute;
    border-radius: 10px;
    font-family: HelveticaNeue;
    font-size: 17px;
    line-height: 14px;
    margin: 0;
    padding: 0;
    padding: 0.25em;

    transition: all 0.3s ease-in-out;
}

.submenu.visible {
    visibility: visible;
    opacity: 1;

    transition: all 0.3s ease-in-out;
}

.submenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.submenu li {
    margin: 0;
    padding: 0.5em;
    color: #ffffff;
    cursor: pointer;
}

.submenu li:hover {
    background-color: rgba(255, 255, 255, 0.1);
}


#left-dh {
    position: absolute;
    z-index: 995;
    top: 750px;
    left: 403px;
    width: 208px;
    /* height: 226px; */

    top: 740px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-dh {
    position: absolute;
    z-index: 995;
    top: 750px;
    left: 2250px;
    width: 208px;
    /* height: 218px; */
    /* height: 226px; */

    top: 740px;
    /* left: 2254px; */
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#left-foh {
    position: absolute;
    z-index: 995;
    top: 775px;
    left: 403px;
    width: 208px;
    /* height: 108px; */

    /* top: 770px; */
    top: 773px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-foh {
    position: absolute;
    z-index: 995;
    top: 775px;
    left: 2250px;
    width: 208px;
    /* height: 108px; */

    /* top: 770px; */
    top: 773px;
    /* left: 2254px; */
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#left-hc {
    position: absolute;
    z-index: 995;
    top: 832px;
    left: 401px;
    width: 208px;
    /* height: 108px; */

    top: 835px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-hc {
    position: absolute;
    z-index: 995;
    top: 832px;
    left: 2250px;
    width: 208px;
    /* height: 108px; */

    top: 835px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#left-dfd {
    position: absolute;
    z-index: 995;
    top: 875px;
    left: 403px;
    width: 208px;
    /* height: 108px; */

    /* top: 865px; */
    top: 868px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-dfd {
    position: absolute;
    z-index: 995;
    top: 875px;
    left: 2250px;
    width: 208px;
    /* height: 108px; */

    top: 868px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#left-hah {
    position: absolute;
    z-index: 995;
    top: 840px;
    left: 403px;
    width: 208px;
    /* height: 226px; */

    top: 833px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-hah {
    position: absolute;
    z-index: 995;
    top: 840px;
    left: 2250px;
    width: 208px;
    /* height: 226px; */

    top: 833px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#left-sw {
    position: absolute;
    z-index: 995;
    top: 956px;
    left: 400px;
    width: 208px;
    /* height: 73px; */

    top: 954px;
    left: 412px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

#right-sw {
    position: absolute;
    z-index: 995;
    top: 956px;
    left: 2250px;
    width: 208px;
    /* height: 73px; */

    top: 954px;
    background-color: #6b381855;
    border-radius: 10px;
    backdrop-filter: blur(6px);
    box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-outline {
    transition: transform 0.1s ease;
    z-index: 99; 
}

.left-menu-outline {
    position: absolute;
    top: 693px;
    left: 87px; /* Final position when the menu is open */
    width: 56px;
    height: 349px;
    background: url('../img/menu-outline-left.svg');
    transform: translateX(-300%); /* Initially hidden off-screen */
}

.right-menu-outline {
    position: absolute;
    top: 693px;
    left: 2737px; /* Final position when the menu is open */
    width: 56px;
    height: 348px;
    background: url('../img/menu-outline-right.svg');
    transform: translateX(300%); /* Initially hidden off-screen */
}

.left-outline-dh {
    position: absolute;
    z-index: 990;
    top: 742px;
    left: 159px;
    width: 249px;
    height: 245px;

    top: 732px;
    left: 168px;
    background: url('../img/submenu-line-left-dh.svg');
}

.right-outline-dh {
    position: absolute;
    z-index: 990;
    top: 742px;
    left: 2460px; 
    width: 249px;
    height: 245px;

    top: 732px;
    left: 2463px;
    background: url('../img/submenu-line-right-dh.svg');
}

.left-outline-foh {
    position: absolute;
    z-index: 990;
    top: 767px;
    left: 159px;
    width: 249px;
    height: 125px;

    top: 763px;
    left: 168px;
    background: url('../img/left-outline-foh.svg');
}

.right-outline-foh {
    position: absolute;
    z-index: 990;
    top: 767px;
    left: 2475px;
    width: 249px;
    height: 125px;

    top: 763px;
    left: 2463px;
    background: url('../img/right-outline-foh.svg');
}

.left-outline-hc {
    position: absolute;
    z-index: 990;
    top: 824px;
    left: 159px;
    width: 250px;
    height: 125px;

    left: 168px;
    background: url('../img/left-outline-hc.svg');
}

.right-outline-hc {
    position: absolute;
    z-index: 990;
    top: 824px;
    left: 2475px;
    width: 250px;
    height: 125px;

    left: 2463px;
    background: url('../img/right-outline-hc.svg');
}

.left-outline-dfd {
    position: absolute;
    z-index: 990;
    top: 867px;
    left: 159px;
    width: 249px;
    height: 125px;

    top: 857px;
    left: 168px;
    background: url('../img/left-outline-dfd.svg');
}

.right-outline-dfd {
    position: absolute;
    z-index: 990;
    top: 867px;
    left: 2475px;
    width: 249px;
    height: 125px;

    top: 857px;
    left: 2463px;
    background: url('../img/right-outline-dfd.svg');
}

.left-outline-hah {
    position: absolute;
    z-index: 990;
    top: 832px;
    left: 159px;
    width: 249px;
    height: 245px;

    top: 825px;
    left: 168px;
    background: url('../img/left-outline-hah.svg');
}

.right-outline-hah {
    position: absolute;
    z-index: 990;
    top: 832px;
    left: 2475px;
    width: 249px;
    height: 245px;

    top: 825px;
    left: 2463px;
    background: url('../img/right-outline-hah.svg');
}

.left-outline-sw {
    position: absolute;
    z-index: 990;
    top: 948px;
    left: 156px;
    width: 249px;
    height: 90px;

    top: 945px;
    left: 168px;
    background: url('../img/left-outline-sw.svg');
}

.right-outline-sw {
    position: absolute;
    z-index: 990;
    top: 948px;
    left: 2475px;
    width: 249px;
    height: 90px;

    top: 945px;
    left: 2463px;
    background: url('../img/right-outline-sw.svg');
}

/* Submenu outlines - initially hidden */
/* .outline-dh, .outline-foh, .outline-hc, .outline-dfd, .outline-hah, .outline-sw {
    opacity: 0;
    visibility: hidden;
    transition: all 0s ease-in-out;
}

.outline-dh.visible, .outline-foh.visible, .outline-hc.visible, .outline-dfd.visible, .outline-hah.visible, .outline-sw.visible {
    opacity: 1;
    visibility: visible;
    transition: all 0s ease-in-out;
} */


 /* Default hidden state for the outlines */
.left-outline-dh, .left-outline-foh, .left-outline-hc, .left-outline-dfd, .left-outline-hah, .left-outline-sw {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%); /* Initially positioned off-screen */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Smooth transition for opacity and transform */
}

.right-outline-dh, .right-outline-foh, .right-outline-hc, .right-outline-dfd, .right-outline-hah, .right-outline-sw {
    opacity: 0;
    visibility: hidden;
    transform: translateX(50%); /* Initially positioned off-screen */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Smooth transition for opacity and transform */
}

/* Visible state, when the outline is shown */
.outline-dh.visible, .outline-foh.visible, .outline-hc.visible, .outline-dfd.visible, .outline-hah.visible, .outline-sw.visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(0); /* Slide into view */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Smooth transition */
}







/* MAIN MENU */

/* #mainMenu .bg {
    top: 0;
    left: 0;
    width: 2880px;
    height: 1620px;
    background: url('../img/BKGND-Digitizing Healthcare.png') no-repeat padding-box;
    position: absolute;
    z-index: 0;
} */

#mainMenu .menu-wrapper {
    /* position: relative; */
    width: 2880px;
    height: 1620px;
}

#mainMenu .digital-care,
#mainMenu .emerging-tech {
    /* position: absolute; */
    margin: auto;
    display: block;
    /* position: relative; */
}

#mainMenu .emerging-tech {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}


#mainMenu .digital-care .image {
    top: 214px;
    left: 276px;
    width: 1124px;
    height: 1124px;
    background: transparent url('../img/pic-digital care.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    background-size: cover;
}

#mainMenu .digital-care .title {
    top: 159px;
    left: 753px;
    width: 276px;
    height: 276px;
    background: url('../img/mainmenu-dc.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
    background-size: cover;
}


@keyframes zoomTitleDigital {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    40%, 60% {
        transform: scale(1.3) translate(64%, 68%);
        opacity: 1;
    }
    100% {
        transform: scale(1.3) translate3d(1000px, -1000px, 0); 
        /* transform: scale(1.25) translate3d(200%, -200%, 0);  */
        opacity: 0;
    }
}

.zoomTitleDigital {
    animation: zoomTitleDigital 2.5s ease-in-out forwards;
    position: absolute;
    top: 159px; 
    left: 753px;
    width: 276px;
    height: 276px;
    background-size: cover;
}

@keyframes zoomImageDigital {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    40%, 60% {
        transform: scale(1.24) translate(40%, 2%);
        opacity: 1;
    }
    100% {
        transform: scale(1.24) translate3d(-1000px, 1000px, 0);
        /* transform: scale(1.25) translate3d(-200%, 200%, 0); */
        opacity: 0;
    }
}

.zoomImageDigital {
    animation: zoomImageDigital 2.5s ease-in-out forwards;
    position: absolute;
    top: 214px; 
    left: 276px;
    width: 1124px;
    height: 1124px;
    background-size: cover;
}

@keyframes zoomTitleTech {
    0% {
        transform: translate(0, 0) scale(1);
    }
    40%, 60% {
        /* transform: scale(1.4) translate(-960px, 146px); */
        /* transform: scale(1.3) translate(-194%, 38%); */
        transform: scale(1.3) translate(-194%, 46%);
        opacity: 1;
    }
    100% {
        transform: scale(1.3) translate3d(1000px, -1000px, 0); 
    }
}

.zoomTitleTech {
    animation: zoomTitleTech 2.5s ease-in-out forwards;
    position: absolute;
    top: 157px;
    left: 1898px;
    width: 331px;
    height: 331px;
    background-size: cover;
}

@keyframes zoomImageTech {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    40%, 60% {
        /* transform: scale(1.24) translate(40%, 2%); */
        transform: scale(1.24) translate(-40%, 2%);
        opacity: 1;
    }
    100% {
        transform: scale(1.25) translate3d(-1000px, 1000px, 0);
        opacity: 0;
    }
}

.zoomImageTech {
    animation: zoomImageTech 2.5s ease-in-out forwards;
    position: absolute;
    top: 214px;
    left: 1476px;
    width: 1124px;
    height: 1125px;
    background-size: cover;
}

#mainMenu .emerging-tech .image {
    top: 214px;
    left: 1476px;
    width: 1124px;
    height: 1125px;
    background: transparent url('../img/pic-emerging tech.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
    background-size: cover;
}

#mainMenu .emerging-tech .title {
    top: 157px;
    left: 1898px;
    width: 331px;
    height: 331px;
    /* background: url('../img/mainmenu-et.png') 0% 0% no-repeat padding-box; 
    position: absolute; */
    background: url('../img/innovativeTech.png') 0% 0% no-repeat padding-box; 
    position: absolute;
    z-index: 2;
    background-size: cover;
}


/* .pressed {
    transform: scale(0.9);
    transition: transform 1s ease-in-out !important;
} */


/* DIGITAL CARE */
#digitalCare .btn-home {
    top: 903px;
    left: 2682px;
    width: 115px;
    height: 82px;
    /* background: transparent url('../img/main-menu.svg') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/btn-main-menu.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#digitalCare .opt-1 .icon {
    top: 748px;
    left: 20px;
    width: 642px;
    height: 532px;
    background: transparent url('../img/icon-digital.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalCare .opt-2 .icon {
    top: 741px;
    left: 805px;
    width: 659px;
    height: 546px;
    background: transparent url('../img/icon-healthcare.png') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4;
}

#digitalCare .opt-3 .icon {
    top: 744px;
    left: 1610px;
    width: 659px;
    height: 547px;
    background: transparent url('../img/icon-sepsis.png') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4;
}

#digitalCare .opt-1 .img {
    top: 213px;
    left: 377px;
    width: 785px;
    height: 785px;
    background: transparent url('../img/photo-digital.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 2;
    /* opacity: 0.8; */
}

#digitalCare .opt-2 .img {
    top: 213px;
    left: 1182px;
    width: 785px;
    height: 786px;
    background: transparent url('../img/photo-healthcare.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 2;
    /* opacity: 0.8; */
}

#digitalCare .opt-3 .img {
    top: 216px;
    left: 1989px;
    width: 786px;
    height: 786px;
    background: transparent url('../img/photo-sepsis.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 2;
    /* opacity: 0.8; */
}

#digitalCare .opt-1 .text {
    /* top: 858px;
    left: 594px;
    width: 418px; 
    height: 47px; */
    /* transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    text-align: left;
    font: normal normal normal 40px/60px Helvetica Neue;
    color: #FAF8D7;
     
    text-transform: uppercase; */
    top: 717px;
    left: 639px;
    width: 329px;
    height: 329px;
    position: absolute;
    z-index: 3; 
    background: url('../img/DIGITALFRONTDOOR.png');
}

#digitalCare .opt-2 .text {
    /* top: 847px;
    left: 1395px;
    width: 453px;
    height: 47px; */
    /* transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    text-align: left;
    font: normal normal normal 40px/60px Helvetica Neue;
    color: #FAF8D7;
     
    text-transform: uppercase; */
    top: 693px;
    left: 1444px;
    width: 354px;
    height: 354px;
    position: absolute;
    z-index: 3; 
    background: url('../img/HEALTHCARE\ AT\ HOME.png');
}

#digitalCare .opt-3 .text {
    /* top: 770px;
    left: 2171px;
    width: 676px;
    height: 47px; */
    /* transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    text-align: left;
    font: normal normal normal 40px/60px Helvetica Neue;
    color: #FAF8D7;
     
    text-transform: uppercase; */
    top: 537px;
    left: 2253px;
    width: 511px;
    height: 511px;
    position: absolute;
    z-index: 3; 
    background: url('../img/SEPSISWORKFLOWMGMT.png');
}

#digitalCare .opt-1 .caption {
    top: 1231px;
    left: 435px;
    width: 383px;
    height: 130px;
    position: absolute;
    z-index: 3;
    background: transparent url('../img/caption-patient.png') 0% 0% no-repeat padding-box;
}

#digitalCare .opt-2 .caption {
    top: 1232px;
    left: 1240px;
    width: 313px;
    height: 130px;
    position: absolute;
    z-index: 3; 
    background: transparent url('../img/caption-care.png') 0% 0% no-repeat padding-box;
}

#digitalCare .opt-3 .caption {
    top: 1235px;
    left: 2046px;
    width: 367px;
    height: 130px;
    position: absolute;
    z-index: 3; 
    background: transparent url('../img/caption-sepsis.png') 0% 0% no-repeat padding-box;
}


#digitalCare .icon-1 {
    top: 133px;
    left: 328px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/digitalCare/ICON-Digital.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#digitalCare .icon-2 {
    top: 316px;
    left: 1177px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/digitalCare/ICON-Healthcare.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#digitalCare .icon-3 {
    top: 128px;
    left: 2002px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/digitalCare/ICON-Sepsis.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#digitalCare .card-1 {
    top: 578px;
    left: 261px;
    width: 430px;
    height: 700px;
    background: transparent url('../img/digitalCare/photo-DFD.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .card-2 {
    top: 769px;
    left: 1111px;
    width: 430px;
    height: 701px;
    background: transparent url('../img/digitalCare/photo-HAH.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .card-3 {
    top: 578px;
    left: 1946px;
    width: 430px;
    height: 700px;
    background: transparent url('../img/digitalCare/photo-SWM.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .header-1 {
    top: 254px;
    left: 665px;
    width: 355px;
    height: 142px;
    background: transparent url('../img/digitalCare/HEADER-DFD.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .header-2 {
    top: 437px;
    left: 1515px;
    width: 251px;
    height: 142px;
    background: transparent url('../img/digitalCare/HEADER-HAH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .header-3 {
    top: 249px;
    left: 2340px;
    width: 323px;
    height: 141px;
    background: transparent url('../img/digitalCare/HEADER-SWM.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalCare .outline-1 {
    top: 851px;
    left: 629px;
    width: 337px;
    height: 192px;
    background: transparent url('../img/digitalCare/outine-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .outline-2 {
    top: 844px;
    left: 1461px;
    width: 338px;
    height: 419px;
    background: transparent url('../img/digitalCare/outine-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .outline-3 {
    top: 820px;
    left: 2290px;
    width: 338px;
    height: 135px;
    background: transparent url('../img/digitalCare/outine-03.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-1 .list-1 {
    top: 869px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Vision\ and\ Goals.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-1 .list-2 {
    top: 926px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Transformation\ Principles.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-1 .list-3 {
    top: 983px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Opportunity\ Areas.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-1 {
    top: 863px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Future\ Business\ Model.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-2 {
    top: 920px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Home\ Care\ Obsticles.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-3 {
    top: 977px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Activity\ Orchestration.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-4 {
    top: 1034px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Virtual\ Hospital.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-5 {
    top: 1091px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Patient\ ID\ and\ Eligibility.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-6 {
    top: 1148px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Workflow\ Activities.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-2 .list-7 {
    top: 1205px;
    left: 1480px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-Personas.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-3 .list-1 {
    top: 838px;
    left: 2309px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-crypto\ Use\ cases.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalCare .submenu-3 .list-2 {
    top: 895px;
    left: 2310px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/digitalCare/category-abe.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}



/* DIGITAL CARE END */


/* DIGITAL FRONT DOOR */
#digitalDoor .bg-img {
    top: 1px;
    left: 135px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-digital front door.png') 0% 0% no-repeat padding-box;
    /* opacity: 0.7; */
    position: absolute;
    z-index: 1; 
}

#digitalDoor .icon {
    top: 122px;
    left: 191px;
    width: 948px;
    height: 787px;
    background: transparent url('../img/icon-digital 2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2; 
}

#digitalDoor .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    background: url('../img/DIGITALFRONTDOORMAIN.png');
    position: absolute;
    z-index: 3;
}

#digitalDoor .btn-digital-care {
    top: 903px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/section-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3; 
}

#digitalDoor .list-1 {
    top: 818px;
    left: 1942px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/list-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalDoor .list-2 {
    top: 906px;
    left: 1857px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/list-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalDoor .list-3 {
    top: 994px;
    left: 1767px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/list-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


/* VISIONS AND GOALS */
#visions .group-1 .bg {
    top: 201px;
    left: 160px;
    width: 266px;
    height: 961px;
    /* background: transparent url('../img/Group-star line.png') 0% 0% no-repeat padding-box; */
    background: url('../img/Group-star\ line.svg');
    position: absolute;
    z-index: 1;
}

#visions .group-1 .heading {
    top: 236px;
    left: 277px;
    width: 117px;
    height: 53px;
    text-align: left;
    font: normal normal normal 45px/45px Helvetica Neue;
    color: #F9F7D1;
    position: absolute;
    z-index: 2; 
    font-family: HelveticaNeueLt;
    font-size: 45px;
}

#visions .group-1 .icon-1 {
    top: 351px;
    left: 242px;
    width: 179px;
    height: 179px;
    background: url('../img/icon-patient.svg');
    position: absolute;
    z-index: 2; 
}

#visions .group-1 .icon-2 {
    top: 591px;
    left: 242px;
    width: 179px;
    height: 179px;
    background: url('../img/icon-integrated.svg');
    position: absolute;
    z-index: 2;
}

#visions .group-1 .icon-3 {
    top: 831px;
    left: 242px;
    width: 179px;
    height: 179px;
    background: url('../img/icon-improved.svg');
    position: absolute;
    z-index: 2;
}

#visions .group-1 .icon-4 {
    top: 1071px;
    left: 242px;
    width: 179px;
    height: 179px;
    background: url('../img/icon-enhanced.svg');
    position: absolute;
    z-index: 2; 
}

#visions .group-1 .text-1 {
    top: 364px;
    left: 458px;
    width: 214px; 
    height: 146px; 
    background: url('../img/copy-patient.svg');
    position: absolute;
    z-index: 3;
}

#visions .group-1 .text-2 {
    top: 620px;
    left: 458px;
    width: 231px; 
    height: 115px; 
    background: url('../img/copy-integrated.svg');
    position: absolute;
    z-index: 3;
}

#visions .group-1 .text-3 {
    top: 819px;
    left: 458px;
    width: 250px; 
    height: 196px; 
    background: url('../img/copy-improved.svg');
    position: absolute;
    z-index: 3;
}

#visions .group-1 .text-4 {
    top: 1071px;
    left: 458px;
    width: 312px; 
    height: 171px; 
    background: url('../img/copy-enhanced.svg');
    position: absolute;
    z-index: 3;
}

#visions .group-2 .bg {
    top: 139px;
    left: 874px;
    width: 557px;
    height: 223px;
    background: transparent url('../img/icon-vision.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#visions .group-2 .heading {
    top: 186px;
    left: 1024px;
    width: 120px;
    height: 53px;
    text-align: left;
    font: normal normal normal 45px/45px Helvetica Neue;
    color: #F9F7D1;
     
    position: absolute;
    z-index: 2; 
    font-family: HelveticaNeueLt;
    font-size: 45px;
}

#visions .group-2 .text {
    top: 248px;
    left: 1024px;
    width: 340px;
    height: 32px;
    text-align: left;
    font: normal normal normal 27px/29px Helvetica Neue;
    color: #FFFFFF;
     
    position: absolute; 
    z-index: 2;
    font-size: 26px; 
    font-family: HelveticaNeueThin;
}

#visions .group-3 .bg {
    top: 139px;
    left: 1498px;
    width: 1203px;
    height: 241px;
    background: transparent url('../img/icon-mission.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1; 
}

#visions .group-3 .heading {
    top: 186px;
    left: 1649px;
    width: 155px;
    height: 53px;
    text-align: left;
    font: normal normal normal 45px/45px Helvetica Neue;
    color: #F9F7D1;
     
    position: absolute;
    z-index: 2;
    font-size: 45px;
    font-family: HelveticaNeueLt;
}

#visions .group-3 .text {
    top: 248px;
    left: 1649px;
    width: 1071px;
    height: 63px;
    text-align: left;
    font: normal normal normal 27px/29px Helvetica Neue;
    color: #FFFFFF;
    position: absolute;
    z-index: 2; 
    font-size: 26px;
    font-family: HelveticaNeueThin;
}

#visions .group-4 .bg {
    top: 442px;
    left: 907px;
    width: 106px;
    height: 150px;
    background: transparent url('../img/icon-five.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#visions .group-4 .heading {
    top: 461px;
    /* left: 1038px; */
    left: 1028px;
    width: 770px;
    height: 32px;
    text-align: center;
    font: normal normal medium 27px/33px Helvetica Neue;
    color: #FFFFFF;
     
    position: absolute;
    z-index: 3; 
    font-size: 26px; 
}

#visions .group-4 .step-1 {
    top: 559px;
    left: 966px;
    width: 293px;
    height: 522px;
    background: url('../img/group-step-1.svg'); 
    position: absolute;
    z-index: 3;
}

#visions .group-4 .step-2 {
    top: 559px;
    left: 1320px;
    width: 293px;
    height: 522px;    
    background: url('../img/group-step-2.svg'); 
    position: absolute;
    z-index: 3;
}

#visions .group-4 .step-3 {
    top: 559px;
    left: 1674px;
    width: 293px;
    height: 522px;   
    background: url('../img/group-step-3.svg'); 
    position: absolute;
    z-index: 3;
}

#visions .group-4 .step-4 {
    top: 559px;
    left: 2028px;
    width: 293px;
    height: 522px; 
    background: url('../img/group-step-4.svg'); 
    position: absolute;
    z-index: 3;
}

#visions .group-4 .step-5 {
    top: 559px;
    left: 2382px;
    width: 293px;
    height: 522px;
    background: url('../img/group-step-5.svg'); 
    position: absolute;
    z-index: 3;
}

#visions .group-4 .number-1 {
    top: 994px;
    left: 966px;
    width: 293px;
    height: 131px;
    background: transparent url('../img/Group-number 1.svg') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4; 
}

#visions .group-4 .number-2 {
    top: 994px;
    left: 1320px;
    width: 293px;
    height: 131px;
    background: transparent url('../img/Group-number 2.svg') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4; 
}

#visions .group-4 .number-3 {
    top: 994px;
    left: 1674px;
    width: 293px;
    height: 131px;
    background: transparent url('../img/Group-number 3.svg') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4; 
}

#visions .group-4 .number-4 {
    top: 994px;
    left: 2028px;
    width: 293px;
    height: 131px;
    background: transparent url('../img/Group-number 4.svg') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4; 
}

#visions .group-4 .number-5 {
    top: 994px;
    left: 2382px;
    width: 293px;
    height: 131px;
    background: transparent url('../img/Group-number 5.svg') 0% 0% no-repeat padding-box;
     
    position: absolute;
    z-index: 4; 
}

#visions .group-5 .line-left {
    top: 1365px;
    left: 941px;
    width: 616px;
    /* height: 63px; */
    height: 66px;
    position: absolute;
    z-index: 2; 
    background: url('../img/connecting\ lines.svg') 0% 0% no-repeat padding-box;
}

#visions .group-5 .line-right {
    top: 1365px;
    left: 2088px;
    width: 616px;
    /* height: 63px; */
    height: 66px;
    position: absolute;
    z-index: 2;
    background: url('../img/connecting\ lines\ 2.svg') 0% 0% no-repeat padding-box;
}

#visions .group-5 .heading {
    top: 1402px;
    left: 1568px;
    width: 510px;
    height: 53px;
    text-align: center;
    font: normal normal normal 45px/45px Helvetica Neue;
    color: #F9F7D1;
    position: absolute;
    z-index: 3;
    font-family: HelveticaNeueLt;
    
}

#visions .group-5 .box-1 {
    top: 1286px;
    left: 941px;
    width: 345px;
    height: 125px;
    background: transparent url('../img/gradient-infrastructure.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#visions .group-5 .box-2 {
    top: 1286px;
    left: 1295px;
    width: 345px;
    height: 125px;
    background: transparent url('../img/gradient-standards.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#visions .group-5 .box-3 {
    top: 1286px;
    left: 1649px;
    width: 345px;
    height: 125px;
    background: transparent url('../img/gradient-security.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#visions .group-5 .box-4 {
    top: 1286px;
    left: 2003px;
    width: 345px;
    height: 125px;
    background: transparent url('../img/gradient-identity.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#visions .group-5 .box-5 {
    top: 1286px;
    left: 2357px;
    width: 345px;
    height: 125px;
    background: transparent url('../img/gradient-architecture.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


/* TRANSFORMATION PRINCIPLES */
#transformation .bg {
    top: -158px;
    left: -543px;
    width: 4024px;
    height: 889px;
    background: transparent url('../img/photo-digital health.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2; 
}

/* #transformation .line-bottom {
    top: 1153px;
    left: 295px;
    width: 2298px;
    height: 239px;
    background: transparent url('../img/connecting\ lines\ 3.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
} */

#transformation .line-bottom {
    top: 1393px; 
    left: 300px;
    width: 2288px;
    height: 1px;
    background: url('../img/transform-line-base.svg');
    position: absolute;
    z-index: 2;
}

#transformation .line-1 {
    top: 1153px; 
    left: 295px; 
    width: 10px;
    height: 239px; 
    background: url('../img/transform-line-1.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-2 {
    top: 1178px; 
    left: 686px; 
    width: 10px;
    height: 214px; 
    background: url('../img/transform-line-2.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-3 {
    top: 1224px; 
    left: 1060px; 
    width: 10px;
    height: 168px; 
    background: url('../img/transform-line-3.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-4 {
    top: 1234px; 
    left: 1438px; 
    width: 10px;
    height: 158px; 
    background: url('../img/transform-line-4.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-5 {
    top: 1224px; 
    left: 1821px; 
    width: 10px;
    height: 168px; 
    background: url('../img/transform-line-5.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-6 {
    top: 1214px; 
    left: 2194px; 
    width: 10px;
    height: 178px; 
    background: url('../img/transform-line-6.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}

#transformation .line-7 {
    top: 1154px; 
    left: 2583px; 
    width: 10px;
    height: 238px; 
    background: url('../img/transform-line-7.svg');
    position: absolute;
    z-index: 2;
    transform-origin: bottom;
}


#transformation .heading {
    top: 1346px;
    left: 1114px;
    width: 655px;
    height: 91px;
    background: transparent url('../img/label-principles.svg') 0% 0% no-repeat padding-box;
    /* border: 2px solid #98D7FF; */
    position: absolute;
    z-index: 4;
}

#transformation .icon-1 {
    top: 713px;
    left: 132px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-patient.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#transformation .icon-2 {
    top: 743px;
    left: 520px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-provider.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#transformation .icon-3 {
    top: 763px;
    left: 895px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-learning.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4; 
}

#transformation .icon-4 {
    top: 773px;
    left: 1276px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-acessable.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4; 
}

#transformation .icon-5 {
    top: 763px;
    left: 1657px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-cost.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4; 
}

#transformation .icon-6 {
    top: 743px;
    left: 2032px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-supports.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4; 
}

#transformation .icon-7 {
    top: 713px;
    left: 2420px;
    width: 336px;
    height: 336px;
    background: transparent url('../img/icon-privacy.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4; 
}

#transformation .text-1 {
    top: 1080px;
    left: 183px;
    width: 234px;
    height: 33px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-2 {
    top: 1110px;
    left: 562px;
    width: 252px;
    height: 33px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-3 {
    top: 1130px;
    left: 978px;
    width: 170px;
    height: 64px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-4 {
    top: 1140px;
    left: 1345px;
    width: 198px;
    height: 64px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-5 {
    top: 1130px;
    left: 1712px;
    width: 226px;
    height: 64px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-6 {
    top: 1110px;
    left: 2071px;
    width: 258px;
    height: 64px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}

#transformation .text-7 {
    top: 1080px;
    left: 2460px;
    width: 256px;
    height: 33px;
    text-align: center;
    font: normal normal normal 28px/31px Helvetica Neue;
    color: #FFFFFF;
     
    font-family: HelveticaNeueThin;
    position: absolute;
    z-index: 4; 
}


/* OPPORTUNITY AREAS */
#opportunity .bg-center {
    top: 226px;
    left: 1013px;
    width: 756px;
    height: 931px;
    background: transparent url('../img/hand.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#opportunity .bg-left {
    top: 3px;
    left: 0px;
    width: 1381px;
    height: 1622px;
    background: transparent url('../img/photo-digital-health-group.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3; 
}

#opportunity .bg-right {
    top: 0.28125px;
    left: 1499px;
    width: 1381px;
    height: 1622px;
    background: transparent url('../img/photo-digital-healthcare-group.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3; 
}

#opportunity .line-left-slant {
    top: 32px;
    left: 28px;
    width: 1376px;
    height: 1565px;
    background: transparent url('../img/line-slant-left.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#opportunity .line-right-slant {
    top: 32px;
    left: 1474px;
    width: 1377px;
    height: 1565px;
    background: transparent url('../img/line-slant-right.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#opportunity .lines-up {
    top: 137px; 
    left: 387px;
    width: 863px;
    height: 1259px;
    /* height: 0; */
    background: url('../img/lines-up-left.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#opportunity .lines-down {
    top: 93px; 
    left: 1508px;
    width: 928px;
    height: 1396px;
    /* height: 0; */
    background: url('../img/lines-down-right.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#opportunity .line-left-1 {
    top: 137px; 
    left: 387px; 
    width: 20px; 
    height: 263px;
    background: url('../img/line-up-1.svg');
    position: absolute;
    z-index: 4;
    transform-origin: bottom;
}

#opportunity .line-left-2 {
    top: 533px; 
    left: 641px; 
    width: 20px; 
    height: 169px;
    background: url('../img/line-up-2.svg');
    position: absolute;
    z-index: 4;
    transform-origin: bottom;
}

#opportunity .line-left-3 {
    top: 800px; 
    left: 920px; 
    width: 20px; 
    height: 227px;
    background: url('../img/line-up-3.svg');
    position: absolute;
    z-index: 4;
    transform-origin: bottom;
}

#opportunity .line-left-4 {
    /* top: 1003px; 
    left: 1230px; 
    width: 20px; 
    height: 393px; */
    top: 1213px; 
    left: 1230px; 
    width: 20px; 
    height: 183px;
    background: url('../img/line-up-4.svg');
    position: absolute;
    z-index: 4;
    transform-origin: bottom;
}

#opportunity .line-right-1 {
    top: 93px; 
    left: 1508px; 
    width: 20px; 
    height: 387px;
    background: url('../img/line-down-1.svg');
    position: absolute;
    z-index: 4;
    transform-origin: top;
}

#opportunity .line-right-2 {
    top: 516px; 
    left: 1865px; 
    width: 20px; 
    height: 294px;
    background: url('../img/line-down-2.svg');
    position: absolute;
    z-index: 4;
    transform-origin: top;
}

#opportunity .line-right-3 {
    top: 848px; 
    left: 2146px; 
    width: 20px; 
    height: 289px;
    background: url('../img/line-down-3.svg');
    position: absolute;
    z-index: 4;
    transform-origin: top;
}

#opportunity .line-right-4 {
    top: 1166px; 
    left: 2416px; 
    width: 20px; 
    height: 323px;
    background: url('../img/line-down-4.svg');
    position: absolute;
    z-index: 4;
    transform-origin: top;
}


#opportunity .text-left-1 {
    top: 127px;
    left: 419px;
    width: 318px;
    height: 273px;
    background: url('../img/copy-patient\ engagement.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-left-2 {
    top: 522px;
    left: 680px;
    width: 333px;
    height: 152px;
    background: url('../img/copy-clinical.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-left-3 {
    top: 790px;
    left: 958px;
    width: 219px;
    height: 227px;
    background: url('../img/copy-alanytics.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-left-4 {
    top: 1201px;
    left: 1271px;
    width: 359px;
    height: 153px;
    background: url('../img/copy-home-care.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-right-1 {
    top: 132px;
    left: 1139px;
    width: 351px;
    height: 356px;
    background: url('../img/copy-healthcare\ facility.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-right-2 {
    top: 569px;
    left: 1480px;
    width: 365px;
    height: 242px;
    background: url('../img/copy-innovation.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-right-3 {
    top: 909px;
    left: 1714px;
    width: 412px;
    height: 228px;
    background: url('../img/copy-digital\ health.png');
    position: absolute;
    z-index: 3;
}

#opportunity .text-right-4 {
    top: 1225px;
    left: 2034px;
    width: 362px;
    height: 265px;
    background: url('../img/copy-technology.png');
    position: absolute;
    z-index: 3;
}




/* HEALTHCARE AT HOME */
#healthcareHome .bg-img {
    top: 1px;
    left: 131px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-healthcare-at-home.png') 0% 0% no-repeat padding-box;
    /* opacity: 0.8; */
    position: absolute;
    z-index: 1;
}

#healthcareHome .icon {
    top: 122px;
    left: 191px;
    width: 949px;
    height: 787px;
    background: transparent url('../img/icon-healthcare-at-home.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#healthcareHome .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    /* transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    text-align: center;
    font: normal normal medium 80px/85px Helvetica Neue;
    color: #FAF8D7;
    text-transform: uppercase; */
    /* opacity: 0.75; */
    position: absolute;
    z-index: 4;
    background: url('../img/HEALTHCAREATHOMEMAIN.png');
}

#healthcareHome .btn-digital-care {
    top: 903px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/section-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3; 
}

#healthcareHome .list-1 {
    top: 643px;
    left: 2115px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-business.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-2 {
    top: 731px;
    left: 2029px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-obstacles.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-3 {
    top: 819px;
    left: 1940px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-orchestration.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-4 {
    top: 907px;
    left: 1853px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-virtual.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-5 {
    top: 996px;
    left: 1764px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-patient.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-6 {
    top: 1084px;
    left: 1675px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-workflow.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthcareHome .list-7 {
    top: 1172px;
    left: 1588px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-personas.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


/* BUSINESS MODEL OF THE FUTURE*/
#business .bg-center{
    top: 554px;
    left: 1178px;
    width: 532px;
    height: 532px;

    top: 563px;

    background: transparent url('../img/circle-photo-group.png') 0% 0% no-repeat padding-box;
    background-position: center center;
    background-size: cover;  
    position: absolute;
    z-index: 2;
}

#business .card-1 {
    top: 151px;
    left: 334px;
    width: 677px;
    height: 352px;
    background: transparent url('../img/photo-box-screening.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .card-2 {
    top: 616px;
    left: 171px;
    width: 677px;
    height: 350px;
    background: transparent url('../img/photo-box-virtual.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .card-3 {
    top: 1072px;
    left: 334px;
    width: 677px;
    height: 350px;
    background: transparent url('../img/photo-box-ancillary.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .card-4 {
    top: 152px;
    left: 1869px;
    width: 677px;
    height: 351px;
    background: transparent url('../img/photo-box-engagement.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .card-5 {
    top: 617px;
    left: 2032px;
    width: 677px;
    height: 350px;
    background: transparent url('../img/photo-box-staffing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .card-6 {
    top: 1072px;
    left: 1869px;
    width: 679px;
    height: 350px;
    background: transparent url('../img/photo-box-medication.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .border-1 {
    top: 497px; 
    left: 1168px; 
    width: 276px; 
    height: 161px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-blue.png');
}

#business .border-2 {
    top: 497px; 
    left: 1444px; 
    width: 276px; 
    height: 161px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-purple.png');
}

#business .border-3 {
    top: 663px; 
    left: 1717px; 
    width: 51px; 
    height: 314px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-orange.png');
}

#business .border-4 {
    top: 981px; 
    left: 1449px; 
    width: 271px; 
    height: 162px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-pink.png');
}


#business .border-5 {
    top: 981px; 
    left: 1168px; 
    width: 271px; 
    height: 162px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-aqua.png');
}

#business .border-6 {
    top: 663px; 
    left: 1121px; 
    width: 51px; 
    height: 314px;
    position: absolute;
    z-index: 4;
    background: url('../img/line-green.png');
}

#business .icon-1 {
    top: 354px;
    left: 1158px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-screeening.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .icon-2 {
    top: 762px;
    left: 921px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-virtual.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .icon-3 {
    top: 1143px;
    left: 1158px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-ancillary.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .icon-4 {
    top: 354px;
    left: 1585px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-engagement.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .icon-5 {
    top: 762px;
    left: 1822px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-staffing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .icon-6 {
    top: 1143px;
    left: 1585px;
    width: 138px;
    height: 138px;
    background: transparent url('../img/icon-medication.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#business .line-1 {
    top: 318px;
    left: 976px;
    width: 218px;
    height: 142px;
    background: transparent url('../img/line-screening.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;   
}

#business .line-2 {
    top: 794px;
    left: 814px;
    width: 141px;
    height: 73px;
    background: transparent url('../img/line-virtual.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;    
}

#business .line-3 {
    top: 1173px;
    left: 976px;
    width: 218px;
    height: 142px;
    background: transparent url('../img/line-ancillary.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;  
}

#business .line-4 {
    top: 318px;
    left: 1684px;
    width: 218px;
    height: 142px;
    background: transparent url('../img/line-engagement.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;  
}

#business .line-5 {
    top: 784px;
    left: 1923px;
    width: 141px;
    height: 73px;
    background: transparent url('../img/line-staffing.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;  
}

#business .line-6 {
    top: 1173px;
    left: 1684px;
    width: 218px;
    height: 142px;
    background: transparent url('../img/line-medication.png') no-repeat padding-box;
    background-position: center center;
    position: absolute;
    z-index: 4;  
}


/* OBSTACLES OF ACUTE CARE IN THE HOME */
/* #obstacles .bg {
    top: -23.4296875px;
    left: -205.88037109375px;
    width: 1266px;
    height: 1657px;
    background: transparent url('../img/photo-background.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 7;
} */

/* #obstacles .bg-left {
    top: -23.4296875px;
    left: -239.88037109375px;
    width: 1266px;
    height: 1657px;
    background: transparent url('../img/photo-left.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 8;
} */

#obstacles .bg-left {
    top: -391px; 
    left: -699px; 
    width: 1802px; 
    height: 2431px;
    background: url('../img/photo-obsticles.png');
    position: absolute;
    z-index: 8;
}

#obstacles .tab-1 {
    top: 223px;
    left: 907px;
    width: 422px;
    height: 124px;
    background: transparent url('../img/rectangle-financial.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .tab-1 {
    top: 223px;
    left: 907px;
    width: 422px;
    height: 124px;
    background: transparent url('../img/rectangle-financial.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#obstacles .tab-2 {
    top: 423px;
    left: 738px;
    width: 544px;
    height: 124px;
    background: transparent url('../img/rectangle-regulatory.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#obstacles .tab-3 {
    top: 622px;
    left: 541px;
    width: 678px;
    height: 124px;
    background: transparent url('../img/rectangle-staffing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#obstacles .tab-4 {
    top: 822px;
    left: 497px;
    width: 678px;
    height: 124px;
    background: transparent url('../img/rectangle-clinical.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#obstacles .tab-5 {
    top: 1024px;
    left: 558px;
    width: 545px;
    height: 124px;
    background: transparent url('../img/rectangle-social.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#obstacles .tab-6 {
    top: 1222px;
    left: 614px;
    width: 422px;
    height: 124px;
    background: transparent url('../img/rectangle-technology.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* #obstacles .icon-1 {
    top: 197px;
    left: 1260px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-financial.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-1 {
    top: 620px;
    left: 1166px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-financial.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

/* #obstacles .icon-2 {
    top: 398px;
    left: 1212px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-regulatory.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-2 {
    top: 620px;
    left: 1652px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-regulatory.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

/* #obstacles .icon-3 {
    top: 595px;
    left: 1152px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-staffing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-3 {
    top: 620px;
    left: 2149px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-staffing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

/* #obstacles .icon-4 {
    top: 798px;
    left: 1093px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-clinical.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-4 {
    top: 825px;
    left: 1406px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-clinical.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

/* #obstacles .icon-5 {
    top: 996px;
    left: 1033px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-social.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-5 {
    top: 825px;
    left: 1900px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-social.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

/* #obstacles .icon-6 {
    top: 1193px;
    left: 969px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-technology.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
} */

#obstacles .icon-6 {
    top: 825px;
    left: 2387px;
    width: 177px;
    height: 177px;
    background: transparent url('../img/icon-technology.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#obstacles .arrow-1 {
    top: 244px;
    left: 1764px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-financial.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .arrow-2 {
    top: 446px;
    left: 1891px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-regulatory.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .arrow-3 {
    top: 647px;
    left: 1819px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-staffing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .arrow-4 {
    top: 845px;
    left: 1815px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-clinical.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .arrow-5 {
    top: 1046px;
    left: 1815px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-social.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .arrow-6 {
    top: 1246px;
    left: 1765px;
    width: 49px;
    height: 76px;
    background: transparent url('../img/arrow-technology.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#obstacles .pill-1 {
    top: 224px;
    left: 1306px;
    width: 1364px;
    height: 123px;
    background: transparent url('../img/oval-financial.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .pill-2 {
    top: 423px;
    left: 1259px;
    width: 1411px;
    height: 126px;
    background: transparent url('../img/oval-regulatory.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .pill-3 {
    top: 623px;
    left: 1203px;
    width: 1467px;
    height: 123px;
    background: transparent url('../img/oval-staffing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .pill-4 {
    top: 822px;
    left: 1131px;
    width: 1539px;
    height: 123px;
    background: transparent url('../img/oval-clinical.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .pill-5 {
    top: 1024px;
    left: 1086px;
    width: 1584px;
    height: 123px;
    background: transparent url('../img/oval-social.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .pill-6 {
    top: 1222px;
    left: 1033px;
    width: 1641px;
    height: 125px;
    background: transparent url('../img/oval-technology.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-1 {
    /* top: 239px;
    left: 1504px;
    width: 795px;
    height: 87px;
    background: transparent url('../img/obstacles-text-1.png') 0% 0% no-repeat padding-box; */
    top: 276px;
    left: 1079px;
    width: 351px;
    height: 431px;
    background: transparent url('../img/group-financial.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-2 {
    /* top: 442px;
    left: 1451px;
    width: 1148px;
    height: 85px;
    background: transparent url('../img/obstacles-text-2.png') 0% 0% no-repeat padding-box; */
    top: 276px;
    left: 1565px;
    width: 351px;
    height: 432px;
    background: transparent url('../img/group-regulatory.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-3 {
    /* top: 640px;
    left: 1392px;
    width: 1124px;
    height: 88px;
    background: transparent url('../img/obstacles-text-3.png') 0% 0% no-repeat padding-box; */
    top: 276px;
    left: 2070px;
    width: 351px;
    height: 432px;
    background: transparent url('../img/group-staffing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-4 {
    /* top: 841px;
    left: 1331px;
    width: 1178px;
    height: 87px;
    background: transparent url('../img/obstacles-text-4.png') 0% 0% no-repeat padding-box; */
    top: 914px;
    left: 1319px;
    width: 351px;
    height: 450px;
    background: transparent url('../img/group-technology.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-5 {
    /* top: 1043px;
    left: 1271px;
    width: 1303px;
    height: 87px;
    background: transparent url('../img/obstacles-text-5.png') 0% 0% no-repeat padding-box; */
    top: 915px;
    left: 1805px;
    width: 351px;
    height: 450px;
    background: transparent url('../img/group-clinical.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .content-6 {
    /* top: 1236px;
    left: 1206px;
    width: 1374px;
    height: 93px;
    background: transparent url('../img/obstacles-text-6.png') 0% 0% no-repeat padding-box; */
    top: 915px;
    left: 2292px;
    width: 351px;
    height: 450px;
    background: transparent url('../img/group-social.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#obstacles .line-1 {
    top: 817px; 
    left: 1323px; 
    width: 105px;
    height: 2px;
    transform: rotate(220deg);
    background: url('../img/line-financial.svg'); 
    position: absolute;
    z-index: 3;
}

#obstacles .line-2 {
    top: 817px; 
    left: 1573px; 
    width: 105px; 
    height: 2px;
    transform: rotate(320deg);
    background: url('../img/line-technology.svg'); 
    position: absolute;
    z-index: 3;
}

#obstacles .line-3 {
    top: 817px; 
    left: 1817px; 
    width: 105px; 
    height: 2px;
    transform: rotate(220deg);
    background: url('../img/line-regulatory.svg'); 
    position: absolute;
    z-index: 3;
}

#obstacles .line-4 {
    top: 817px; 
    left: 2063px; 
    width: 105px; 
    height: 2px; 
    transform: rotate(320deg);
    background: url('../img/line-clinical.svg'); 
    position: absolute;
    z-index: 3;
}

#obstacles .line-5 {
    top: 817px; 
    left: 2307px; 
    width: 105px; 
    height: 2px; 
    transform: rotate(220deg);
    background: url('../img/line-staffing.svg'); 
    position: absolute;
    z-index: 3;
}

/* ORCHESTRATION OF ACTIVITIES */
#orchestration .photo-left {
    top: 726px;
    left: 537px;
    width: 469px;
    height: 881px;
    background: transparent url('../img/photo-visualization.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 3; 
}

#orchestration .photo-mid {
    top: 750px;
    left: 1006px;
    width: 879px;
    height: 887px;
    background: transparent url('../img/photo-partner.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 3; 
}

#orchestration .photo-right {
    top: 699px;
    left: 1879px;
    width: 466px;
    height: 919px;
    background: transparent url('../img/photo-workflow.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 3; 
}

#orchestration .bg-left {
    top: -754px;
    left: -429px;
    width: 1202px;
    height: 1480px;
    background: transparent url('../img/hand\ 2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#orchestration .bg-mid {
    top: 42px;
    left: 537px;
    width: 1806px;
    height: 1537px;
    background: transparent url('../img/umbrella.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#orchestration .bg-right {
    top: 567px;
    left: 2187px;
    width: 1202px;
    height: 1480px;
    background: transparent url('../img/hand\ 2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#orchestration .text-left {
    top: 978px;
    left: 623px;
    width: 297px;
    height: 224px;
    background: transparent url('../img/text-visualization.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#orchestration .text-mid {
    top: 978px;
    left: 1191px;
    width: 498px;
    height: 173px;
    background: transparent url('../img/text-partner.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#orchestration .text-right {
    top: 978px;
    left: 1930px;
    width: 352px;
    height: 264px;
    background: transparent url('../img/text-workflow.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#orchestration .icon-left {
    top: 464px;
    left: 828px;
    width: 206px;
    height: 206px;
    background: transparent url('../img/icon-visualization.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#orchestration .icon-mid {
    top: 481px;
    left: 1331px;
    width: 206px;
    height: 206px;
    background: transparent url('../img/icon-partner.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#orchestration .icon-right {
    top: 464px;
    left: 1869px;
    width: 206px;
    height: 206px;
    background: transparent url('../img/icon-workflow.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#orchestration .lines {
    top: 744px;
    left: 537px;
    width: 1806px;
    height: 732px;
    background: transparent url('../img/lines.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 7;
}


/* VIRTUAL HOSPITAL ARCHITECTURE */
#virtual .group-1 .pill-1 {
    top: 130px;
    left: 208px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-ems.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-1 .pill-2 {
    top: 130px;
    left: 575px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-staff.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-1 .pill-3 {
    top: 216px;
    left: 208px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-food-service.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-1 .pill-4 {
    top: 216px;
    left: 575px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-dme.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-2 .pill-1 {
    top: 130px;
    left: 1080px;
    width: 709px;
    height: 62px;

    width: 712px;
    height: 65px;
    background: transparent url('../img/oval-pharmacy.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-2 .pill-2 {
    top: 216px;
    left: 1080px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-clinical-staff.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-2 .pill-3 {
    top: 216px;
    left: 1447px;
    width: 342px;
    height: 62px;

    width: 345px;
    height: 65px;
    background: transparent url('../img/oval-support-staff.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .group-3 .pill-1 {
    top: 130px;
    left: 1952px;
    width: 709px;
    height: 148px;

    width: 811px;
    height: 151px;
    background: transparent url('../img/oval-devices.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


#virtual .title-1 {
    top: 302px;
    left: 519px;
    width: 84px;
    height: 24px;
    background: url('../img/title-Partners.png'); 
    position: absolute;
    z-index: 4;
}

#virtual .title-2 {
    top: 302px;
    left: 1387px;
    width: 84px;
    height: 24px;
    background: url('../img/title-Partners.png'); 
    position: absolute;
    z-index: 4;
}

#virtual .title-3 {
    top: 302px;
    left: 2254px;
    width: 96px;
    height: 24px;
    background: url('../img/title-NTTDATA.png'); 
    position: absolute;
    z-index: 4;
}

#virtual .line-1 {
    top: 310px;
    left: 186px;
    width: 754px;
    height: 10px;
    /* transform: matrix(0, -1, 1, 0, 0, 0); */
    background: transparent url('../img/line-partners-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .line-2 {
    top: 310px;
    left: 1059px;
    width: 752px;
    height: 10px;
    /* transform: matrix(0, -1, 1, 0, 0, 0); */
    background: transparent url('../img/line-partners-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .line-3 {
    /* top: 302px;
    left: 1931px;
    width: 752px;
    height: 24px; */
    top: 310px; 
    left: 1931px; 
    width: 753px; 
    height: 10px;
    /* background: transparent url('../img/line-ntt data-01.svg') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/line-ntt-data.svg') 0% 0% no-repeat padding-box;
    background-position: center center; 
    background-size: cover;
    position: absolute;
    z-index: 3;
}

#virtual .box-1 {
    top: 348px;
    left: 208px;
    width: 710px;
    height: 428px;

    width: 713px;
    height: 431px;
    background: transparent url('../img/box-logistics.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .box-2 {
    top: 348px;
    left: 1080px;
    width: 710px;
    height: 428px;

    width: 713px;
    height: 431px;
    background: transparent url('../img/box-care-delivery.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .box-3 {
    top: 348px;
    left: 1952px;
    width: 710px;
    height: 428px;

    width: 713px;
    height: 431px;
    background: transparent url('../img/box-smart-platform.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .gradient-1 {
    top: 743px;
    left: 416px;
    width: 293px;
    height: 99px;
    background: transparent url('../img/down-arrow-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual .gradient-2 {
    top: 743px;
    left: 1293px;
    width: 293px;
    height: 99px;
    background: transparent url('../img/down-arrow-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual .gradient-3 {
    top: 743px;
    left: 2161px;
    width: 293px;
    height: 99px;
    background: transparent url('../img/down-arrow-03.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual .title-4 {
    top: 917px;
    left: 1392px;
    width: 96px;
    height: 24px;
    background: url('../img/title-NTTDATA.png'); 
    position: absolute;
    z-index: 4;
}

#virtual .line-4 {
    top: 925px;
    left: 186px;
    width: 2497px;
    height: 10px;
    background: transparent url('../img/line-ntt-data-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .box-4 {
    top: 958px;
    left: 208px;
    width: 2454px;
    height: 246px;

    width: 2457px;
    height: 248px;
    background: transparent url('../img/group-section-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .title-5 {
    top: 1313px;
    left: 1299px;
    width: 282px;
    height: 31px;
    background: url('../img/title-systems.png');
    position: absolute;
    z-index: 4;
}

#virtual .line-5 {
    top: 1323px;
    left: 186px;
    width: 2497px;
    height: 10px;
    background: transparent url('../img/line-systems.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .circle {
    top: 1378px;
    left: 1379px;
    width: 122px;
    height: 122px;

    width: 127px;
    height: 127px;
    background: transparent url('../img/circle-health.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .icons-left {
    top: 1369px;
    left: 408px;
    width: 905px;
    height: 149px;
    background: transparent url('../img/icons-left.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual .icons-right {
    top: 1369px;
    left: 1591px;
    width: 828px;
    height: 149px;
    background: transparent url('../img/icons-right.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


/* Patient Identification and Eligibility */
#patient .photo {
    top: 68px;
    left: 105px;
    width: 531px;
    height: 1295px;
    background: transparent url('../img/Image\ 52.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient .heading {
    top: 1439px;
    left: 105px;
    width: 830px;
    height: 62px;
    background: url('../img/Patient\ Identification\ and\ Eligibility.png');
    position: absolute;
    z-index: 5;
}

#patient .dot-1 {
    top: 488px;
    left: 897px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-2 {
    top: 488px;
    left: 1400px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-3 {
    top: 488px;
    left: 1895px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-03.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-4 {
    top: 488px;
    left: 2621px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-04.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-5 {
    top: 976px;
    left: 2213px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-05.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-6 {
    top: 976px;
    left: 1741px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-06.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-7 {
    top: 976px;
    left: 1301px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-07.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-8 {
    top: 976px;
    left: 897px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-09.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-9 {
    top: 1501px;
    left: 1741px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/circle-08.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .dot-10 {
    top: 1501px;
    left: 1185px;
    width: 23px;
    height: 23px;
    background: transparent url('../img/circle-10.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-1 {
    top: 179px;
    left: 769px;
    width: 272px;
    height: 317px;
    background: transparent url('../img/drop-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-2 {
    top: 84px;
    left: 1272px;
    width: 272px;
    height: 394px;
    background: transparent url('../img/drop-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-3 {
    top: 27px;
    left: 1769px;
    width: 274px;
    height: 451px;
    background: transparent url('../img/drop-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-4 {
    top: 157px;
    left: 2498px;
    width: 272px;
    height: 318px;
    background: transparent url('../img/drop-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-5 {
    top: 578px;
    left: 769px;
    width: 272px;
    height: 388px;
    background: transparent url('../img/drop-05.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-6 {
    top: 640px;
    left: 1177px;
    width: 272px;
    height: 326px;
    background: transparent url('../img/drop-06.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-7 {
    top: 558px;
    left: 1617px;
    width: 272px;
    height: 408px;
    background: transparent url('../img/drop-07.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-8 {
    top: 620px;
    left: 2089px;
    width: 272px;
    height: 348px;
    background: transparent url('../img/drop-08.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-9 {
    top: 1140px;
    left: 1061px;
    width: 272px;
    height: 351px;
    background: transparent url('../img/drop-09.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .drop-10 {
    top: 1047px;
    left: 1617px;
    width: 272px;
    height: 444px;
    background: transparent url('../img/drop-10.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient .lines {
    top: 491px;
    left: 644px;
    width: 2002px;
    height: 1035px;
    background: transparent url('../img/dotted-lines.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#patient .text-1 {
    /* top: 451px;
    left: 2124px;
    width: 149px;
    height: 26px;
    text-align: left;
    font: normal normal medium 22px/85px Helvetica Neue;
    letter-spacing: 0px;
    color: #DDCE7E;
    text-transform: uppercase;
    font-family: HelveticaNeueLt;
    font-size: 23px; */
    top: 461px;
    left: 2124px;
    width: 149px;
    height: 26px;
    background: url('../img/NOT\ ELIGIBLE.png');
    position: absolute;
    z-index: 3;
}

#patient .text-2 {
    /* top: 697px;
    left: 2484px;
    width: 26px;
    height: 97px;
    transform: matrix(0, -1, 1, 0, 0, 0);
    text-align: left;
    font: normal normal medium 22px/85px Helvetica Neue;
    letter-spacing: 0px;
    color: #DDCE7E;
    text-transform: uppercase;
    font-family: HelveticaNeueLt;
    font-size: 23px; */
    top: 697px;
    left: 2441px;
    width: 26px;
    height: 97px;
    background: url('../img/ELIGIBLE.png');
    position: absolute;
    z-index: 3;
}

#patient .text-3 {
    /* top: 1465px;
    left: 1390px;
    width: 177px;
    height: 26px;
    text-align: left;
    font: normal normal medium 22px/85px Helvetica Neue;
    letter-spacing: 0px;
    color: #DDCE7E;
    text-transform: uppercase;
    font-family: HelveticaNeueLt;
    font-size: 23px; */
    top: 1465px;
    left: 1390px;
    width: 157px;
    height: 26px;
    background: url('../img/STAY\ AT\ HOME.png');
    position: absolute;
    z-index: 3;
}

#patient .text-4 {
    /* top: 1465px;
    left: 2142px;
    width: 258px;
    height: 26px;
    text-align: left;
    font: normal normal medium 22px/85px Helvetica Neue;
    letter-spacing: 0px;
    color: #DDCE7E;
    text-transform: uppercase;
    font-family: HelveticaNeueLt;
    font-size: 23px; */
    top: 1465px;
    left: 2142px;
    width: 238px;
    height: 26px;
    background: url('../img/RETURN\ TO\ HOSPITAL.png');
    position: absolute;
    z-index: 3;
}


/* Workflow Activities */
#workflow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#workflow .q {
    cursor: pointer;
    position: absolute;
}

#workflow .q-1 .title {
    top: 656px;
    left: 695px;
    width: 586px;
    height: 140px;
    /* background: url('../img/IdentificationandAdmission.png'); */
    background: url('../img/bar-one.png');
    position: absolute;
    z-index: 6;
}
#workflow .q-2 .title {
    top: 656px;
    left: 1310px;
    width: 633px;
    height: 140px;
    /* background: url('../img/CareDeliveryandDischarge.png'); */
    background: url('../img/bar-two.png');
    position: absolute;
    z-index: 6;
}

#workflow .q-3 .title {
    top: 825px;
    left: 938px;
    width: 633px;
    height: 140px;
    /* background: url('../img/EmbeddedElementsinWorkflow.png'); */
    background: url('../img/bar-three.png');
    position: absolute;
    z-index: 6;
}

#workflow .q-4 .title {
    top: 825px;
    left: 1599px;
    width: 620px;
    height: 140px;
    /* background: url('../img/CommandCenterSingle-PaneofGlass.png'); */
    background: url('../img/bar-four.png');
    position: absolute;
    z-index: 6;
}

#workflow .q-1 .overlay {
    top: 143px;
    left: 695px;
    width: 586px;
    height: 513px;
    background: #81934f71 0% 0% no-repeat padding-box;
    border-radius: 130px 130px 0px 0px;
    /* opacity: 0.45; */
    position: absolute;
    z-index: 5;
}

#workflow .q-2 .overlay {
    top: 143px;
    left: 1309px;
    width: 634px;
    height: 513px;
    background: #204e9871 0% 0% no-repeat padding-box;
    border-radius: 130px 130px 0px 0px;
    /* opacity: 0.45; */
    position: absolute;
    z-index: 5;
}

#workflow .q-3 .overlay {
    top: 965px;
    left: 938px;
    width: 633px;
    height: 513px;
    background: #81417a71 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 130px 130px;
    /* opacity: 0.45; */
    position: absolute;
    z-index: 5;
}

#workflow .q-4 .overlay {
    top: 965px;
    left: 1599px;
    width: 620px;
    height: 513px;
    background: #624b1471 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 130px 100px;
    /* opacity: 0.45; */
    position: absolute;
    z-index: 5;
}

#workflow .q-1 .photo {
    top: 143px;
    left: 695px;
    width: 586px;
    height: 653px;
    background: transparent url('../img/group-identification.png') 0% 0% no-repeat padding-box;
    border-radius: 80px 0px 0px 80px;
    position: absolute;
    z-index: 4;
}

#workflow .q-2 .photo {
    top: 143px;
    left: 1309px;
    width: 634px;
    height: 653px;
    background: transparent url('../img/group-care.png') 0% 0% no-repeat padding-box;
    border-radius: 0px 80px 80px 0px;
    position: absolute;
    z-index: 4;
}

#workflow .q-3 .photo {
    top: 825px;
    left: 938px;
    width: 633px;
    height: 653px;
    background: transparent url('../img/group-embedded.png') 0% 0% no-repeat padding-box;
    border-radius: 80px 0px 0px 80px;
    position: absolute;
    z-index: 4;
}

#workflow .q-4 .photo {
    top: 825px;
    left: 1599px;
    width: 620px;
    height: 653px;
    background: transparent url('../img/group-command.png') 0% 0% no-repeat padding-box;
    border-radius: 0px 80px 80px 100px;
    position: absolute;
    z-index: 4;
}

#workflow .slideouts-1 .slideout-1 {
    top: 225px;
    left: 237px;
    width: 455px;
    height: 149px;
    background: transparent url('../img/group-patient.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-1 .slideout-2 {
    top: 384px;
    left: 237px;
    width: 455px;
    height: 149px;
    background: transparent url('../img/group-enrollment.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-1 .slideout-3 {
    top: 533px;
    left: 237px;
    width: 455px;
    height: 149px;
    background: transparent url('../img/group-admission.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-2 .slideout-1 {
    top: 151px;
    left: 1955px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-inhome-assessment.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-inhome.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-2 .slideout-2 {
    top: 310px;
    left: 1955px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-acute-phase.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-acute.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-2 .slideout-3 {
    top: 459px;
    left: 1955px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-maintenance-phase.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-maintenance.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-2 .slideout-4 {
    top: 608px;
    left: 1955px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-discharge.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-discharge.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-3 .slideout-1 {
    top: 912px;
    left: 473px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-quality-oversight.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-quality.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-3 .slideout-2 {
    top: 1071px;
    left: 473px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-ancillary-services.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-ancillary.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-3 .slideout-3 {
    top: 1220px;
    left: 473px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-program-monitoring.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-program.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#workflow .slideouts-4 .slideout-1 {
    top: 1051px;
    left: 2234px;
    width: 455px;
    height: 149px;
    /* background: transparent url('../img/textbox-logistic-orchestration.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/group-logistic.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


/* Personas */
#personas .heading {
    top: 101px;
    left: 126px;
    width: 526px;
    height: 131px;
    position: absolute;
    z-index: 3;
    background: url('../img/HealthcareatHomePersonas.png'); 
}

#personas .bg {
    top: -147.90234375px;
    left: -1020px;
    width: 3905px;
    height: 2691px;
    background: transparent url('../img/circle-images.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
    transform-origin: bottom;
}

#personas .pic-1 {
    top: 543px;
    left: -10px;
    width: 585px;
    height: 585px;
    background: transparent url('../img/persona-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#personas .pic-2 {
    top: 50px;
    left: 1289px;
    width: 588px;
    height: 589px;
    background: transparent url('../img/persona-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#personas .pic-3 {
    top: 1352px;
    left: 1289px;
    width: 588px;
    height: 588px;
    background: transparent url('../img/persona-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#personas .pic-4 {
    top: 862px;
    left: 2096px;
    width: 588px;
    height: 588px;
    background: transparent url('../img/persona-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#personas .line {
    top: 141px;
    left: 725px;
    width: 275px;
    height: 903px;
    background: transparent url('../img/Line\ 329.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
    transform-origin: top;
}

#personas .dot-1 {
    top: 133px;
    left: 712px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 162.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-2 {
    top: 258px;
    left: 751px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 163.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-3 {
    top: 411px;
    left: 797px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 164.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-4 {
    top: 536px;
    left: 837px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 165.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-5 {
    top: 666px;
    left: 876px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 166.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-6 {
    top: 772px;
    left: 908px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 167.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-7 {
    top: 898px;
    left: 949px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 168.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .dot-8 {
    top: 1027px;
    left: 987px;
    width: 25px;
    height: 25px;
    background: transparent url('../img/Ellipse\ 169.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#personas .text-1 {
    top: 101px; 
    left: 787px; 
    width: 312px;
    height: 96px;
    background: url('../img/personas-text-1.png');
    position: absolute;
    z-index: 3;
}

#personas .text-2 {
    top: 229px; 
    left: 827px; 
    width: 338px;
    height: 117px;
    background: url('../img/personas-text-2.png');
    position: absolute;
    z-index: 3;
}

#personas .text-3 {
    top: 379px; 
    left: 866px; 
    width: 389px;
    height: 92px;
    background: url('../img/personas-text-3.png');
    position: absolute;
    z-index: 3;
}

#personas .text-4 {
    top: 507px; 
    left: 907px; 
    width: 337px;
    height: 90px;
    background: url('../img/personas-text-4.png');
    position: absolute;
    z-index: 3;
}

#personas .text-5 {
    top: 639px; 
    left: 946px; 
    width: 400px;
    height: 67px;
    background: url('../img/personas-text-5.png');
    position: absolute;
    z-index: 3;
}

#personas .text-6 {
    top: 745px; 
    left: 986px; 
    width: 419px;
    height: 96px;
    background: url('../img/personas-text-6.png');
    position: absolute;
    z-index: 3;
}

#personas .text-7 {
    top: 873px; 
    left: 1026px; 
    width: 326px;
    height: 92px;
    background: url('../img/personas-text-7.png');
    position: absolute;
    z-index: 3;
}

#personas .text-8 {
    top: 1001px; 
    left: 1066px; 
    width: 343px;
    height: 92px;
    background: url('../img/personas-text-8.png');
    position: absolute;
    z-index: 3;
}


/* SEPSIS WORKFLOW MANAGEMENT */
#sepsisWorkflow .bg-img {
    top: 1px;
    left: 131px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-sepsis-workflow.png') 0% 0% no-repeat padding-box;
    /* opacity: 0.8; */
    position: absolute;
    z-index: 1; 
}

#sepsisWorkflow .icon {
    top: 122px;
    left: 191px;
    width: 949px;
    height: 787px;
    background: transparent url('../img/icon-advanced-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2; 
}

#sepsisWorkflow .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    /* transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
    text-align: left;
    font: normal normal medium 80px/85px Helvetica Neue;
    letter-spacing: 3px;
    color: #FAF8D7;
    text-transform: uppercase; */
    /* opacity: 0.6; */
    position: absolute;
    z-index: 3;
    background: url('../img/SEPSISWORKFLOWMAIN.png');
}

#sepsisWorkflow .btn-digital-care {
    top: 903px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: url('../img/section-menu.png');
    position: absolute;
    z-index: 3; 
}

#sepsisWorkflow .list-1 {
    top: 818px;
    left: 1940px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-sepsis-workflow.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#sepsisWorkflow .list-2 {
    top: 906px;
    left: 1853px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/box-sepsis-partners.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}


/* SEPSIS WORKFLOW MGMT */
#management .box-1 {
    top: 607px;
    left: 440px;
    width: 489px;
    height: 394px;
    background: url('../img/box-challenge.png');
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

#management .box-2 {
    top: 607px;
    left: 1194px;
    width: 489px;
    height: 394px;
    background: url('../img/box-why.png');
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

#management .box-3 {
    top: 607px;
    left: 1947px;
    width: 489px;
    height: 394px;
    background: url('../img/box-how.png');
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

@keyframes moveBox {
    from {
        top: 607px;
        width: 489px;
        height: 394px;
    }
    to {
        top: 1093px;
        width: 489px;
        height: 394px;
    }
}

.moveBox {
    animation: moveBox 2s ease forwards;
}

#management .reveal-1 .photo-left {
    top: 97px;
    left: 138px;
    width: 1242px;
    height: 521px;
    background: transparent url('../img/mgmt-pic-data.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .photo-right {
    top: 97px;
    left: 1500px;
    width: 1276px;
    height: 521px;
    background: transparent url('../img/mgmt-pic-intervention.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .line-1 {
    top: 670px;
    left: 440px;
    width: 1984px;
    height: 398px;
    background: transparent url('../img/mgmt-line-1.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .icon-1 {
    top: 652px;
    left: 761px;
    width: 250px;
    height: 365px;
    background: transparent url('../img/mgmt-icon-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .icon-2 {
    top: 651px;
    left: 1130px;
    width: 260px;
    height: 333px;
    background: transparent url('../img/mgmt-icon-2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .icon-3 {
    top: 652px;
    left: 1500px;
    width: 251px;
    height: 332px;
    background: transparent url('../img/mgmt-icon-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-1 .icon-4 {
    top: 657px;
    left: 1870px;
    width: 250px;
    height: 327px;
    background: transparent url('../img/mgmt-icon-4.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .photo-center {
    top: 97px;
    left: 138px;
    width: 2638px;
    height: 521px;
    background: transparent url('../img/mgmt-photo-why.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .photo-center {
    top: 97px;
    left: 138px;
    width: 2638px;
    height: 521px;
    background: transparent url('../img/mgmt-photo-why.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .line-1 {
    top: 804px;
    left: 438px;
    width: 1813px;
    height: 275px;
    background: transparent url('../img/mgmt-line-2.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-1 {
    top: 704px;
    left: 300px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-tab-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-2 {
    top: 704px;
    left: 690px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-tab-2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-3 {
    top: 704px;
    left: 1080px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-tab-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-4 {
    top: 704px;
    left: 1469px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-tab-4.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-5 {
    top: 704px;
    left: 1859px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-tab-5.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-2 .card-6 {
    top: 684px;
    left: 2268px;
    width: 360px;
    height: 375px;
    background: transparent url('../img/mgmt-tab-6.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .photo-center {
    top: 97px;
    left: 138px;
    width: 2638px;
    height: 521px;
    background: transparent url('../img/photo-how.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-1 {
    top: 97px;
    left: 138px;
    width: 2638px;
    height: 521px;
    background: transparent url('../img/photo-how.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .line-1 {
    top: 804px;
    left: 438px;
    width: 1813px;
    height: 277px;
    background: transparent url('../img/mgmt-line-3.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-1 {
    top: 704px;
    left: 300px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-card-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-2 {
    top: 704px;
    left: 690px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-card-2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-3 {
    top: 704px;
    left: 1080px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-card-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-4 {
    top: 704px;
    left: 1469px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-card-4.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-5 {
    top: 704px;
    left: 1859px;
    width: 335px;
    height: 203px;
    background: transparent url('../img/mgmt-card-5.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#management .reveal-3 .card-6 {
    top: 684px;
    left: 2268px;
    width: 360px;
    height: 375px;
    background: transparent url('../img/mgmt-card-6.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

/* SEPSIS PARTNERS */
#partners .bg-left {
    top: -2.00927734375px;
    left: -230.0009765625px;
    width: 1696px;
    height: 1622px;
    background: transparent url('../img/photo-left-luminare.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .bg-right {
    top: -2.00927734375px;
    left: 1419px;
    width: 1681px;
    height: 1622px;
    background: transparent url('../img/photo-right-evnisioning.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .heading-left {
    top: -224.97686767578125px;
    left: 541px;
    width: 1049px;
    height: 1049px;
    position: absolute;
    z-index: 3;
    background: url('../img/LUMINAREANDNTTDATA.png');
}

#partners .heading-right {
    top: 614px;
    left: 1566px;
    width: 1059px;
    height: 1059px;
    position: absolute;
    z-index: 3;
    background: url('../img/ENVISIONINGAWORLDWHERENOONEDIESOFSEPSIS.png');
}

#partners .item-1 {
    top: 238px;
    left: 1392px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-powerful.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .item-2 {
    top: 425px;
    left: 1204px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-empowering.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .item-3 {
    top: 603px;
    left: 1026px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-analytics.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .item-4 {
    top: 861px;
    left: 768px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-integration.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .item-5 {
    top: 1039px;
    left: 590px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-implementation.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#partners .item-6 {
    top: 1217px;
    left: 412px;
    width: 1074px;
    height: 119px;
    background: transparent url('../img/arrow-global.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}


/* EMERGING TECH */
#emergingTech div {
    cursor: pointer; 
}

#emergingTech .bg-1 {
    top: 322px;
    left: 493px;
    width: 522px;
    height: 977px;
    background: transparent url('../img/group-emerging-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTech .bg-2 {
    top: 322px;
    left: 1181px;
    width: 522px;
    height: 977px;
    background: transparent url('../img/group-emerging-2.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTech .bg-3 {
    top: 322px;
    left: 1869px;
    width: 522px;
    height: 977px;
    background: transparent url('../img/group-emerging-3.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTech .icon-1 {
    top: 419px;
    left: 528px;
    width: 448px;
    height: 207px;
    background: transparent url('../img/icon-emerging.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .icon-2 {
    top: 419px;
    left: 1216px;
    width: 448px;
    height: 207px;
    background: transparent url('../img/icon-growth.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .icon-3 {
    top: 419px;
    left: 1904px;
    width: 448px;
    height: 207px;
    background: transparent url('../img/icon-mainstream.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .line-1 {
    top: 717px;
    left: 535px;
    width: 440px;
    height: 35px;
    background: transparent url('../img/line-emerging.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .line-2 {
    top: 717px;
    left: 1220px;
    width: 440px;
    height: 35px;
    background: transparent url('../img/line-growth.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .line-3 {
    top: 717px;
    left: 1908px;
    width: 440px;
    height: 35px;
    background: transparent url('../img/line-mainstream.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTech .list-1 {
    top: 788px;
    left: 577px;
    width: 350px;
    height: 423px;
    background: transparent url('../img/Digital\ HumanMetaverseSmart\ RoboticsSatellite\ and\ DataPricing\ TechAll-Photonics\ Network\ \(IOWN\)Emotion\ RecognitionAutonomous\ Vehicles.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTech .list-2 {
    top: 788px;
    left: 1277px;
    width: 326px;
    height: 311px;
    background: transparent url('../img/Generative\ AIDigital\ TwinCleantech\ \(Energy\,GHG\)BlockchainGlobal\ Trusted\ Data\ Spaces.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTech .list-3 {
    top: 788px;
    left: 1954px;
    width: 350px;
    height: 395px;
    background: transparent url('../img/CloudApplication\ Development\ and\ ManagementCyber\ SecurityData\ and\ IntelligenceEnterprise\ Application\ ServicesEdge\ as\ a\ Service.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTech .border-1 {
    top: 357px;
    left: 461px;
    width: 509px;
    height: 966px;
    background: transparent url('../img/outline-emerging.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTech .border-2 {
    top: 357px;
    left: 1151px;
    width: 509px;
    height: 966px;
    background: transparent url('../img/outline-growth.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTech .border-3 {
    top: 357px;
    left: 1838px;
    width: 509px;
    height: 966px;
    background: transparent url('../img/outline-mainstream.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


/* Emerging Tech Menu */
#emergingTechMenu .opt-1 .icon {
    top: 745px;
    left: 84px;
    width: 587px;
    height: 540px;
    background: transparent url('../img/icon-digital-human.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .opt-2 .icon {
    top: 745px;
    left: 831px;
    width: 651px;
    height: 539px;
    background: transparent url('../img/icon--biodigital-twin.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .opt-3 .icon {
    top: 742px;
    left: 1644px;
    width: 651px;
    height: 540px;
    background: transparent url('../img/icon-healthcare-crypto.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .opt-1 .img {
    top: 212px;
    left: 398px;
    width: 785px;
    height: 785px;
    background: transparent url('../img/photo-digital-huan.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-2 .img {
    top: 213px;
    left: 1202px;
    width: 785px;
    height: 786px;
    background: transparent url('../img/photo-biodigital-twin.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-3 .img {
    top: 214px;
    left: 2011px;
    width: 786px;
    height: 786px;
    background: transparent url('../img/photo-healthcare-crypto.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-1 .text {
    top: 660px;
    left: 660px;
    width: 385px;
    height: 385px;
    background: transparent url('../img/Digital\ Human-1.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-2 .text {
    top: 635px;
    left: 1464px;
    width: 412px;
    height: 412px;
    /* background: transparent url('../img/BIO\ DIGITAL\ TWIN.svg') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/FUTURE\ OF\ HEALTHCARE.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-3 .text {
    top: 579px;
    left: 2276px;
    width: 470px;
    height: 470px;
    background: transparent url('../img/HEALTHCARE\ Cryptography.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .btn-home {
    top: 903px;
    left: 2682px;
    width: 115px;
    height: 82px;
    /* background: transparent url('../img/main-menu.svg') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/btn-main-menu.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .opt-1 .caption {
    top: 1230px;
    left: 456px; 
    width: 427px; 
    height: 130px; 
    background: url('../img/group-caption-1.svg'); 
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-2 .caption {
    top: 1232px;
    left: 1260px; 
    width: 354px; 
    height: 130px; 
    background: url('../img/group-caption-2.svg'); 
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .opt-3 .caption {
    top: 1233px;
    left: 2068px; 
    width: 375px; 
    height: 130px; 
    background: url('../img/group-caption-3.svg'); 
    position: absolute;
    z-index: 2;
}


#emergingTechMenu .icon-1 {
    top: 133px;
    left: 308px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/innovativeTech/icon-DH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .icon-2 {
    top: 328px;
    left: 1177px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/innovativeTech/icon-FOH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .icon-3 {
    top: 128px;
    left: 2022px;
    width: 298px;
    height: 479px;
    background: transparent url('../img/innovativeTech/icon-HC.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#emergingTechMenu .card-1 {
    top: 578px;
    left: 242px;
    width: 430px;
    height: 700px;
    background: transparent url('../img/innovativeTech/photo-DH.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .card-2 {
    top: 770px;
    left: 1112px;
    width: 431px;
    height: 703px;
    background: transparent url('../img/innovativeTech/photo-FOH.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .card-3 {
    top: 573px;
    left: 1956px;
    width: 430px;
    height: 703px;
    background: transparent url('../img/innovativeTech/photo-hc.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .header-1 {
    top: 254px;
    left: 645px;
    width: 285px;
    height: 107px;
    background: transparent url('../img/innovativeTech/HEADER-DH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .header-2 {
    top: 449px;
    left: 1515px;
    width: 227px;
    height: 142px;
    background: transparent url('../img/innovativeTech/HEADER-FOH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .header-3 {
    top: 249px;
    left: 2360px;
    width: 617px;
    height: 141px;
    background: transparent url('../img/innovativeTech/HEADER-HC.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#emergingTechMenu .outline-1 {
    top: 744px;
    left: 627px;
    width: 338px;
    height: 419px;
    background: transparent url('../img/innovativeTech/outine-DH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .outline-2 {
    top: 971px;
    left: 1471px;
    width: 337px;
    height: 192px;
    background: transparent url('../img/innovativeTech/outine-FOH.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .outline-3 {
    top: 971px;
    left: 2280px;
    width: 337px;
    height: 192px;
    background: transparent url('../img/innovativeTech/outine-HC.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-1 {
    top: 761px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-use\ cases.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-2 {
    top: 818px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-improving.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-3 {
    top: 875px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-driving\ value.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-4 {
    top: 932px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-ai\ in\ action.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-5 {
    top: 989px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-virtual-right\ skills.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-6 {
    top: 1046px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-tech\ overview.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-1 .list-7 {
    top: 1103px;
    left: 648px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-evolution.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-2 .list-1 {
    top: 989px;
    left: 1489px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-realizing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-2 .list-2 {
    top: 1046px;
    left: 1489px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-acis.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-2 .list-3 {
    top: 1103px;
    left: 1490px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-cv\ biodigital\ twin.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-3 .list-1 {
    top: 989px;
    left: 2300px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-crypto\ Use\ cases.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-3 .list-2 {
    top: 1046px;
    left: 2301px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-abe.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#emergingTechMenu .submenu-3 .list-3 {
    top: 1103px;
    left: 2300px;
    width: 300px;
    height: 42px;
    background: transparent url('../img/innovativeTech/category-crypto\ case\ study.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}


/* Digital Human */
#digitalHuman .bg-img {
    top: 1px;
    left: 131px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-digital\ human.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalHuman .icon {
    top: 123px;
    left: 191px;
    width: 947px;
    height: 786px;
    background: transparent url('../img/icon-digital-human-large.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalHuman .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    background: transparent url('../img/DIGITAL\ HUMAN.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#digitalHuman .btn-emerging-tech {
    top: 902px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/section-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#digitalHuman .list-1 {
    top: 643px;
    left: 1955px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-conversational.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-2 {
    top: 731px;
    left: 1869px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-improving.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-3 {
    top: 819px;
    left: 1780px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-applied.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-4 {
    top: 907px;
    left: 1693px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-ai.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-5 {
    top: 996px;
    left: 1603px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-virtual-right-skills.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-6 {
    top: 1084px;
    left: 1515px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-virtual-tech-overview.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalHuman .list-7 {
    top: 1172px;
    left: 1428px;
    width: 842px;
    height: 75px;
    background: transparent url('../img/category-evolution.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/* Bio Digital Twin */
#digitalTwin .bg-img {
    top: 1px;
    left: 131px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-dio-digital-twin.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#digitalTwin .icon {
    top: 122px;
    left: 191px;
    width: 949px;
    height: 787px;
    background: transparent url('../img/icon-advanced-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#digitalTwin .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    /* background: transparent url('../img/bio-digital-twin-heading-lg.png') 0% 0% no-repeat padding-box; */
    background: transparent url('../img/FUTURE\ OF\ HEALTHCARE\ heading.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#digitalTwin .btn-emerging-tech {
    top: 902px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/section-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#digitalTwin .list-1 {
    /* top: 819px;
    left: 1940px;
    width: 682px;
    height: 75px; */

    /* top: 907px;
    left: 1853px;
    width: 682px;
    height: 75px; */

    top: 995px;
    left: 1764px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/category-revolutionizing.png') 0% 0% no-repeat padding-box;
    background: transparent url('../img/category-cv\ biodigital\ twin.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#digitalTwin .list-2 {
    /* top: 907px;
    left: 1853px;
    width: 682px;
    height: 75px; */
    top: 819px;
    left: 1940px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/category-realizing.png') 0% 0% no-repeat padding-box;
    /* background: transparent url('../img/category-cv\ biodigital\ twin.png') 0% 0% no-repeat padding-box; */
    position: absolute;
    z-index: 4;
}

#digitalTwin .list-3 {
    top: 907px;
    left: 1857px;
    width: 677px;
    height: 75px;
    background: transparent url('../img/category-acis.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/* Healthcare Cryptography */
#healthCrypto .bg-img {
    top: 1px;
    left: 131px;
    width: 2877px;
    height: 1619px;
    background: transparent url('../img/image-advanced-cryptography.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#healthCrypto .icon {
    top: 122px;
    left: 191px;
    width: 949px;
    height: 787px;
    background: transparent url('../img/icon-hc-cryptography.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#healthCrypto .heading {
    top: 197px;
    left: 616px;
    width: 1049px;
    height: 1049px;
    background: transparent url('../img/HEALTHCARE CRYPTOGAPHY.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#healthCrypto .btn-emerging-tech {
    top: 902px;
    left: 2682px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/section-menu.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#healthCrypto .list-1 {
    top: 819px;
    left: 1940px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/category-crypto-use.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthCrypto .list-2 {
    top: 907px;
    left: 1853px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/category-abe.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

#healthCrypto .list-3 {
    top: 996px;
    left: 1763px;
    width: 682px;
    height: 75px;
    background: transparent url('../img/category-crypto-case.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 4;
}

/* Conversational AI Use Cases */
#ai-use .bg-left {
    top: -698px;
    left: -356px;
    width: 1202px;
    height: 1480px;
    background: transparent url('../img/ai-bg-hand-left.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ai-use .bg-right {
    top: 473px;
    left: 2105px;
    width: 1202px;
    height: 1480px;
    background: transparent url('../img/ai-bg-hand-right.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#ai-use .animate-1 .border {
    top: 496px;
    left: 378px;
    width: 202px;
    height: 403px;
    background: url('../img/border-01.svg') no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#ai-use .animate-2 .border {
    top: 496px;
    left: 1106px;
    width: 202px;
    height: 403px;
    background: url('../img/border-02.svg') no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#ai-use .animate-3 .border {
    top: 496px;
    left: 1846px;
    width: 202px;
    height: 403px;
    background: url('../img/border-03.svg') no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#ai-use .animate-1 .img-top {
    top: 511px;
    left: 394px;
    width: 623px;
    height: 383px;
    background: transparent url('../img/photo-top-physician.png') 0% 0% no-repeat padding-box;
    border-radius: 0px 323px 0px 0px;
    background-position: top;
    background-size: cover;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .animate-1 .img-bottom {
    top: 893px;
    left: 394px;
    width: 623px;
    height: 215px;
    background: transparent url('../img/photo-bottom-physician.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .animate-2 .img-top {
    /* top: 511px; */
    top: 512px;
    left: 1124px;
    width: 623px;
    height: 383px;
    background: transparent url('../img/photo-top-nursing.png') 0% 0% no-repeat padding-box;
    border-radius: 0px 323px 0px 0px;
    background-position: top;
    background-size: cover;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .animate-2 .img-bottom {
    top: 894px;
    /* top: 893px; */
    left: 1124px;
    width: 623px;
    height: 215px;
    background: transparent url('../img/photo-botton-nursing.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .animate-3 .img-top {
    top: 511px;
    left: 1862px;
    width: 623px;
    height: 374px;
    background: transparent url('../img/photo-top-patient.png') 0% 0% no-repeat padding-box;
    border-radius: 0px 323px 0px 0px;
    background-position: top;
    background-size: cover;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .animate-3 .img-bottom {
    top: 884px;
    left: 1862px;
    width: 623px;
    height: 223px;
    background: transparent url('../img/photo-bottom-patient.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
    /* opacity: 0.9; */
}

#ai-use .img-1 {
    top: 511px;
    left: 394px;
    width: 623px; 
    height: 597px;
    background: url('../img/img-physician.png');
    position: absolute;
    z-index: 4;
}

#ai-use .img-2 {
    top: 511px;
    left: 1124px;
    width: 623px; 
    height: 598px;
    background: url('../img/img-nursing.png');
    position: absolute;
    z-index: 4;
}

#ai-use .img-3 {
    top: 511px;
    left: 1862px;
    width: 623px; 
    height: 596px;
    background: url('../img/img-patient.png');
    position: absolute;
    z-index: 4;
}

#ai-use .animate-1 .textbox {
    top: 713px;
    left: 394px;
    width: 623px;
    height: 343px;
    background: transparent url('../img/physician-COPY.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ai-use .animate-2 .textbox {
    top: 713px;
    left: 1124px;
    width: 623px;
    height: 343px;
    background: transparent url('../img/nursing-COPY.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#ai-use .animate-3 .textbox {
    top: 713px;
    left: 1864px;
    width: 623px;
    height: 343px;
    background: transparent url('../img/patient-COPY.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}


@keyframes moveUp {
    from {
        top: 511px;
        /* height: initial;  */

    }
    to {
        top: 203px;
        height: 492px;
        opacity: 0.6;
    }
}

.move-up {
    animation: moveUp 1.5s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes moveDown {
    from {
        top: 894px;
        /* top: initial; */
    }
    to {
        top: 1075px;
        opacity: 0.6;
    }
}

.move-down {
    animation: moveDown 1.5s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes extendOutline {
    from {
        top: 496px;
        width: 202px;
        height: 403px;
    }
    to {
        top: 184px;
        width: 215px;
        height: 875px;
    }
}

.extend-outline {
    animation: extendOutline 1.5s ease-in-out;
    animation-fill-mode: forwards;
}

/* Patient Journey */
#patient-journey .bg-left {
    top: 387px;
    left: -20px;
    width: 1129px;
    height: 1390px;
    background: transparent url('../img/patient-journey/hand.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#patient-journey .bg-right {
    top: -738.0744018554688px;
    left: 1757px;
    width: 1744px;
    height: 1624px;
    background: transparent url('../img/patient-journey/hand-1.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#patient-journey .legend {
    top: 1314px;
    left: 362px;
    width: 887px;
    height: 125px;
    background: transparent url('../img/legend.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#patient-journey .arrow-1 {
    top: 391px;
    left: 2092px;
    width: 15px;
    height: 206px;
    background: transparent url('../img/patient-journey/arrow-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .arrow-2 {
    top: 528px;
    left: 2318px;
    width: 156px;
    height: 156px;
    background: transparent url('../img/patient-journey/arrow-02.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .arrow-3 {
    top: 893px;
    left: 2419px;
    width: 206px;
    height: 15px;
    background: transparent url('../img/patient-journey/arrow-03.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .arrow-4 {
    top: 1112px;
    left: 2322px;
    width: 156px;
    height: 156px;
    background: transparent url('../img/patient-journey/arrow-04.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .arrow-5 {
    top: 1211px;
    left: 2104px;
    width: 15px;
    height: 206px;
    background: transparent url('../img/patient-journey/arrow-05.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .arrow-6 {
    top: 1133px;
    left: 1730px;
    width: 156px;
    height: 156px;
    background: transparent url('../img/patient-journey/arrow-06.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#patient-journey .circle {
    top: 701px;
    left: 1905px;
    width: 406px;
    height: 406px;
    background: transparent url('../img/patient-journey/circle-01.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-0 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-home.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-1 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-01.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-2 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-02.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-3 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-03.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-4 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-04.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-5 {
    top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-05.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .text-6 {
    /* top: 746px;
    left: 305px;
    width: 1961px;
    height: 316px;
    background: transparent url('../img/patient-journey/text-box-06.png') 0% 0% no-repeat padding-box; */
    top: 903px; 
    left: 305px; 
    width: 1645px; 
    height: 99px;
    background: transparent url('../img/patient-journey/textbox-06.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#patient-journey .icon-0 {
    top: 819px;
    left: 2020px;
    width: 169px;
    height: 157px;
    background: transparent url('../img/patient-journey/icon-bed.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-1 {
    top: 822px;
    left: 1984px;
    width: 250px;
    height: 181px;
    background: url('../img/patient-journey/icon-pat9ent.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-2 {
    top: 794px;
    left: 2014px;
    width: 188px;
    height: 212px;
    background: url('../img/patient-journey/icon-c0nnects.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-3 {
    top: 794px;
    left: 2010px;
    width: 219px;
    height: 189px;
    background: url('../img/patient-journey/icon-appointment.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-4 {
    top: 809px;
    left: 2033px;
    width: 184px;
    height: 177px;
    background: url('../img/patient-journey/icon-pre-proceure.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-5 {
    top: 823px;
    left: 2018px;
    width: 195px;
    height: 164px;
    background: url('../img/patient-journey/icon-pre-appointment.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-6 {
    top: 812px;
    left: 2019px;
    width: 185px;
    height: 162px;
    background: url('../img/patient-journey/icon-post-procedure.svg');
    position: absolute;
    z-index: 6;
}

#patient-journey .icon-bg-6 {
    top: 746px; 
    left: 1950px;
    width: 316px; 
    height: 316px;
    background: url('../img/patient-journey/circle-icon-06.png');
    position: absolute;
    z-index: 5;
}

#patient-journey .btn-1 {
    top: 304px;
    left: 2122px;
    width: 391px;
    height: 448px;
    background: transparent url('../img/patient-journey/slice-01\ patient.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#patient-journey .btn-2 {
    top: 494px;
    left: 2260px;
    width: 450px;
    height: 392px;
    background: transparent url('../img/patient-journey/slice-02\ connets.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#patient-journey .btn-3 {
    top: 924px;
    left: 2259px;
    width: 448px;
    height: 391px;
    background: transparent url('../img/patient-journey/slice-03\ appointment.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#patient-journey .btn-4 {
    top: 1057px;
    left: 2129px;
    width: 392px;
    height: 450px;    
    background: transparent url('../img/patient-journey/slice-pre-procedure.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#patient-journey .btn-5 {
    top: 1059px;
    left: 1695px;
    width: 391px;
    height: 448px;
    background: transparent url('../img/patient-journey/slice-pre-appointment.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#patient-journey .btn-6 {
    top: 924px;
    left: 1501px;
    width: 450px;
    height: 392px;
    background: transparent url('../img/patient-journey/slice-post-procedure.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 6;
}


.expandOut1 {
    animation-name: expandOut1;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut1 {
    from {
        top: 304px;
        left: 2122px;
        width: 391px;
        height: 448px;
    }
    to {
        top: 264px;
        left: 2122px;
        width: 426px;
        height: 488px;
    }
}

.reverseExpandOut1 {
    animation-name: reverseExpandOut1;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut1 {
    from {
        /* top: 264px;
        left: 2122px;
        width: 426px;
        height: 488px; */

    }
    to {
        top: 304px;
        left: 2122px;
        width: 391px;
        height: 448px;
    }
}

.expandOut2 {
    animation-name: expandOut2;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut2 {
    from {
        top: 494px;
        left: 2260px;
        width: 450px;
        height: 392px;
    } 
    to {
        top: 457px;
        left: 2260px;
        width: 492px;
        height: 429px;
    }
}

.reverseExpandOut2 {
    animation-name: reverseExpandOut2;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut2 {
    from {
        /* top: 457px;
        left: 2260px;
        width: 492px;
        height: 429px; */
   
    }
    to {
        top: 494px;
        left: 2260px;
        width: 450px;
        height: 392px;
    }
}

.expandOut3 {
    animation-name: expandOut3;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut3 {
    from {
        top: 924px;
        left: 2259px;
        width: 448px;
        height: 391px;
    } 
    to {
        top: 917px;
        left: 2259px;
        width: 503px;
        height: 439px;
    }
}

.reverseExpandOut3 {
    animation-name: reverseExpandOut3;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut3 {
    from {
        /* top: 917px;
        left: 2259px;
        width: 503px;
        height: 439px; */
        
    }
    to {
        top: 924px;
        left: 2259px;
        width: 448px;
        height: 391px;
    }
}

.expandOut4 {
    animation-name: expandOut4;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut4 {
    from {
        top: 1057px;
        left: 2129px;
        width: 392px;
        height: 450px;    
    } 
    to {
        top: 1057px;
        left: 2124px;
        width: 429px;
        height: 492px;
    }
}

.reverseExpandOut4 {
    animation-name: reverseExpandOut4;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut4 {
    from {
        /* top: 1057px;
        left: 2124px;
        width: 429px;
        height: 492px; */
        
    }
    to {
        top: 1057px;
        left: 2129px;
        width: 392px;
        height: 450px;    
    }
}

.expandOut5 {
    animation-name: expandOut5;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut5 {
    from {
        top: 1059px;
        left: 1695px;
        width: 391px;
        height: 448px;   
    } 
    to {
        top: 1059px;
        left: 1664px;
        width: 422px;
        height: 483px;
    }
}

.reverseExpandOut5 {
    animation-name: reverseExpandOut5;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut5 {
    from {
        /* top: 1059px;
        left: 1664px;
        width: 422px;
        height: 483px; */
       
    }
    to {
        top: 1059px;
        left: 1695px;
        width: 391px;
        height: 448px;   
    }
}

.expandOut6 {
    animation-name: expandOut6;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes expandOut6 {
    from {
        top: 924px;
        left: 1501px;
        width: 450px;
        height: 392px; 
    } 
    to {
        top: 924px;
        left: 1468px;
        width: 483px;
        height: 421px;
    }
}

.reverseExpandOut6 {
    animation-name: reverseExpandOut6;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
}

@keyframes reverseExpandOut6 {
    from {
        /* top: 924px;
        left: 1468px;
        width: 483px;
        height: 421px; */
       
    }
    to {
        top: 924px;
        left: 1501px;
        width: 450px;
        height: 392px; 
    }
}


#patient-journey .img-container {
    top: 0px;
    left: 0px;
    width: 2102px;
    height: 895px;
    position: absolute;
    overflow: hidden;
}

#patient-journey .img {
    top: -8px;
    left: -19px;
    width: 2102px;
    height: 895px;
    position: absolute;
    z-index: 3;
}

#patient-journey .img-0 {
    background: transparent url('../img/patient-journey/photo-how\ AI.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-1 {
    background: transparent url('../img/patient-journey/photo-patient-MAIN.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-2 {
    background: transparent url('../img/patient-journey/photo-connects-MAIN.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-3 {
    background: transparent url('../img/patient-journey/photo-appointment.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-4 {
    background: transparent url('../img/patient-journey/photo-pre-procedure.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-5 {
    background: transparent url('../img/patient-journey/photo-pre-appointment.png') 0% 0% no-repeat padding-box;
}

#patient-journey .img-6 {
    background: transparent url('../img/patient-journey/photo-post-procedure.png') 0% 0% no-repeat padding-box;
}

#patient-journey .btn-menu {
    top: 769px;
    left: 2738px;
    width: 115px;
    height: 82px;
    background: transparent url('../img/patient-journey/main-menu.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 99;
}


/* Driving Value with AI */
#driving-value .bg-left {
    top: -250px;
    left: -164px;
    width: 756px;
    height: 931px;
    background: transparent url('../img/driving-value/hand.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#driving-value .bg-right {
    top: 942px;
    left: 2098px;
    width: 756px;
    height: 931px;
    background: transparent url('../img/driving-value/hand.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#driving-value .shape-1 {
    top: 384px;
    left: 278px;
    width: 393px;
    height: 846px;
    background: transparent url('../img/image-increase\ Health.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-top-1 {
    top: 262px;
    left: 275px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-increasehealth.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-bottom-1 {
    top: 1088px;
    left: 275px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-reduce.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-top-2 {
    top: 262px;
    left: 761px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-boost.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .shape-2 {
    top: 386px;
    left: 761px;
    width: 393px;
    height: 846px;
    background: transparent url('../img/image-boost\ digital.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-bottom-2 {
    top: 1088px;
    left: 761px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-decrease.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-top-3 {
    top: 262px;
    left: 1244px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-improve.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .shape-3 {
    top: 388px;
    left: 1244px;
    width: 393px;
    height: 846px;
    background: transparent url('../img/image-improve\ medication.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-bottom-3 {
    top: 1088px;
    left: 1244px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-increasepatient.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-top-4 {
    top: 262px;
    left: 1727px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-automatecare.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .shape-4 {
    top: 386px;
    left: 1728px;
    width: 393px;
    height: 846px;
    background: transparent url('../img/image-automate\ care.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-bottom-4 {
    top: 1088px;
    left: 1727px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-increaserevenue.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-top-5 {
    top: 262px;
    left: 2211px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-personalized.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .shape-5 {
    top: 386px;
    left: 2211px;
    width: 393px;
    height: 846px;
    background: transparent url('../img/image-personalized\ care.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .text-bottom-5 {
    top: 1088px;
    left: 2211px;
    width: 393px;
    height: 266px;
    background: transparent url('../img/box-improveclinical.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#driving-value .title {
    top: 143px;
    left: 270px;
    width: 354px;
    height: 1290px;
    background: transparent url('../img/copy-header\ and\ footer.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#driving-value .lines-top {
    top: 286px;
    left: 472px;
    width: 1729px;
    height: 209px;
    background: transparent url('../img/lines-increase.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#driving-value .lines-bottom {
    top: 1125px;
    left: 472px;
    width: 1729px;
    height: 212px;
    background: transparent url('../img/lines-value.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

/* Conversational AI in Action */
.thumbnail-container {
    /* position: relative; */
    cursor: pointer;
}

.thumbnail {
    width: 100%;
    height: auto;
}

.play-button {
    top: 0;
    left: 0;
    width: 2515px;
    height: 1534px;
    background: url('../img/Ameila\ Video.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    z-index: 9;
}

/* Virtual Agent The Right Skills */
#virtual-skills .bg-top {
    top: -934.1484375px;
    left: 669px;
    width: 1896px;
    height: 1814px;
    background: url('../img/bg-hand-top.png');
    /* transform: matrix(0.54, 0.84, -0.84, 0.54, 0, 0); */
    position: absolute; 
    z-index: 1;
}

#virtual-skills .bg-bottom {
    top: 880px;
    left: 803px;
    width: 1202px;
    height: 1480px;
    background: url('../img/bg-hand-bottom.png');
    /* transform: matrix(0.54, 0.84, -0.84, 0.54, 0, 0); */
    position: absolute; 
    z-index: 1;
}

#virtual-skills .photo-0 {
    top: 649px;
    left: 1179px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-vr-agent-first.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-skills .slice-1 {
    top: 312px;
    left: 987px;
    width: 451px;
    height: 399px;
    background: url('../img/icon-100-langauges.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice-4 {
    top: 312px;
    left: 1482px;
    width: 419px;
    height: 375px;
    background: url('../img/icon-setiment-analysis.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice-5 {
    top: 551px;
    left: 1741px;
    width: 352px;
    height: 407px;
    background: url('../img/icon-intigration.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice-6 {
    top: 984px;
    left: 1735px;
    width: 349px;
    height: 358px;
    background: url('../img/icon-speed-value.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice-3 {
    top: 984px;
    left: 848px;
    width: 352px;
    height: 358px;
    background: url('../img/icon-multichannel.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice-2 {
    top: 591px;
    left: 839px;
    width: 332px;
    height: 367px;
    background: url('../img/icon-natural-language.svg');
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-1 {
    top: 577px;
    left: 1225px;
    width: 187px;
    height: 113px;
    background: url('../img/arrow-100.svg');
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-1 {
    top: 275px;
    /* left: 863px; */
    left: 835px;
    /* width: 316px; */
    width: 335px;
    /* height: 64px; */
    height: 85px;
    background: url('../img/line-circle-100.svg') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#virtual-skills .box-1 {
    top: 202px;
    left: 196px;
    width: 631px;
    height: 224px;
    background: url('../img/box-100languages.svg');
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-1 {
    top: 649px;
    left: 1179px;
    width: 575px;
    height: 575px;
    background: url('../img/photo-flags.png'); 
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-2 {
    top: 747px;
    left: 1111px;
    width: 68px;
    height: 203px;
    background: url('../img/arrow-natural.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-2 {
    top: 750px;
    /* left: 726px; */
    left: 706px;
    /* width: 94px; */
    width: 115px;
    /* height: 35px; */
    height: 55px;
    background: url('../img/line-circle-natural.svg'); 
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#virtual-skills .box-2 {
    top: 639px;
    left: 112px;
    width: 577px;
    height: 249px;
    background: url('../img/box-naturallanguage.svg');
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-2 {
    top: 649px;
    left: 1180px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-naturallanguage.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-3 {
    top: 984px;
    left: 1106px;
    width: 94px;
    height: 195px;
    background: transparent url('../img/arrow-multichannel.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-3 {
    top: 1195px;
    /* left: 751px; */
    left: 730px;
    /* width: 102px; */
    width: 120px;
    /* height: 35px; */
    height: 55px;
    background: url('../img/line-circle-multichannel.svg') no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2; 
}

#virtual-skills .box-3 {
    top: 1123px;
    left: 130px;
    width: 584px;
    height: 237px;
    background: url('../img/box-multichannel.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-3 {
    top: 649px;
    left: 1180px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-multichannel.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-4 {
    top: 566px;
    left: 1511px;
    width: 190px;
    height: 107px;
    background: url('../img/arrow-sentimnt.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-4 {
    top: 275px;
    /* left: 1756px; */
    left: 1776px;
    
    /* width: 304px; */
    width: 325px;
    /* height: 55px; */
    height: 75px;
    background: url('../img/line-circle-sentiment.svg'); 
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#virtual-skills .box-4 {
    top: 202px;
    left: 2097px;
    width: 558px;
    height: 225px;
    background: url('../img/box-sentimentanalysis.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-4 {
    top: 649px;
    left: 1180px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-sentiment.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-5 {
    top: 733px;
    left: 1765px;
    width: 68px;
    height: 203px;
    background: url('../img/arrow-built.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-5 {
    top: 750px;
    left: 2118px;
    /* left: 2148px; */

    /* width: 94px; */
    width: 115px;
    /* height: 35px; */
    height: 55px;
    background: url('../img/line-circle-built\ in.svg');
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#virtual-skills .box-5 {
    top: 653px;
    left: 2258px;
    width: 469px;
    height: 225px;
    background: url('../img/box-integration.svg');
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-5 {
    top: 649px;
    left: 1180px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-built-in.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .arrow-6 {
    top: 988px;
    left: 1732px;
    width: 94px;
    height: 195px;
    background: url('../img/arrow-speed.svg'); 
    position: absolute;
    z-index: 2;
}

#virtual-skills .line-6 {
    top: 1195px;
    left: 2079px;
    /* left: 2100px; */
    /* width: 102px; */
    width: 120px;
    /* height: 35px; */
    height: 55px;
    background: url('../img/line-circle-speed.svg'); 
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#virtual-skills .box-6 {
    top: 1123px;
    left: 2219px;
    width: 496px;
    height: 240px;
    background: url('../img/box-speedvalue.svg');
    position: absolute;
    z-index: 2;
}

#virtual-skills .photo-6 {
    top: 649px;
    left: 1180px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-speed-value.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .photo-7 {
    top: 649px;
    left: 1179px;
    width: 575px;
    height: 575px;
    background: transparent url('../img/photo-vr-final.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-skills .slice {
    /* transition: transform 0.5s ease-out, opacity 0.5s ease-out; */
    transition: 1.3s ease-in-out;
}



/* Virtual Skills slideOut Animations */
.slide-out-1 {
    animation: slideOut1 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-1 {
    animation: slideIn1 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut1 {
    from {
        top: 312px;
        left: 987px;
        width: 451px;
        height: 399px;
    }
    to {
        top: 272px;
        left: 977px;
        width: 451px;
        height: 399px;
    }
}

@keyframes slideIn1 {
    from {
        top: 272px;
        left: 977px;
        width: 451px;
        height: 399px;
    }
    to {
        top: 312px;
        left: 987px;
        width: 451px;
        height: 399px;
    }
}

.slide-out-2 {
    animation: slideOut2 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-2 {
    animation: slideIn2 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut2 {
    from {
        top: 591px;
        left: 839px;
        width: 332px;
        height: 367px;
    }
    to {
        top: 580px;
        left: 799px;
        width: 332px;
        height: 367px;
    }
}

@keyframes slideIn2 {
    from {
        top: 580px;
        left: 799px;
        width: 332px;
        height: 367px;
    }
    to {
        top: 591px;
        left: 839px;
        width: 332px;
        height: 367px;
    }
}

.slide-out-3 {
    animation: slideOut3 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-3 {
    animation: slideIn3 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut3 {
    from {
        top: 984px;
        left: 848px;
        width: 352px;
        height: 358px;
    }
    to {
        top: 1004px;
        left: 808px;
        width: 352px;
        height: 358px;
    }
}

@keyframes slideIn3 {
    from {
        top: 1004px;
        left: 808px;
        width: 352px;
        height: 358px;
    }
    to {
        top: 984px;
        left: 848px;
        width: 352px;
        height: 358px;
    }
}

.slide-out-4 {
    animation: slideOut4 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-4 {
    animation: slideIn4 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut4 {
    from {
        top: 312px;
        left: 1482px;
        width: 419px;
        height: 375px;
    }
    to {
        top: 272px;
        left: 1502px;
        width: 419px;
        height: 375px;
    }
}

@keyframes slideIn4 {
    from {
        top: 272px;
        left: 1502px;
        width: 419px;
        height: 375px;
    }
    to {
        top: 312px;
        left: 1482px;
        width: 419px;
        height: 375px;
    }
}

.slide-out-5 {
    animation: slideOut5 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-5 {
    animation: slideIn5 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut5 {
    from {
        top: 551px;
        left: 1741px;
        width: 352px;
        height: 407px;
    }
    to {
        top: 535px;
        left: 1796px;
        width: 352px;
        height: 407px;
    }
}

@keyframes slideIn5 {
    from {
        top: 535px;
        left: 1796px;
        width: 352px;
        height: 407px;
    }
    to {
        top: 551px;
        left: 1741px;
        width: 352px;
        height: 407px;
    }
}

.slide-out-6 {
    animation: slideOut6 1.3s ease-in-out; 
    animation-fill-mode: forwards;
}

.slide-in-6 {
    animation: slideIn6 1.3s ease-in-out; 
    /* animation-fill-mode: forwards; */
}

@keyframes slideOut6 {
    from {
        top: 984px;
        left: 1735px;
        width: 349px;
        height: 358px;
    }
    to {
        top: 1004px;
        left: 1775px;
        width: 349px;
        height: 358px;
    }
}

@keyframes slideIn6 {
    from {
        top: 1004px;
        left: 1775px;
        width: 349px;
        height: 358px;
    }
    to {
        top: 984px;
        left: 1735px;
        width: 349px;
        height: 358px;
    }
}

/* Virtual Overview */
#virtual-overview .bg-left {
    top: -345px;
    left: -529px;
    width: 1927px;
    height: 2321px;
    /* UI Properties */
    background: transparent url('../img/virtual-overview/photo-cell-phone.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#virtual-overview .bg-right {
    top: -225.440673828125px;
    left: 2034px;
    width: 1936px;
    height: 2071px;
    background: url('../img/virtual-overview/hand.png');
    position: absolute;
    z-index: 0;
}
#virtual-overview .tab-1 {
    top: 232px;
    left: 1050px;
    width: 1432px;
    height: 190px;
    background: transparent url('../img/bar-continuous.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#virtual-overview .tab-2 {
    top: 477px;
    left: 1132px;
    width: 1432px;
    height: 190px;
    background: transparent url('../img/bar-low.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#virtual-overview .tab-3 {
    top: 723px;
    left: 1214px;
    width: 1432px;
    height: 190px;
    background: transparent url('../img/bar-digital.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#virtual-overview .tab-4 {
    top: 968px;
    left: 1132px;
    width: 1432px;
    height: 190px;
    background: transparent url('../img/bar-built.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#virtual-overview .tab-5 {
    top: 1214px;
    left: 1050px;
    width: 1432px;
    height: 190px;
    background: transparent url('../img/bar-putilizing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 1;
}

#virtual-overview .text-1 {
    top: 269px;
    left: 1450px;
    width: 730px;
    height: 110px;
    background: transparent url('../img/copy-continuous.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-overview .text-2 {
    top: 514px;
    left: 1542px;
    width: 746px;
    height: 110px;
    background: transparent url('../img/copy-low.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-overview .text-3 {
    top: 759px;
    left: 1607px;
    width: 638px;
    height: 110px;
    background: transparent url('../img/copy-digital.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-overview .text-4 {
    top: 1006px;
    left: 1531px;
    width: 673px;
    height: 110px;
    background: transparent url('../img/copy-built.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-overview .text-5 {
    top: 1250px;
    left: 1447px;
    width: 684px;
    height: 111px;
    background: transparent url('../img/copy-utilizing.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#virtual-overview .icon-1 {
    top: 249px;
    left: 2306px;
    width: 147px;
    height: 147px;
    background: url('../img/virtual-overview/icon-continuous.png');
    position: absolute;
    z-index: 2;
}

#virtual-overview .icon-2 {
    top: 499px;
    left: 2387px;
    width: 148px;
    height: 148px;
    background: url('../img/virtual-overview/icon-low.png');
    position: absolute;
    z-index: 2;
}

#virtual-overview .icon-3 {
    top: 745px;
    left: 2469px;
    width: 148px;
    height: 147px;
    background: url('../img/virtual-overview/icon-digital.png');
    position: absolute;
    z-index: 2;
}

#virtual-overview .icon-4 {
    top: 990px;
    left: 2387px;
    width: 148px;
    height: 148px;
    background: url('../img/virtual-overview/icon-built.png');
    position: absolute;
    z-index: 2;
}

#virtual-overview .icon-5 {
    top: 1236px;
    left: 2305px;
    width: 148px;
    height: 147px;
    background: url('../img/virtual-overview/icon-utilizing.png');
    position: absolute;
    z-index: 2;
}

/* Evolution of AI */
#evolution-ai .bg-left {
    top: -595.20263671875px;
    left: -667.98046875px;
    width: 2312px;
    height: 2891px;
    background: url('../img/evolution/photo-LEFT.png'); 
    position: absolute;
    z-index: 1;
}

#evolution-ai .bg-right {
    top: -893.20263671875px;
    left: 1178px;
    width: 2312px;
    height: 2891px;
    background: url('../img/evolution/photo-RIGHT.png'); 
    position: absolute;
    z-index: 1;
}

#evolution-ai .header-left {
    top: 917px;
    left: 360px;
    width: 535px;
    height: 157px;
    background: url('../img/evolution/Use\ Cases.png'); 
    position: absolute;
    z-index: 3;
}

#evolution-ai .header-right {
    top: 493px;
    left: 1963px;
    width: 759px;
    height: 157px;
    background: url('../img/evolution/Underlying\ Technologies.png'); 
    position: absolute;
    z-index: 3;
}

#evolution-ai .text-left {
    top: 87px;
    left: 686px;
    width: 817px;
    height: 1358px;
    background: transparent url('../img/evolution/Text\ Box-USE\ CASES.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#evolution-ai .text-right {
    top: 307px;
    left: 1416px;
    width: 694px;
    height: 899px;
    background: transparent url('../img/evolution/Text\ Box-UNDERLYING\ TECH.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}

#evolution-ai .arrow {
    top: 480px;
    left: 1349px;
    width: 172px;
    height: 553px;
    background: transparent url('../img/evolution/arrow.svg') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 3;
}


/* Revolutionizing Healthcare */
#revol-health .video {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    position: absolute;
    z-index: 0;
    opacity: 0.71;
}

#revol-health .bg-vid {
    top: 0px;
    left: 0px;
    width: 2880px;
    height: 1620px;
    position: absolute;
    z-index: 0;
    opacity: 0.71;
}

#revol-health .btn-1 {
    /* top: 685px; */
    top: 715px;
    left: 1210px;
    width: 183px;
    height: 183px;
    background: url('../img/revolution/circle-tackle.png');
    background-size: cover;
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

#revol-health .btn-2 {
    /* top: 627px; */
    top: 657px;
    left: 1480px;
    width: 183px;
    height: 183px;
    background: url('../img/revolution/circle-precision.png');
    background-size: cover;
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

#revol-health .btn-3 {
    /* top: 867px; */
    top: 897px;
    left: 1443px;
    width: 183px;
    height: 183px;
    background: url('../img/revolution/circle-turn-data.png');
    background-size: cover;
    position: absolute;
    z-index: 5;
    cursor: pointer;
}

#revol-health .line-1 {
    /* top: 581px; */
    top: 611px;
    left: 906px;
    width: 411px;
    height: 217px;
    background: url('../img/revolution/lines-tackle.svg');
    /* background-size: cover;  */
    position: absolute;
    z-index: 6;
}

#revol-health .line-2 {
    /* top: 519px; */
    top: 549px;
    /* left: 1554px; */
    left: 1540px;
    width: 319px;
    height: 265px;
    background: url('../img/revolution/lines-precision.svg');
    /* background-size: cover;  */
    position: absolute;
    z-index: 6;
}

#revol-health .line-3 {
    /* top: 905px; */
    top: 935px;
    left: 1235px;
    width: 306px;
    height: 242px;
    background: url('../img/revolution/lines-turn-data.svg');
    /* background-size: cover;  */
    position: absolute;
    z-index: 6;
}

#revol-health .box-1 {
    /* top: 97px; */
    top: 127px;
    left: 493px;
    width: 644px;
    height: 623px;
    background: url('../img/revolution/tackle-cardio.png');
    background-size: cover; 
    position: absolute;
    z-index: 4;
}

#revol-health .box-2 {
    /* top: 530px; */
    top: 560px;
    left: 1734px;
    width: 647px;
    height: 624px;
    background: url('../img/revolution/precision-medicine.png');
    background-size: cover; 
    position: absolute;
    z-index: 4;
}

#revol-health .box-3 {
    /* top: 917px; */
    top: 947px;
    left: 712px;
    width: 647px;
    height: 624px;
    background: url('../img/revolution/turn-data.png');
    background-size: cover; 
    position: absolute;
    z-index: 4;
}

/* Realizing Precision Medicine */
#precision-med .img-left {
    top: 622px;
    left: 669px;
    width: 388px;
    height: 372px;
    background: transparent url('../img/question-mark.png') 0% 0% no-repeat padding-box;
    position: absolute;
    /* z-index: 9; */
    z-index: 99;
}

#precision-med .img-right {
    top: 645px;
    left: 1000px;
    width: 1199px;
    height: 376px;
    background: transparent url('../img/question.png') 0% 0% no-repeat padding-box;
    position: absolute;
    /* z-index: 10; */
    z-index: 999;
    cursor: pointer;
}

/* #precision-med video {
    top: 123px;
    left: 296px;
    width: 2289px;
    height: 1396px;
    background: transparent url('../img/video-cardio.png') 0% 0% no-repeat padding-box;
    position: absolute; 
    z-index: 3;
} */


/* ACIS */


/* Cryptography Use Cases */
#crypto-use .content-center {
    top: 189px;
    left: 1125px;
    /* width: 631px; */
    width: 645px;
    height: 1264px;
    background: transparent url('../img/visual-group-telemedicine.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 9;
}

#crypto-use .content-1 {
    top: 286px;
    left: 147px;
    width: 909px;
    height: 498px;
    background: transparent url('../img/photo-group-attribute.svg') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#crypto-use .content-2 {
    top: 825px;
    left: 143px;
    width: 913px;
    height: 497px;
    background: transparent url('../img/visual-group-noninvasive.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#crypto-use .content-3 {
    top: 286px;
    left: 1826px;
    width: 909px;
    height: 500px;
    background: transparent url('../img/visual-group-foresignt.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

#crypto-use .content-4 {
    top: 825px;
    left: 1826px;
    width: 912px;
    height: 501px;
    background: transparent url('../img/visual-group-social.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 2;
}

/* Attribute Based Encryption */
#att-encrypt .bg-left {
    top: 0px;
    left: 0px;
    width: 1320px;
    height: 1620px;
    background: transparent url('../img/photo-attribute.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 2;
}

#att-encrypt .header {
    top: 675px;
    left: 862px;
    width: 846px;
    height: 108px;

    top: 619px;
    left: 853px;
    width: 920px;
    height: 200px;
    background: transparent url('../img/header-attribute.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 3;
}

#att-encrypt .lines {
    /* top: 643px; */
    top: 649px;
    left: 1709px;
    width: 474px;
    height: 256px;
    background: transparent url('../img/lines-attribute.svg') 0% 0% no-repeat padding-box;
    background-size: contain;
    position: absolute;
    z-index: 2;
}

@keyframes extendLines {
    from {
        width: 0;
    }
    to {
        width: 474px;
    }
}

.animate__extendLines {
    animation-name: extendLines;
}

#att-encrypt .heading-top {
    /* top: 595px; */
    top: 600px;
    left: 1803px;
    width: 925px;
    height: 80px;
    background: transparent url('../img/header-encryption.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 3;
}

#att-encrypt .heading-bottom {
    /* top: 900px; */
    top: 896px;
    left: 1617px;
    width: 925px;
    height: 84px;
    background: transparent url('../img/header-accss-control.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 3;
}

#att-encrypt .img-top {
    top: 77px;
    left: 1803px;
    width: 925px;
    height: 507px;
    background: transparent url('../img/photo-encription.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 3;
}

#att-encrypt .img-bottom {
    top: 984px;
    left: 1617px;
    width: 925px;
    height: 507px;
    background: transparent url('../img/photo-control.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 3;
}

/* Cryptography Case Study */
#case-study .bg-right {
    top: -345px;
    left: 1381px;
    width: 1914px;
    height: 2316px;
    background: transparent url('../img/case/photo-chains.png') 0% 0% no-repeat padding-box;
    position: absolute;
    z-index: 5;
}

#case-study .text-1 {
    top: 282px;
    left: 188px;
    width: 1425px;
    /* height: 238px; */
    height: 240px;
    background: transparent url('../img/text\ box\ 01.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#case-study .text-2 {
    top: 638px;
    left: 428px;
    width: 1425px;
    height: 220px;
    background: transparent url('../img/text\ box\ 02.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#case-study .text-3 {
    top: 958px;
    left: 658px;
    width: 1421px;
    height: 368px;
    height: 380px;
    background: transparent url('../img/text\ box\ 03.png') 0% 0% no-repeat padding-box;
    background-size: cover;
    position: absolute;
    z-index: 4;
}

#case-study .line-1 {
    top: 530px;
    /* left: 219px; */
    left: 240px;
    width: 261px;
    height: 261px;
    background: transparent url('../img/case/lines-01.svg') 0% 0% no-repeat padding-box;
    /* background-size: cover; */
    background-size: contain;
    position: absolute;
    z-index: 3;
}

#case-study .line-2 {
    top: 859px;
    /* left: 410px; */
    left: 430px;
    width: 328px;
    height: 328px;
    background: transparent url('../img/case/lines-02.svg') 0% 0% no-repeat padding-box;
    /* background-size: cover; */
    background-size: contain;
    position: absolute;
    z-index: 3;
}

.animate__expandLine1 {
    animation-name: expandLine1;
    animation-fill-mode: forwards;
}

.animate__expandLine2 {
    animation-name: expandLine2;
    animation-fill-mode: forwards;
}

@keyframes expandLine1 {
    from {
        width: 0;
        height: 0;
        opacity: 0;
    }
    to {
        width: 261px;
        height: 261px;
        opacity: 1;
    }
}

@keyframes expandLine2 {
    from {
        width: 0;
        height: 0; 
        opacity: 0;
    }
    to {
        width: 328px;
        height: 328px;
        opacity: 1;
    }
}















.slide-up {
    animation: slideUp 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.slide-down {
    animation: slideDown 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.slide-left {
    animation: slideLeft 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.slide-right {
    animation: slideRight 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.zoom-in-out {
    animation: zoomInOut 3.5s ease-in-out;
    animation-fill-mode: forwards;
}

.rotate-circle {
    animation: rotateCircle 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.rotate-circle-reverse {
    animation: rotateCircleReverse 1.8s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.roll-in {
    animation: rollin 1.8s ease-in-out;
}

.roll-in-reverse {
    animation: rollinReverse 1.8s ease-in-out;
}

.extendX {
    animation: extendX 1.5s ease-in-out;
    /* animation-fill-mode: forwards; */
}

.extendY {
    animation: extendY 1.5s ease-in-out;
}

.expand {
    animation: expand 1.3s ease-in-out;
    animation-fill-mode: forwards;
}

.zoom-spin {
    animation: zoomSpin 2s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes zoomSpin {
    0% {
        opacity: 1;
    }
    40% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-90deg) scale(1.25);
        transform: rotate(-90deg) scale(1.25);
        /* opacity: 0; */
    }
}

@keyframes expand {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.35);
    }
}

@keyframes extendX {
    from {
        width: 0;
        opacity: 0;
    }
    to {
        width: 100%;
        opacity: 1;
    }
}

@keyframes extendY {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 100%;
        opacity: 1;
    }
}


@keyframes slideUp {
    0% {
        transform: translateY(200vh);
        /* opacity: 0; */
    }
    100% {
        transform: translateY(0);
        /* opacity: 1; */
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-200vh);
        /* opacity: 0; */
    }
    100% {
        transform: translateY(0);
        /* opacity: 1; */
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(200vw);
        /* opacity: 0; */
    }
    100% {
        transform: translateX(0);
        /* opacity: 1; */
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-200vw);
        /* opacity: 0; */
    }
    100% {
        transform: translateX(0);
        /* opacity: 1; */
    }
}

@keyframes rotateCircle {
    from {
        transform: scale(0.7) rotate(-150deg);
        opacity: 0;
    }
    to {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
}

@keyframes rotateCircleReverse {
    from {
        transform: scale(1) rotate(0deg);
        opacity: 1;
    }
    to {
        transform: scale(0.7) rotate(-150deg);
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes rotateObject {
    from {
        transform: scale(2) rotate(-90deg);
        /* opacity: 0; */
    }
    to {
        transform: scale(1) rotate(0deg);
        /* opacity: 1; */
    }
}

@keyframes rollin {
    from {
        transform: translate3d(-100%, 0, 0) rotate(-90deg);
        /* opacity: 0; */
    }
    to {
        transform: translateZ(0);
        /* opacity: 1; */
    }
}

@keyframes rollinReverse {
    from {
        transform: translate3d(100%, 0, 0) rotate(90deg);
        /* opacity: 0; */
    }
    to {
        transform: translateZ(0);
        /* opacity: 1; */
    }
}

.slide-out-up {
    animation: slideOutUp 1s ease-out;
    animation-fill-mode: forwards;
}

.slide-out-down {
    animation: slideOutDown 1s ease-out;
    animation-fill-mode: forwards;
}

.slide-out-left {
    animation: slideOutLeft 1s ease-out; 
    animation-fill-mode: forwards;
}

.slide-out-right {
    animation: slideOutRight 1s ease-out;
    animation-fill-mode: forwards;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(65%);
        opacity: 0.5;
    }
    to {
        transform: translateY(150%);
        opacity: 0;
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    50% {
        transform: translateY(-65%);
        opacity: 0.5;
    }
    to {
        transform: translateY(-150%);
        opacity: 0;
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(-65%);
        opacity: 0.5;
    }
    to {
        transform: translateX(-150%);
        opacity: 0;
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(65%);
        opacity: 0.5;
    }
    to {
        transform: translateX(150%);
        opacity: 0;
    }
}


.fade-up {
    animation: fadeUp 1.5s ease-in-out;
}

@keyframes fadeUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        transform-origin: center;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transform-origin: center;
        opacity: 1;
    }
}

.fade-down {
    animation: fadeDown 1.5s ease-in-out;
}

@keyframes fadeDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transform-origin: center;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transform-origin: center;
        opacity: 1;
    }
}

.fade-left {
    animation: fadeLeft 1.5s ease-in-out;
}

@keyframes fadeLeft {
    0% {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        transform-origin: center;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transform-origin: center;
        opacity: 1;
    }
}

.fade-right {
    animation: fadeRight 1.5s ease-in-out;
}

@keyframes fadeRight {
    0% {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        transform-origin: center;
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        transform-origin: center;
        opacity: 1;
    }
}

.fade-in {
    animation: fadein 1.5s ease-in-out;
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* SLIDEOUT MENUS TOGGLING */
.right-retract {
    left: 2857px !important;
}

.left-retract {
    left: -156px !important;
}