body { padding-top: 0; }

.heroSection { padding-top: 8rem; padding-bottom: 1rem; }
  .heroSection h1 { color: #1A2D39; line-height: 54px; font-size: 40px; }
  .heroSection p { font-size: 1.125rem; color: #1A2D39; line-height: 24px; }
.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 { color: #001623; background: #FFFFFF26 0% 0% no-repeat padding-box; border: 2px solid #00162363; border-radius: 4px; }
  .heroBtn.style3 { background: rgba(0, 0, 0, .15); color: #00364a; }
.stickyTopHero { position:sticky; top:92px }

.eventManagement { background-color: #F7F8FA; }
  .eventManagement p { line-height: 24px; height: 70px; }
.md-default-theme .md-datepicker-input, .md-datepicker-input { color: rgba(0,0,0,1); font-size: 16px !important; }
.smartTitle { display: inline-block; background-color: rgba(255, 0, 138, 0.09) }
.md-datepicker-input-container { margin-left: 2px !important; width: 180px !important; }
.block50 { width: 49%; }
.learnMoreBtn md-icon { width: 18px; height: 18px; min-width: 18px; min-height: 18px; transition: all .3s }
.learnMoreBtn:hover md-icon { transform: translateX(5px) }
.colorBlue { color: #00cdff; }


/* FAQ */
.faqSec { padding: 7rem 0; background: #F7F8FA 0% 0% no-repeat padding-box; margin-top: 5rem; }
.faqBox { border-bottom: 1px solid #E6E8E9; padding: 20px; }
  .faqBox h4 { font-size: 24px; letter-spacing: 0px; color: #001623; }
  .faqBox p { font-size: 16px; letter-spacing: 0px; color: #4D5C65; padding: 10px 0 0; line-height: 24px; margin: 0; }
.faqIcon { color: #fff; background: #FF008A 0% 0% no-repeat padding-box; width: 30px; height: 30px; text-align: center; line-height: 30px; border-radius: 30px; }

.howitWorkPra p { margin: 0; letter-spacing: 0px; font-size: 16px; color: #1A2D39; line-height: 26px; }
.howitWorkPra h3.fw-500 { font-weight: 600; }
.cardItem md-card-actions a { color: #ff0080; }
.customCheck span { font-size: 14px; }
.eventManagementBoxIcon { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #4D5C651A; border-radius: 4px; padding: 30px; margin-bottom: 20px; text-align: center; }
  .eventManagementBoxIcon h4 { letter-spacing: 0px; color: #001623; font-size: 18px; font-weight: bold; margin: 10px 0; }
  .eventManagementBoxIcon p { color: #1A2D39; margin: 10px; padding: 0; height: 80px; line-height: 24px; }
  .eventManagementBoxIcon img { width: 50px; margin: 10px 0; }
.form-sec { background: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 6px rgb(0 0 0 / 12%); }
  .form-sec h2 { padding-bottom: 0; margin: 0px; font-size: 30px; font-weight: 700; }


.venuesFloorplans { list-style: none; margin-top: 40px; }
  .venuesFloorplans li { width: 43%; padding-left: 24px; position: relative; float: left; margin-left: 40px; padding-bottom: 30px; }
    .venuesFloorplans li:after { width: 5px; height: 18px; content: ''; display: block; position: absolute; background: #FFC42C; left: 0; top: 0; }
    .venuesFloorplans li:nth-child(2):after { background: #00CAFD; }
    .venuesFloorplans li:nth-child(3):after { background: #0393EF; }
    .venuesFloorplans li:nth-child(4):after { background: #FF8E17; }
.cardStyle h3 { color: #001623; margin-bottom: 0; font-size: 12px; }

/* CARD STYLE */
.cardStyle { background: #fff; border-radius: 4px; padding: 2rem; height: 100%; border-bottom: 6px solid transparent; border-radius: 4px; background: #F7F8FA 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #4D5C651A; }
  .cardStyle h3 { color: #001623; margin-bottom: 0; font-size: 20px; }
.financialServices .col-12:first-child .cardStyle { border-bottom-color: #40d8ff }
.financialServices .col-12:nth-child(2) .cardStyle { border-bottom-color: #ffc42c }
.financialServices .col-12:last-child .cardStyle { border-bottom-color: #ff8071 }

.featuredIntegrationsSec { background: #F7F8FA; text-align: center; }
.featuredIntegrationsBox { padding: 30px; background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 2px 6px #4D5C651A; border-radius: 4px; opacity: 1; text-align:left }
.featuredIntegrationsBox h3 { font-size: 20px; letter-spacing: 0px; color: #001623; opacity: 1; }
.featuredIntegrationsBox p { font-size: 16px; letter-spacing: 0px; color: #1A2D39; opacity: 1; }
.featuredIntegrationsBox a { font-size: 16px; letter-spacing: 0px; }


@keyframes marquee2 { 0% { transform: translateZ(0) }
  100% { transform: translate3d(-50%,0,0) }
}
/* RESPONSIVE */
@media screen and (max-width:767px) {
  .venuesFloorplans li { width: 100%; margin-left: 10px; }
  .solutionEnterprisesList ul li { margin: 10px 0; width: 100%; }
  .fs2 { font-size: 2.15rem; }
  .fs1 { font-size: 2.5rem; }
  .heroSection h1 { line-height: normal; }
  .mw-80 { max-width:100% }
}

@media screen and (max-width:579px) {
    .col-4.mw-60 { width:100% }
    .cta { padding:0 2rem 0 2rem }
}

.howitWorkPra p { margin: 0; letter-spacing: 0px; font-size: 16px; color: #1A2D39; line-height: 26px; }
.integrationslist { list-style: none; padding-left: 0; }
.integrationslist li { position: relative; padding-left: 25px; font-size: 16px; letter-spacing: 0px; color: #1A2D39; line-height: 26px; margin-bottom: 10px; }
.integrationslist li::before { content: ''; position: absolute; left: 0; top: 11px; width: 7px; height: 7px; background: #FF008A; border-radius: 50%; }