body { padding-top:0; }
.fireTitle { color: #001623; font-size: 42px; font-weight: bold; }

.heroSection { padding-top: 5rem; padding-bottom: 4rem; background: rgb(2 21 36) url(/Images/b2beventapp/banner-bg.png); background-position: left; background-repeat: no-repeat; background-size: cover; }
  .heroSection h1 { color: #fff; font-size: 42px; font-weight: bold; }
  .heroSection p { font-size: 20px; color: #fff; line-height: 27px; margin-bottom: 25px; }

  .nftsOrganizerCards .nftsThumnails img { width: 33.33%; height: 100px; object-fit: cover; border-radius: 8px; margin-right: .7rem }
.nftsOrganizerCards .nftsThumnails img:last-child { margin-right:0 }
.nftsOrganizerCards > img { width:100%; height:300px; min-width:320px; object-fit:cover; border-radius:8px }
.vMiddle { vertical-align:middle }

.requestDemoCTA { padding: 3rem; border-radius: 8px; border: 1px solid rgba(255,255,255,.20); background: #FFEEF7 url(/Images/b2beventapp/cta-bg.svg) no-repeat center center; background-size: cover }
  .requestDemoCTA h2 { color: #001623; font-size:42px; font-weight:bold;  margin:0; }
  .requestDemoCTA p { color: #001623; font-size: 22px; }

.mobCenter p b { font-size: 20px; padding-top: 20px; display: block; }
.mobCenter p { padding: 0; margin: 5px 0; line-height: 26px; }

.cardStyle { background: #fff; border-radius: 4px; padding: 2rem; height: 100%; border-bottom: 6px solid transparent; margin-bottom:0; }
.solutionServices .col-12:first-child .cardStyle { border-bottom-color: #40d8ff; }
.solutionServices .col-12:nth-child(2) .cardStyle { border-bottom-color: #ffc42c; }
.solutionServices .col-12:last-child .cardStyle { border-bottom-color: #ff8071; }
.solutionServices { padding: 6rem 0 }
.cardStyle p { color: #1A2D39; font-size:16px; line-height:24px;}
.cardStyle h3 { color: #001623; margin-bottom: 0; font-size: 20px; font-weight: bold; }
/* TRUSTED BRANDS */
.trustedBrands .uppercase { color: #001623 }
  .trustedBrands .swiper-slide img { transition: all .3s; width: 100%; height: 40px; object-fit: contain }
    .trustedBrands .swiper-slide img:hover { filter: grayscale(0); opacity: 1 }

/*.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 { line-height: 1.5; 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; }


.scheduleDemoSec { overflow: hidden }
.scheduleDemo { transform: skewY(-3deg); 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; pointer-events: none }
.animate-marquee { white-space: nowrap }
  .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 }

@keyframes marquee2 {
  0% { transform: translateZ(0) }
  100% { transform: translate3d(-50%,0,0) }
}
.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; }
    .cta ul li { padding-right: 30px; color: #1A2D39; font-size: 18px; }
  .cta p { font-size: 20px; }
.Head2 { font-size: 2.5rem; font-weight: 500; margin: 0; }
.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; }  

  @media screen and (max-width:479px) { .fs1 { font-size:2.5rem }
  .fs2 { font-size:2rem }
  .requestDemoCTA .right { text-align:left; margin-top:1rem }
}