.iconLeft:before {
font-family: "Font Awesome 5 Duotone"; 
font-weight: 900; 
content: "\f02c";
display: none;
}

.webp .mh {background-image: linear-gradient(to bottom right,#00000070,#000000cc), url("/uploaded/Image/mastheads/sm/ExtrudedPart.webp");}
.no-webp .mh {background-image:linear-gradient(to bottom right,#00000070,#000000cc), url("/uploaded/Image/mastheads/sm/ExtrudedPart.jpg");}
@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_ExtrudedPart.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_ExtrudedPart.jpg");}
}



/*----------------- Grey Section Start ------------------*/

#regGrey{background:#eee;}

.Announce {
    border: none;
    background: transparent;
    box-shadow: none;
    color: white;
    font-size: 1.15em;
    text-align: left;
    padding-right: 10px;
}

#regGrey .Launch {
    height: 96%;
}

#RETURN::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Training/Return-to-Classroom.jpg);
}

#VIRTUAL::before {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Training/VirtualClassroomUsersImage.jpg);
}

/*----------------- Grey Section End ------------------*/

/*----------------- Blue Section Start ------------------*/
#regBlue  { margin-top: -20px; padding-top: 20px;}
#regBlue {background-color: #eee;}
#regBlue .Inner {background-color: transparent;}

#regBlue .card-heading {background-color: #565656;}
#regBlue .card-headingTitle {font-size: 1.2em;}

#regBlue .card-button a {color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#regBlue .card-button a:hover {
    color: white;
    background: #565656;
}
/*----------------- Blue Section End ------------------*/