html{
    overflow-x: hidden;
}
.franklinBoldFont{
    font-family: LibreFranklin-Bold !important;
}
.franklinLightFont{
    font-family: LibreFranklin-Light !important;
}
.franklinMediumFont{
    font-family: LibreFranklin-Medium !important;
}

#navbarSupportedContent{
    display: contents;
}
.navcolor1{
    color: inherit !important;
    background: #D7F000 !important;
    font-family: LibreFranklin-Bold !important;
    border: none !important;
}

.navcolorcheckin{
    color: black !important;
    background: #00E677 !important;
    font-family: LibreFranklin-Bold !important;
    border: none !important;
}

.navbar{
    background: url("/media/wb3cj4ix/home-page-background-top.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.navbarParallax{
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
}

.navLogo{
   /* margin-top: 2px;
    position: absolute;
    z-index: 3;
    margin-left: 30px;*/
    width: 150px;
}

.navUl{
    display: flex;
    list-style: none;
    justify-content: end;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0rem;
}

.navLi{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 24px;
}

.navAnchor, .navAnchorCheckIn{
    text-decoration: none !important;
    color: black;
    padding: 10px 10px !important;
    border: none;
    border-radius: 5px;
    background: #00E677;
    font-family: LibreFranklin-Medium !important;
}

.navAnchor:hover{
    background: #D7F000;
    font-family: LibreFranklin-Bold !important;
    color: inherit;
    border: none;
}

.navAnchorCheckIn:hover{
    background: #00E677;
    font-family: LibreFranklin-Medium !important;
    color: black;
    border: none;
}

.navDiv2{
    background-color: #222222;
    padding-left: 25rem;
    padding-right: 25rem;
}

.homeMainDiv{
    margin-left: 25rem;
    margin-right: 25rem;
    background-color: black;
}

.homeBanner{
    width: -webkit-fill-available;
}

.homeCopy{
    color: #FFFFFF;
    background: #222222;
    padding-left: 15px;
    background-image: url("/media/w14luxui/home-page-background-bottom.png");
    background-repeat: no-repeat;
    background-size: cover;
    
}
.day1BgImg, .day2BgImg{
   background-image: url("/media/w14luxui/home-page-background-bottom.png");
    background-repeat: no-repeat;
    background-size: cover;  
}

.homeCopy1{
    font-size: 48px;
    line-height: 65px;
}
.homeCopy2{
    font-size: 16px;
    line-height: 22px;
}
.homeCopy3{
    font-size: 12px;
}

.homeCopyButton{
    text-decoration: none !important;
    color: #ffffff !important;
    padding: 10px 15px;
    border: 1px solid;
    font-size: 10px;
    line-height: 24px;
    border-image: linear-gradient(to bottom right,#f06d06, #e52e71, rgb(255, 255, 0), green) 1;
}

.footerCopy{
    color: #FFFFFF;
    padding-left: 0px;
}
.footerCopy1{
    font-size: 12px;
    margin-bottom: 0rem;
}
.footerCopy2{
    font-size: 12px;
    margin-bottom: 0rem;
}

/*.footerImage{
    width: 75px;
}*/

.footerRow, .agendaNavRow{
    margin-left: 0px !important;
    margin-right: 0px !important;
}



.agendaBackgroundColor{
    background-color: #4C1D56;
}
.agendaNav{
    padding-top: 7rem;
    padding-bottom: 5rem;
    /*background: #4C1D56;*/
    padding-left: 25rem;
    padding-right: 25rem;
}
.agendaNavCopy2{
   text-align: center; 
}
.agendaNavCopy1{
    font-family: LibreFranklin-Bold !important;
    color: #FFFFFF !important;
    font-size: 30px;
    line-height: 3rem !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 20px;
}
.agendaNavCopy1Click{
     font-family: LibreFranklin-Bold !important;
    color: #072016 !important;
    font-size: 30px;
    line-height: 3rem !important;
    border-bottom: none !important;
    text-decoration: none !important;
    cursor: pointer;
}
.agendaNavCopy2{
    font-family: LibreFranklin-Bold !important;
    color: #32033C !important;
    font-size: 30px;
    line-height: 3rem !important;
     text-decoration: none !important;
    cursor: pointer;
    line-height: 20px;
}
.agendaNavCopy2Click{
    font-family: LibreFranklin-Bold !important;
    color: #FFFFFF !important;
     font-size: 30px;
    line-height: 3rem !important;
    text-decoration: none !important;
    cursor: pointer;
}
.audiSession{
    border-bottom: 1px solid #ffffff;
}
.auditoriumCopy, .expoCopy{
    color: #FFFFFF;
    padding-left: 30px;
    padding-right: 30px;
}

.agendaImageDiv, .parallaxDiv1{
    padding-left: 25rem;
    padding-right: 25rem;
}

.agendaImage{
    width: -webkit-fill-available;
}

#auditoriumCopy, #expoCopy{
    padding-left: 25rem;
    padding-right: 25rem;
    padding-bottom: 2rem;
}

.expoZone1Div{
    background: #000000;
     padding-left: 25rem;
    padding-right: 25rem;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.expoZone1ImgDiv{
     background: #222222;
     padding-left: 25rem;
    padding-right: 25rem;
    text-align: center;
}

.expoZone2ImgDiv, .expoZone4ImgDiv{
     background: #6CE594;
     padding-left: 25rem;
    padding-right: 25rem;
    text-align: center;
}

.expoZone3ImgDiv{
     background: #000000;
     padding-left: 25rem;
    padding-right: 25rem;
    text-align: center;
}

.expoZone2Div{
    background: #222222;
    padding-bottom: 2rem;
    padding-top: 7rem;
}
.expoZone3Div{
    background: #6CE594;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.expoZone4Div{
    background: #6CE594;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.expoZone1{
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.expoZone2{
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.expoZone3{
    color: #006341;
    padding-left: 30px;
    padding-right: 30px;
}
.expoZone4{
    color: #006341;
    padding-left: 30px;
    padding-right: 30px;
}

.expoZone2Div, .expoZone3Div, .expoZone4Div{
     padding-left: 25rem;
    padding-right: 25rem;
    padding-bottom: 2rem;
}

.section-background1 {
  /*background-attachment: fixed;*/
  background-position: center;
  height: 50vh;
   display: flex;
  align-items: center;
  justify-content: center;
}
.section-background2 {
  /*background-attachment: fixed;*/
  background-position: center;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.parallax1 {
  background-image: url("/media/rxkbv5mv/expo-zone-17.png"); 
  background-repeat: no-repeat;
}
.parallax2 {
  background-image: url("/media/hmkllq2d/expo-zone-18.png");
  background-repeat: no-repeat;
}
.parallaxDiv1{
    background-color: #000000;
}
.parallaxDiv2{
    background-color: #222222;
}

@media screen and (max-width: 1200px){
        .agendaNav, #auditoriumCopy, #expoCopy, .agendaImageDiv, .expoZone1Div, .expoZone2Div, .expoZone3Div, .expoZone4Div, .parallaxDiv1, .parallaxDiv2, .expoZone1ImgDiv, .expoZone2ImgDiv, .expoZone3ImgDiv, .expoZone4ImgDiv{
        padding-left: 15rem;
        padding-right: 15rem;
    }
    .homeMainDiv{
        margin-left: 10rem;
        margin-right: 10rem;
    }
    .navDiv2{
        padding-left: 10rem;
        padding-right: 10rem;
    }
}

@media screen and (max-width: 900px){
        .navDiv2, .agendaNav, #auditoriumCopy, #expoCopy, .agendaImageDiv, .expoZone1Div, .expoZone2Div, .expoZone3Div, .expoZone4Div, .parallaxDiv1, .parallaxDiv2, .expoZone1ImgDiv, .expoZone2ImgDiv, .expoZone3ImgDiv, .expoZone4ImgDiv{
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .homeMainDiv{
        margin-left: 5rem;
        margin-right: 5rem;
    }
}

@media screen and (max-width: 640px){
    .agendaNavNumber1{
        padding-right: 4rem !important;
    }
    
    .agendaNavDiv2{
    text-align: left !important;
    /*padding-left: 25px;*/
}
.agendaNavCopy1, .agendaNavCopy2, .agendaNavCopy1Click, .agendaNavCopy2Click{
    font-size: 25px;
}
}

/*@media screen and (max-width: 500px){
    .parallax1 {
        background-size: contain;
    }
    
}*/

@media screen and (max-width: 600px){
    .homeBanner{
        width: 100%;
    }
    .navDiv2, .agendaNav, #auditoriumCopy, #expoCopy, .agendaImageDiv, .expoZone1Div, .expoZone2Div, .expoZone3Div, .expoZone4Div, .parallaxDiv1, .parallaxDiv2, .expoZone1ImgDiv, .expoZone2ImgDiv, .expoZone3ImgDiv, .expoZone4ImgDiv{
        padding-left: 0rem;
        padding-right: 0rem;
    }
    .homeMainDiv{
        margin-left: 0rem;
        margin-right: 0rem;
    }
     .parallax1, .parallax2 {
        background-size: contain;
    }
    .expoZone1Img, .expoZone2Img, .expoZone3Img, .expoZone4Img{
        width: 100%;
    }
    .agendaDay1NavAnchor, .agendaDay2NavAnchor, .agenda2Day1NavAnchor, .agenda2Day2NavAnchor{
        padding: 10px 20px !important;
    }
    .checkInSubmitButton1, .checkInSubmitButton2{
        padding-left: 0rem;
        padding-right: 0rem;
        width: 100%;
    }
    .checkInInput{
        width: 100%;
    }
}

.carouselBanner{
    width: 100%;
    border-radius: 2%;
}
.carouselCopyDiv{
    position: absolute;
    top: 10%;
    color: white;
}
.carouselCopy2{
    font-size: 12px;
}
.carouselAnchorDiv{
    position: absolute;
    bottom: 3%;
    right: 2%;
    z-index: 999;
}
.carouselAnchorImg{
    width: 150px;
}
.carouselIndicator{
    position: relative !important;
}
.carouselLi{
    height: 15px !important;
    width: 15px !important;
    border-radius: 100%;
    opacity: 1 !important;
    border: 2px solid #fff !important;
    background-color: transparent !important;
}
.carousel-indicators .active{
    background-color: #fff !important;
}

.homeEventsImg{
    width: 120px;
}
.homeEventsDiv{
    /*background-image: url('/media/mjepuldu/background_3-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;*/
}
.homeEventsBgCard1, .homeEventsBgCard2, .homeEventsBgCard3, .day1EventsBgCard2, .day2ImmEventsBgCard3, .day2WorkEventsBgCard, .day2ExpoEventsBgCard{
    /*background-image: url('/media/bhbnd4fi/adobestock_294839451.jpeg');*/
    background-image: url('/media/qqkciwhj/home-page-tile.png');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}
.homeEventsImgDiv{
    text-align: center;
}
.homeEventsTitle{
    color: white;
    font-size: 20px;
}
.homeEventsCardAnchorDiv{
    text-align: right;
}
.homeEventsCardAnchor{
    text-decoration: none !important;
    background-color: #00E677;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: black;
    font-size: 12px;
    cursor: pointer;
}
.homeEventsCardAnchor:hover{
    text-decoration: none !important;
    background-color: #00E677;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: black;
    font-size: 12px;
}
.homeEventsCardAnchor3{
    text-decoration: none !important;
    background-color: #E64ED9;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: black;
    font-size: 12px;
    cursor: pointer;
}
.homeEventsCardAnchor3:hover{
    text-decoration: none !important;
    background-color: #E64ED9;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: black;
    font-size: 12px;
}
.homeEventsCard1{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    
    /*backdrop-filter: blur(5px);*/
    -webkit-backdrop-filter: blur(5px);
    border: none;
}
.homeEventsCard2{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    
    /*backdrop-filter: blur(5px);*/
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #00E677;
}
.homeEventsCard3{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    
    /*backdrop-filter: blur(5px);*/
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #E64ED9;
}
.homeEventsCardCopy, .agendaDay1EventsCardCopy, .agendaDay2ImmEventsCardCopy{
    color: white;
}
.eventCardCopy{
    font-size: 12px;
}
.homeEventsCardDate, .homeEventsCardLocation, .homeEventsCardTime{
    color: white;
    font-size: 12px;
}
.homeEventsCard1Col1, .agendaDay1CardNameCol, .agendaDay2CardNameCol{
    align-content: center;
}
.homeEventsType2{
    text-align: right;
    color: #00E677;
    font-size: 12;
}
.eventCardHeader2{
    color: #00E677;
}
.homeEventsType3{
    text-align: right;
    color: #E64ED9;
    font-size: 12;
}
.eventCardHeader3{
    color: #E64ED9;
}

.agendaDay1NavDiv, .agendaDay2NavDiv{
    text-align: center;
}
.agendaDay1NavAnchor{
    background: #00E677;
    font-family: LibreFranklin-Bold !important;
    color: black;
    border: none;
    padding: 10px 40px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
}
.agendaDay1NavAnchor:hover{
    text-decoration: none;
    color: black;
}
.agendaDay2NavAnchor{
    background: transparent;
    font-family: LibreFranklin-Light !important;
    color: white;
    border: 1px solid;
    padding: 10px 40px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
}
.agendaDay2NavAnchor:hover{
    background: #00E677;
    text-decoration: none;
    font-family: LibreFranklin-Bold !important;
    color: black;
    border: none;
}
.agendaDay1ImmersionCopy1Div{
    color: white;
}
.agendaDay1Title{
   font-family: LibreFranklin-Bold !important;
   font-size: 20px;
}
.agendaDay1Copy{
   font-family: LibreFranklin-Light !important;
   font-size: 16px;
}
.agendaDay1Copy2{
   font-family: LibreFranklin-Light !important;
   font-size: 12px;
}
.agendaDay1EventsCard1, .agendaDay1EventsCard3, .agendaDay1EventsCard4{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    
    /*backdrop-filter: blur(5px);*/
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #696885;
}
.agendaDay1EventsCard2{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    
    /*backdrop-filter: blur(5px);*/
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid #5E5DB6;
}
.eventsCardHr{
    border-top: 1px solid rgb(227 216 216 / 50%);
    width: 93%;
}
.speakersTitle, .homeEventsCardName{
    font-size: 12px;
    color: white;
}
.agendaDay1EventsImg, .agendaDay2EventsImmImg{
    width: 70px;
}

.agenda2Day2NavAnchor{
    background: #00E677;
    font-family: LibreFranklin-Bold !important;
    color: black;
    border: none;
    padding: 10px 40px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
}
.agenda2Day2NavAnchor:hover{
    text-decoration: none;
    color: black;
}
.agenda2Day1NavAnchor{
    background: transparent;
    font-family: LibreFranklin-Light !important;
    color: white;
    border: 1px solid;
    padding: 10px 40px;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
}
.agenda2Day1NavAnchor:hover{
    background: #00E677;
    text-decoration: none;
    font-family: LibreFranklin-Bold !important;
    color: black;
    border: none;
}

.agenda2NavTab{
    color: white;
    font-family: LibreFranklin-Light;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
}
.agenda2NavTabActive1{
    font-family: LibreFranklin-Bold;
    border-bottom: 2px solid #1F1F47;
}
.agenda2NavTabActive2{
    font-family: LibreFranklin-Bold;
    border-bottom: 2px solid #00E677;
}
.agenda2NavTabActive3{
    font-family: LibreFranklin-Bold;
    border-bottom: 2px solid #E64ED9;
}
.agendaDay2Title{
   font-family: LibreFranklin-Bold !important;
   color: white;
   font-size: 20px;
}
.agendaDay2Copy{
   font-family: LibreFranklin-Light !important;
   color: white;
   font-size: 16px;
}
.agendaDay2ImmCopy{
   font-family: LibreFranklin-Light !important;
   color: white;
   font-size: 12px;
}

.displayNone{
    display: none;
}

.agendaDay2EventsImmCard1, .agendaDay2EventsImmCard2, .agendaDay2EventsImmCard4, .agendaDay2EventsImmCard5{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    /*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
    border: 1px solid #696885;
}
.agendaDay2EventsImmCard3{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    /*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
    border: 1px solid #5E5DB6;
}

.agendaDay2EventsWorkCard1{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    /*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
    border: 1px solid #00E677;
}
.agendaDay2EventsExpoCard1{
    /*background: rgba(255, 255, 255, 0.2);*/
    border-radius: 10px;
    /*backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
    border: 1px solid #E64ED9;
}
.agendaDay2EventsWorkImg{
    width: 100px;
}
.agendaDay2EventsWorkImgDiv{
    text-align: center;
}
.agendaDay2WorkEventsCardCopy{
    color: #00E677;
}

.agendaDay2ExpoEventsCardCopy{
    color: white;
}
.agendaDay2EventsExpoImg{
    width: 15rem;
}
.Day2ExpoEventCardHeader{
    color: #E64ED9;
    font-size: 16px;
}
.Day2ExpoEventCardCopy{
    font-size: 12px;
}
.agendaDay2EventsExpoImgCol{
    align-content: center;
}

.backButtonImg{
    width: 50px;
}
.backButtonAnchor{
    cursor: pointer;
}
.registerTitle, .checkInTitle{
    color: white;
    font-size: 20px;
}
.registerCopy, .checkInCopy{
    color: white;
    font-size: 12px;
}
.registerInput{
    border-radius: 5px;
    border: none;
    width: 100%;
    height: 32;
}
.checkInInput{
    border-radius: 5px;
    border: none;
    /*width: 100%;*/
    height: 32;
    color: black;
    font-size: 12px;
    text-align: center;
}
.checkInTitle2{
    font-size: 16px;
    color: white;
}
.registerSubmitButton{
    border-radius: 5px;
    border: none;
    width: 100%;
    height: 32;
    color: black;
    background-color: #00E677;
    font-size: 12px;
}
.checkInSubmitButton1{
    border-radius: 5px;
    border: none;
    /*width: 100%;*/
    height: 32;
    color: black;
    background-color: #00E677;
    font-size: 12px;
    padding-left: 3.6rem;
    padding-right: 3.7rem;
}
.checkInSubmitButton2{
    border-radius: 5px;
    border: none;
    /*width: 100%;*/
    height: 32;
    color: black;
    background-color: #00E677;
    font-size: 12px;
    padding-left: 1.7rem;
    padding-right: 1.7rem;
}

.bgImg{
   background-image: url("/media/vgkhp1fk/home-page-background.png");
    background-repeat: no-repeat;
    background-size: cover; 
}

.scanTitle{
    font-size: 16px;
    color: white;
}
.scanCopy{
    font-size: 12px;
    color: white;
}
.scanDiv{
    background-color: #151515;
    border-radius: 5px;
}
 .eventCardFeatCopy{
     font-size: 12px;
     color: white;
     text-align: right;
 }

.coPilotImg, .bluePrismImg, .coPilotImg2, .powerAppsImg{
    width: 150px;
}
.azureImg, .ducoImg{
    width: 60px;
}

.profileModalAnchor{
    color: white;
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
}
.profileModalAnchor:hover{
    text-decoration: underline;
    color: white;
}
.profileModalCopy, .modalClose{
    color: white;
}
.profileModalImgDiv{
    text-align: center;
}
.profileModalImg{
    width: 120px;
}
.day1EventsModalBg{
    background-image: url("/media/qqkciwhj/home-page-tile.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}
.modal-header{
    border: none !important;
}
.modalClose{
    color: white;
    font-weight: 100;
}
.day1EventsModal1, .profileModalCol1{
    align-content: center;
}
.modal-content{
    background-color: black !important;
}

.font-small{font-size: 10px;}

.checkInAnchor{
    padding: 10px 50px;
    text-decoration: none;
}
.checkInAnchor:hover{
    color: black;
    text-decoration: none;
}

.formModalCopy{
    color: white;
    border: none !important;
}
.formModalButton{
    background-color: #00E677 !important;
    color: black !important;
    border: none !important;
}
.formModalButton:hover{
    background-color: #00E677 !important;
    color: black !important;
    border: none !important;
}
.modal-footer{
    border: none !important;
}