#IMG-MASTHEAD {height: 450px;}

.webp .mh {background-image: linear-gradient(to bottom right,#00000022,#00000066), url("/uploaded/Image/mastheads/2023_Whats_New_Tall.webp");}
.no-webp .mh {background-image:linear-gradient(to bottom right,#00000022,#00000066), url("/uploaded/Image/mastheads/2023_Whats_New_Tall.jpg");}
@media (max-width: 450px) {
.webp .mh {background-image: linear-gradient(to bottom right,#00000099,#00000066), url("/uploaded/Image/mastheads/mobile/450_2023_Whats_New_Tall.webp");}
.no-webp .mh {background-image: linear-gradient(to bottom right,#00000099,#00000066), url("/uploaded/Image/mastheads/mobile/450_2023_Whats_New_Tall.jpg");}
}

html {scroll-behavior: smooth;}

.card-icon img {
    filter: brightness(0) saturate(100%) invert(23%) sepia(43%) saturate(2234%) hue-rotate(193deg) brightness(94.4%) contrast(90%);
}

.TwoCTA {
display: flex; justify-content: center; align-items: center;
}

#IMG-MASTHEAD .TwoCTA .MastheadCTA {
    margin: 40px 20px -20px 0px;
}

#IMG-MASTHEAD .TwoCTA .MastheadCTA:hover {
    margin: 40px 20px -20px 0px;
}

.background-transition {height: calc(8vw + 50px); max-height: 250px}

#transition-one {background: linear-gradient(182deg, #222 0%, #222 40%, #333333aa 40.3%, #333333aa 45.1%, #333333aa 45.4%, #333333aa), linear-gradient(183.7deg, #222 0%, #222 39.8%, #222222aa 40.2%, #222222aa 50.8%, #333333 51.2%, #333333);}

#transition-two {background: linear-gradient(177.3deg, #333 0%, #333 40%, #333333aa 40.3%, #333333aa 49.1%, #444444 49.4%, #444444), linear-gradient(179deg, #333 0%, #333 39.8%, #333333aa 40.2%, #333333aa 50.8%, #444444 51.2%, #444444)}

#transition-three {background: linear-gradient(183deg, #333333 0%, #333333 43%, #222222aa 43.3%, #222222aa 52.1%, #222222 52.4%, #222222), linear-gradient(182.3deg, #333333 0%, #333333 43.8%, #222222aa 44.2%, #222222aa 53.8%, #222222 54.2%, #222222);}

#transition-four {background: linear-gradient(183deg, #222 0%, #222 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%,#1d4f91 52.4%, #1d4f91), linear-gradient(182.3deg, #222 0%, #222 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91);}

.full-width-two {background: #333;}
.full-width-three {background: #333;}
.full-width-four {background: #1d4f91;}








/*----------------- Adding Section Title CSS for other sections start (that are only for white, grey, blue by default) -----------------*/

.section-title {
    color: #fff;
    justify-content: center;
    margin: 10px 0 10px 0;
    padding: 0 10px;
    font-size: 1.5em;
    background-color: transparent;
    background-image: url(/uploaded/image/Cards/CardTitleBlank.png);
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 5px 14px -5px #111111aa;
    height: 70px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    display: flex;
    align-items: center;
    grid-column: -1/1;
    height: unset;
    font-weight: normal;
    padding: 10px; 
}

/*----------------- Adding Section Title CSS to Green and Purple End -----------------*/

/*-----------------Full Width 1 CSS Start -----------------*/
.image-container {border-radius: 4px; box-shadow: 0 5px 14px -2px #111111aa; display: flex; overflow: hidden;}

.dark-grey-background {background: linear-gradient(0deg, #222 250px, #333);}
.dark-grey-background .card-col-container {column-gap: 40px;}
.full-width-one .Inner {padding: 40px 2%;}

.full-video-container {Overflow: hidden; width: 100%;display: flex; justify-content: center; position: relative; box-shadow: 0 34px 14px -22px #111111aa; height: 450px; background: #000;}
.full-video-container video {position: absolute;}
.vid-title {margin: auto; font-size: clamp(4.2rem, 3.84rem + 1.8vw, 6rem); line-height: clamp(4.2rem, 3.84rem + 1.8vw, 6rem); color: white; text-align: center;  z-index: 200; text-shadow: 0 3px 8px #333;}
.vid-overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(45deg, #00000036, #77777740);}

.major-title {font-size: clamp(2.2rem, 1.83rem + 1.641vw, 3.8rem); text-transform: uppercase; font-weight: 700; color: white; line-height: 1em; margin: 20px 0 0;}
.major-text {margin: 20px 0;}

@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;}
}




/*----------------- Agenda Start -----------------*/
.agenda {display: flex; flex-direction: column; background: #fff; border-radius: 5px; background: transparent; position: relative;}
.agenda .accordion-body {background: transparent;}
.agenda .accordion-header {border-bottom: 1px solid red; background: transparent;}
.agenda .card-subtitle {color: #FFF; font-size: 1.3em; Font-weight: 500; text-align: center; margin: 20px 0px; transition: 1s all; padding: 5px; border-radius: 4px 4px 0 0;}

#AgendaTwo {text-align: right;}
#AgendaTitleOne {border-color:#da291c; background: transparent;}
#AgendaTitleTwo {border-color:#005383; background: transparent;}
#AgendaOne .time { color: #da291c; font-weight: bold;}
#AgendaTwo .time { color: #056ba6; font-weight: bold;}
#AgendaOne .agenda-item  {text-align: left;}
#AgendaTwo .agenda-item  {text-align: right;}
#AgendaTitleOne.active-agenda { background: linear-gradient(90deg, #da291caa, transparent 85%);}
#AgendaTitleTwo.active-agenda { background: linear-gradient(270deg, #005383cc, transparent 85%);}

.Repeated {
    font-size: 1em;
    color: #808080;
    font-style: italic;
}


.image-panel {position: relative; background: #444; box-shadow: 0 5px 14px -2px #111111aa; border: none; color: white; height: 300px; overflow: hidden; justify-content: end; transition: all 0.5s ease;}
.image-panel.inactive { opacity:0.45; transform: scale(0.925);}
.image-panel:hover {filter: brightness(1.3) saturate(1.5);}

.image-panel .card-subtitle {color: #FFF; padding-bottom: 2px; margin-bottom: 3px;}
.image-panel a {font-weight: bold; color: #1155cc;}
.image-panel .card-body {flex-grow: unset; z-index: 100;}
.image-panel img {position: absolute; top: 0; left: calc(50% - 157px); height: 100%; max-width: unset;}


.mobile-only {display: none; margin: 0; text-align: center;}

.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #000000dd, #000000aa 25%, #6ec9ff40);
    z-index: 50;
}

.agenda-item {
    color: #bbb;
    text-align: center;
    font-size: 1.1em;
    padding: 10px 30px 3px 30px;
    margin-bottom: 7px;
    transition: box-shadow 1s;
    display: none;
}


.agenda-item.active {
display: block;
}

.agenda-item .accordion-header.js-accordion-header {
    border: none;
    padding-left: 2.3em;
}

#AgendaTwo .agenda-item .accordion-header.js-accordion-header {
    text-align: right;
    padding-right: 0px;
}


.agenda-item .accordion-body__contents {
    color: #fff;
}

#AgendaOne .agenda-item.highlight {
box-shadow: 0px 25px 20px -20px #da291c;
}

#AgendaTwo .agenda-item.highlight {
box-shadow: 0px 25px 20px -20px #005383cc;
}

.Day {
color: white;
font-weight: bold;
margin: 0;
    text-align: center;
    font-size: 1.1em;
    padding: 10px 30px 3px 30px;
    margin-bottom: 7px;
    transition: box-shadow 1s;
}

#AgendaOne .Day  {text-align: left;}
#AgendaTwo .Day  {text-align: right;}



/*----------------- Agenda End -----------------*/


@media (max-width: 1000px) {
.image-panel {grid-column: span 4;}
#AgendaOne .agenda-item  {text-align: center;}
#AgendaTwo .agenda-item  {text-align: center;}
#AgendaOne .Day  {text-align: center;}
#AgendaTwo .Day  {text-align: center;}
.major-title {text-align: center;}
.major-text {text-align: center;}
}

@media (max-width: 700px) {
.image-panel {display: none;}
.desktop-only {display: none;}
.mobile-only {display: block;}
.dark-grey-background .card-col-container {column-gap: 10px;}
}



/*-----------------Full Width 1 CSS End -----------------*/


/*----------------- REGGREY EDITS Start -----------------*/
#regGrey .section-title {
    background-color: transparent;
    box-shadow: 0 5px 14px -5px #111111aa;
}
#regGrey {background: #333;}
/*----------------- REGGREY EDITS End -----------------*/

/*----------------- REGPURPLE EDITS Start -----------------*/

#PrizeGallery { grid-column: 5/-1;}
#PrizeInfo {grid-column: span 4; margin-right:50px;}
#PrizeInfo .card-subtitle {color: #FFF; font-size: 1.3em; Font-weight: 500; border-color: #fcb81a;}
#PrizeInfo .card-body {color: #FFF; padding-left: 0px;}
#PrizeInfo strong {color: #fcb81a;}
#PrizeInfo .accordion__item { border-bottom: none;}
#PrizeInfo .accordion-body__contents {color: #FFF}
#PrizeInfo .accordion-header, .accordion-body {background: transparent !important;}
#PrizeInfo svg {color: #fff;}
#regPurple {background: linear-gradient(0deg, #333, #444);}
#regPurple .Inner {padding: 0px 2% 20px 2%;}

#PrizeGallery .active, .demo:hover {border: 1px solid white; filter: brightness(1.1); box-shadow: 0 0 10px 4px #777;}

.rowgal {grid-template-columns: repeat(5,1fr); display: grid; row-gap: 20px; column-gap: 40px; margin-top: 20px;}
.column {width: unset;}


/*----------------- REGPURPLE EDITS End -----------------*/


/*----------------- REGGREEN EDITS Start -----------------*/
.FAQ {display: flex; flex-direction:column;}
.FAQ .card-subtitle {color: #FFF; font-size: 1.3em; Font-weight: 500;}
.FAQ .card-body {color: #FFF; padding-left: 0px;}
.FAQ a {color: #FFF}
#LFAQ {grid-column: 1/6;}
#RFAQ {grid-column: 7/12;}
#FAQCONTAINER {margin-left: 7%; margin-top: 30px; row-gap:20px;}
#regGreen {background: #222;}
#regGreen .Inner {padding: 0px 2%;}
/*----------------- REGGREEN EDITS End -----------------*/

/*----------------- REGBLUE EDITS Start -----------------*/
.Sponsor {display: flex; flex-direction:column; justify-content: center; filter:drop-shadow(0px 3px 3px #993c35);}

#SponsorContainer {row-gap:80px; grid-template-columns: repeat(15,1fr);}
#LOGODELL {grid-column: 5/8; width: 90%}
#LOGONVIDIA {grid-column: 9/12;}
#LOGODW {grid-column: 1/4;}
#LOGO3DC {grid-column: 5/8;}

#LOGOSP3D {grid-column: 9/12;}
#LOGOGENC {grid-column: 13/-2;}
/*----------------- REGBLUE EDITS END -----------------*/



@media (max-width: 1200px) {
#AgendaContainer {grid-template-columns: repeat(12,1fr); column-gap: 10px;}
#WHATSNEW {grid-row: 1;}
#MANUFACTURING {grid-row: 1;}
#CUSTOMER {grid-row: 2;}
#LEARNING {grid-row: 2;}
#BEYOND {grid-row: 3;}
}

@media (max-width: 910px) {
#WHATSNEW {grid-row: unset;}
#MANUFACTURING {grid-row: unset;}
#CUSTOMER {grid-row: unset;}
#LEARNING {grid-row: unset;}
#BEYOND {grid-row: unset; grid-column: span 12; order: 2;}
.agenda {order: 3; grid-column: span 12; margin-top: 25px; grid-row: unset;}
#PrizeGallery {grid-column: span 12; order: 1;}
#PrizeInfo {grid-column: span 12; margin-right: 0px; order: 2;}
}


@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;}
}