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

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


#regBodyContent .card-middle {
    align-items: initial;
}

#regGrey h2 {margin-bottom: 0px; padding-bottom: 2%}

#LAUNCH {height:185px; position:relative; justify-content:center;}
#INSIDE {
position:relative; 
color: #fff;
font-weight: bolder;
font-size: 1.8em;
text-shadow: 0px 0px 15px #da291c;
background:linear-gradient(to right, rgba(218,41,28,0), rgba(218,41,28,0.9), rgba(218,41,28,1));
padding: 15px 0;
   transition:transform 1s, background-color 1s;
  -webkit-transform:transform 1s , background-color 1s;

}

#LAUNCH::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/uploaded/image/Training/Page-Renders/CAMWorks-Virtual-Machine-Pro-Training-Course.jpg);
  background-size: cover;
  background-position: center;
  filter: blur(0.5px);
   transition:transform 2s, filter 2s;
 
  -webkit-transform:transform 1s;
}

#LAUNCH:hover #INSIDE{
                     transform:scale(1.1);
                     transform-origin: 50% 50%;
                     background-color: rgba(218,41,28,1);
}

#LAUNCH:hover:before{
                     transform:scale(1.05);
                     transform-origin: 50% 50%;
                     filter: blur(1px) brightness(0.7)
}


#regWhite h1 {
display:none;
}

/* DIVFIX NOT COMMENTED OUT
DIVFIX NOT COMMENTED OUT FINISH */

#divfix {
display:block;
    bottom: 50%;
    right: 0;
    position: fixed;
    z-index: 3000;
    width:200px;
    background-image:
     linear-gradient( to top right, red, #be2015);
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding: 8px;
    border-radius: 4px;
    -webkit-perspective-origin-x: center;
    cursor: pointer!important;
    transition: width 2s;
  -webkit-transition: width 1s;
-moz-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
  box-shadow: 5px 5px 5px rgba(68, 68, 68, 0.6);
text-align: center;
color:white;
}
#divfix:hover {
  width: 210px;
}


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

.FeefoCon {float: left; width: 100%; text-align: center; padding-bottom:1em; background-color: #fff;}
.FeefoRate {float: left; width: 24%; margin: 1% 38% 1%}
.FeefoRate img {width: 100%}
.Inn { height: auto;}

@media (max-width: 1024px) {
#INSIDE {font-size: 3.0em;} 
#regBodyContent .across-three {grid-column: span 6;}
#regBodyContent .across-nine {grid-column: span 6;}
.FeefoRate {width: 28%; margin: 1% 36% 1%}
}

@media (max-width: 980px) {
.FeefoRate {width: 32%; margin: 1% 34% 1%}
}

@media (max-width: 880px) {
#LAUNCH {height:250px;}
#INSIDE {font-size: 3.0em;}
#regBodyContent .across-nine {grid-column: span 12;}
#regBodyContent .across-three {grid-column: span 6/10;}
.FeefoRate {width: 36%; margin: 1% 32% 2%}
#regGrey .feefo_CommentText { padding: 5px 1% 5px 1%;margin-left: 0; float: right;}
#regGrey .feefo_ProductNameText { width: 18%;}
}

@media (max-width: 700px) {
#LAUNCH {height:250px;}
#INSIDE {font-size: 3.0em;}
#regBodyContent .across-nine {grid-column: span 12;}
#regBodyContent .across-three {grid-column: span 8/11;}
.FeefoRate {width: 40%; margin: 1% 30% 1%}
}

@media (max-width: 555px) {

#INSIDE {font-size: 3.0em;}
#regBodyContent .across-three {grid-column: span 12;}
.FeefoRate {width: 44%; margin: 1% 28% 2%}
#regGrey .feefo_ProductNameText {width: 17%;}
}

}

@media (max-width: 400px) {

#INSIDE {font-size: 3.0em;}
#regBodyContent .across-three {grid-column: span 12;}
.FeefoRate {width: 64%; margin: 2% 18% 2%}
}