﻿.webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/2021A.webp"); }
.no-webp .mh { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/2021A.jpeg"); }

@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_2021A.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#000000cc, #00000042), url("/uploaded/Image/mastheads/mobile/450_2021A.jpeg");}
}




/*----------------- Blue Section Start ------------------*/

.Launch {height:220px !important; position:relative; justify-content:center;}
.Inside {
position:relative; 
color: #fff;
font-weight: bolder;
font-size: 1.15em;
text-shadow: 0px 0px 15px #1d4f91;
padding: 15px 10px;
line-height:normal;
   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-size: cover;
  background-position: center;
  filter: blur(0.5px);
   transition:transform 2s, filter 2s;
  -webkit-transform:transform 2s, filter 2s ;
}

#PARTSASSY::before {
 background-image: linear-gradient(155deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Virtual-Walkthrough/Assembly_Part_Walkthrough.jpg);
}

#SMW::before {
 background-image: linear-gradient(155deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Virtual-Walkthrough/Sheet_Metal_Weldment_Walkthrough.jpg);
}

#MODSIM::before {
  background-image: linear-gradient(155deg, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Virtual-Walkthrough/Modelling_Sim_Walkthrough.jpg);
}

#COMPOSER::before {
  background-image: linear-gradient(155deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Virtual-Walkthrough/Composer_Walkthrough.jpg);
}

#VISUALIZE::before {
  background-image: linear-gradient(155deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(/Uploaded/Image/Virtual-Walkthrough/Visualize_Walkthrough.jpg);
}


/*----------------- Blue Section End ------------------*/

@media (max-width: 800px) {
.across-six { grid-column: span 12;}
.Launch {grid-column: span 6;}
}

@media (max-width: 600px) {
.Launch {height:280px grid-column: span 6;}
.across-three{grid-column: span 6;}
}

@media (max-width: 500px) {
.Launch {grid-column: span 12;}
}
