.visual-group.productsandservices.desktop {

    position: relative;

    top: -33px;

}


.visual-group.productsandservices.desktop .featured-image img{

    width: 80%;

}

.visual-group.productsandservices.mobile .featured-image img{

    width: 100%;

}



.intro .title{

    opacity: 0.7;

	color: #FFFFFF;

	font-size: 14px;

	font-weight: bold;

	letter-spacing: 1px;

	line-height: 24px;

    text-transform: uppercase;

}

.intro h1 {

	color: #FFFFFF;

	font-size: 36px;

	font-weight: 500;

	letter-spacing: 1px;

	line-height: 49px;
    margin-top: 30px;
    margin-bottom: 30px;

}

.intro .subtitle {

	opacity: 0.7;

	color: #FFFFFF;

	font-size: 16px;

	line-height: 21px;

}

.flat-container.prodserv {
    height: 430px;
}

/* .productsandservices section {
    margin-top: -50px;
} */

/* .productsandservices .container {
    margin-top: -10px;
} */

.productsandservices .heading{

    margin: 60px 0 0;

}

.productsandservices .heading h1{

    color: #002C6D;

	font-size: 36px;

	font-weight: 600;

	line-height: 49px;

    text-align: center;

    margin-bottom: 0px;

}

.productsandservices .content.heading h1{

    color: #1976D2;

	font-size: 24px;

	font-weight: 700;

	line-height: 31px;

    text-align: left;

    margin-bottom: 20px;

}

.productsandservices .heading h4{

    color: #1976D2;

    font-size: 18px;

    font-weight: 600;

    line-height: 27px;

    margin-bottom: 20px;

}

.productsandservices .heading p{

	color: #7BA8BB;

	font-size: 16px;

	line-height: 21px;


}

.productsandservices .cta-text {

	color: #5C5C5C !important;

	font-size: 16px;

	line-height: 21px;


}

.productsandservices .cta-text a{

    color: #002C6D;

	font-size: 16px;

	line-height: 21px;

    text-decoration: underline;

}

#fasstap .cta-text-custom {
    font-size: 14px !important;
    color: #5C5C5C !important;
    line-height: 21px !important;
}



#fasstap .content img{

    margin-bottom: 20px;

}

.mydebit img {
    margin-top: 5px !important;
}


#fasstap .flite-right.mob-hide img {
    width: 250%;
    position: relative;
    left: 0%;
    bottom: 20px;
}

#fasstap .flite-right.mob-show img {
    width: 230%;
    position: relative;
    left: -60%;
    bottom: 20px;
}

#fasstap .content p,

.mob-app .content p,

#integration .content p {

	color: #50565D;

	font-size: 16px;

	line-height: 26px;

}

#fasstap .content .subtitle,

.mob-app .content .subtitle,

#integration .content .subtitle{

    color: #002C6D;

	font-size: 18px;

	font-weight: 600;

	line-height: 27px;

    margin-bottom: 20px;

}

#fasstap .scroll-to{

    position: relative;

    color: #F37F76;

	font-size: 16px;

	font-weight: 600;

	line-height: 19px;

    transition: color .15s ease-in-out;

    text-decoration: none;

}



#fasstap .scroll-to:hover:after,

#fasstap .scroll-to:hover{

    color: #1976D2;

}



#fasstap .scroll-to::after{

    content: "\f105";

    font-family: 'icomoon' !important;

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    border: 0;

    position: absolute;

    top: 1px;

    right: -12px;

    transition: color .15s ease-in-out;

}

#fasstap .payment-method {
    margin-left: -50px;
}


#fasstap .payment-method .row {
    float: left;
}

#fasstap .payment-method img {
    padding-right: 5px;
}

.awards {
    padding: 0px;
}

.awards-fasstap {
    margin-left: -40px;
}

.award .adjust::before {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_left.png') no-repeat;
    width: 25px;
    height: 75px;
    float: left;
    background-size: 120%;
    margin-top: -20px;
    position: absolute;
    right: 260px;
}

.award .adjust::after {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_right.png') no-repeat;
    width: 25px;
    height: 75px;
    float: right;
    background-size: 120%;
    margin-top: -40px;
    position: absolute;
    left: 250px;
}

.award.second .adjust::before {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_left.png') no-repeat;
    width: 25px;
    height: 75px;
    float: left;
    background-size: 120%;
    margin-top: -20px;
    position: absolute;
    right: 300px;
}

.award.second .adjust::after {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_right.png') no-repeat;
    width: 25px;
    height: 75px;
    float: right;
    background-size: 120%;
    margin-top: -40px;
    position: absolute;
    left: 300px;
}

.award.third .adjust::before {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_left.png') no-repeat;
    width: 25px;
    height: 75px;
    float: left;
    background-size: 120%;
    margin-top: -20px;
    position: absolute;
    right: 280px;
}

.award.third .adjust::after {
    content: "";
    display: inline-block;
    background: url('../../../uploads/2025/08/awards_right.png') no-repeat;
    width: 25px;
    height: 75px;
    float: right;
    background-size: 120%;
    margin-top: -40px;
    position: absolute;
    left: 270px;
}

.award h5 {

    text-transform: uppercase;
    color: #1976D2;
    font-size: 11px;
    text-align: center;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 20px;

}

.award .adjust {
    color: #3E3E3E !important;
    font-weight: 400;
}


.award p {

    color: #000;

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    line-height: 27px;

    margin-bottom: 20px;

}

.award .adjust {
    line-height: 19px !important;
}

.award h6 {

    color: #5A6168;

    text-align: center;

    font-size: 12px;

    font-weight: 400;

    line-height: 15px;

    margin-bottom: 20px;

}



#hardware {

    background-color: #ECEEF1;

}

#hardware .content .desc {
    color: #50565D;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
}

#hardware .content .subtitle-desc {
    color: #50565D;
    font-size: 16px;
    font-weight: 600;
    line-height: 27px;
}


/* #hardware .content p {
    color: #50565D;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
} */



#hardware .content .subtitle{

    color: #002C6D;

	font-size: 18px;

	font-weight: 600;

	line-height: 27px;

}

#hardware .content .desc{

    color: #50565D;

	font-size: 16px;

	line-height: 21px;

    font-family: "Nunito";

    min-height: 90px;

}

#hardware .content ul{

    padding: 0;

    list-style-type: none;

    width: 120%;

    display: block;

    margin-right: 10%;

}



#hardware .row.height-fix {

    margin-top: -50px;

}



#hardware .content ul.adjust {

    margin-left: 40px;

}



#hardware .content ul li{

    color: #50565D;

	font-size: 16px;

	font-weight: 400;

	line-height: 21px;

    margin-bottom: 20px;

    list-style: none;

}

#hardware .content .scroll-to {

	color: #F37F76;

	font-size: 14px;

	line-height: 21px;

}

.yellow-link {
    color: #FDFF5A !important;
}

.yellow-link a{
    color: #FDFF5A !important;
}

.custom-blue {
    color: #002C6D !important;
}

#businessonline {
    background: #17726B;
}

#businessonline h4 {
    color: #ffffff;
    font-weight: 600;
}

#businessonline p {
    color: #ffffff;
    font-weight: 400;
}

.copy-opac {
    opacity: 80%;
}

#businessonline .content .subtitle {
    font-weight: 600;
}

#businessonline .cta-pagelinks p {
    font-weight: 600;
}

#businessonline .cta-pagelinks p::after {
    content: "\f105";
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 0;
    position: absolute;
    right: auto;
    margin-left: 10px;
}

.scroll-rates .nav-link {
    padding: 20px 0px 20px 0px;
}

.scroll-rates a {
    color: #009789;
    font-weight: 400;
}

.scroll-rates a::after {
    content: "\f105";
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    border: 0;
    position: absolute;
    right: 190px;
}

.payment-layout.forlicense .cta-text-custom {
    color: #5C5C5C !important;
    font-size: 14px !important;
}

.myvisa {
    padding-top: 10px;
}

.mykpkt {
    margin-left: -80px;
}

.payment-method.license .row {
    margin-left: -70px;
    margin-top: -10px;
}

#businessonline .mob-show .cloud-row img {
    margin-top: -30px;
}

#businessonline .cloud-row {
    display: flex;
    align-items: center;
}

#businessonline .cloud-row img {
    width: 30px;
}

#businessonline .cloud-row h4 {
    margin-left: 10px;
}

#businessonline .img-cloud img {
    right: 0;
    position: absolute;
}


#whitelabel .ewallet .featured-key-image-main img.layer-one {
    width: 530px;
}


#whitelabel .ewallet .featured-key-image-main img.layer-two {
    width: 555px;
}


#whitelabel .ewallet .featured-key-image-main img {
    max-height: 700px;
    left: -60px;
    top: -60px;
}


#whitelabel .ewallet .wallet-visual-group {
    top: 3em;
}

#whitelabel .label-offers {
    padding-left: 19px;
    list-style: none;
}

#whitelabel .label-offers li::before {
  content: "\2022";
  color: #1976D2;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

#whitelabel .pp-tos {
    color: red;
    display: flex;
    list-style: none;
}

#whitelabel ul.pp-tos {
    padding-left: 0px;
}

#whitelabel ul.pp-tos li {
    padding-right: 30px;
}

#whitelabel .subtitle {
    color: #1976D2;
    font-weight: 600;
}

#whitelabel li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    color: #3E4348;
}

#whitelabel .adjust {
    color: #3E4348;
    font-size: 14px;
}

#whitelabel .cta-pagelinks p {
    color: #168DE4;
    font-weight: 600;
}

#whitelabel .ewallet .featured-key-image-main {

    margin-top: 0em;

}

#whitelabel .ewallet .wallet-visual-group .layer-one.active {
    margin-left: 90px;
    margin-top: -40px;
	-webkit-animation-name: card; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: card;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

#whitelabel .ewallet .wallet-visual-group .layer-two.active {
	-webkit-animation-name: screenapp; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: screenapp;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes card {
    0%   {left:66px; top: 140px; opacity: 0;}
    100% {left:-70px; top: 0px; opacity: 1;}
}

/* Standard syntax */
@keyframes card {
    0%   {left:66px; top: 140px; opacity: 0;}
    100% {left:-70px; top: 0px; opacity: 1;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes screenapp {
    0%   {left:25px; top: 36px; opacity: 0;}
    100% {left:-15px; top: -50px; opacity: 1;}
}

/* Standard syntax */
@keyframes screenapp {
    0%   {left:25px; top: 36px; opacity: 0;}
    100% {left:-15px; top: -50px; opacity: 1;}
}

#connectreward img {
    width: 80%;
    position: absolute;
    left: -140px;
    top: -120px;
}

#loyalty .subtitle {
    color: #50565D;
    font-weight: 600;
}

#loyalty .content p {
    color: #3E4348;
}

#domore {
    background: #36AEEB;
    background: -moz-linear-gradient(to right, #36AEEB 0%, #308DDA 70%);
    background: -webkit-linear-gradient(to right, #36AEEB 0%,#308DDA 70%);
    background: linear-gradient(to right, #36AEEB 0%,#308DDA 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36AEEB', endColorstr='#308DDA',GradientType=0 );
}


.slick-slide {
margin: 0 19px;
}

.slick-list {
margin: 0 -19px;
}

#domore h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

#domore p {
    color: #ffffff;
    font-weight: 400;
    opacity: 80%;
}

#domore .content .subtitle {
    font-weight: 600;
}

#domore .cta-pagelinks p {
    font-weight: 600;
}

#domore .cta-pagelinks p::after {
    content: "\f105";
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 0;
    position: absolute;
    right: 0px;
}

#domore .mob-hide .featured-key-image-240 img {
    width: 590px;
    height: auto;
    top: -10px;
    position: relative;
    left: -70px;
}

#domore .mob-show .featured-key-image-240 img {
    width: 420px;
    height: auto;
    top: -10px;
    position: relative;
    left: -50px;
}

#nextstep {
    background: #1C3F72;
}

#nextstep h1 {
    color: #ffffff;
}

#nextstep h4 {
    color: #ffffff;
}

#nextstep .subtitle.for-bold {
    font-weight: 600 !important;
}

#nextstep p {
    color: #ffffff;
    font-weight: 400;
}

#nextstep .content .subtitle {
    font-weight: 600;
}

#nextstep .cta-pagelinks p {
    font-weight: 600;
}

#nextstep .title {
    color: #39C3FF;
    text-align: center;
}

#nextstep .text .subtitle {
    font-size: 35px;
    text-align: center;
}

#nextstep .text .adjust {
    font-size: 16px;
    text-align: center;
}

#nextstep .rocket-sales img {
    width: 180px;
    padding-right: 10px;
    float: left;
}


.mob-app .content .subtitle{

    margin-bottom: 10px;

}

.mob-app .content{

    margin-bottom: 40px;

}



#pos .heading h1,

#pos .heading h4,

#pos .heading p{

    text-align: left;

}



#testimonial h2 {

    color: #002C6D;

    font-size: 28px;

    font-weight: 600;

    line-height: 1.6em;

}



#testimonial cite {

    color: #7BA8BB;

    font-size: 16px;

    font-weight: 600;

    font-family: Nunito;

}



#testimonial .title{

    color: #F37F76;

	font-size: 18px;

	font-weight: 600;

	letter-spacing: 1px;

	line-height: 24px;

    text-align: left;

    text-transform: uppercase;

}

#testimonial .btm-img,

#testimonial .left-img{

    width: 100%;

}

#get-started {
    background: #ECEEF1;
}

#get-started .gradient-line-vertical.m150 {
    opacity: 80%;
}

#get-started .scroll-to::after{

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}

#get-started .gradient-line-vertical.m150 {
    background: #D1D1D1;
    width: 1px;
    height: 150px;
    position: relative;
    z-index: -10;
    left: 50%;
}

#get-started .cta-pagelinks .icon_wallet,

#get-started .cta-pagelinks .scroll-to  {

    opacity: 1;

    transition: all 0.25s ease-in-out;

    text-decoration: none;

}


#get-started .cta-pagelinks:hover,

#get-started .cta-pagelinks:hover .icon_wallet,

#get-started .cta-pagelinks:hover .scroll-to {

    opacity: 0.5;

    text-decoration: none;

}



#get-started .subtitle {

    color: #002C6D;

    font-size: 18px;

    font-weight: 600;

    text-align: center;

}



#get-started .scroll-to{

    position: relative;

    color: #009789;

    font-size: 16px;

    font-weight: 600;

    line-height: 19px;

    text-decoration: none;

    transition: color .15s ease-in-out;

}

#get-started .scroll-to:hover {
    color: #006272;
}

/* .carousel-indicators{
    list-style: none;
    bottom: auto;
}
.carousel-indicators li, .carousel-indicators li.active{
    width: 70px;
    height: 70px;
    background-color: #fff;
    position: relative;
    margin: 10px;
}
.carousel-indicators img{
    position: absolute;
    width: 100%;
    border-radius: 50%;
    height: 100%;
    top: 0;
    left: 0;
} */

#testi .slider-nav {
    width: 410px;
}

/* #testi .slider-nav .testimonyslider {
  width:100px;
} */

#testi .slider-nav img {
    width: 70px;
    cursor: pointer;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    height: 100px;
}

#testi .slick-slide {
    filter: grayscale(64%) sepia(29%) brightness(132%) hue-rotate(74deg) saturate(0%) opacity(42%) contrast(179%);
    -webkit-filter: grayscale(64%) sepia(29%) brightness(132%) hue-rotate(74deg) saturate(0%) opacity(42%) contrast(179%);
    -moz-filter: grayscale(64%) sepia(29%) brightness(132%) hue-rotate(74deg) saturate(0%) opacity(42%) contrast(179%);
}

#testi .slick-active {
    filter: none !important;
}

#testi .slick-slider .testimonyslider {
    text-align: center;
}

#testi .slick-slider .testimonyslider {
    text-align: center;
}

#testi .slick-slider .testimonyslider .title {
    color: #168DE4;
    font-weight: 600;
}

#testi .slick-slider .testimonyslider .adjust {
    color: #5A6168;
}

#testi .slider-nav {
    margin: auto;
    /* right: -160px; */
}

.slick-prev,
.slick-next {
    font-size: 0;
    position: absolute;
    top: 70px;
    color: #000;
    border: 0;
    background: none;
    z-index: 1;
    cursor: pointer;
}

.slick-prev {
    left: 20px;
}

.slick-prev:after {
    content: "\f104";
    font: 50px/1 'FontAwesome';
    font-weight: 600;
}

.slick-next {
    right: 20px;
    text-align: right;
}

.slick-next:after {
    content: "\f105";
    font: 50px/1 'FontAwesome';
    font-weight: 600;
}

.slick-prev:hover:after,
.slick-next:hover:after {
    color: #7e7e7e;
}




.coming-soon-txt {

    color: #F37F76;

    font-size: 12px;

    margin-bottom: 5px;

}



.coming-soon-txt.custom {

    margin-top: -23px;

    font-weight: 600;

}

.footer-visual.productservices .mobile-footer-menu figure.astronaut-footer {
    position: absolute;
    top: -245px;
    left: 30px;
    transform: scale(1);
}



img.portal_img {

    width: 100%;

    top: 0px;

    position: absolute;

}



img.icon_wallet {width: 60px; height: auto;}