body { padding-top:0;}
section { padding:4rem 0 }
.mw-80 { max-width:80%; margin:0 auto }
.specialTitle { background:#ffdf96 }
p { line-height:1.5; color:#1a2d39 }
.fw-600 { font-weight:600 }

/* HERO SECTION */
.heroSection { color:#001623; padding-top:7rem; padding-bottom:3rem; background:url(../../Images/homepage/2023/homepage-hero-bg.png) no-repeat center / cover;}
.heroSection h1 { font-size:3rem; font-weight:600; margin:0;}
/*.heroSection h1 span { color:#ffc42c;}*/
/*.subHeadingHero { color:#80e5ff }*/
.heroSection p { font-size:1.125rem }
.heroBtn { display:inline-block; margin:5px; padding:0 1.2rem; font-size:14px; line-height:3; border-radius:3px;}
.heroBtn.style1 { background:#ff008a; color:#fff;}
/*.heroBtn.style2 { background:rgba(255, 255, 255, .15); color:#fff;}*/
.heroBtn.style3 { background:rgba(0, 0, 0, .15); color:#00364a;}
.Head2 { font-size:2.5rem; font-weight:600; color:#001623; margin:0;}
.heroAnimation { height:460px; display:flex; max-width:80%; margin:0 auto; margin-bottom:-25% }
.heroAnimation .imageWrapper { width:20%; height:460px; display:inline-block; transition:all .3s; position:relative; z-index:1 }
.imageWrapper .contentBox { position:absolute; bottom:0; width:100%; text-align:center; padding:18px; z-index:9; color:#fff }
.imageWrapper.opened .contentBox h4 { font-size:1.15rem }
.imageWrapper .contentImg { display:none; color:#e6e8e9; opacity:0; margin-top:.5rem; font-size:.875rem; transition:all .3s; transition-delay:2s }
.heroAnimation .imageWrapper .contentBox h4 { font-size:12px }
.heroAnimation .imageWrapper.opened { width:140% }
.heroAnimation .imageWrapper.opened .contentBox { text-align:left }
.heroAnimation .imageWrapper.opened .contentBox h4 { font-size:16px }
.heroAnimation .imageWrapper.opened .contentBox { padding-bottom:0; bottom:58px }
.heroAnimation .imageWrapper.opened .contentImg { display:block; opacity:1 }
.heroAnimation .imageWrapper img { width:100%; height:100%; object-fit:cover }
.heroAnimation .imageWrapper:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(360deg, rgba(0,22,35,1) 0%, rgba(0,22,35,0.28) 100%); z-index:0 }
.heroAnimation .imageWrapper:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-blend-mode:multiply; z-index:0 }
.heroAnimation .imageWrapper:nth-child(1):after { background-color:rgba(255, 196, 44, .3) }
.heroAnimation .imageWrapper:nth-child(2):after { background-color:rgba(255, 27, 0, .3) }
.heroAnimation .imageWrapper:nth-child(3):after { background-color:rgba(3, 147, 239, .3) }
.heroAnimation .imageWrapper:nth-child(4):after { background-color:rgba(255, 0, 138, .3) }
.heroAnimation .imageWrapper:nth-child(5):after { background-color:rgba(255, 142, 23, .3) }
.heroAnimation .imageWrapper:hover:before, .heroAnimation .imageWrapper:hover:after { background-color:transparent }
.imageWrapper video { width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover; z-index:5; display:none }
.imageWrapper.opened video { display:block }

.imageWrapper video::-webkit-media-controls-mute-button, .mySwiperMob video::-webkit-media-controls-mute-button { display:none }

.mySwiperMob { position:relative; width:100%; overflow:hidden }
.mySwiperMob .swiper-button-next, .mySwiperMob  .swiper-button-prev { top:73%; color:#fff }
.mySwiperMob video { width:100%; height:300px; object-fit:cover; z-index:5 }

/* TRUSTED BRANDS */
/*.trustedBrands { padding-top:300px }*/
.trustedBrands .uppercase { color:#001623 }
.trustedBrands .swiper-slide img { filter:grayscale(0); opacity:1; transition:all .3s; width:100%; height:40px; object-fit:contain }
.trustedBrands .swiper-slide img:hover { filter:grayscale(0); opacity:1 }

/* SCALED EVENT */
.learnMoreBtn md-icon { width:18px; height:18px; min-width:18px; min-height:18px; transition:all .3s }
.learnMoreBtn:hover { color:#ff008a }
.learnMoreBtn:hover md-icon { transform:translateX(5px) }
.learnMoreBtn:hover md-icon svg path { fill:#ff008a }

/* Tabs */
.tabs { margin-top:1rem }
.tabs md-tabs-canvas { height:64px; margin-bottom:1rem }
.tabs md-pagination-wrapper { background-color:#f7f8fa; border-radius:10px; height:64px; border-radius:50px;}
.tabs .md-tab { text-transform:capitalize; font-size:1rem; color:#4d5c65; border:.5rem solid #f7f8fa; border-radius:40px;}
.tabs .md-tab.md-active { color:#ff008a; background:#fff;}
.tabs md-content img { filter:drop-shadow(2px 4px 6px rgba(0, 0, 0, .3)) }

/* EXPLORE EVENTS */
.eventBox { border-radius:10px; height:100%; box-shadow:0 2px 6px rgba(0, 0, 0, 0.12); overflow:hidden; margin-bottom:0; position:relative; transition:all .3s }
.eventBox:hover { box-shadow:0 2px 6px rgba(0, 0, 0, 0.2) }
.eventBox .md-headline { font-size:1.125rem; line-height:1.6rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.eventBox md-card-title { flex:inherit }
.eventBox md-card-content { font-size:.875rem }
.eventBox md-card-icon-actions { position:absolute; top:10px; right:10px }
.eventBox .md-button.md-fab { color:#b3b9bd }
.eventBox .md-button.md-fab.liked { color:#fff; background-color:#ff259b }
.eventBox .md-button.md-fab svg { vertical-align:text-top }
.loadMoreBtn { background-color:#001623 !important }

/* ENDLESS POSSIBILITIES */
.endlessPossibilities .col { min-width:190px; max-width:200px; margin-top:2rem; margin-bottom:2rem;}
.endlessPossibilitiesIcon { width:60px; height:60px;}

/* TESTIMONIALS */
/*.testimonials { padding-top:350px }*/
.testimonials md-card { border-radius:8px; box-shadow:none }
.testimonials md-card .md-title { font-weight:bold }
.testimonials md-card .md-subhead { color:#1a2d39; font-size:.875rem }
.testimonials md-card-avatar img { border-radius:50%; width:60px; min-width:60px; height:60px }
/*.testimonials .ratingImg { opacity:0; visibility:hidden; transition:all .2s }*/
.testimonials .ratingImg { height:20px !important; width:auto }
.testimonials md-card md-card-actions md-card-avatar + md-card-header-text { max-height: 50px }
/*.testimonials md-card-content p { display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; overflow:hidden; transition:all .3s }*/
.testimonials md-card-content:hover p { -webkit-line-clamp:unset }

/* CUSTOMER RATING */
.customerRating { background-color:#00070a; color:#fff; padding:5rem }
.customerRating .num { font-size:3rem; font-weight:bold }
.gradientLine { background:transparent linear-gradient(180deg, #FF008A 0%, #00CAFD 100%) 0% 0% no-repeat padding-box; opacity:1; height:100%; width:6px; border-radius:4px; display:inline-block }

/* FAQ */
.faqBox { padding:1rem; background-color:#fff; border-radius:6px; width:100% }
.faqBox.expand { background-color:#f7f8fa }
.faqBox h4 { font-size:1.15rem; font-weight:500; margin:0 }
.faqBox p { padding-top:1rem; margin:0 }

/* CTA */
.cta { position:relative; overflow:hidden }
.cta .container { padding:2rem 3rem 2rem 4rem; border-radius:10px; background:#f8f8f8; border:1px solid #f0f0f0;}
.cta h2 { font-weight:bold; margin-bottom:.5rem }
.cta p { font-size:1.25rem; margin-top:0 }
.ctaImg { position:relative }

/* COMMUNITY SECTION */
.communitySection { background-color:#fff; color:#001623 }
.communitySection .learnMoreBtn md-icon { width:18px; height:18px; min-width:18px; min-height:18px; transition:all .3s }
.communitySection .learnMoreBtn:hover md-icon { transform:translateX(5px) }

/* EVENT APPS */
.checkedListIcon { width:20px; height:18px; min-width:20px; min-height:18px }
.checkedListIcon svg path { fill:#ff008a }

/* INTERGRATE SECTION */
.logoBox { height:100%; padding:1rem; background:#fff; box-shadow:0 3px 8px rgba(0,0,0,.12); border-radius:15px; text-align:center }
/*.merchantList:hover { animation-play-state:paused }*/
.merchantList { -webkit-animation:scrollUp linear infinite; animation:scrollUp linear infinite; -webkit-animation-duration:40s!important; animation-duration:40s!important; transition-duration:40s!important }


/* FOOTER */

/*NEW HOMEPAGE EXTRA*/
.eventManagementBox { background-color:#00070a; color:#fff; border-radius:6px; padding:2rem 2rem 0; height:100%; display:flex; flex-direction:column; justify-content:space-between }
.eventManagementBox h3 { font-size:1.5rem; margin-bottom:0 }
.eventManagementBox p { color:#fff; margin-bottom:0.5rem }
.eventManagementBox a { color:rgba(255,255,255,0.6) }
.eventManagementBox a md-icon svg path { fill:rgba(255,255,255,0.6) }

.scheduleDemoSec { overflow:hidden }
.scheduleDemo { display:block; transform:skewY(0deg); margin:70px 0; background:transparent linear-gradient(90deg, #FF008A 0%, #FFBB29 37%, #FF8E17 69%, #0393EF 100%) 0% 0% no-repeat padding-box; opacity:1; height:50px; line-height:50px; width:100%; overflow:hidden }
.animate-marquee { white-space:nowrap; pointer-events:none }
.animate-marquee span { color:#fff; padding:10px; font-size:19px; font-weight:bold  }
.animate-marquee span img { margin: 0px 20px; }
.animate-marquee { position:absolute; animation:marquee2 60s linear infinite; animation-direction:reverse }

.intergrateSection { background-color:#fff1e2; position:relative; z-index:1; overflow:hidden }
.intergrateSection .lineShape { position:absolute; right:-24%; z-index:-1; width:71%; top:-45%; opacity:0.2 }

.caseStudySection { background-color:#f7f8fa }
.caseStudySection .learnMoreBtn span { text-decoration:underline; color:#001623 }
.caseStudySection .storyLogoImage { width:auto; height:36px !important; max-width:50%; object-fit:contain }
.caseStudySection .cardItem md-card { box-shadow:none; background:transparent; padding-bottom:2rem; border-radius:8px }
.caseStudySection .cardItem md-card-title { padding-left:0 }
.caseStudySection .cardItem md-card-actions { padding:0 }
.caseStudySection .learnMoreBtn:hover span { color:#ff008a }
.caseStudySection .cardItem md-card:hover .md-card-image { transform:scale(1)}

.cta { padding:0 3rem 0 4rem; border-radius:10px; color:#001623; background:#fff1e2 0% 0% no-repeat padding-box }
.cta ul { list-style:none; display:inline-flex; margin-bottom:20px }
.cta ul li svg { float:left; margin:-3px 10px 0 0; min-width:18px }
.cta ul li { padding-right: 30px; color: #1A2D39; font-size:1rem; display:flex }
.cta p { font-size:1.2rem }
.ctaImg img { margin-top:-20px; margin-bottom:-16px }

.inlineList li { display:inline-block; margin:0 0.5rem }

.homeBannerImage { background:url(../../Images/homepage/2023/video-after.png) no-repeat; background-size:98% 99% }
.homeBannerImage img { padding:3rem 3rem 7rem }
.homeBannerImage video { padding:3rem; width:640px }

.engagementAppBox { border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:2rem }
.engagementAppBox:last-child { border-bottom:none; padding-bottom:0 }
.engagementAppBox h3 { color:#ff008a }

.helloBarActive { padding-top:0 }

@keyframes marquee2 {
  0% { transform:translateZ(0) }
  100% { transform:translate3d(-50%,0,0) }
}

/* ANIMATION */
@-webkit-keyframes scrollUp {0%{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes scrollUp {0%{transform:translateY(0)}to{transform:translateY(-50%)}}

@keyframes marquee {
    0%   { top: 8em }
    100% { top:-11em }
}


/*HOMEPAGE 2024*/
header { background-color:#001623; box-shadow:none }
header button.hideDesktop { color:#fff }
header nav li a { color:#fff; white-space:nowrap }
header nav li a svg path { fill:#fff }
header nav li svg .arrow-icon path { fill:#fff }
header .logo .happyEventingTxt { display:none }
.homeTop { background-color:#001623; padding-top:134px; position:relative; overflow:hidden }
.homeTop h1 { font-size:60px; font-weight:bold }
.homeTop p { max-width:70%; margin:0 auto }
.text-white { color:#fff }
.customBannerStyle { margin-top:3rem }
.customBannerStyle::after { content:''; position:absolute; left:-10%; top:64%; height:100%; width:120%; background:#fff; border-radius:50% 50% 0 0; z-index:0 }
.roundedItem { position:relative; border-radius:224px; overflow:hidden; z-index:1 }
.roundedItem:after { content:''; border:2px solid #fff; border-radius:224px; width:98%; position:absolute; left:3px; top:0; height:100%; transform:scale(0.95) }
.roundedItem img { display:block }
.roundedItem div { position:absolute; left:0; bottom:54px; width:100%; text-align:center; z-index:1 }
.roundedItem div a { background:#fff; border-radius:15px; color:#001623; font-weight:600; padding:0.5rem 1rem }
.trustedBrands .sTitle { font-weight:bold; color:#001623; text-align:center }

.eventExploration { background:#fff0e0 }
.eventExploration md-tabs-canvas{ height:64px }
.eventExploration md-pagination-wrapper { height:64px }
.eventExploration .md-tab { padding-top:2rem }
.eventExploration .md-tab .imgIcon { position:absolute; left:calc(50% - 12px); top:0 }
.eventExploration md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper { top:65px }
.eventExploration md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar { color:#ff9b31; background:#ff9b31 }
.eventExploration md-tabs .md-tab { text-transform:none }
.eventExploration md-tabs .md-tab.md-active { color:#ff9b31 }
.listContentBox { display:flex }
.eventExploration md-tab-content { overflow-x:hidden; padding:1rem }
  
.num { font-size:3rem; font-weight:bold }
.gradientLine { background:transparent linear-gradient(180deg, #FF008A 0%, #00CAFD 100%) 0% 0% no-repeat padding-box; opacity:1; height:100%; width:6px; border-radius:4px; display:inline-block }
.pinkBox { border-radius:8px; background-color:#ffecea; padding:1.5rem; height:100% }
  
.onePlatform { background-color:#001623; position:relative; z-index:1; overflow:hidden; background:url(../../Images/homepage/2023/feature-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover }
.onePlatform .lineShape { position:absolute; right:-24%; z-index:-1; width:71%; top:-45%; opacity:0.2 }
.blueBox { padding:1.5rem; background-color:#e2f9ff; height:100%; border-radius:8px; position:relative; padding-bottom:100px }
.blueBox .boxIcon { position:absolute; right:1rem; bottom:1rem; z-index:0 }
.blueBox a.learnMoreBtn { position:relative; z-index:1 }
.chipAnimation { margin-top:1.5rem; animation:marquee2 50s linear infinite; animation-direction:reverse; display:flex; flex-wrap:nowrap }
.chipAnimation.reverse { animation-direction:normal }
.chipAnimation div { display:flex; flex-wrap:nowrap }
.chipAnimation span { padding:1rem; border:2px solid #99eaff; font-size:16px; font-weight:500; color:#001623; margin-right:1rem; border-radius:26px; white-space:nowrap }
.topNotch { position:relative; overflow:hidden }

.listContentBox .material-icons { color:#ff9b31 }
.caseStudySection .swiper-wrapper { padding-bottom:4rem }
.swiper-pagination-bullet { width:12px; height:12px }
.w-100 { width:100% }

.eventCountFeature .textCm { text-align:center }
.eventCountFeature .col-sm-3.d-flex { position:relative }
.eventCountFeature .gradientLine { position:absolute; left:10px }

.imexHelloBar { background:rgb(255,0,138); background:linear-gradient(90deg, rgba(255,0,138,1) 0%, rgba(3,147,239,1) 100%); color:#fff; font-size:14px; position:fixed; top:0; left:0; right:0; z-index:70; padding:0; overflow:hidden }
.imexHelloBar .container { background:rgb(255,0,138); background:linear-gradient(90deg, rgba(215,23,154,1) 0%, rgba(38,126,225,1) 100%); position:relative; z-index:99 }
.imexHelloBar .helloBarTitle { margin-right:4rem }
.imexHelloBar .helloBarLink a { color:#fff; display:block; text-decoration:underline; margin-right:4rem; white-space:nowrap }
.imexHelloBar .helloBarLink a:hover { text-decoration:none }
.imexHelloBar .helloBarLink a span { vertical-align:middle; margin-left:4px }
.imexHelloBar .helloBarBooth { display:inline-block; background:#fff; color:#257FE1; font-weight:600; padding:0.5rem 0.75rem; border-radius:15px; position:relative; margin-right:1rem; font-size:12px; white-space:nowrap }
.imexHelloBar .helloBarBooth:before { content:''; position:absolute; right:-5px; bottom:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid #fff }
.helloBarBrand img { transform:scale(0.8) }
.imexHelloBar .designLeft { position:absolute; top:0; left:0; height:43px; display:block }
.imexHelloBar .designLeft img, .imexHelloBar .designRight img  { height:100% }
.imexHelloBar .designRight { position:absolute; top:0; right:0; height:43px; display:block; transform:rotateY(180deg) }
.imexHelloBar .imexHelloBarCloseBtn { position:absolute; right:1rem; top:0.8rem; z-index:999 }
.imexHelloBarActive header { top:42px }
.imexHelloBarActive .homeTop { padding-top:170px }

.homeBannerSlide { position:relative; background:#FFF0ED; border-radius:50px; width:calc(100% - 2rem); margin:0 auto; margin-top:5.5rem }
.homeBannerSlide h1 { font-size:72px; font-weight:bold }
.homeBannerSlide .slideText { color:#FF008A }
.slideImageWrapper { width:100%; overflow:hidden; position:relative }
.slide-track { display:flex; transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); will-change:transform }
.slide-track img { width:100% }

.textAnimation { display:inline-block; overflow:hidden; width:350px; vertical-align:bottom; position:relative }
.textAnimation .sliderWrapper { display:flex; transition:transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); will-change:transform }
.slideText { flex-shrink:0;width:350px; text-align:left }

.slideImageWrapper img { width:100% }
.headingObject svg { vertical-align:top; margin-left:5px }

/* RESPONSIVE */
@media screen and (min-width:1600px){
 p { font-size:18px }
 .imexHelloBar .container { background:transparent }
}
@media screen and (min-width:579px){
.text-sm-right { text-align:right }
}
@media screen and (max-width:1024px){
 .mw-60 { max-width:80% }
 .imexHelloBar .container { background:transparent }
 .imexHelloBar .designLeft img, .imexHelloBar .designRight img  { opacity:0.5 } 
}
@media screen and (max-width:991px) {
  .num { font-size:2rem }
}

@media screen and (max-width:767px){
  .mw-80 { max-width:100% }
  .mw-60 { max-width:100% }
  section { padding:3rem 0 }
  .bookCTA { padding-bottom:0 }
  .ctaImg { margin:12px 0 12px }
  .cta { padding:3rem 1rem 1rem }
  .intergrateSec { overflow:hidden }
  .intergrateSec .intergrateImg { transform:scale(1.5) }
  .imexHelloBar .helloBarBooth { padding:0.2rem 0.75rem }
  .imexHelloBar .helloBarLink a, .imexHelloBar .helloBarTitle { margin-right:0 }
  
  .imexHelloBar .helloBarTitle { margin-bottom:1rem; margin-top:1rem }
  .imexHelloBar .helloBarLink { margin-bottom:1rem }
  .imexHelloBar .helloBarBrand { margin-bottom:1rem }
  .imexHelloBarActive header { top:165px }
  .imexHelloBarActive .homeTop { padding-top:270px }
  .imexHelloBar .designLeft { height:100% }
  .imexHelloBar .designLeft img, .imexHelloBar .designRight img { opacity:0.2; object-fit:cover }
  .imexHelloBar .designRight { display:none }

  .homeBannerSlide h1 { font-size:36px }
  .textAnimation { width:200px }
  .slideText { width:200px }
  .homeBannerSlide { padding:2.5rem 12px; border-radius:16px }
}
@media screen and (max-width:579px){
  .heroSection { padding-bottom:3rem}
  .heroSection h1 { font-size:1.5rem;}
  .heroSection p { font-size:1rem; margin-top:30px; margin-bottom:30px;}
  .Head2 { font-size:1.75rem }
  .customerRating .num { font-size:2.3rem;}
  .eventExperience { padding-top:2rem }
  .endlessPossibilities .col { min-width:50% }
  .cta, .heroSection, .testimonials md-card p, .mobCenter { text-align:center }
  .cta .container { padding:2rem 1.4rem }
  .faq { padding-bottom:2rem }
  .homeChecks { display:inline-block !important;}
  .homeChecks > div { margin-bottom:8px;}
  .testimonials { padding-top:3rem }
  .trustedBrands { padding-top:0 }
  .fs3 { font-size:2rem }
  .customerRating { padding:3rem 1rem }
  .cta ul li { display:flex; margin-bottom:1rem; justify-content:center; padding-right:0 }
  
  .homeBannerImage video { padding:1rem; width:100% }

  /*HOMEPAGE 2023*/
  .homeTop h1 { font-size:42px }
  .homeTop p { max-width:90% }
  .roundedItem div { bottom:0 }
  .roundedItem div a { background:#fff0e0; font-size:14px; display:block; padding:10px 12px; padding-bottom:1.5rem }
  .customBannerStyle::after { top:78%; height:40% }
  .roundedItem:after { width:90% }
  .eventCountFeature .gradientLine { display:none }
  .eventCountFeature .textCm { text-align:center }
  .eventCountFeature { padding-bottom:0 }
  .testimonials md-card-content p { -webkit-line-clamp:unset }
  .cta ul { display:block }
  .num { font-size:3rem }
}
@media screen and (max-width:479px){
}