h2.headline {font-size: 48px !important;text-transform: uppercase;font-family: 'Montserrat' !important;line-height: 120%;font-weight: 700;}
 h1, h2, h3, h4, h5 {font-family: 'Montserrat' !important; font-weight: 600;line-height:}
 body, p {font-family: 'Montserrat', sans-serif !important;font-weight: 400; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeSpeed;} 
 .color-white {color:#ffffff;}
 section.dark {background-color:#000000;}
 .display-2 {color: #fff; font-size: 64px !important; font-weight: 700;line-height: 120%;letter-spacing: 0;text-transform: uppercase;font-family: 'Montserrat' !important;}
 h1 {color: #FFFFFF;font-size: 48px !important;}
 h2{color: #FFFFFF !important;font-size: 32px !important;line-height: 44.8px;}
 p {color: #FFFFFF;font-size: 16px !important; line-height: 22.4px !important; font-weight: 400 !important;}
 .m-h-auto {margin: 0 auto !important;}
 .desc h2, .desc h3 {
   margin-bottom: 16px;
 }
 .borderless-box p {
   font-family: 'Montserrat' !important;
 }

 ul.biz-list {
   list-style: none;
   padding-left: 0;
 }

 .biz-list li hr {
   background: linear-gradient(89deg, #72C9EC -11.87%, #8981B8 15.88%, #EB98BA 43.62%, #EF957B 71.36%, #FBEF98 99.11%, #82C59A 126.85%);
   border-top-color: transparent;
 }


 .borderless-box h3 {
   color: #fff;
 }

 .desc ul {
   padding-left: 16px;
   line-height: 22.4px;
   font-size: 16px;
   color: #fff;
 }

 .desc ul h3 {
   margin-bottom: 8px;
   color: #fff;
 }
 .m-t-24 {margin-top: 24px;}
 .m-t-32 {margin-top: 32px;}
 header.business {
   background-color: #000;
   box-shadow: none;
 }

 header.business .content-wrapper {
   align-items: center;
 }

 header.business.scroll {
   background: rgba(251, 251, 253, .8);
   backdrop-filter: saturate(180%) blur(20px);
   transition: 0.15s ease-in-out;
 }

 main.home.hybrid-wallet::before {
   display: none;
   content: "";
   height: 100vh;
   width: 100%;
   position: absolute;
   top: 0;
   background-color: #fff;
   z-index: 1;
   right: 0;
   background: linear-gradient(153deg, #72C9EC 11.88%, #8981B8 33.05%, #EB98BA 54.23%, #EF957B 75.4%, #FBEF98 96.58%, #82C59A 117.75%);
 }

 .hero-grad {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100vh;
   background: linear-gradient(0deg, #000 6.69%, rgba(18, 18, 18, 0.00) 40%);
   z-index: 2;
   display: none;
 }


 header.business .content-wrapper .logo a {
   width: 244px;
 }

 header.business .content-wrapper ul li a {
   color: #ffffff;
 }

 section.hero-banner::before {
   content: "";
   background: linear-gradient(346deg, #000 10.69%, rgba(18, 18, 18, 0.00) 61%);
   width: 100%;
   height: 110%;
   position: absolute;
   top: 0;
   z-index: 2;
   display: none;
 }

 header.business.scroll .content-wrapper ul li a {
   color: #0c3148;
 }

 a.border.with-bg {
   background-color: #87A0B0;
   border-color: #87A0B0;
   color: #fff !important;
 }

 body {
   background: #161618;
 }
 .row {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   flex-direction: row;
/*   margin-left: -32px;
   margin-right: -32px; */
 }
 .col-4 {
   margin-left: 16px;
   margin-right: 16px;
 }
 .col-4:first-child {
   margin-left: 0;
 }

 .col-4:last-child {
   margin-right: 0;
 }

 .text-center {
   text-align: center;
 }

 .download-app {
   display: flex;
   gap: 16px;
   margin: 0 auto;
 }

 section {
   padding: 64px 0;
 }

 section.hero-banner {
   padding: 128px 0;
   position: relative;
   z-index: 3;
   margin-top: -100px;
   min-height: 768px;
   display: flex;
   align-items: center;
   background-position: top center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 section.hero-banner p {color: #fff; font-size: 20px !important; line-height: 160% !important;}

 section.hero-banner .content-wrapper {
   width: 100%;
   z-index: 3;
 }

 .benefits .card {
   background: linear-gradient(320deg, #72C9EC -0.58%, #8981B8 19.64%, #EB98BA 39.86%, #EF957B 60.08%, #FBEF98 80.3%, #82C59A 100.52%);
   border-radius: 16px;
   padding: 0;
   position: relative;
   height: 100%;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }

 .benefits .card .desc {
   padding: 32px;
 }

 section.benefits.sticky-container .card .thumb {
   padding: 32px;
   padding-bottom: 0;
 }

 .benefits .card::before {
   content: "";
   background: linear-gradient(145deg, #222 49.13%, rgba(18, 18, 18, 0.00) 216.64%);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
 }

 .benefits .card img {
   width: 100%;
   height: auto;
   position: relative;
   bottom: 0;
 }
 .benefits .card .desc, .benefits .card .desc h2 {
   position: relative;
   color: #ffffff;
   text-align: center;
 }

 section.benefits .row.product-box {
   overflow-x: hidden;
   align-items: stretch;
   justify-content: flex-start;
   position: sticky;
   top: 132px;
   padding-left: 8%;
 }

 section.benefits .row.product-box .section-scroll {
   width: 33%;
   flex: 0 0 auto;
 }

 .card.wide {
   background: linear-gradient(69deg, #72C9EC 0%, #8981B8 20.00%, #EB98BA 40.00%, #EF957B 60.00%, #FBEF98 80.00%, #82C59A 100%);
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 .card.wide span.desc {
   left: 0;
   background-color: #fff !important;
   display: flex;
   flex-direction: column;
   position: absolute;
   padding: 32px;
   bottom: 0;
   width: 100%;
   border-radius: 0 0 16px 16px;
 }

 .col-6 {
   width: 50%;
   margin-left: 16px;
   margin-right: 16px;
 }

 .col-12 {
   width: 100%;
   margin-bottom: 16px;
   margin-top: 16px;
 }

 .wrap{
   display:inline-block;
   height:676px;width:501px;
   position:absolute;
   bottom: 0;
   overflow:hidden;
   animation: float 6s ease-in-out infinite;
 }
 .wrap img{
   position:absolute;top:0;left:0;height:100%;width:100%;
 }
 .wrap:before{
   content:"";z-index:10;
   position:absolute;height:200%;width:200%;top:-120%;left:-120%;
   background:linear-gradient(transparent 0%,
     rgba(255, 255, 255, 0.1) 45%,
     rgba(255, 255, 255, 0.5) 50%,
     rgba(255, 255, 255, 0.1) 55%,
     transparent 100%);
   background-clip: border-box;
   transition:all 2s;
   transform:rotate(-45deg);
   animation: shine infinite forwards;
   animation-duration: 16s;
   animation-delay: 1s;
 }
 .wrap.right {
   right: 0;
   width: 275px;
   height: 676px;
   top: 0;
   animation-delay: 1.2s;
 }
 .wrap.right:before {
   animation-delay: 1.2s;
 }

 .grad-primary {
   background: linear-gradient(55deg, #C4E8F9 0.14%, #F9D5E3 39.19%, #F9EBCC 58.72%, #FAF7C1 73.37%, #EFF3C8 79.47%, #D3EADC 89.23%, #ADDFF8 100.22%, #EDD6A3 122.19%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 section.features.dark {
   background-color: #222;
 }

 section.features.dark p {
   color: #fff;
 }

 section.featured-article {background-color: #fff;}

 .card-media {
   display: flex;
   flex-direction: row;
 }

 .card-media img {
   width: 64px;
   height: 64px;
   margin-right: 16px;
 }

 .card-media .desc {
   text-align: left;
 }

 .article-tile {
   background-color: #fff;
   box-shadow: 0px 8px 32px rgba(37, 52, 110, 0.12);
   display: flex;
   flex-direction: column;
 }

 .article-tile .tile-desc {
   padding: 32px;
   text-align: left;
 }

 .article-tile img {
   height: 30.5vh;
   object-fit: cover;
   width: 100%;
 }

 .article-tile .tile-desc h4 {
   font-size: 24px;
   margin-bottom: 8px;
   height: 66px;
   overflow: hidden;
 }

 .article-tile .tile-desc a {
   color: #fe0000;
   font-weight: 800;
   font-size: 16px;
 }

 .featured-article .col-4 {
   width: 33.33333%;
   margin-right: 16px;
   margin-left: 16px;
 }


 .featured-article .col-4:first-child {
   margin-left: 0;
 }

 .featured-article .col-4:last-child {
   margin-right: 0;
 }

 .featured-article .row {
   align-items: flex-start;
 }

 .article-tile .tile-desc p {
   height: 67.2px;
   overflow: hidden;
 }
 .benefits .card.b-4 .desc {
   margin-top: 32px;
   margin-bottom: 0;
 }

 .card.b-4 {
   display: flex;
   flex-direction: column;
 }

 .card.b-4 img {
   position: relative;
   margin-top: -32px !important;
   width: 92%;
   margin: 0 auto;
 }

 .grad-secondary {
   background: linear-gradient(69deg, #72C9EC 0%, #8981B8 20.00%, #EB98BA 40.00%, #EF957B 60.00%, #FBEF98 80.00%, #82C59A 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 .card.wide img {
   position: inherit;
   margin-top: auto;
   margin-bottom: 169px;
   width: 90%;
 }

 section.benefits .row {
   margin-bottom: 16px;
   margin-top: 16px;
 }
 section.benefits .card-slider {
   background: linear-gradient(39deg, #C4E8F9 0%, #F9D5E3 32.00%, #F9EBCC 48.00%, #FAF7C1 60.00%, #EFF3C8 65.00%, #D3EADC 73.00%, #ADDFF8 82.00%, #EDD6A3 100%);
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: flex;
 }

 section.benefits .card-slider img {
   /*animation: slideIn 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;*/
   /*animation-delay: 0.3s;*/
   /* animation-iteration-count: infinite; */
   /*transform: translateY(430px); */
   margin-top: auto !important;
   margin-bottom: 0 !important;
   width: 60%;
 }

 header.business .logo img.logo-stick {
   display: block;
 }

 header.business.scroll .logo img.logo-stick {
   display: none;
 }

 header.business .logo img.logo-scroll {
   display: none;
 }

 header.business.scroll .logo img.logo-scroll {
   display: block;
 }

 img.logo-stick {
   width: 100%;
 }

 .col-6.expenses {
   position: relative;
 }

 img.txn-1 {
   position: absolute;
   top: 250px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06), 0px 47px 46px -27px rgba(0, 0, 0, 0.16);
 }

 img.txn-2 {
   position: absolute;
   top: 390px;
   right: 50px;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06), 0px 47px 46px -27px rgba(0, 0, 0, 0.16);
 }

 .m-r-auto {
   margin-right: auto !important;
 }

 .monitor .card {
   background: linear-gradient(280deg, #72C9EC -0.58%, #8981B8 19.64%, #EB98BA 39.86%, #EF957B 60.08%, #FBEF98 80.3%, #82C59A 100.52%);
   /* border: 1px solid rgb(196 232 249 / -84%); */
   border-radius: 16px;
   position: relative;
   overflow: hidden;
   padding: 32px;
   color: #ffffff;
 }

 .monitor .card::before {
   background: linear-gradient(45deg, #000 30.13%, rgba(18, 18, 18, 0.00) 239.64%);
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
 }

 .monitor .card h2 {color: #ffffff;}

 .monitor .card .desc {
   text-align: left;
 }

 .maximise .row {
   align-items: stretch;
 }
 .maximise .col-6 {
   display: flex;
   flex-direction: column;
 }
 .maximise .card {
   background-color: #222222;
   margin-bottom: 16px;
   margin-top: 16px;
   flex: 1 1 300px;
   padding: 32px;
   border-radius: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   position: relative;
 }
 .m-t-48 {
   margin-top: 48px;
 }
 section.video-biz {
   background-color: #222222;
 }

 section.faq a.vertical_accordion.active {
   background-color: transparent;
 }

 section.faq .vertical-accordion.whitebg {
   border: none;
   border-bottom: 1px solid #333;
 }

 section.faq .vertical-accordion.whitebg>a {
   background-color: transparent;
   color: #fff;
   font-weight: 400;
   padding: 16px 48px;
 }

 section.faq .vertical-accordion.whitebg:last-child {
   border-bottom: none;
 }

 section.faq .vertical-accordion>a:after, section.faq .vertical-accordion>a:before {
   top: 26px;
 }

 a.btn.btn-primary, button.btn.btn-primary {
   color: #ffffff;
   background: #fe0000;
   padding: 0px 24px;
   display: inline-flex;
   border: none;
   border-radius: 100px;
   font-size: 16px;
   line-height: 48px;
   font-weight: 500;
   font-family: 'Montserrat';
   align-items: center;
   gap: 8px;
 }

 a.btn.btn-primary:hover {
   background-color: #990000;
 }

 .cta-biz .legal-link a {
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   text-decoration: underline;
 }


 section.cta-biz {
   background: linear-gradient(90deg, #72C9EC -0.58%, #8981B8 19.64%, #EB98BA 39.86%, #EF957B 60.08%, #FBEF98 80.3%, #82C59A 100.52%);
   position: relative;
   color: #ffffff;
 }

 section.cta-biz::before {
   background: linear-gradient(22deg, #121212 56.13%, rgba(18, 18, 18, 0.00) 239.64%);
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
 }

 .col-8 {
   width: 66.666667%;
 }

 section.video-biz .col-8 {
   margin-right: 16px;
 }

 .col-4 {
   width: 33.333333%;
 }

 section.video-biz .card {
   background-color: #000;
   margin: 16px 0;
   border-radius: 16px;
   flex: 1 1 128px;
   display: flex;
   align-items: center;
   overflow: hidden;
   position: relative;
   padding-top: 56.25%;
 }

 section.video-biz iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
 }

 section.video-biz .row {
   align-items: stretch;
 }

 section.video-biz .card .desc h4 {
   color: #fff;
 }

 .thumb-container {
   width: 40.333333%;
   background-color: #fafafa;
 }

 section.video-biz .card .thumbnail img {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 section.video-biz .card .thumbnail {
   width: 100%;
   padding-top: 100%;
   position: relative;
 }

 section.video-biz .card .desc {
   padding: 0 16px;
   text-align: left;
 }

 section.video-biz .row .col-8, section.video-biz .row .col-4 {
   display: flex;
   flex-direction: column;
 }

 a.btn-link {
   color: #87A0B0;
   font-weight: 700;
 }

 header.business.scroll a.btn.btn-primary {
   color: #FFFFFF;
 }

 .monitor .card.bg-reverse::before {
   background: linear-gradient(-18deg, #000 40.13%, rgba(18, 18, 18, 0.00) 239.64%);
 }

 section.hero-banner img.featured-img {
   position: absolute;
   right: 0;
   top: 60%;
   transform: translateY(-50%);
   width: 50%;
 }


 .benefits .card.reverse img {
   top: 0;
   left: 0;
 }

 section.benefits.heading {
   padding-bottom: 0;
   position: relative;
   z-index: 4;
 }

 section.benefits.sticky-container {
   padding-top: 0;
   position: relative;
   z-index: 4;
 }

 header.business .content-wrapper ul li a.btn.btn-primary {
   color: #fff;
   font-weight: 400 !important;
   padding-bottom: 0;
   padding-top: 0;
 }

 .floating {position: absolute;}

 .btn-wrapper {
   background: linear-gradient(89deg, #72C9EC -11.87%, #8981B8 15.88%, #EB98BA 43.62%, #EF957B 71.36%, #FBEF98 99.11%, #82C59A 126.85%);
   padding: 0px;
   width: fit-content;
   border-radius: 100px;
   display: inline-flex;
 }

 a.btn.btn-primary:hover {
   background: transparent;
 }

 .hero-bg {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   background-size: cover;
   z-index: 1;
   opacity: 0.5;
   background-position: top;

 }

 section.quicklinks 
 .content-wrapper h2 {color: #4d4d4f !important;}

 .modalCovid{display:none;position:fixed;z-index:9999999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}

 .modal-content{
   background-color: #fefefe;
   margin: auto;
   border: 1px solid #888;
   width: 70%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 16px;
   aspect-ratio: 16 / 9;
 }

 .close,.close2{cursor: pointer;color:#ffffff;float:right;font-size:28px;font-weight:700;position: absolute;top: -40px;right: 0;}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}

 .modal-content li:last-child {
   border-bottom: none;
 }

 .modal-content ul {
   padding: 0;
 }

 .modal-content li {
   display: flex;
   width: 100%;
   padding: 16px;
   border-bottom: 1px solid #eee;
 }

 header .content-wrapper ul.main-cta a {
   padding: 0 24px;
 }

 video#myVideo {
   position: absolute;
   TOP: 0;
   object-fit: cover;
   height: 100%;
   width: 100%;
   z-index: 1;
 }

 @keyframes slideIn{
   0%{transform: translatey(430px);}
   80%{transform: translatey(103px);}
   100%{transform: translatey(140px);}

 }

 @keyframes shine{
   0%{top:-120%;left:-120%;}
   10%{left:100%;top:100%;}
   20%{left:100%;top:100%;}
   100%{left:100%;top:100%;}

 }
 @keyframes float {
   0% {
     transform: translatey(0px);
   }
   50% {
     transform: translatey(-20px);
   }
   100% {
     transform: translatey(0px);
   }
 }

 .border-box {
   background-color: #222;
   padding: 32px;
   border-radius: 16px;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   gap: 24px;
   height: 100%;
 }

 .border-box h3 {
   color: #fff;
   font-size: 28px;
   line-height: 35px;
 }

 .align-items-start {
   align-items: flex-start;
 }

 .row .col-6:first-child {
   margin-left: 0;
 }

 .row .col-6:last-child {
   margin-right: 0;
 }

 .monitor.cta-card .card {
   border: 1px solid rgb(196 232 249 / -84%);
 }

 .card img:first-child {
   margin-bottom: -32px;
   margin-top: -32px;
   margin-left: -32px;
 }

 .card .col-6:last-child img {
   margin-bottom: -32px !important;
   margin-top: -32px !important;
   margin-right: -32px !important;
 }

 header.business .content-wrapper nav {
   width: 100%;
 }

 .borderless-box p {
   font-size: 48px !important;
   line-height: 60px !important;
 }

 .borderless-box {
   display: flex;
   flex-direction: column;
   align-items: center;
 }

 /* .borderless-box img {
 width: 84px;
 } */

 .business-page .border-box img {
   margin: 0 auto;
   max-height: 300px;
   position: relative;
   width: auto;
   height: auto;
 }

 .business-page .border-box img:last-child {
   margin-bottom: -32px;
   max-width: inherit;
 }

 .business-page .border-box.img-fit img {
   margin-left: -32px;
   margin-right: -32px;
   margin-top: -32px;
   max-width: fit-content;
 }

 .align-items-stretch {
   align-items: stretch;
 }

 ul.sub-menu {
   background-color: #000 !important;
   text-align: left;
   left: 0 !important;
   transform: inherit !important;
 }

 ul.sub-menu li {
   width: 100%;
 }
 
  ul.sub-menu li:hover {
   background-color: #212121 !important;
 }

 ul.sub-menu li a {
   text-align: left !important;
   color: #FFFFFF !important;
 }

 ul.card {
   list-style: none;
   padding-left: 0;
 }

 ul.card li {
   background-color: #333;
   margin: 8px 0;
   padding: 16px;
   border-radius: 16px;
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: center;
 }

 ul.card li i {
   color: #fe0000;
 }

 .border-box.img-only img {
   margin-bottom: -32px;
   margin-top: -32px;
   margin-left: -32px;
   margin-right: -32px;
   max-height: fit-content;
 }

 .border-box.img-only p {
   padding: 0;
   margin: 0;
 }

 .quicklinks {
   display: none;
 }

 img.card-float {
   width: 50%;
   z-index: -2;
   -webkit-animation: tilt 6.66s ease infinite;
   animation: tilt 6.66s ease infinite;
   overflow: hidden;
 }

 .modal-content .video-player {
   height: 100%;
   overflow: hidden;
   border-radius: 16px;
 }

 .video-player iframe {
   width: 100%;
   height: 100%;
 }

 @keyframes tilt {
   0%,
   100% {
     transform: translate3d(0, -50%, 0.01px) rotateY(-20deg) rotateX(5deg);
   }
   50% {
     transform: translate3d(0, -50%, 0.01px) rotateY(20deg) rotateX(5deg);
   }
 }

 .biz-slider {width: 100%;}
 .biz-slider .slide-item {
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   padding-top: 56.25%;
   position: relative;
 }
 .slide-item .description {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 32px;
 }

 .slide-item .description h3 {
   text-align: left;
 }

 .slide-item .description p {
   font-family: 'Montserrat' !important;
   font-size: 16px !important;
   font-weight: 400;
   line-height: 24px !important;
   text-align: left;
 }

 /* Morphing Effect */
 .morphing {
   position: relative;
   font-size: 120px;
   color: #fff;
   min-height: 64vh;
   filter: blur(0);
   width: 100%;
 }
 .word {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 64%;
   transform: translate(-50%, -50%);
   height: 100%;
   object-fit: contain;
   /* Remove animation here */
 }

 /* Only animate when parent has .animate */
 .morphing.animate .word {
   -webkit-animation: word 8s infinite ease-in-out;
   animation: word 8s infinite ease-in-out;
 }
 .morphing.animate .word:nth-child(1) {
   -webkit-animation-delay: -16s;
   animation-delay: -16s;
 }
 .morphing.animate .word:nth-child(2) {
   -webkit-animation-delay: -14s;
   animation-delay: -14s;
 }
 .morphing.animate .word:nth-child(3) {
   -webkit-animation-delay: -12s;
   animation-delay: -12s;
 }
 @-webkit-keyframes word {
   0%, 5%, 100% {
     filter: blur(0px);
     opacity: 1;
   }
   20%, 80% {
     filter: blur(1em);
     opacity: 0;
   }
 }
 @keyframes word {
   0%, 5%, 100% {
     filter: blur(0px);
     opacity: 1;
   }
   20%, 80% {
     filter: blur(1em);
     opacity: 0;
   }
 }

 .vertical-accordion.whitebg {
   background-color: #fff;
   border-radius: 24px;
   color: #000;
   overflow: hidden;
   margin-bottom: 24px;
   border: none;
 }

 a.vertical_accordion.active {
   background-color: #fff !important;
   color: #000 !important;
 }

 .vertical-accordion.whitebg .tab-content {
   padding: 24px;
 }

 .vertical-accordion>a {
   padding: 24px !important;
 }

 .vertical-accordion.whitebg .tab-content p {
   color: #000 !important;
 }

 .vertical-accordion>a:after, .vertical-accordion>a:before {
   top: 50% !important;
   right: 24px;
   left: inherit !important;
 }

 .vertical-accordion.whitebg>a.active:after, .vertical-accordion.whitebg>a.active:before {
   background-color: #fe0000 !important;
 }


 /*Mobile*/

 @media (max-width: 767.98px) {
   h1 {font-size: 32px;}
   h2 {font-size: 28px; text-align: center;}
   h3 {font-size: 20px;}

   section {
    padding: 32px 0;
  }

  .row {
   flex-direction: column;
   margin-left: 0;
   margin-right: 0;
 }
 .col-xs-12 {
   width: 100%;
   margin-left: 0px;
   margin-right: 0px;
 }
 .on-top {z-index: 9;}

 section.monitor .card img {
   margin: -48px -32px !important;
   margin-bottom: 16px !important;
   max-width: inherit;
   max-height: 425px;
 }
 .monitor .card {
   padding-bottom: 128px;
 }

 section.hero-banner img.featured-img {
   display: none;
 }

 section.benefits .row.product-box {
   flex-direction: row;
 }

 section.benefits .row.product-box .section-scroll {
   width: 100%;
 }

 section.video-biz .col-8 {
   width: 100%;
 }

 section.video-biz .col-8 .card {
   padding-top: 75%;
 }

 section.video-biz .row .col-4 {
   width: 100%;
   margin-left: 0;
 }
 .col-4 {
   width: 100%;
   margin-bottom: 16px;
   margin-top: 16px;
   margin-left: 0;
   margin-right: 0;
 }


 .col-6 {
   width: 100%;
   margin: 16px 0;
 }
 .card.bg-reverse .row {
   flex-direction: column-reverse;
 }
 img.logo-stick {
   width: 70%;
 }
 .modal-content {
   width: 80%;
 }

 .display-2 {
   font-size: 48px !important;
   line-height: 60px;
 }

 h2.headline {
   font-size: 32px !important;
   line-height: 40px;
 }
.morphing {
  min-height: 50vh;
}

}