body { padding-top:0;}
/* HERO SECTION */
.heroSection { color:#fff; padding-top:8rem; padding-bottom:6rem; background:#071e2e url(../../Images/homepage/hero-bg.jpg) no-repeat center / cover;}
.heroSection p { font-size:1.125rem; color:#fff;}
header nav ul li .requestDemoBtn, .mbMenu .requestDemoBtn { display:none }

/* CREATE AN EVENT */
.createEventProcess ul { padding-left:1rem; margin-top:1rem; line-height:2.4rem }

/* CATEGORIES */
.categories { padding:4rem 0 }
.categories p { line-height:1.4 }
.categoriesContent ul { line-height:2rem; list-style:none }
.categoriesContent ul li { position:relative; padding-left:1.6rem }
.categoriesContent ul li span { width:5px; height:22px; border-radius:10px; display:inline-block; position:absolute; left:0; top:4px }
.categoriesContent ul li:nth-child(1n) span { background-color:#40d8ff }
.categoriesContent ul li:nth-child(2n) span { background-color:#ffc42c }
.categoriesContent ul li:nth-child(3n) span { background-color:#ff8071 }
.categoriesButtons { max-width:500px; margin:0 auto }
.categoriesButtons .btn.md-button.md-raised { width:160px; text-align:left; border-radius:30px; background-color:#fff; box-shadow:0 0 6px rgba(0,0,0,.1) !important; color:#001623; margin:.6rem }
.categoriesButtons .btn svg { fill:#001623; width:20px; height:20px }
.categoriesButtons .btn.md-button.md-raised.active, .categoriesButtons .btn.md-button.md-raised:hover { background-color:#ff008a; box-shadow:none !important; color:#fff }
.categoriesButtons .btn:hover svg, .categoriesButtons .btn.active svg { fill:#fff }
.categoriesButtons .btn md-icon { margin-right:.5rem }

/* INTEGRATE WITH */
.integrateWith .col { min-width:100px; text-align:center; margin-bottom:3rem }
.integrateWith .col img { height:60px }
.howitWorkPra p { margin:0;}

/* EVENT MANAGEMENT */
.eventManagement { background-color:#001623; color:#fff }

.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 }*/

.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 }

.cta { position:relative; overflow:hidden; padding:0 3rem 0 4rem; border-radius:10px; color:#001623; background:#fff1e2 0% 0% no-repeat padding-box }
.cta .container { padding:2rem 3rem 2rem 4rem; border-radius:10px; background:#f8f8f8; border:1px solid #f0f0f0;}
.cta h2 { font-weight:bold; margin-bottom:.5rem; font-size:2.5rem; color:#001623;}
.cta p { font-size:1.2rem; margin-top:0 }
.ctaImg { position:relative }

.cta ul { list-style:none; display:inline-flex; margin-bottom:20px }
.cta ul li svg { float:left; margin:-3px 10px 0 0; }
.cta ul li { padding-right: 30px; color: #1A2D39; font-size:1rem }
.ctaImg img { margin-top:-20px; margin-bottom:-16px }
.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;}

/* TESTIMONIALS */
.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 { 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 }

.bannerForm { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 15px; padding: 30px; width:85%; float: right }
.bannerForm h3 { color: #001623; font-size: 24px; font-weight: bold; margin: 0; }
.demoButton { width: 100%; padding: 5px; font-size: 21px; }
.privacyLink { text-decoration:underline; color:rgba(3, 147, 239, 1); display: block; padding: 6px; }
.privacyLink:hover { color: #ff008a; }
.stickyTop { position:sticky; top:100px }

/* RESPONSIVE */
@media screen and (max-width:1200px){
    .container { padding-left:2rem; padding-right:2rem }
}
@media screen and (max-width:1024px) {
  .setRecaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0;-webkit-transform-origin:0 0 }
}
@media screen and (max-width:991px){
    .mdCenter { text-align:center }
}
@media screen and (max-width:767px){
  .container { padding-left:2rem; padding-right:2rem }
  .categoriesButtons { max-width:100% }
  .integrateWith .col { width:25%; flex:1 1 auto }
  .categoriesContent { text-align:center }
  .categoriesContent ul { text-align:left }
  .bannerForm { width:100% }
}
@media screen and (max-width:579px){
  .smCenter { text-align:center }
  .integrateWith .col { width:50%; flex:1 1 auto }
}