.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000077), url("/uploaded/Image/mastheads/sm/extrudedPart.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000077), url("/uploaded/Image/mastheads/sm/extrudedPart.jpeg"); }
@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000077), url("/uploaded/Image/mastheads/mobile/450_extrudedPart.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000077), url("/uploaded/Image/mastheads/mobile/450_extrudedPart.jpeg");}
}

.sub-menu.sticky {
    margin-bottom: 0 !important;
}

.subMenu li:nth-child(1) {
background: transparent;
}

#regBodyContent .subMenu {
    border-color: #ff6319;


/*---------------------- Locked Video Start --------------------------------------*/

.locked-video-container {
  position: relative;
  background: #333;
  padding-top: 56.25%;
}

.locked-video-container img { 
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%
}

.locked-video-containerOverlay {
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.hexSSM {
    position: absolute;
    top: 47.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 67px;
    height: 76px;
    filter: opacity(0.7);
    background: url(/uploaded/image/MYSSM_Hex.svg);
    background-size: cover;
}

.playSSM {
    position: absolute;
    top: 47.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    filter: opacity(0.7);
    background: url(/uploaded/image/MYSSM_Play.svg);
    background-size: cover;
}

.hexSSM:hover {
    filter: opacity(1);
}

.playSSM:hover {
    filter: opacity(1);
}
/*---------------------- Locked Video END --------------------------------------*/