.pnlm-about-msg {
        visibility: hidden;
  }

  .pnlm-about-msg a {
        visibility: hidden;
   }
.accept {
display: flex;
justify-content: center;
align-items: center;
width:100%;
height:500px;
background-color:gray;
}

.splide__slide img {
width: 100%;
height: auto;
}
.splide__position {
 position: relative;
}


.splide__text {
position: absolute;
top: 70%;
left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
color:#FFF;
    text-shadow:
        0 1px 0 #888,
        0 2px 0 #888,
        0 3px 4px #333;
background: rgba(0,0,0,0.4);
line-height:1;
padding:5px;
text-align: center;
}


@media screen and (max-width: 599px) {
.splide__text {
font-size: 11px;
}
}
@media only screen and (min-width: 600px) and (max-width: 959px) {
.splide__text {
font-size: 14px;
}
}
@media screen and (min-width: 960px) {
.splide__text {
font-size: 16px;
}
}

    #controls {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        width: 100%;
        padding-bottom: 3px;
    }
    .ctrl {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(200, 200, 200, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl:hover {
        background: rgba(200, 200, 200, 1);
    }
    .ctrl-blue {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(0, 128, 255, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl-blue :hover {
        background: rgba(0, 128, 255, 1);
    }
    .ctrl-black {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(200, 200, 200, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl-black :hover {
        background: rgba(200, 200, 200, 1);
    }
    .ctrl-red {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(255, 0, 0, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl-red :hover {
        background: rgba(255, 0, 0, 1);
    }
    .ctrl-green {
        padding: 8px 5px;
        width: 30px;
        text-align: center;
        background: rgba(0, 180, 11, 0.8);
        display: inline-block;
        cursor: pointer;
    }
    .ctrl-green :hover {
        background: rgba(0, 180, 11, 1);
    }

.custom-hotspot-forword-blue {
    height: 30px;
    width: 30px;
    background-image: url("./icons/custom-icon-forword-blue.png");
    background-position: center;
    background-size: cover;
} 
.custom-hotspot-back-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-back-blue.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-left-blue {
        height: 30px;
        width: 30px;
       background-image: url("./icons/custom-icon-left-blue.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-right-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-blue.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-info-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-info-blue.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-turn-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-turn-blue.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-up-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-up-blue.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-down-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-down-blue");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-up-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-up-blue.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-down-blue {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-down-blue.png");
        background-position: center;
        background-size: cover;
            }

.custom-hotspot-forword-red {
    height: 30px;
    width: 30px;
    background-image: url("./icons/custom-icon-forword-red.png");
    background-position: center;
    background-size: cover;
} 
.custom-hotspot-back-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-back-red.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-left-red {
        height: 30px;
        width: 30px;
       background-image: url("./icons/custom-icon-left-red.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-right-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-red.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-info-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-info-red.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-turn-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-turn-red.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-up-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-up-red.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-down-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-down-red");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-up-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-up-red.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-down-red {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-down-red.png");
        background-position: center;
        background-size: cover;
            }

.custom-hotspot-forword-black {
    height: 30px;
    width: 30px;
    background-image: url("./icons/custom-icon-forword-black.png");
    background-position: center;
    background-size: cover;
} 
.custom-hotspot-back-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-back-black.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-left-black {
        height: 30px;
        width: 30px;
       background-image: url("./icons/custom-icon-left-black.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-right-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-black.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-info-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-info-black.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-turn-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-turn-black.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-up-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-up-black.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-down-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-down-black");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-up-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-up-black.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-down-black {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-down-black.png");
        background-position: center;
        background-size: cover;
            }

.custom-hotspot-forword-green {
    height: 30px;
    width: 30px;
    background-image: url("./icons/custom-icon-forword-green.png");
    background-position: center;
    background-size: cover;
} 
.custom-hotspot-back-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-back-green.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-left-green {
        height: 30px;
        width: 30px;
       background-image: url("./icons/custom-icon-left-green.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-right-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-green.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-info-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-info-green.png");
        background-position: center;
        background-size: cover;
            }  
.custom-hotspot-turn-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-turn-green.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-up-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-up-green.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-left-down-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-left-down-green");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-up-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-up-green.png");
        background-position: center;
        background-size: cover;
            }
.custom-hotspot-right-down-green {
        height: 30px;
        width: 30px;
        background-image: url("./icons/custom-icon-right-down-green.png");
        background-position: center;
        background-size: cover;
            }

    div.custom-tooltip span {
        visibility: hidden;
        position: absolute;
        border-radius: 3px;
        background-color: #fff;
        color: #000;
        text-align: center;
        max-width: 200px;
        padding: 5px 10px;
        margin-left: -220px;
        cursor: default;
    }
    div.custom-tooltip:hover span{
        visibility: visible;
    }
    div.custom-tooltip:hover span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        bottom: -20px;
        left: -10px;
        margin: 0 50%;
    }