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

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


/*----------------- MODAL START -----------------*/


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

.fixRight{float:left;
position:relative;
margin-left: 8px;
}
.fixheading{font-weight:500; text-align: left;}
.fixbody{color:white !important; text-decoration:none;}
.fixbody a{color:white !important; text-decoration:none;}
/*----------------- MODAL END -----------------*/

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


#regGrey a:hover {
    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 .card-button a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    z-index: 10;
}

.card-subtitle {
    font-size: 1.1em !important;
}

.card-heading {
    border-color: #3b5aa8;
    border-style: solid;
    border-width: 0px 0px 7px 0px;
}