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

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

html {scroll-behavior: smooth; scroll-padding-top: 75px;}

#regWhite h5 {
    margin-top: 20px;
    margin-bottom: 8px;
    font-size: 1.1em;
    font-weight: 600;
    color: #000;
    line-height: 1.1em;
}

/*----------------- Modal Start ------------------*/
.iconLeft:before {
content:"\f879";
font-family: "Font Awesome 5 Duotone";
font-weight: 900;
display: none;
}

#regWhite  .card-heading {
    border-color: #f1ba13;
    border-style: solid;
    border-width: 0px 0px 7px 0px;
}
/*----------------- Modal End ------------------*/

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

@media (max-width: 480px) {
#regBodyContent #INNER-MASTHEAD h2 {line-height: 1.1em; margin-top: 0px; letter-spacing: 5px;}
#regBodyContent #INNER-MASTHEAD h1 {font-size: 3.0em;}
}

@media (max-width: 360px) {
#regBodyContent #INNER-MASTHEAD h1 {font-size: 2.5em;}
}