.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");}
}



/*----------------- Headlin Start ------------------*/
#regWhite h1 {
display:none;
}


#regBodyContent .main2 h1 {
font-size: 5.0em;
    line-height: 1.0em;
    color: #1d4f91;
    font-weight: 700;
display: block;
	}

#regBodyContent .main3 h2 {padding-right: 0px;
    font-size: 1.6em;
    color: #565656;
    letter-spacing: 10px;
margin-top:-10px;
}

/*----------------- Headline End ------------------*/

/*------------------  Carousel CSS Changes Start  ------------------ */
.carouselArrow {opacity: 0.5; height: 190px; border-style: none !important;}
.carouselBtn {margin-top: 10px !important;}
.carouselTitle {display: none;}
.videosCarousel {height: 200px !important; padding: 15px 0px 15px 0px; margin: 20px 0px 10px 0px; background:transparent;}
.carouselTile {border: 0px !important; box-shadow: 5px 10px 10px -10px #909090 !important;}
.carouselWrap {padding: 0px 0px 0px 35px}
/*------------------   Carousel CSS Changes End ------------------ */




/*----------------------  Grey Section Webcasts CSS ---------------------------------------*/

.Webcasts a {color: #1d4f91 !important;}

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

.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 !important;
    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 .card-headingTitle { text-align: center;}

#regGrey  .card-col-container {
    margin-bottom: 0px; 
}

/*----------------------  Grey Section Webcasts CSS ---------------------------------------*/

/*----------------- Blue Section Start ------------------*/

#regBlue .card-headingTitle {text-align:center !important;}
#regBlue .Inner {background-color:transparent}
#regBlue .card-span{box-shadow:0 5px 14px -5px #505050;}
#regBlue .card-span{background:#f3f3f3;}
#regBlue  .accordion__item{border-bottom:none !important;}
#regBlue  .accordion__item{border-top:solid 1px #c3c3c3;}
#BlueTitle {border-width:2px;}
#BlueCentered {margin: 10px 20% 30px 20%;}
#Hidden {visibility:hidden;}
.IconImage {height:75px; padding: 6px 0 4px 0;}
.IconImage img {height:100%;}

/*----------------- Blue Section End ------------------*/

/*----------------- Hyperlinks Start ------------------*/

#regGrey a {
font-weight: bold;
    color: #2a24ff;
}

#regGrey a:hover {
font-weight: bold;
    color: #2a24ff;
}

#regBlue a {
font-weight: bold;
    color: #2a24ff;
}

#regBlue a:hover {
font-weight: bold;
    color: #2a24ff;
}

/*----------------- Hyperlinks End ------------------*/


#regBodyContent .faq{
grid-row: 1/3;
border-style: none;
box-shadow: none;
}

#EduWebcasts {background-color:#565656;}
#PlaylistCard {background:none; border-style:none; box-shadow: none;}

.card-headingTitle {text-align:center !important;}
.across-three {height: fit-content;}

.across-four {height: min-content;}
.card-col-container {margin-bottom: 10px !important}
#ResourcesHeader {margin: 10px 0 10px 0}
#noBG {background: none; border:none; box-shadow:none;}

@media (max-width: 880px) {
.across-four {grid-column: span 12 !important; order: 1;}
.across-five {grid-column: span 12 !important;}
.across-seven {grid-column: span 12 !important;}
.across-eight {grid-column: span 12 !important;}
}