:root {
    --plyr-color-main: #a05eb5;
    --plyr-font-size-base: 90px;
    --plyr-font-size-small: 90px;
    --plyr-font-size-large: 90px;
    --plyr-control-icon-size: 90px;
    --plyr-control-spacing: 30px;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    :root {
        --plyr-font-size-base: 80px;
        --plyr-font-size-small: 80px;
        --plyr-font-size-large: 80px;
        --plyr-control-icon-size: 80px;
        --plyr-control-spacing: 30px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    :root {
        --plyr-font-size-base: 60px;
        --plyr-font-size-small: 60px;
        --plyr-font-size-large: 60px;
        --plyr-control-icon-size: 60px;
        --plyr-control-spacing: 30px;
    }
}

@media (min-width: 1400px) {
    
}


* {
    box-sizing: border-box;
}

body {
    margin: 0;
    width: 3840px;
    height: 2160px;
    color: #000;
    background-color: fff;
    user-select: none;
}

.hidden {
    display: none;
}

.fullsize {
    width: 100%;
    height: 100%;
}

.button {
    cursor: pointer;
    pointer-events: all;
}

.button.pulse {
    transform-origin: center;
    animation: 3s linear 0s infinite normal none running pulse !important;
    animation-delay: 0.5s !important;
}

.button.locked {
    cursor: none;
    pointer-events: none;
}

.button.disabled {
    cursor: none;
    pointer-events: none;
    opacity: 0.5;
}

.app-section,
.app-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    overflow: hidden;
}

.img-check-v {
    position: absolute;
    width: 140px;
    height: 140px;
    background-size: cover;
    background-position: center;
    background-image: url(../../assets/image/btn_check_v.png);
}

.img-check-v.light {
    background-image: url(../../assets/image/btn_check_v_light.png);
}

.button-close {
    position: absolute;
    width: 127px;
    height: 127px;
    background-size: cover;
    background-position: center;
    background-image: url(../../assets/image/btn_close.png);
}

.box {
    position: absolute;
}

#footer {
    font-family: 'Poppins';
    font-size: 25px;
    position: absolute;
    bottom: 12px;
    left: 1147px;
}

.videofullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.videoboxfullscreen {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
}

.videofullscreen {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}

.playvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.closevideo {
    position: absolute;
    top: 2%;
    right: 2%;
    cursor: pointer;
    width: 150px;
    height: 150px;
}

.box-draggable.dragging {
    z-index: 100;
}

input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    outline: none;
}

input[type=range]:focus,
input[type=range]:active {
    outline: none;
}

.plyr__video-wrapper, .plyr__controls {
    background: transparent !important;
}

[videoid="1"] .plyr,
[videoid="2"] .plyr {
    width: 100%;
    height: 100%;
}

/* GROUP START */

/* SLIDE 1 */
.app-section[group="start"] .app-slide[slide="1"] #cover {
    background-image: url(../../assets/image/slide1.png);
    width: 100%;
    height: 100%;
    z-index: 2;
    position: absolute;
}

.app-section[group="start"] .app-slide[slide="1"] .button[buttonid="start"] {
    background-image: url(../../assets/image/btn_start.png);
    position: absolute;
    top: 1426px;
    left: 278px;
    width: 547px;
    height: 177px;
    z-index: 2;
}

.carousel-container {
    width: 3024px;
    height: 1814px;
    position: absolute;
    top: 204px;
    right: 0px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
}




/* GROUP MAIN */

.app-section[group="main"] {
    background-image: url(../../assets/image/bkg_section_main.png);
}

.app-section[group="main"] .app-slide .button.button-check {
    position: absolute;
    width: 140px;
    height: 140px;
}

.app-section[group="main"] .button[buttonid="resources"] {
    position: absolute;
    top: 2015px;
    left: 142px;
    width: 303px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="resources"] .icon {
    background-image: url(../../assets/image/btn_resources.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="home"] {
    position: absolute;
    top: 2015px;
    left: 496px;
    width: 220px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="home"] .icon {
    background-image: url(../../assets/image/btn_home.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="main"] .button[buttonid="back"] {
    background-image: url(../../assets/image/btn_back.png);
    position: absolute;
    top: 1976px;
    left: 2883px;
    width: 428px;
    height: 143px;
}

.app-section[group="main"] .button[buttonid="closepopupresources"] {
    background-image: url(../../assets/image/popup_access_resources.png);
    position: absolute;
    top: 1804px;
    left: 122px;
    width: 989px;
    height: 214px;
}

.app-section[group="main"] .button[buttonid="continue"],
.app-section[group="main"] .button[buttonid="startover"] {
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}

.app-section[group="main"] .button[buttonid="continue"] {
    background-image: url(../../assets/image/btn_continue.png);
}

.app-section[group="main"] .button[buttonid="startover"] {
    background-image: url(../../assets/image/btn_startover.png);
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}


.app-section[group="main"] .button-menu[menu="1"] {
    background-image: url(../../assets/image/btn_menu1_off.png);
    position: absolute;
    top: 59px;
    left: -12px;
    width: 582px;
    height: 123px;
    z-index: 5;
}

.app-section[group="main"] .button-menu[menu="1"].active {
    background-image: url(../../assets/image/btn_menu1_on.png);
}

.app-section[group="main"] .button-menu[menu="2"] {
    background-image: url(../../assets/image/btn_menu2_off.png);
    position: absolute;
    top: 59px;
    left: 488px;
    width: 604px;
    height: 123px;
    z-index: 4;
}

.app-section[group="main"] .button-menu[menu="2"].active {
    background-image: url(../../assets/image/btn_menu2_on.png);
}

.app-section[group="main"] .button-menu[menu="3"] {
    background-image: url(../../assets/image/btn_menu3_off.png);
    position: absolute;
    top: 59px;
    left: 1013px;
    width: 604px;
    height: 123px;
    z-index: 3;
}

.app-section[group="main"] .button-menu[menu="3"].active {
    background-image: url(../../assets/image/btn_menu3_on.png);
}

.app-section[group="main"] .button-menu[menu="4"] {
    background-image: url(../../assets/image/btn_menu4_off.png);
    position: absolute;
    top: 59px;
    left: 1531px;
    width: 604px;
    height: 123px;
    z-index: 2;
}

.app-section[group="main"] .button-menu[menu="4"].active {
    background-image: url(../../assets/image/btn_menu4_on.png);
}

.app-section[group="main"] .button-menu[menu="5"] {
    background-image: url(../../assets/image/btn_menu5_off.png);
    position: absolute;
    top: 59px;
    left: 2053px;
    width: 604px;
    height: 123px;
    z-index: 1;
}

.app-section[group="main"] .button-menu[menu="5"].active {
    background-image: url(../../assets/image/btn_menu5_on.png);
}

.app-section[group="main"] .button-menu[menu="99"] {
    background-image: url(../../assets/image/btn_menu99_on.png);
    position: absolute;
    top: 59px;
    left: 1013px;
    width: 1122px;
    height: 123px;
    z-index: 3;
}

/* SLIDE 2 */
.app-section[group="main"] .app-slide[slide="2"] {
    background-image: url(../../assets/image/slide2.png);
}

.app-section[group="main"] .app-slide[slide="2"] #slide2slider {
    position: absolute;
    top: 1745px;
    width: 1593px;
    left: 1124px;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-webkit-slider-runnable-track {
    background: transparent;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-moz-range-track {
    background: transparent;
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider::-webkit-slider-thumb {
    content: "";
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    box-shadow: none;
    transform: scale(1);
    transition: all 0.5s ease-in-out;
}
.app-section[group="main"] .app-slide[slide="2"] input[type=range]#slide2slider.animated::-webkit-slider-thumb {
    transform: scale(1.2);
}

.app-section[group="main"] .app-slide[slide="2"] input[type=range]::-moz-range-thumb {
    
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    animation: pulse-slider 1.5s infinite;
}

.app-section[group="main"] .app-slide[slide="2"] .button-link[link="resource"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide2_slider1_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide2_slider2_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide2_slider3_box.png);
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide2_slider1_thumb.png);
    top: 1642px;
    left: 1134px;
    width: 65px;
    height: 232px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide2_slider2_thumb.png);
    top: 1581px;
    left: 1890px;
    width: 62px;
    height: 292px;
}

.app-section[group="main"] .app-slide[slide="2"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide2_slider3_thumb.png);
    top: 1557px;
    left: 2644px;
    width: 63px;
    height: 316px;
}

/* SLIDE 3 */
.app-section[group="main"] .app-slide[slide="3"] {
    background-image: url(../../assets/image/slide3.png);
}

.app-section[group="main"] .app-slide[slide="3"] .button-link[link="resource"][slideid="30"] {
    position: absolute;
    top: 799px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="3"] .button-link[link="resource"][slideid="31"] {
    position: absolute;
    top: 1119px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

/* SLIDE 4 */
.app-section[group="main"] .app-slide[slide="4"] {
    background-image: url(../../assets/image/slide4.png);
}

/* SLIDE 5 */
.app-section[group="main"] .app-slide[slide="5"] {
    background-image: url(../../assets/image/slide5.png);
}

.app-section[group="main"] .app-slide[slide="5"] .button.area[selection="1"] {
    position: absolute;
    top: 1089px;
    left: 1348px;
    width: 870px;
    height: 315px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.area[selection="2"] {
    position: absolute;
    top: 1089px;
    left: 2356px;
    width: 870px;
    height: 315px;
}

.app-section[group="main"] .app-slide[slide="5"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

/* SLIDE 6 */
.app-section[group="main"] .app-slide[slide="6"] {
    background-image: url(../../assets/image/slide6.png);
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="1"] {
    position: absolute;
    top: 1478px;
    left: 1323px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="2"] {
    position: absolute;
    top: 1478px;
    left: 1928px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="3"] {
    position: absolute;
    top: 1478px;
    left: 2535px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="3"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.area[selection="4"] {
    position: absolute;
    top: 1478px;
    left: 3141px;
    width: 343px;
    height: 220px;
}

.app-section[group="main"] .app-slide[slide="6"] .button.button-check[selection="4"] {
    top: 0px;
    left: 0px;
}

/* SLIDE 7 */
.app-section[group="main"] .app-slide[slide="7"] {
    background-image: url(../../assets/image/slide7.png);
}

.app-section[group="main"] .app-slide[slide="7"] .button-close {
    top: 673px;
    left: 3621px;
}

/* SLIDE 8 */
.app-section[group="main"] .app-slide[slide="8"] {
    background-image: url(../../assets/image/slide8.png);
}

/* SLIDE 9 */
.app-section[group="main"] .app-slide[slide="9"] {
    background-image: url(../../assets/image/slide9.png);
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="endoscopy"] {
    position: absolute;
    top: 680px;
    left: 2841px;
    width: 320px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="biopsies"] {
    position: absolute;
    top: 1221px;
    left: 1841px;
    width: 250px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="9"] .button-link[link="external"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

/* SLIDE 10 */
.app-section[group="main"] .app-slide[slide="10"] {
    background-image: url(../../assets/image/slide10.png);
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="1"] {
    background-image: url(../../assets/image/slide10_box1.png);
    top: 518px;
    left: 1218px;
    width: 1422px;
    height: 1339px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] {
    top: 748px;
    left: 2898px;
    width: 659px;
    height: 659px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] [videoid="3"] {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 656px;
    height: 656px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="2"] .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="3"] {
    background-image: url(../../assets/image/slide10_box3.png);
    top: 1563px;
    left: 2898px;
    width: 798px;
    height: 259px;
}

.app-section[group="main"] .app-slide[slide="10"] .box[box="3"] .button-link[link="resource"] {
    position: absolute;
    top: 9px;
    left: 183px;
    width: 194px;
    height: 130px;
}

/* SLIDE 11 */
.app-section[group="main"] .app-slide[slide="11"] {
    background-image: url(../../assets/image/slide11.png);
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] {
    top: 748px;
    left: 2898px;
    width: 659px;
    height: 659px;
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] [videoid="4"] {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 656px;
    height: 656px;
}

.app-section[group="main"] .app-slide[slide="11"] .box[box="2"] .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
}

/* SLIDE 12 */
.app-section[group="main"] .app-slide[slide="12"] {
    background-image: url(../../assets/image/slide12.png);
}

.app-section[group="main"] .app-slide[slide="12"] .button-link[link="resource"] {
    position: absolute;
    top: 959px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 13 */
.app-section[group="main"] .app-slide[slide="13"] {
    background-image: url(../../assets/image/slide13.png);
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="0"] {
    position: absolute;
    top: 560px;
    left: 1052px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="0"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="1"] {
    position: absolute;
    top: 560px;
    left: 2400px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="1"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="2"] {
    position: absolute;
    top: 1070px;
    left: 1053px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="2"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.area[selection="3"] {
    position: absolute;
    top: 1070px;
    left: 2400px;
    width: 1278px;
    height: 458px;
}

.app-section[group="main"] .app-slide[slide="13"] .button.button-check[selection="3"] {
    top: 11px;
    right: 6px;
}

.app-section[group="main"] .app-slide[slide="13"] .button-link[link="resource"] {
    position: absolute;
    top: 1634px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 14 */
.app-section[group="main"] .app-slide[slide="14"] {
    background-image: url(../../assets/image/slide14.png);
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check {
    cursor: default;
    pointer-events: none;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="0"] {
    top: 570px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="1"] {
    top: 570px;
    left: 3534px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="2"] {
    top: 1080px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="14"] .button.button-check[selection="3"] {
    top: 1080px;
    left: 3534px;
}

/* SLIDE 15 */
.app-section[group="main"] .app-slide[slide="15"] {
    background-image: url(../../assets/image/slide15.png);
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="0"] {
    top: 570px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="1"] {
    top: 570px;
    left: 3534px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="2"] {
    top: 1080px;
    left: 2182px;
}

.app-section[group="main"] .app-slide[slide="15"] .button.button-check[selection="3"] {
    top: 1080px;
    left: 3534px;
}

/* SLIDE 16 */
.app-section[group="main"] .app-slide[slide="16"] {
    background-image: url(../../assets/image/slide16.png);
}

.app-section[group="main"] .app-slide[slide="16"] .button[selection="1"] {
    background-image: url(../../assets/image/slide16_btn1.png);
    position: absolute;
    top: 1120px;
    left: 1513px;
    width: 798px;
    height: 253px;
}

.app-section[group="main"] .app-slide[slide="16"] .button[selection="2"] {
    background-image: url(../../assets/image/slide16_btn2.png);
    position: absolute;
    top: 1120px;
    left: 2398px;
    width: 798px;
    height: 253px;
}

/* SLIDE 17 */
.app-section[group="main"] .app-slide[slide="17"] {
    background-image: url(../../assets/image/slide17.png);
}

/* SLIDE 18 */
.app-section[group="main"] .app-slide[slide="18"] {
    background-image: url(../../assets/image/slide18.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="1"] {
    background-image: url(../../assets/image/slide18_btn1_off_2.png);
    position: absolute;
    top: 716px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="1"] {
    background-image: url(../../assets/image/slide18_btn1_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="2"] {
    background-image: url(../../assets/image/slide18_btn2_off_2.png);
    position: absolute;
    top: 716px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="2"] {
    background-image: url(../../assets/image/slide18_btn2_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="3"] {
    background-image: url(../../assets/image/slide18_btn3_off_2.png);
    position: absolute;
    top: 976px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="3"] {
    background-image: url(../../assets/image/slide18_btn3_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="4"] {
    background-image: url(../../assets/image/slide18_btn4_off_2.png);
    position: absolute;
    top: 976px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="4"] {
    background-image: url(../../assets/image/slide18_btn4_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="5"] {
    background-image: url(../../assets/image/slide18_btn5_off_2.png);
    position: absolute;
    top: 1236px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="5"] {
    background-image: url(../../assets/image/slide18_btn5_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .button[selection="6"] {
    background-image: url(../../assets/image/slide18_btn6_off_2.png);
    position: absolute;
    top: 1236px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="18"] .button.active[selection="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="1"] {
    background-image: url(../../assets/image/slide18_box1.png);
    position: absolute;
    top: 746px;
    left: 2895px;
    width: 804px;
    height: 660px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="2"] {
    background-image: url(../../assets/image/slide18_box2.png);
    position: absolute;
    top: 804px;
    left: 2895px;
    width: 804px;
    height: 549px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="3"] {
    background-image: url(../../assets/image/slide18_box3.png);
    position: absolute;
    top: 635px;
    left: 2895px;
    width: 804px;
    height: 887px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="4"] {
    background-image: url(../../assets/image/slide18_box4.png);
    position: absolute;
    top: 568px;
    left: 2895px;
    width: 804px;
    height: 1029px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="5"] {
    background-image: url(../../assets/image/slide18_box5.png);
    position: absolute;
    top: 623px;
    left: 2895px;
    width: 804px;
    height: 915px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="6"] {
    background-image: url(../../assets/image/slide18_box6.png);
    position: absolute;
    top: 681px;
    left: 2895px;
    width: 804px;
    height: 799px;
}

.app-section[group="main"] .app-slide[slide="18"] .box[box="disclaimer"] {
    background-image: url(../../assets/image/slide18_boxdisc.png);
    position: absolute;
    top: 1935px;
    left: 1638px;
    width: 851px;
    height: 30px;
}

/* SLIDE 19 */
.app-section[group="main"] .app-slide[slide="19"] {
    background-image: url(../../assets/image/slide19.png);
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="1"] {
    background-image: url(../../assets/image/slide18_btn1_on_2.png);
    position: absolute;
    top: 716px;
    left: 1138px;
    width: 550px;
    height: 216px;    
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="2"] {
    background-image: url(../../assets/image/slide18_btn2_on_2.png);
    position: absolute;
    top: 716px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="3"] {
    background-image: url(../../assets/image/slide18_btn3_on_2.png);
    position: absolute;
    top: 976px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="4"] {
    background-image: url(../../assets/image/slide18_btn4_on_2.png);
    position: absolute;
    top: 976px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="5"] {
    background-image: url(../../assets/image/slide18_btn5_on_2.png);
    position: absolute;
    top: 1236px;
    left: 1138px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .button[value="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
    position: absolute;
    top: 1236px;
    left: 1920px;
    width: 550px;
    height: 216px;
}

.app-section[group="main"] .app-slide[slide="19"] .box-draggable-x[value="6"] {
    background-image: url(../../assets/image/slide18_btn6_on_2.png);
    position: absolute;
    top: 1536px;
    left: 1920px;
    width: 550px;
    height: 216px;
}


.app-section[group="main"] .app-slide[slide="19"] .box {
}

.app-section[group="main"] .app-slide[slide="19"] .box.dropping {
    -webkit-box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6); 
    box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6);
}

.app-section[group="main"] .app-slide[slide="19"] .box.dropped {
    -webkit-box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6); 
    box-shadow: 0px 0px 8px 7px rgba(0,91,113,0.6);
}


.app-section[group="main"] .app-slide[slide="19"] .box[value="1"] {
    position: absolute;
    top: 313px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(0,91,113,0.95);
    border-radius: 60px;
    background-image: url(../../assets/image/slide19_box1_droppable_bkg.png);
    background-repeat: no-repeat;
    background-position: center;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="2"] {
    position: absolute;
    top: 575px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(0,152,165,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="3"] {
    position: absolute;
    top: 838px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(77,183,192,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="4"] {
    position: absolute;
    top: 1100px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(128, 204, 210, 0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="5"] {
    position: absolute;
    top: 1363px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(179,224,228,0.95);
    border-radius: 60px;
}

.app-section[group="main"] .app-slide[slide="19"] .box[value="6"] {
    position: absolute;
    top: 1628px;
    left: 2958px;
    width: 722px;
    height: 244px;
    border: 5px solid rgba(179,224,228,0.95);
    border-radius: 60px;
    background-image: url(../../assets/image/slide19_box6_droppable_bkg.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* SLIDE 20 */
.app-section[group="main"] .app-slide[slide="20"] {
    background-image: url(../../assets/image/slide20.png);
}

/* SLIDE 21 */
.app-section[group="main"] .app-slide[slide="21"] {
    background-image: url(../../assets/image/slide21.png);
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="0"] {
    position: absolute;
    top: 1122px;
    left: 1064px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="0"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="1"] {
    position: absolute;
    top: 1122px;
    left: 1914px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="1"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.area[selection="2"] {
    position: absolute;
    top: 1122px;
    left: 2763px;
    width: 744px;
    height: 249px;
}

.app-section[group="main"] .app-slide[slide="21"] .button.button-check[selection="2"] {
    top: 0px;
    left: 0px;
}

.app-section[group="main"] .app-slide[slide="21"] .button-link[link="external"] {
    position: absolute;
    top: 1676px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 22 */
.app-section[group="main"] .app-slide[slide="22"] {
    background-image: url(../../assets/image/slide22.png);
}

.app-section[group="main"] .app-slide[slide="22"] .button-close {
    top: 423px;
    left: 3621px;
}

/* SLIDE 23 */
.app-section[group="main"] .app-slide[slide="23"] {
    background-image: url(../../assets/image/slide23.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_off.png);
    position: absolute;
    top: 634px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="1"] {
    background-image: url(../../assets/image/slide23_btn1_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_off.png);
    position: absolute;
    top: 934px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="2"] {
    background-image: url(../../assets/image/slide23_btn2_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_off.png);
    position: absolute;
    top: 1235px;
    left: 1275px;
    width: 1260px;
    height: 306px;
}

.app-section[group="main"] .app-slide[slide="23"] .button.active[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_on.png);
}

.app-section[group="main"] .app-slide[slide="23"] .button.selected[selection="3"] {
    background-image: url(../../assets/image/slide23_btn3_selected.png);
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="1"] {
    background-image: url(../../assets/image/slide23_box1.png);
    position: absolute;
    top: 573px;
    left: 2895px;
    width: 804px;
    height: 1013px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="2"] {
    background-image: url(../../assets/image/slide23_box2.png);
    position: absolute;
    top: 898px;
    left: 2895px;
    width: 804px;
    height: 372px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="3"] {
    background-image: url(../../assets/image/slide23_box3.png);
    position: absolute;
    top: 573px;
    left: 2895px;
    width: 804px;
    height: 1013px;
}

.app-section[group="main"] .app-slide[slide="23"] .button-link[link="external"] {
    position: absolute;
    top: 1617px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="disclaimer1"] {
    background-image: url(../../assets/image/slide23_boxdisc1.png);
    position: absolute;
    top: 1889px;
    left: 143px;
    width: 784px;
    height: 77px;
}

.app-section[group="main"] .app-slide[slide="23"] .box[box="disclaimer2"] {
    background-image: url(../../assets/image/slide23_boxdisc2.png);
    position: absolute;
    top: 1859px;
    left: 143px;
    width: 2517px;
    height: 139px;
}

/* SLIDE 24 */
.app-section[group="main"] .app-slide[slide="24"] {
    background-image: url(../../assets/image/slide24.png);
}

/* SLIDE 25 */
.app-section[group="main"] .app-slide[slide="25"] {
    background-image: url(../../assets/image/slide25.png);
}

.app-section[group="main"] .app-slide[slide="25"] .button-link[link="resource"] {
    position: absolute;
    top: 1679px;
    left: 3083px;
    width: 194px;
    height: 130px;
}

/* SLIDE 26 */
.app-section[group="main"] .app-slide[slide="26"] {
    background-image: url(../../assets/image/slide26.png);
}

.app-section[group="main"] .app-slide[slide="26"] .button-link[link="resource"] {
    position: absolute;
    top: 1629px;
    left: 3086px;
    width: 194px;
    height: 130px;
}

.app-section[group="main"] .app-slide[slide="26"] #slide26slider {
    position: absolute;
    top: 1608px;
    width: 2804px;
    left: 522px;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-webkit-slider-runnable-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-moz-range-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    transform: scale(1);
    transition: all 0.5s ease-in-out;    
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    filter: drop-shadow( 0px 0px 10px rgba(255,0,0,1));
    transform: scale(1);
    transition: all 0.5s ease-in-out;    
}

.app-section[group="main"] .app-slide[slide="26"] input[type=range]#slide26slider.animated::-webkit-slider-thumb {
    transform: scale(1.2);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide26_slider1_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide26_slider2_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide26_slider3_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderbox="4"] {
    background-image: url(../../assets/image/slide26_slider4_box.png);
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide26_slider1_thumb.png);
    top: 1397px;
    left: 529px;
    width: 88px;
    height: 240px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide26_slider2_thumb.png);
    top: 1328px;
    left: 1428px;
    width: 85px;
    height: 307px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide26_slider3_thumb.png);
    top: 1285px;
    left: 2325px;
    width: 90px;
    height: 354px;
}

.app-section[group="main"] .app-slide[slide="26"] .box[sliderthumb="4"] {
    background-image: url(../../assets/image/slide26_slider4_thumb.png);
    top: 1236px;
    left: 3229px;
    width: 122px;
    height: 402px;
}

/* GROUP RESOURCES */

.app-section[group="resources"] {
    background-image: url(../../assets/image/bkg_section_resources.png);
}

.app-section[group="resources"] .button[buttonid="home"] {
    position: absolute;
    top: 2015px;
    left: 142px;
    width: 220px;
    height: 75px;
}

.app-section[group="resources"] .button[buttonid="home"] .icon {
    background-image: url(../../assets/image/btn_home.png);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 75px;
    height: 75px;
}

.app-section[group="resources"] .button[buttonid="back"] {
    background-image: url(../../assets/image/btn_back.png);
    position: absolute;
    top: 1976px;
    left: 3302px;
    width: 428px;
    height: 143px;
}


/* SLIDE 27 */
.app-section[group="resources"] .app-slide[slide="27"] {
    background-image: url(../../assets/image/slide27.png);
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource {
    position: absolute;
    width: 798px;
    height: 164px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="1"] {
    background-image: url(../../assets/image/slide27_btn1.png);
    top: 585px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="2"] {
    background-image: url(../../assets/image/slide27_btn2.png);
    top: 786px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="3"] {
    background-image: url(../../assets/image/slide27_btn3.png);
    top: 987px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="4"] {
    background-image: url(../../assets/image/slide27_btn4.png);
    top: 1188px;
    left: 582px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="5"] {
    background-image: url(../../assets/image/slide27_btn5.png);
    top: 585px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="6"] {
    background-image: url(../../assets/image/slide27_btn6.png);
    top: 786px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="7"] {
    background-image: url(../../assets/image/slide27_btn7.png);
    top: 987px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="8"] {
    background-image: url(../../assets/image/slide27_btn8.png);
    top: 1188px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="9"] {
    background-image: url(../../assets/image/slide27_btn9.png);
    top: 1383px;
    left: 1521px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="10"] {
    background-image: url(../../assets/image/slide27_btn10.png);
    top: 585px;
    left: 2464px;
}

.app-section[group="resources"] .app-slide[slide="27"] .button.resource[selection="11"] {
    background-image: url(../../assets/image/slide27_btn11.png);
    top: 786px;
    left: 2464px;
}

.app-section[group="resources"] .app-slide[slide="27"] .box[box="qr"] {
    background-image: url(../../assets/image/qr/slide27_qr.png);
    position: absolute;
    top: 1199px;
    left: 2716px;
    width: 291px;
    height: 291px;
}

/* SLIDE 28 */
.app-section[group="resources"] .app-slide[slide="28"] {
    background-image: url(../../assets/image/slide28.png);
}

.app-section[group="resources"] .app-slide[slide="28"] #slide28slider {
    position: absolute;
    top: 1666px;
    width: 2616px;
    left: 602px;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-webkit-slider-runnable-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-moz-range-track {
    background: transparent;
    height: 0.5rem;
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    transform: scale(1);
    transition: all 0.5s ease-in-out;    
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]::-moz-range-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    margin-top: -35px; /* Centers thumb on the track */
    background-image: url(../../assets/image/slider_thumb.png);
    background-color: transparent;
    height: 80px;
    width: 80px; 
    outline: none;
    border: 0px solid transparent;
    transform: scale(1);
    transition: all 0.5s ease-in-out;    
}

.app-section[group="resources"] .app-slide[slide="28"] input[type=range]#slide28slider.animated::-webkit-slider-thumb {
    transform: scale(1.2);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb] {
    position: absolute;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="1"] {
    background-image: url(../../assets/image/slide28_slider1_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="2"] {
    background-image: url(../../assets/image/slide28_slider2_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="3"] {
    background-image: url(../../assets/image/slide28_slider3_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderbox="4"] {
    background-image: url(../../assets/image/slide28_slider4_box.png);
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="1"] {
    background-image: url(../../assets/image/slide28_slider1_thumb.png);
    top: 1457px;
    left: 613px;
    width: 88px;
    height: 240px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="2"] {
    background-image: url(../../assets/image/slide28_slider2_thumb.png);
    top: 1397px;
    left: 1449px;
    width: 85px;
    height: 307px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="3"] {
    background-image: url(../../assets/image/slide28_slider3_thumb.png);
    top: 1345px;
    left: 2283px;
    width: 90px;
    height: 354px;
}

.app-section[group="resources"] .app-slide[slide="28"] .box[sliderthumb="4"] {
    background-image: url(../../assets/image/slide28_slider4_thumb.png);
    top: 1320px;
    left: 3130px;
    width: 115px;
    height: 379px;
}


/* SLIDE 29 */
.app-section[group="resources"] .app-slide[slide="29"] {
    background-image: url(../../assets/image/slide29.png);
}

/* SLIDE 30 */
.app-section[group="resources"] .app-slide[slide="30"] {
    background-image: url(../../assets/image/slide30.png);
}

/* SLIDE 31 */
.app-section[group="resources"] .app-slide[slide="31"] {
    background-image: url(../../assets/image/slide31.png);
}

/* SLIDE 32 */
.app-section[group="resources"] .app-slide[slide="32"] .box[sliderid="1"] {
    background-image: url(../../assets/image/slide32_box1.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.app-section[group="resources"] .app-slide[slide="32"] .box[sliderid="2"] {
    background-image: url(../../assets/image/slide32_box2.png);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.app-section[group="resources"] .app-slide[slide="32"] .button[direction="next"] {
    background-image: url(../../assets/image/btn_slidenext.png);
    width: 154px;
    height: 154px;
    position: absolute;
    top: 1000px;
    left: 3486px;
}

.app-section[group="resources"] .app-slide[slide="32"] .button[direction="prev"] {
    background-image: url(../../assets/image/btn_slideprev.png);
    width: 154px;
    height: 154px;
    position: absolute;
    top: 1000px;
    left: 215px;
}

/* SLIDE 33 */
.app-section[group="resources"] .app-slide[slide="33"] {
    background-image: url(../../assets/image/slide33.png);
}

/* SLIDE 34 */
.app-section[group="resources"] .app-slide[slide="34"] {
    background-image: url(../../assets/image/slide34.png);
}

/* SLIDE 35 */
.app-section[group="resources"] .app-slide[slide="35"] {
    background-image: url(../../assets/image/slide35.png);
}

/* ANIMATIONS */
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        -webkit-animation-timing-function: ease-in-out;
    }

    5% {
        -webkit-transform: scale3d(1.15, 1.15, 1.15);
        -webkit-animation-timing-function: ease-in-out;
    }

    10% {
        -webkit-transform: scale3d(1.0, 1.0, 1.0);
        -webkit-animation-timing-function: ease-in-out;
    }
}



/* Keyframes for the pulse animation */
@keyframes pulse-slider {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.7);
    }
    70% {
      transform: scale(2);
      box-shadow: 0 0 10px 10px rgba(76, 175, 80, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
  }