.webp .mh { background-image: linear-gradient(to bottom right, #6d371088, #1a1c25bb), url(/uploaded/Image/mastheads/sm/LaptopCloseUp.webp); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #6d371088, #1a1c25bb), url(/uploaded/Image/mastheads/sm/LaptopCloseUp.jpg); }

 @media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right, #6d371088, #1a1c25bb), url(/uploaded/Image/mastheads/mobile/450_LaptopCloseUp.webp);}
.no-webp .mh {background-image: linear-gradient(to bottom right, #6d371088, #1a1c25bb), url(/uploaded/Image/mastheads/mobile/450_LaptopCloseUp.jpg);}
}


/*----------------------  Default Darker Grey Border for Card Headings --------------------------------------*/
.card-heading {border-color: #333;
    min-height: 50px;
    height: unset;
}

/*----------------------  Default Darker Grey Border for Card Headings End --------------------------------------*/

html {scroll-behavior: smooth;}


/*---------------------- 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 --------------------------------------*/

/*---------------------- TAB STRUCTURE START---------------------------------------*/
.tabs-main-content {margin: 10px;}
#regGrey #TABCON {border-style: none;}
#regGrey #TABCON .card-col-container {border-style: none; margin-bottom: 0px;}
#regGrey .tabs-nav-wrap ul {display: flex; list-style: none; margin:0px;}
#regGrey li.tab-nav-link {
width: -webkit-fill-available;
width: -moz-available;
background-image: url(/uploaded/image/Cards/CardTitleBlank.png);
background-position: right;
background-size: contain;
margin: 0px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
list-style: none;
background-color: #565656;
font-size: 1.1em;
cursor: pointer;
color: #fff;
text-align: center;
text-decoration: none;
border:1px solid #4a4a4a;
background-repeat: no-repeat;
}
#regGrey .tabs-nav .tab-nav-link.current,
#regGrey .tabs-nav .tab-nav-link:hover {
background-color: #1d4f91;
}
/*---------------------- TAB STRUCTURE END---------------------------------------*/
/*---------------------- THIS PAGES TAB CONTENT START ---------------------------------------*/
#regGrey .accordion__item {border-bottom: none;}
#regGrey .tabs-nav-wrap ul {border-bottom: 6px #1d4f91 solid; margin-bottom: 10px; min-height: 70px;}
/*---------------------- THIS PAGES TAB CONTENT END ---------------------------------------*/

@media screen and (max-width: 900px) {
#Summary {grid-column: 1 / -1;}
}
@media screen and (max-width: 800px) {
#regGrey .tabs-nav-wrap ul {display: block;}
#regGrey .tabs-nav-wrap li {padding: 5px;}
}