﻿.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/LaptopAtDesk.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/LaptopAtDesk.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_LaptopAtDesk.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_LaptopAtDesk.jpeg");}
}




/*----------------- MODAL START -----------------*/
.iconLeft:before {
content:"\f02c";
font-family: "Font Awesome 5 Duotone";
font-weight: 900;
display: none;
}

/*----------------- MODAL END -----------------*/

#regWhite  .card-heading {
    border-color: #9b0372;
    border-style: solid;
    border-width: 0px 0px 7px 0px;
}

.across-six.Launch {
    height: 350px;
    position: relative;
    justify-content: center;
}

.across-six .Inside {
    font-weight: bolder;
    font-size: 3.5em;
    padding: 15px 0;
}

#LAUNCH {height:350px; position:relative; justify-content:center;}
#INSIDE {
position:relative; 
color: #fff;
font-weight: bolder;
font-size: 4.0em;
text-shadow: 0px 0px 15px #1d4f91;
padding: 30px 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/Products/SolidWorks%20Composer/ComposerWalkthroughLaunch.avif);
  background-size: cover;
  background-position: center;
  filter: blur(0.5px);
   transition:transform 2s, filter 2s;
 
  -webkit-transform:transform 2s;
}



@media (max-width: 900px) {
#INSIDE {font-size: 4.0em;}
}

@media (max-width: 700px) {
#LAUNCH {height:250px;}
#INSIDE {font-size: 3.5em;}
}

@media (max-width: 550px) {
#regBodyContent #INNER-MASTHEAD h2 {line-height:1.1em; Margin-top:0px;}
}

@media (max-width: 450px) {
#regBodyContent #INNER-MASTHEAD h1 {font-size: 3.0em;}

}
