.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TrainingRoom.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TrainingRoom.jpeg"); }

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

/*----------------------  Grey Section Packages CSS ---------------------------------------*/

#regGrey #Education .col-panel-button a:hover {
    color: white;
    background: #1d4f91;
}

#regGrey #Research .col-panel-button a:hover {
    color: white;
    background: #252525;
}

#regGrey #Student .col-panel-button a:hover {
    color: white;
    background: #278534;
}

#Education .card-heading{border-style: solid; border-width: 0px 0px 7px 0px; border-color: #1d4f91;}
#Research .card-heading{border-style: solid; border-width: 0px 0px 7px 0px; border-color: #252525;}
#Student .card-heading{border-style: solid; border-width: 0px 0px 7px 0px; border-color: #278534;}


.col-panel-button {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ccc;
    min-height: 35px;
    line-height: 35px;
    position: relative;
}

#regGrey .col-panel-button a:hover {
    color: white;
    background: #1d4f91;
}

#regGrey .col-panel-button a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
}

#regGrey .Packages{   
    grid-gap: 10px;
    border-style: solid;
    border-color: #1d4f91;
    border-width: 1px;
    padding: 10px;
    border-radius: 8px;
    background: #ffffff;
}

#regGrey .card-headingTitle { font-size: 1.2em; text-align: center;}



/*----------------------  Grey Section Packages CSS ---------------------------------------*/