/* ::-webkit-scrollbar {
    display: none;
} */
/* * {
    overflow: hidden;
} */

/* div:first-child {
    overflow: hidden;
} */

:root {
    --bg: #fff;
}

/* #vdbanner {
    transform: scale(0);
} */

/*.container111 {
    /* display: flex; */
    /* overflow: hidden; */
    /* gap: 5px; */
    /* width: 100vw;
    height: 88vh; */
    /* height: calc(50vh -65px); */
    /* margin-top: 70px; */
/* } */

.container111 ul::-webkit-scrollbar, .container111 .main::-webkit-scrollbar {
    width: 16px;
    /* height: 8px; */
}

.container111 ul::-webkit-scrollbar-track, .container111 .main::-webkit-scrollbar-track {
    background-color: rgb(155, 204, 153);
    border-radius: 8px;
}

.container111 ul::-webkit-scrollbar-thumb, .container111 .main::-webkit-scrollbar-thumb {
    background-color: rgb(0, 85, 0);
    border-radius: 8px;
}

/* <div class="absolute w-99vw h-88vh z-100 top-0 left-0 right-0 bottom-0 bg-white mt-60 bg-var(--bg) mb-100"></div> */
/* .container111 ul { */
    /* margin-top: 14px; */
    /* padding: 10px;
    width: 86px; */
    /* overflow-y: auto; */
    /* position: fixed; */
    /* z-index: 1; */
    /* top: 70px;
    left: 0;
    height: 86vh; */
    /* height: calc(50vh -65px); */
    /* overflow-y: auto; */
/* } */
/* <div class="fixed top-60 left-10 h-90vh overflow-y-auto"></div> */


.container111 ul li {
    /* flex-direction: ; */
    list-style: none;
    padding: 3px;
    border: 1px solid #333;
    border-radius: 5px;
    margin-bottom: 2px;
    cursor: pointer;
    text-align: center;
    width: 50px;
    transition: 0.5s;
}
/* <li class="list-none p-3 border border-solid border-gray-700 rounded-5 mb-2 cursor-pointer text-center w-37 transition duration-500"></li> */

.container111 ul li:hover {
    background: #F30;
    color: #fff;
}
/* <div class="bg-F30 text-white"></div> */

/* .container111 .main { */
    /* position: relative; */
    /* width: 84vw; */
    /* @apply w-[cllc(91vw -120px)]; */
    /* height: 90%;
    margin-left: 100px;
    margin-right: 10px; */
    /* top: 70px;
    right: 0;
    bottom: 0; */
    /* overflow-y: auto;
    padding-bottom: 90vh; */
/* } */
/* <div class="opacity-70"></div> */

.container111 .main h2 {
    color: #6C0;
    font-size: 1.5em;
    margin-top: 5px;
    margin-left: 5px;
}
/* <div class="text-6C0 text-lg mt-5 ml-5"></div> */


.container111 .main h3 {
    color: #F00;
    font-size: 1.5em;
    margin-top: 5px;
    margin-left: 5px;
}
/* <div class="text-red-500 text-lg mt-5 ml-5"></div> */


.container111 .main h4 {
    color: #F00;
    font-size: 1.2em;
    margin-top: 5px;
    margin-left: 5px;
}
/* <div class="text-red-500 text-base mt-5 ml-5"></div> */


.container111 .main p {
    color: #000;
    font-size: 1em;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}
/* <div class="text-black text-base mt-5 ml-5 mb-10"></div> */


.container111 .main em {
    font-style: normal;
    color: #F30;
    margin-right: 0.1em;
    padding-right: 0.2em;
}
/* <span class="not-italic text-F30 mr-1 pr-2"></span> */



/*# sourceMappingURL=style.css.map */