*,html{margin: 0;padding: 0;}body{width: 100%;height: 100%; position: relative;}.wrap{width: 100%; height: 100%; position: relative;}
html{overflow: hidden;}
#showcase {width: 100%; height: 100vh; display: block;}
.audio-box{display: none; position: fixed; top: 75%; height: 300px; color: white; width: 60%; margin-left: 20%;}
.audio-box.active{display: block; position: fixed; top: 75%; height: 300px; color: white; width: 60%; margin-left: 20%;}
.text-box{width: 100%; padding: 10px 15px; background-color: rgba(0, 0, 0, 0.9); color: #fff;}
.description {width: 100%; height: 65px; overflow-y: scroll; padding-top: 10px; padding: 0 5px; background-color: rgba(0, 0, 0, 0.9); color: #fff; text-align: justify;}.audio-helper{width: 100%;background-color: black; height: 45px; padding: 5px 15px;}video{ width: 90%; height: 25px; margin-left: 5%; margin-top: 10px;}.close-btn{position: absolute; top: 20px;right: 70px; width: 60px; height: 60px; cursor: pointer;}.closing-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 500px; height: 180px; visibility: hidden; align-items: center;}.closing-box.open{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 500px; height: 200px; visibility: visible;}.closing-box img{cursor: pointer; width: 200px; height: 200px;}.description::-webkit-scrollbar {width: 10px;}.description::-webkit-scrollbar-thumb {background-color: #2f3542;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}.description::-webkit-scrollbar-track {background-color: grey;border-radius: 10px;
box-shadow: inset 0px 0px 5px white;}audio{ width: 90%; height: 25px; margin-left: 5%; margin-top: 10px;}
.close_text{width: 30px; position: absolute; right: -15px; top: 5px; cursor: pointer;}
.open_text{width: 30px; cursor: pointer; display: none; position: absolute; left: 98%; top: 10px;}
/* .open_text.open{width: 30px; position: absolute; right: -7px; top: 5px; cursor: pointer; display: block;} */
@media(max-width: 768px){.close-btn{width: 40px; height: 40px;}.audio-box.active{display: block; position: fixed; top: 65%; z-index: 999;height: 300px; color: white; width: 70%; margin-left: 12%;}.audio-helper{width: 100%;background-color: black; height: 45px;}.closing-box.open{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 300px; height: 200px; visibility: visible;}.closing-box{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; width: 300px; height: 180px; visibility: hidden; align-items: center;}.closing-box img{cursor: pointer; width: 120px; height: 120px;}.open_text{width: 30px; cursor: pointer; display: none; position: absolute; left: 99%; top: 10px;}}
.cactus_video{width: 60%; height: 40%; margin-left: 0; margin-top: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); display: none;}
.video_btn{border: 1px solid white; border-radius: 20px; color: black; background-color: white; font-size: 16px; padding: 2px; cursor: pointer;}
.video_close{border: 1px solid white; border-radius: 20px; color: black; background-color: white; font-size: 16px; padding: 2px; cursor: pointer; display: none;}