#IMG-MASTHEAD {height: 450px;}

#IMG-MASTHEAD h1 {
    font-size: clamp(2.2rem, 1.553rem + 2.871vw, 4rem);
    line-height: clamp(2.2rem, 1.553rem + 2.871vw, 4rem);
}

.webp .mh {background-image: linear-gradient(to bottom right,#00000022,#00000066), url("/Uploaded/Image/mastheads/sm/SW2024-Launch2.webp");}
.no-webp .mh {background-image:linear-gradient(to bottom right,#00000022,#00000066), url("/Uploaded/Image/mastheads/sm/SW2024-Launch2.png");}
@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000099,#00000066), url("/Uploaded/Image/mastheads/mobile/SW2024-Launch-mobile.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000099,#00000066), url("/Uploaded/Image/mastheads/mobile/SW2024-Launch-mobile.png");}
}

html {scroll-behavior: smooth;}




.image-container {border-radius: 4px; display: flex; overflow: hidden;}

.major-title {font-size: clamp(1.6rem, 1.507rem + 0.41vw, 2rem); text-transform: uppercase; font-weight: 700; color: white; line-height: 1em; margin: 20px 0 0; text-align: center;}

@media (max-width: 450px) {
.full-video-container {height: 320px; background-image: url("/uploaded/image/solidworks%20launch/2022/450_launch_video_holding_poster.jpg");}
.full-video-container video {display:none;}
}



@media (max-width: 700px) {
.mobile-only {display: block;}
}


div#regWhite {
    background: linear-gradient(180deg, #333, #262626);
}




/*----------------- YouTube EDITS END -----------------*/
.containerYT {
  position: relative;
  overflow: hidden;
  width: 99%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
border-radius: 4px;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*----------------- YouTube END -----------------*/

.FAQ {display: flex; flex-direction:column;}
.FAQ .card-subtitle {color: #FFF; font-size: 1.3em; Font-weight: 500;     border-color: #fff;}
.FAQ .card-body {color: #FFF; padding-left: 0px;}
.FAQ a {color: #ff6319!important}
#LFAQ {grid-column: 1/6;}
#RFAQ {grid-column: 7/12;}
#FAQCONTAINER {margin-left: 7%; margin-top: 30px; row-gap:20px;}


@media (max-width: 700px) {
.image-panel .card-body {text-align: center;}
.agenda-item { padding: 10px;}
.agenda .card-subtitle {margin: 20px 10px;}
.FAQ  {margin-bottom:30px;}
#LFAQ {grid-column: 1/-1;}
#RFAQ {grid-column: 1/-1; margin-top:0px;}
#FAQCONTAINER {margin-left: 10%; width: 80%}
.rowgal {column-gap: 5px;}
#SponsorContainer {row-gap:40px; grid-template-columns: repeat(12,1fr);}
.Sponsor {grid-column: 2/-2 !important;}
}