.videoimg{
    cursor:pointer;
    background-color: #16344e;
    /*background-image: url("https://global.netrevele.com/layout/uj/assets/img/logo-GG-hor.png");*/
    background-size: 150px 30px;
    background-repeat: no-repeat;
    background-position: 95% 98%;
    text-align: center;
    /*height: 180px;*/
    min-height: 208px;
    align-items: center;
    display: flex;
    position: relative;
}

.videoimg:before{
    content:"";
}

.videoimg span{
    color: gold;
    width: 100%;
    font-size: 20px;
    padding: 10px;
}

.play-button{
    width: 70px;
    height: 50px;
    background-color: #1e1d1dc2;
    box-shadow: 0 0 30px rgb(255 215 1 / 22%);
    z-index: 1;
    /* opacity: 0.8; */
    border-radius: 6px;
    bottom: 0;
    right: 0;
    transform: translate3d(-10%, -10%, 0);
    display: block;
    margin: auto;
    position: absolute;
}
.play-button:before{
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 10px 0 10px 19.0px;
    border-color: transparent transparent transparent #fff;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
    top: 50%;
}

/* Custom Plyr theme */
.plyr {
    --plyr-color-main: gold; /* Green */
    --plyr-control-background: #16344e; /* Dark background */
    --plyr-tooltip-background: #16344e; /* Dark tooltips */
    --plyr-tooltip-color: gold; /* Yellow text for tooltips */
}
.plyr input[type="range"] {
    accent-color: #16344e; /* Green progress bar */
}

.plyr button.plyr__control svg {
    fill: gold; /* Orange button icons */
}

/* Change hover background color for Play and Pause buttons */
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus, .plyr--video .plyr__controls .plyr__control:hover, .plyr--video .plyr__controls .plyr__control[aria-expanded=true] {
    background-color: #16344e; /* Replace with your desired color */
}


.category-list li{
    background: gold;
    padding: 10px;
    text-transform: uppercase;
    color: #16344e;
    font-weight: bold;
    margin-bottom: 5px;
}

.category-list a{
    cursor: pointer;
}

.category-list li:hover, .category-list li.active{
    background: #16344e;
    color: gold;
}


#modal-gpdr {
    z-index: 1060; /* Second modal */
}

.pageTitle{
    border-bottom: 6px solid var(--bs-yellow);
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
}

p{
    padding-bottom: 10px!important;
}

ol{
    list-style: auto!important;
    margin: 0 20px 20px 20px!important;
}

.graduation{
    color: gold;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    display: block;
    margin: auto;
}