[id*="custom-html"]{padding:0 !important; display:none;}
#top-hero .col-md-5{width:100%;}
#top-hero h2{display:none;}
#top-hero .row{align-items: center; height: 500px;}
#top-hero {padding:0 !important;}
.zyx-paragraph--event-details {display:none;}
.btn-prpl, .btn-prpl.border-adjusted {background-color: #73236c !important; border-color:#73236c !important; color:#fff !important;}
a.text-link-prpl:before, a.text-link-purple.border-adjusted:before{width: 100% !important; transition: none !important; background-color: #fff !important;}
a.text-link-prpl {color: #fff !important;}
a.text-link-prpl.border-adjusted{border-color: #fff !important;}
.feature-box {border: 2px solid #fff; border-radius: 10px; padding: 0 1.5rem; height: 420px; box-sizing: border-box;}
.feature-box h4{color: #fff; margin: 10px 0 !important;}
.feature-title {text-align: center;}
.feature-icon {display: inline-block; margin-top: 20px; padding: 10px;}
.text-show {display: block !important;}
a::before{background-color: #fff !important;}
#key-value a{border-bottom: 1px solid #fff;}
#key-value a::before{background-color: transparent !important;}

.event-logo {width:170px;}
/* ===== Auto Slider ===== */
.AutoSlider-wrapper {width: 100%; height: 350px; position: relative; overflow: hidden;}
.AutoSlide {position: absolute; top: 0; left: 0; width: 100%; height: 350px; object-fit: cover; opacity: 0; z-index: 0; transition: opacity 1s linear;}
.AutoSlide.active {opacity: 1; z-index: 1;}

/* ===== Popup Video ===== */
.popup-video {display: none; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 1050;}
.popup-video.show {display: flex;}
.popup-video .popup-content {margin: 0 auto; width: 71vw; height: 40vw; text-align: center; max-height: calc(100vh - 60px);}
.popup-video iframe {width: 100%; height: 100%; border: none;}
.popup-video .close-btn {position: absolute; border: 0; outline: none; cursor: pointer; background: none; font-size: 50px; z-index: 1; top: 0; right: 1%; color: #fff; opacity: 1;  margin: 0; padding: 0;}

.thankYou-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(67, 2, 62, 0.7);}
.thankYou-text {position: relative;}
.zyx-teaser-card__img {height: 200px; overflow: hidden;}

.desktop-banner {display:block; position:absolute; top:0; left:0; width:100%;}
.mobile-banner{display:none;}
.banner-text {position:relative;}
.desktop-banner img, .mobile-banner img {width: 100%; object-fit: cover; height: 500px;}

#key-value h3, #networkx-section h3{display: none;}
#key-value, #networkx-section {background-size: cover !important;}
.event-card {border: 2px solid #404040; border-radius: 10px; padding: 1rem;}
.event-box {min-width: 100px; border-right: 2px solid #404040; padding-right: 1rem;}
.event-date {font-size: 60px; font-weight: 500;}
.event-month, .event-year {font-weight: 500;}
.event-info {padding-left: 1rem;}
.event-info a {font-size: 13px; padding: 5px 10px !important;}
.event-icon em {vertical-align: middle;}
.networkx-box {border-radius: 10px; border: 1px solid #fff; height: fit-content; padding: 1rem; text-align: center;}
.networkx-box a {font-weight: bold;}

/* RWD */
@media(max-width:768px){
  .zyx-paragraph--hero .container {padding-top: 0 !important; padding-bottom: 0 !important;}
  .event-logo {width:100px;}
  .feature-box, .event-card {margin-bottom:1rem; height: auto;}
}
@media (max-width: 650px) {
  .banner-text {margin-top: -13rem;}
  .desktop-banner {display:none;}
  .mobile-banner {display:block; position:absolute; top:0; left:0; width:100%;}
  .prpl-ecosystem {flex-direction: column-reverse;}
  .zyx-teaser-card__inner {margin-bottom: 1rem;}
}