@keyframes icon-bounce {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-10px);
     }
 }

 .continue-bounce {
     animation: icon-bounce 1.8s infinite alternate;
 }

 .commongradbg {
     background: linear-gradient(45deg, var(--b) 0 calc(var(--bottom-left, var(--all)) + 0px), transparent 0) bottom left / 50% 50%, linear-gradient(-45deg, var(--b) 0 calc(var(--bottom-right, var(--all)) + 2px), transparent 0) bottom right / 50% 50%, linear-gradient(135deg, var(--b) 0 calc(var(--top-left, var(--all)) + 2px), transparent 0) top left / 50% 50%, linear-gradient(-135deg, var(--b) 0 calc(var(--top-right, var(--all)) + 0px), transparent 0) top right / 50% 50%, linear-gradient(117deg, rgba(62, 62, 62, 0.43) 3.67%, rgba(8, 7, 7, 0.43) 76.95%);
     background-origin: border-box;
     background-repeat: no-repeat;
     -webkit-mask: linear-gradient(45deg, transparent 0 var(--bottom-left, var(--all)), #fff 0) bottom left, linear-gradient(-45deg, transparent 0 var(--bottom-right, var(--all)), #fff 0) bottom right, linear-gradient(135deg, transparent 0 var(--top-left, var(--all)), #fff 0) top left, linear-gradient(-135deg, transparent 0 var(--top-right, var(--all)), #fff 0) top right;
     -webkit-mask-size: 51.5% 52.5%;
     -webkit-mask-repeat: no-repeat;
 }

 .cypercardTitle {
     color: #F4F5F6 !important;
     opacity: .9;
     font-family: 'Barlow Condensed', sans-serif;
     font-weight: 500;
     font-size: 2rem;
     text-transform: uppercase;
     letter-spacing: 1px;
     line-height: 1.1;
 }

 .subcardTitle {
     font-weight: 400;
     font-size: 18px;
     font-family: 'Raleway', 'sans-serif';
     color: #F4F5F6 !important;
     opacity: .9;
 }

 .sectiontitle h2 {
     font-size: 2rem;
     line-height: 1.3;
 }

 @media (max-width: 992px) {
     .cypercardTitle {
         font-size: 20px;

     }
 }