/* 
 Theme Name:   Kadence Child
 Theme URI:    
 Description:  
 Author:       admin
 Author URI:   http://localhost/
 Template:     kadence
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/*=================================*/
/*=== GLOBALS =====================*/
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700');

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?djzty9');
    src:  url('fonts/icomoon.eot?djzty9#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?djzty9') format('truetype'),
    url('fonts/icomoon.woff?djzty9') format('woff'),
    url('fonts/icomoon.svg?djzty9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.relative-container {
	position: relative;
}

a {
  text-decoration: none;
}

img {
    max-width: none;
}

ul {
    margin: 0;
}

/* iOS "clickable elements" fix for role="button"
//
// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
// for traditionally non-focusable elements with role="button"
// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
*/

html {
    width:100vw;
    overflow-x:hidden;
}

/*body::-webkit-scrollbar {
    width: 0.4em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 0px solid slategrey;
  border-radius: 3px;
}
*/

.fb-chat-icon {
    position: fixed;
    z-index: 3000000000;
    bottom: 0;
    right: 0;
    width: 95px;
    display: none;
    pointer-events: none; /*This is the key.*/
}

[role="button"] {
  cursor: pointer;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus,
.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: none;
}

.bsolutions .collapsible a {
    cursor: default;
}

:focus { outline: none;}
.form-control {border-radius: 0;}

.header-wrapper {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.header-wrapper.pages {overflow: unset !important;}
#solutions {display: none;}
.contentwrap {padding-left: 10px; padding-right: 10px;}

a {color: #002C6D;}

.app-logos a {text-decoration: none; opacity: 1; transition: 0.15s opacity ease-in-out;}
.app-logos a.disabled {text-decoration: none; cursor: default;}
.app-logos a.disabled img{opacity: 0.15;}
.app-logos a:hover {opacity: 0.75;}

.playstore-icon {
    max-width: 150px;
}

.playstore-download {
    margin-top: 30px;
    margin-bottom: 5px;
}


[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-ban:before {
    content: "\f05e";
}
.icon-angle-right:before {
    content: "\f105";
}
.icon-spinner:before {
    content: "\f110";
}

html,body{
    font-family: Nunito;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

div.scroller{
    z-index: -1000;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: scroll;
}

button:focus{
    outline: none !important;
}
.ovflw-hide{overflow: hidden;}

#pageLoader {
    width: 100%;
    height: 100%;
    position:fixed;
    top: 0;
    left: 0;
    z-index: 50000;
}
#pageLoader.bg{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005aab+0,15006d+100 */
    background: #005aab; /* Old browsers */
    background: -moz-linear-gradient(45deg, #005aab 0%, #15006d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #005aab 0%,#15006d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #005aab 0%,#15006d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005aab', endColorstr='#15006d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#pageLoader #preload{
    /* background: url("/images/globals/icn_loading.png") no-repeat scroll center center; */
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%) scale(0.5);
}

#preload_img{
    -webkit-animation: infinite-spinning 2s infinite linear;
    animation: infinite-spinning 2s infinite linear;

}

@keyframes infinite-spinning {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@-webkit-keyframes infinite-spinning {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.icon-angle-cta {
    font-size: 18px;
    display: inline-block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-left: 10px;
}

.icon-angle-cta:before {
    content: "\f105";
}

.define-div {
    height: 1px;
    width: 1px;
}
.space10{
    padding: 5px 0;
}
.space20{
    padding: 10px 0;
}
.space30{
    padding: 15px 0;
}

.space40{
    padding: 20px 0;
}

.space50{
    padding: 25px 0;
}
.space60 {
    padding: 35px 0;
}
.space80{
    padding: 40px 0;
}
.space100{
    padding: 50px 0;
}
.space150{
    padding: 75px 0;
}
.radius, .radius img {
    border-radius: 15px;
}
.dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    white-space: nowrap;
}
.dl-horizontal dd {
    margin-left: 180px;
}
.mobile-show, .ipad-custom-show, .mob-show, .mobNxt {display: none;}

/*.container {max-width: 1300px;}*/

/* localization */
.localization{
    position: relative;
}
.localization ul{
    position: absolute;
    right: 2%;
    list-style-type: none;
    z-index: 1;
}
.localization ul li{
    position: relative;
    text-align: right;
    padding-right: 16px;
    border-right: 1px solid #fff;
}
.localization ul li a{
    color: #FFFFFF;
    opacity: 0.6;
    font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px;
}
.localization ul li.active a{
    opacity: 1;
}
.localization ul li.active{
    border-right: 3px solid #fff;
}
.localization ul li a:hover{
    text-decoration: none;
}

.non-linked {
    text-decoration: none;
    cursor: default;
}

.non-linked:hover {
    text-decoration: none;
    cursor: default;
}

.disabled-features {
    opacity: 0.35;
}

/* Begin Body */
.anchor-absolute-position {position: relative;}

.navbar {z-index: 100;}

.navbar-mobile {
    background-color: #013172;
    width: 90%;
    margin: 0px auto;
    padding: 0px 10px 10px;
    position: relative;
    top: -90px;
}

.navbar-mobile .container {margin-top: 80px;}

.navbar-brand,
.navbar-toggler {z-index: 10;}
.navbar-brand img {
    width: 170px;
    height: 64px;
}

.navbar-mobile {z-index: 1; overflow: hidden;}
.navbar-mobile .card {background-color: transparent; border: 0; padding-bottom: 20px; border-bottom: 1px solid rgba(26, 135, 236, 0.27); border-radius: 0;}
.navbar-mobile .card:last-child {border-bottom: #1a87ec 0px solid;}
.navbar-mobile .card-header {padding:.75rem 0 0; background-color: transparent; border:0;}
.navbar-mobile a,
.navbar-mobile a:hover,
.navbar-mobile a:visited,
.navbar-mobile a:focus,
.navbar-mobile a:active {text-decoration: none; display: block; color:#ffffff;}
.navbar-mobile h1{font-family: Nunito; font-size: 20px; font-weight: 600; letter-spacing: 2px; line-height: 24px; margin: 15px 0 5px;}
.navbar-mobile h1.skyblue {background: linear-gradient(to right, #1a87ec, #209be9); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-mobile h1.skyblue a.collapsed:after{background: linear-gradient(to right, #1a87ec, #209be9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.navbar-mobile h1.skyblue a:after{background: linear-gradient(to right, #1a87ec, #209be9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); margin-right: 5px;}
.navbar-mobile h1.blue{background: linear-gradient(to right, #496AD5, #1F91DE); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-mobile h1.blue a.collapsed:after{background: linear-gradient(to right, #496AD5, #1F91DE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.navbar-mobile h1.blue a:after{background: linear-gradient(to right, #496AD5, #1F91DE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); margin-right: 5px;}
.navbar-mobile h1.orange{background: linear-gradient(to right, #e67b74, #efa86f, #dfc269); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-mobile h1.orange a.collapsed:after{background: linear-gradient(to right, #e67b74, #efa86f, #dfc269); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.navbar-mobile h1.orange a:after{background: linear-gradient(to right, #e67b74, #efa86f, #dfc269); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); margin-right: 5px;}
.navbar-mobile h1.pink{background: linear-gradient(to right, #d94c93, #f4666f); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-mobile h1.pink a.collapsed:after{background: linear-gradient(to right, #d94c93, #f4666f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.navbar-mobile h1.pink a:after{background: linear-gradient(to right, #d94c93, #f4666f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); margin-right: 5px;}
.navbar-mobile h1.green{background: linear-gradient(to right, #3BC5A6, #AFE085); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.navbar-mobile h1.green a.collapsed:after{background: linear-gradient(to right, #3BC5A6, #AFE085); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.navbar-mobile h1.green a:after{background: linear-gradient(to right, #3BC5A6, #AFE085); -webkit-background-clip: text; -webkit-text-fill-color: transparent; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); margin-right: 5px;}
.navbar-mobile ul {padding-left: 0;}
.navbar-mobile li {list-style: none; color: #7ca5bd; font-family: Nunito; font-size: 12px; font-weight: 500; line-height: 22px;}
.navbar-mobile .mobile-submenu ul {margin-top: 10px;}
.navbar-mobile .download-app p {color: #ffffff; font-family: Nunito; font-size: 14px; font-weight: 500; line-height: 22px;}
.navbar-mobile .download-app ul.app-logos {display: block; margin: 0 auto;}
.navbar-mobile .download-app ul.app-logos li {display: inline-flex; margin-right: 30px;}
.navbar-mobile .download-app ul.app-logos li:last-child {margin-right: 0;}
.navbar-mobile .download-app ul.app-logos li img {width: 30px; height: 30px;}

.navbar-mobile .container.cta {
    margin-top: 0px;
}
.navbar-mobile .cta button{
    font-size: 20px;
    padding: 20px 15px;
    -webkit-appearance: none;
    background-color: #00265E;
    overflow: hidden;
    width: 120%;
    position: relative;
    left: -10%;
    color: #ffffff;
    bottom: -20px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
    border-color: transparent;
}

.navbar-mobile .cta button:hover {background-color:#01193c;}

.navbar-light .navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler {
	border-color: transparent; 
	position: relative; 
/* 	left: -20px;  */
	top: 0px;}
.navbar-light .navbar-toggler-icon {background: none;}

.bar1, .bar2 {
    width: 20px;
    height: 2px;
    background-color: #fff;
    margin: 8px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 4px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {
    -webkit-transform: rotate(45deg) translate(-3px, -3px);
    transform: rotate(45deg) translate(-3px, -3px);
}

.navbar-light .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
}

.fass-main-nav ul > .nav-item,
.fass-main-nav button{
    font-size: 11px;
    margin-right: 30px;
    letter-spacing: 0.5px;
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle{
    color: #113d87;
    background-color: #ffffff;
    border-color: #ffffff;
    box-shadow: none;
}
.fass-main-nav button:hover {
    color: #113d87;
    background-color: #ffffff;
    border-color: #ffffff;
}

.fass-main-nav button:active,
.fass-main-nav button:focus {
    color: #113d87;
    background-color: #ffffff;
    border-color: #ffffff;
}

.show-on-mob {
    display: none;
}

.fass-main-nav button.btn-mobile-get-started:hover {
    border-color: transparent;
}

.fass-main-nav button.header{
    font-size: 11px;
    margin-right: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.fass-main-nav .navbar-nav .nav-link{
    color: #fff;
    letter-spacing: 1px;
    border-bottom: 2px transparent solid;
    -webkit-transition: border-bottom 0.25s;
    transition: border-bottom 0.25s;
    font-weight: 700;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
    border-bottom: 2px solid #fff;
}


.fass-main-nav .navbar-nav .nav-link.dropdown-toggle::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: 12px;
    right: -20px;
}

.fass-main-nav ul > .nav-item.dropdown {
    margin-right: 50px;
}

.dropdown-menu.tiers{
    min-width: 28rem;
    left: -90%;
    top: 50px;
    border-radius: 10px;
    background-color: #083175;
    box-shadow: 0px 0px 30px #67d1fb
}


.dropdown-menu.more{
    min-width: 28rem;
    left: -595%;
    top: 50px;
    border-radius: 10px;
    background-color: #083175;
    box-shadow: 0px 0px 30px #67d1fb
}

.dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #083175;
    position: absolute;
    top: -15px;
    margin: 0 auto;
    display: block;
    left: 48%;
    z-index: -1;
}

.dropdown-menu.tiers h4{
    margin-bottom: 0 !important;
}

.dropdown-item.first-tier {
    margin-top: -10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dropdown-menu.tiers .link-icons img{
    width: 90px;
    margin-left: 20px;
}

.dropdown-menu.tiers .link-content{
    vertical-align: middle;
    margin-top: 12px;
}

.dropdown-menu.tiers .dropdown-item:focus,
.dropdown-menu.tiers .dropdown-item:hover{
    background-color: #002b69;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.dropdown-menu h4{
    font-size: 18px;
    padding: .25rem 1.5rem 0.25rem 0;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.dropdown-menu .menu-groups h4{
    margin-bottom: 5px;
}

.dropdown-menu h4.yellow {
    background: linear-gradient(to right, #f37f76, #f3d56a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu h4.green {
    background: linear-gradient(to right, #45e69a, #33afb1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu h4.pink {
    background: linear-gradient(to right, #f64f9f, #fd6a6b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu h4.blue {
    background: linear-gradient(to right, #36aeeb, #1976d2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dropdown-menu h4.blue.custom {
    position: relative;
    width: 120%;
}

.dropdown-menu p {
    color: #abd7e3;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: .25rem 1.5rem .25rem 0
}

.dropdown-menu a {
    color: #abd7e3;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    padding: .25rem 1.5rem 0.25rem 0;
    /*padding: 0rem 1.5rem;*/ /*.1rem 1.5rem;*/
}

.dropdown-menu a.flat-questionaire-show {
    padding: 0;
}

.flat-questionaire-show:hover{
    text-decoration: none;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: transparent;
}

.menu-groups {
    margin: 0;
    padding: 10px 0px 10px;
}

.menu-teaser {
    background-color: #022a66;
    padding-top: 20px;
    margin: 0px;
    padding-left: 20px;
    margin-bottom: -40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: 0.15s background-color ease-in-out;
}

a.flat-questionaire-show:hover .menu-teaser {
    background-color: #002254;
}

.menu-teaser .col-7{
    padding-left: 0;
}

.menu-teaser-icon img {
    width: 70px;
    margin-top: 15px;
    position: relative;
    left: -20px;
}

/* Secondary Navs */
.secondary-nav{
    background-color: #F6FAFD;
    /*background-color: #c0c0c0;*/
    margin-top: 0px;
    box-shadow: 0px 1px 1px #d5ebfd;
}
.secondary-nav .nav-link {
	color: #002C6D;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px;
    text-transform: uppercase;
    padding: 1.3rem 1rem;
    margin-right: 1rem;
    -webkit-transition: border-bottom 0.25s ease-in-out;
    transition: border-bottom 0.25s ease-in-out;
    cursor: pointer;
}
.secondary-nav .nav-link.disabled {
    color: rgba(0,44,109, 0.5);
}

/* Header Bar */
#topheader {
    position: initial;
    z-index: 5;
}

.header-wrap {
    width: 100%;
    position: relative;
}

.center-header {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
}

.navbar-expand-lg .navbar-nav .nav-link.active {
    color: #fff;
    border-bottom: 2px solid #fff;
}

.curved-container {
    position: relative;
    left: -10%;
    width: 120%;
    height: 750px;
    background-size: cover !important;
    background: url(../../uploads/2025/07/img_banner.jpg) center top no-repeat;
    -moz-border-bottom-left-radius: 100%  30%;
    -moz-border-bottom-right-radius: 100%  30%;
    -webkit-border-bottom-left-radius: 100%  30%;
    -webkit-border-bottom-right-radius: 100%  30%;
    border-bottom-left-radius: 100%  30%;
    border-bottom-right-radius: 100%  30%;
    z-index: 1;
}

.curved-container-border {
    position: absolute !important;
    left: -10%;
    top: 5px;
    width: 120%;
    height: 750px;
    background: linear-gradient(to right, #76e9f3 20%, #a37fc6 , #f3d46a 80%);
    -moz-border-bottom-left-radius: 100%  30%;
    -moz-border-bottom-right-radius: 100%  30%;
    -webkit-border-bottom-left-radius: 100%  30%;
    -webkit-border-bottom-right-radius: 100%  30%;
    border-bottom-left-radius: 100%  30%;
    border-bottom-right-radius: 100%  30%;
}

.flat-container {
    position: relative;
    left: -10%;
    width: 120%;
    height: 500px;
}
.flat-container-border {
    position: absolute !important;
    left: -10%;
    top: 5px;
    width: 120%;
    height: 500px;
    background: linear-gradient(to right, #76e9f3 20%, #a37fc6 , #f3d46a 80%);
}
.flat-container.flat-tier{
    height: 500px;
}
.flat-container-border.flat-tier{
    height: 500px;
}

.astronaut-visual-wrapper {
    display: none;
    position: absolute;
    top: 220px;
    left: 77px;
    z-index: -1;
    width: 450px;
}

.astronaut-visual-wrapper .astronaut1 {
    position: absolute;
    left: -150px;
    top: 100px;
}

.astronaut-visual-wrapper .astronaut2 {
    position: absolute;
    left: 210px;
    top: -145px;
}

.rocket-margin {
	padding-top: 60px;
}

/* Header gradients */
.gradient-blue-purple{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */
    background: #0853a5; /* Old browsers */
    background: -moz-linear-gradient(left, #0853a5 0%, #390671 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #0853a5 0%,#390671 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #0853a5 0%,#390671 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0853a5', endColorstr='#390671',GradientType=1 ); /* IE6-9 */
}
.gradient-blue-purple-v{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */
    background: #0853a5; /* Old browsers */
    background: -moz-linear-gradient(top, #0853a5 0%, #390671 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0853a5 0%,#390671 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0853a5 0%,#390671 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0853a5', endColorstr='#390671',GradientType=0 ); /* IE6-9 */
}

.gradient-blue-purple-support{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */
    background: #0058A6; /* Old browsers */
    background: -moz-linear-gradient(to top right, #0058A6 0%, #002C6D 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top right, #0058A6 0%,#002C6D 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top right, #0058A6 0%,#002C6D 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0058A6', endColorstr='#002C6D',GradientType=0 ); /* IE6-9 */
}

.gradient-ewallet{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */
    background: #002A81; /* Old browsers */
    background: -moz-linear-gradient(to top right, #002A81 0%, #20ABFF 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top right, #002A81 0%,#20ABFF 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top right, #002A81 0%,#20ABFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002A81', endColorstr='#20ABFF',GradientType=0 ); /* IE6-9 */
}

.gradient-payments{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */
    background: #006272; /* Old browsers */
    background: -moz-linear-gradient(to top right, #006272 0%, #00BA98 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top right, #006272 0%,#00BA98 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top right, #006272 0%,#00BA98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006272', endColorstr='#00BA98',GradientType=0 ); /* IE6-9 */
}

.gradient-productsandservices{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0853a5+0,390671+100 */

    background: #006272; /* Old browsers */

    background: -moz-linear-gradient(to top right, #006272 0%, #00BA98 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(to top right, #006272 0%,#00BA98 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to top right, #006272 0%,#00BA98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006272', endColorstr='#00BA98',GradientType=0 ); /* IE6-9 */

}


.gradient-orange-golden{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8b500+0,f8b500+54,fbdf93+100 */
    background: #f37f76; /* Old browsers */
    background: -moz-linear-gradient(to top right, #f37f76 0%, #f3b26f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top right, #f37f76 0%,#f3b26f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top right, #f37f76 0%,#f3b26f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b500', endColorstr='#f3b26f',GradientType=1 ); /* IE6-9 */
}

.gradient-regulated-partners{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8b500+0,f8b500+54,fbdf93+100 */
    background: #262C91; /* Old browsers */
    background: -moz-linear-gradient(to top right, #262C91 0%, #666BE3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top right, #262C91 0%,#666BE3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top right, #262C91 0%,#666BE3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262C91', endColorstr='#666BE3',GradientType=1 ); /* IE6-9 */
}

/* Fonts */
.desc {
    color: #50565D;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 23px;
    font-weight: normal;
}

.foot-note{
    color: #3E4348;
    font-family: Nunito;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 19px;
    /* margin-top: 50px; */
    margin-bottom: 0;
}

.foot-note.custom{
    color: #7BA8BB;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    /* margin-top: 50px; */
    margin-bottom: 0;
}

.payment .grid .title{
    color: #002C6D;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin-bottom: 10px;
}

.grid .title.custom{
    width: 120%;
}

.payment-content-title{
    color: #0054B3;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

.why-fasspay-content-title {
    color: #002C6D;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}

h1.lp-heading{
    color: #002C6D;
    font-size: 36px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 20px;
}

.bsolutions#testimonial h2,
.bsolutions#testimonial h2,
.bsolutions#testimonial h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.6em;
}

/* Footer Bar */
.footer-wrapper {
    /* display: block; */
    position: relative;
    width: 100%;
    overflow: hidden;
}

.footer-wrapper.productservices {

    /* display: block; */

    position: relative;

    width: 100%;

    overflow: hidden;

    margin-top: -50px;
}

.footer-curved-container {
    position: relative;
    padding-top: 100px;
    left: -10%;
    bottom: -5px;
    width: 120%;
    height: 450px;
    background: #00255C;
    /* background: url(../images/globals/img_footer_background.jpg) center bottom no-repeat; */
    /* background-size: cover; */
    -moz-border-top-left-radius: 100%  40%;
    -moz-border-top-right-radius: 100%  40%;
    -webkit-border-top-left-radius: 100%  40%;
    -webkit-border-top-right-radius: 100%  40%;
    border-top-left-radius: 100%  40%;
    border-top-right-radius: 100%  40%;
}

.footer-curved-container-border {
    position: absolute;
    left: -10%;
    bottom: 0px;
    width: 120%;
    height: 450px;
    /* background: linear-gradient(to right, #76e9f3 20%, #a37fc6 , #f3d46a 80%); */
    -moz-border-top-left-radius: 100%  40%;
    -moz-border-top-right-radius: 100%  40%;
    -webkit-border-top-left-radius: 100%  40%;
    -webkit-border-top-right-radius: 100%  40%;
    border-top-left-radius: 100%  40%;
    border-top-right-radius: 100%  40%;
}

.footer-wrapper h1 {
    font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.footer-wrapper h1.skyblue{
    color: #FFFFFF;
    opacity: 0.5;
}
.footer-wrapper a h1.skyblue:after{
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color:
    transparent; content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 5px;}
.footer-wrapper a.collapsed h1.skyblue:after {color: #1a87ec; content: "\f105"; float: right; font-family: 'icomoon' !important; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); margin-right: 5px;}
.footer-wrapper h1.blue{
    color: #FFFFFF;
    opacity: 0.5;
}
.footer-wrapper a h1.blue:after{
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 5px;}
.footer-wrapper a.collapsed h1.blue:after {
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105"; float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 5px;}
.footer-wrapper h1.orange{
    color: #FFFFFF;
    opacity: 0.5;
}
.footer-wrapper a h1.orange:after{
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 5px;}
.footer-wrapper a.collapsed h1.orange:after {
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 5px;}
.footer-wrapper h1.pink{
    color: #FFFFFF;
    opacity: 0.5;
}
.footer-wrapper a h1.pink:after{
    /* background: #FFFFFF; */
    /* background: linear-gradient(to right, #f64f9f, #fd6a6b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  */
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 5px;}
.footer-wrapper a.collapsed h1.pink:after {
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105"; float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 5px;}
.footer-wrapper h1.green{
    color: #FFFFFF;
    opacity: 0.5;
}
.footer-wrapper a h1.green:after{
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    margin-right: 5px;}
.footer-wrapper a.collapsed h1.green:after {
    background: #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\f105";
    float: right;
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-right: 5px;}


.footer-urls {
    margin-bottom: 20px;
}

.footer-urls ul {
    padding-left: 0;
}

.footer-urls li {
    list-style: none;
    color: #abd7e3;
    font-family: Nunito;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    padding: 0.35rem 0;
}

/** footer fix **/
@media screen and (min-width: 992px) and (max-width:1200px) {
  .footer-urls li {
      width:70%;
  }
}

/** footer fix **/
@media screen and (max-width:1200px) {
  .footer-media-large{
      display:none;
  }
  .footer-curved-container {
    height:100%;
  }
}
@media screen and (min-width:1201px) {
  .footer-media-small{
      display:none;
  }
}


.footer-urls li a{
    color: #FFFFFF;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: 0.25rem 0;
}

.footer-urls li a:hover{
   color: #ffffff;
   text-decoration: none;
}

.company-details-contents {
    margin-left: 15px;
    padding-left: 0;
    max-width: 75%;
}

.company-details-contents a {
    text-decoration: none;
    color: #ffffff;
    transition: 0.15s color ease-in-out;
    position: relative;
    z-index: 10;
}

.company-details-contents a:hover {
    color: #00bdf2;
}

.company-details-contents a img {
    filter: unset;
    transition: 0.15s filter ease-in-out;
}

.company-details-contents a:hover img {
    filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);
}

/* .copyrights-wrapper {
    border-top: 1px solid rgba(72, 102, 129, 0.50);
} */

.company-details .social-icons {
    position: relative;
    z-index: 1;
}

.clear-left-padding {padding-left: 0;}

.company-details h3 {
    color: #FFFFFF;
    opacity: 0.5;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.company-details p {
    color: #ffffff;
    font-family: Nunito;
    font-size: 14px;
    line-height: 20px;
}

.company-details ul {
    padding-left: 0;
}

.company-details li {
    list-style: none;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 10px;
}
.company-details li:last-child {
    margin-right: 0px;
}

.padding0 {
    padding: 0;
}

.leftPad {
    margin-left: -20px;
}

.copyrights-wrapper p.fineprint-text {
    color: #FFFFFF;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 30px;
    font-weight: lighter;
}

.logo-softspace {margin-top: 15px; height: 39.5px; width: 141px;}

p.fineprint-text {
    color: #7ca5bd;
    font-family: Nunito;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin: 20px 0px 70px;
    font-weight: lighter;
}

.footer-planet {
    background-image: url(../../uploads/2025/07/img_footer_moon.png);
    height: 216px;
    width: 800px;
    position: absolute;
    bottom: 0;
    right: -520px;
    background-repeat: no-repeat;
}

figure.astronaut-footer {
    position: absolute;
    top: -50px;
    right: -100px;
}

.mobile-footer-menu {
    border-bottom: 1px solid rgba(232, 232, 232, 0.2);
}

.footer-wrapper .mobile-footer-menu,
.footer-wrapper .copyrights-wrapper hr,
.footer-wrapper p.fineprint-text br{display: none; }
.footer-wrapper .mobile-footer-menu .menu-section {padding: 20px 0 15px;}
.footer-wrapper .mobile-footer-menu a:hover,
.footer-wrapper .mobile-footer-menu a:focus,
.footer-wrapper .mobile-footer-menu a:active,
.footer-wrapper .mobile-footer-menu a {
    text-decoration: none;
    color: #ffffff;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
}
.footer-wrapper .mobile-footer-menu .footer-submenu ul {padding-left: 0;}
.footer-wrapper .mobile-footer-menu .footer-submenu li {list-style: none; color: #7ca5bd; font-family: Nunito; font-size: 12px; font-weight: 500; line-height: 20px;}
.footer-wrapper .mobile-footer-menu .logo-softspace {margin-top: 0px;}
.footer-wrapper .mobile-footer-menu .logo-title {margin-top: 25px;}
.footer-wrapper .mobile-footer-menu .menu-section .icon-angle-right {float: right; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}

.footer-wrapper .mobile-footer-menu .threecolumns {display: inline-block; width: 32%; text-align: center; margin-top: 35px;}
.footer-wrapper .mobile-footer-menu .social-icons {padding-left: 0; width: 60%;  margin: 0 auto 25px;}
.footer-wrapper .mobile-footer-menu .social-icons li {display: inline-block; width: 30%; text-align: center; margin-top: 25px; list-style: none;}
.footer-visual {display: none;}
.footer-visual .mobile-footer-menu  figure.astronaut-footer {position: absolute; top: -105px; left: 30px;}


/* btns */
.btn-type-1{
    border-radius: 30px;
    padding: 9px 20px;
}
.bdr-white{
    border: 1px solid #fff;
    color: #fff;
}
.btn-subscribe{
    display: inline;
    padding: 15px 50px;
    border: 0;
    color: #FFFFFF !important;
	font-family: Nunito;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 15px;
	text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
	background: linear-gradient(41.52deg, #5674EA 0%, #24ABFC 100%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    animation: subscribe_glow 2s infinite linear;
    position: relative;
    cursor: pointer;
}

.btn-subscribe a{
    color: #FFFFFF !important;
}

.btn-subscribe:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(36, 171, 252,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
  opacity: 0;
}

.btn-subscribe:hover:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(36, 171, 252,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  opacity: 1;
}

.btn-subscribe:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.btn-subscribe:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    opacity: 1;
}

.btn-subscribe:hover{
    box-shadow: none;
    color: #ffffff;
}

.btn-subscribe:focus:after{
    box-shadow: none;
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
}

@-webkit-keyframes subscribe_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(145,168,239,0.3), 0 0 0 8px rgba(199,229,252,0.2);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(145,168,239,0.3), 0 0 0 8px rgba(199,229,252,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(145,168,239,0), 0 0 0 8px rgba(199,229,252,0);
    }
}

@keyframes subscribe_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(145,168,239,0.3), 0 0 0 8px rgba(199,229,252,0.2);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(145,168,239,0.3), 0 0 0 8px rgba(199,229,252,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(145,168,239,0), 0 0 0 8px rgba(199,229,252,0);
    }
}

@-webkit-keyframes subscribe_glow_wallet {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(255,255,255,0.3), 0 0 0 8px rgba(255,255,255,0.2);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(255,255,255,0.3), 0 0 0 8px rgba(255,255,255,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(255,255,255,0), 0 0 0 8px rgba(255,255,255,0);
    }
}

@keyframes subscribe_glow_wallet {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(255,255,255,0.3), 0 0 0 8px rgba(255,255,255,0.2);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(255,255,255,0.3), 0 0 0 8px rgba(255,255,255,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(255,255,255,0), 0 0 0 8px rgba(255,255,255,0);
    }
}

.btn-awesome{
    padding: 15px 50px;
    border: 0;
    color: #FFFFFF;
    font-family: Nunito;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
    background: linear-gradient(41.52deg, #5ab0af 0%, #76e09f 100%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out;
    animation: awesome_glow 2s infinite linear;
    position: relative;
    cursor: pointer;
    display: block;
    clear: left;
    margin: 0 auto;
}

.btn-awesome:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(69, 230, 152,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
  opacity: 0;
}

.btn-awesome:active:before,
.btn-awesome:hover:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(69, 230, 152,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  opacity: 1;
}

.btn-awesome:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.btn-awesome:active:after,
.btn-awesome:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    opacity: 1;
}

.btn-awesome:active {
    background: #5ab0af;
    color: #ffffff;
}

.btn-awesome:hover{
    box-shadow: none;
    color: #ffffff;
}

.btn-awesome:focus:after{
    box-shadow: none;
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
}

@-webkit-keyframes awesome_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(205,233,233,0.5), 0 0 0 8px rgba(237,248,248,0.5);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(205,233,233,0.5), 0 0 0 8px rgba(237,248,248,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(205,233,233,0), 0 0 0 8px rgba(237,248,248,0);
    }
}

@keyframes awesome_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(205,233,233,0.5), 0 0 0 8px rgba(237,248,248,0.5);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(205,233,233,0.5), 0 0 0 8px rgba(237,248,248,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(205,233,233,0), 0 0 0 8px rgba(237,248,248,0);
    }
}

.btn-getstarted{
    padding: 15px 50px;
    border: 0;
    color: #FFFFFF;
    font-family: Nunito;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
    background: linear-gradient(41.52deg, #e55f9b 0%, #ed7271 100%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out;
    animation: getstarted_glow 2s infinite linear;
    position: relative;
    cursor: pointer;
}

.btn-getstarted:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(253, 106, 107,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
  opacity: 0;
}

.btn-getstarted:active:before,
.btn-getstarted:hover:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(253, 106, 107,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  opacity: 1;
}

.btn-getstarted:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.btn-getstarted:active:after,
.btn-getstarted:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    opacity: 1;
}

.btn-getstarted:active{
    background: #e55f9b;
    color: #ffffff;
}

.btn-getstarted:hover{
    box-shadow: none;
    color: #ffffff;
}

.btn-getstarted:focus:after{
    box-shadow: none;
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
}

@-webkit-keyframes getstarted_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(235,142,287,0.3), 0 0 0 8px rgba(231,101,140,0.1);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(235,142,287,0.3), 0 0 0 8px rgba(231,101,140,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(235,142,287,0), 0 0 0 8px rgba(231,101,140,0);
    }
}

@keyframes getstarted_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(235,142,287,0.3), 0 0 0 8px rgba(231,101,140,0.1);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(235,142,287,0.3), 0 0 0 8px rgba(231,101,140,0);
    }

    to {
        box-shadow: 0 0 0 4px rgba(235,142,287,0), 0 0 0 8px rgba(231,101,140,0);
    }
}

.btn-downloadguide {
    padding: 15px 50px;

    border: 0;

    color: #FFFFFF;

    font-family: Nunito;

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 1px;

    line-height: 15px;

    text-align: center;

    text-transform: uppercase;

    border-radius: 25px;

    background: #1976D2;

    position: relative;

    cursor: pointer;

}

.btn-downloadguide:hover {
    color: #ffffff;

}

.btn-getstartedpayment {
    padding: 15px 50px;

    border: 0;

    color: #FFFFFF;

    font-family: Nunito;

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 1px;

    line-height: 15px;

    text-align: center;

    text-transform: uppercase;

    border-radius: 25px;

    background: #009789;

    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out; */

    /* animation: getstartedpayment_glow 2s infinite linear; */

    position: relative;

    cursor: pointer;

}

.btn-contactsales {
    padding: 15px 50px;

    border: 0;

    color: #1C3F72;

    font-family: Nunito;

    font-size: 11px;

    font-weight: bold;

    letter-spacing: 1px;

    line-height: 15px;

    text-align: center;

    text-transform: uppercase;

    border-radius: 25px;

    background: #FFE33B;

    /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out; */

    /* animation: getstartedpayment_glow 2s infinite linear; */

    position: relative;

    cursor: pointer;

}

.btn-getstartedpayment:hover {
    color: #ffffff;
}

/* .btn-getstartedpayment{
    padding: 15px 50px;
    border: 0;
    color: #FFFFFF;
    font-family: Nunito;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px;
    background: linear-gradient(41.52deg, #115bf6 0%, #24aafc 100%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out;
    animation: getstartedpayment_glow 2s infinite linear;
    position: relative;
    cursor: pointer;
}


.btn-getstartedpayment:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(0, 123, 255,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
  opacity: 0;
}

.btn-getstartedpayment:active:before,
.btn-getstartedpayment:hover:before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-image-source: radial-gradient(ellipse closest-side, rgba(0, 123, 255,0.4) 0%, rgba(0,0,0,0) 100%);
  border-image-slice: 49% fill;
  border-image-width: 60px 45px 30px 45px;
  opacity: 1;
}

.btn-getstartedpayment:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.btn-getstartedpayment:active:after,
.btn-getstartedpayment:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.2));
    opacity: 1;
}

.btn-getstartedpayment:active{
    background: #115bf6;
    color: #ffffff;
}

.btn-getstartedpayment:hover{
    box-shadow: none;
    color: #ffffff;
}

.btn-getstartedpayment:focus:after{
    box-shadow: none;
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
} */

@-webkit-keyframes getstartedpayment_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(193,230,255,0.8), 0 0 0 8px rgba(233,247,255,0.8);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(193,230,255,0.8), 0 0 0 8px rgba(233,247,255,0.4);
    }

    to {
        box-shadow: 0 0 0 4px rgba(193,230,255,0), 0 0 0 8px rgba(233,247,255,0);
    }
}

@keyframes getstartedpayment_glow {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: 0 0 0 4px rgba(193,230,255,0.8), 0 0 0 8px rgba(233,247,255,0.8);
    }

    75% {
        box-shadow: 0 0 0 4px rgba(193,230,255,0.8), 0 0 0 8px rgba(233,247,255,0.4);
    }

    to {
        box-shadow: 0 0 0 4px rgba(193,230,255,0), 0 0 0 8px rgba(233,247,255,0);
    }
}

/* homepage header */
.star-groups {
    display: flex;
    flex: 1 0 auto;
    position: relative;
    height: 100vh;
    transform: translateZ(-1px) scale(2);
    z-index: -1;
}
.star1 {background: url(../images/globals/img_star1.png) no-repeat center top;}
.star2 {background: url(../images/globals/img_star2.png) no-repeat center top;}
.star3 {background: url(../images/globals/img_star3.png) no-repeat center top;}

.intro-header{
    background: url(../images/Mask.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.jumbotron{
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 701px;
}
.jumbotron h1{
    text-align: center;
    color: #fff;
}

.gradient-line-vertical.adjust{
    background: linear-gradient(to bottom, #ffffff, #8ebae4, #ffffff);
    width: 1px;
    height: 150px;
    position: relative;
    z-index: -10;
    display: block;
    margin: auto;
}

.gradient-line-vertical{
    background: linear-gradient(to bottom, #ffffff, #8ebae4, #ffffff);
    width: 1px;
    height: 150px;
    position: relative;
    z-index: -10;
}

.gradient-line-vertical.m450{
    background: linear-gradient(to bottom, #ffffff, #8ebae4, #ffffff);
    width: 1px;
    height: 450px;
    position: relative;
    z-index: -10;
    left: 50%;
}

.gradient-line-vertical.m150{

    background: linear-gradient(to bottom, #ffffff, #8ebae4, #ffffff);

    width: 1px;

    height: 150px;

    position: relative;

    z-index: -10;

    left: 50%;

    opacity: 40%;

}



.gradient-line-horizontal{
    background: linear-gradient(to right, #ffffff, #76eaf3, #7680f3, #f37f76, #f3d56a, #ffffff);
    width: 100%;
    height: 1px;
    position: relative;
    z-index: -10;
}

.grey-line-horizontal{
    color: #D8D8D8;
    width: 100%;
    max-width: none !important;
    height: 1px;
    position: relative;
}
.grey-line-vertical{
    background: #D8D8D8;
    height:100%;
    width: 1px;
    position: relative;
    z-index: -10;
}

.share-engage .icon-share img{height: 20px;}
.share-engage .copy-share img{height: 13px;}
.share-engage .download-share img{height: 13px;}

#sticky.stick {
    display: initial;
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    z-index: 10000;
    width: 100%;
    border-radius: 0 0 0.5em 0.5em;

    /* -webkit-animation: fadein 0.5s;
       -moz-animation: fadein 0.5s;
        -ms-animation: fadein 0.5s;
         -o-animation: fadein 0.5s;
            animation: fadein 0.5s; */
}
.ewallet section.app-guide-title{ margin-bottom: 10px; }
.ewallet section.app-guide{ margin-top: 0px; }
.ewallet section.wallet-features {
    margin-bottom: 0px;
    margin-top: 10px;
    display: block;
    position: relative;
    top: 0;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* fadeout */

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/*=== END GLOBALS =================*/
/*=================================*/


/*=================================*/
/*=== PAGE BANNERS ================*/
.business-solutions-header-banner {background: url(../images/payments/img_banner_payment.jpg) no-repeat top center; background-size: cover;}
.payment-header-banner {background: url(../images/payments/img_banner_payment.jpg) no-repeat top center; background-size: cover;}
.e-wallet-header-banner {background: url(../images/ewallet/img_banner_ewallet.jpg) no-repeat top center; background-size: cover;}
.payment-header-banner {background: url(../images/payments/img_banner_payment.jpg) no-repeat top center; background-size: cover;}
/*=================================*/
/*=================================*/



/*=================================*/
/*=== LANDING PAGE ================*/

.icon-scroll, .icon-scroll:before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 20px;
    height: 30px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 25px;
    bottom: 2%;
}

.icon-scroll:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    margin-left: -2px;
    top: 8px;
    border-radius: 4px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: mousescroll;
}

@keyframes mousescroll{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: translateY(15px);
    }

}

.visual-number-one {position: absolute; top: 140px; right: 70px; background: url(../../uploads/2025/07/img_01.png) no-repeat top center; width: 300px; height: 198px;}
.visual-number-two {position: absolute; top: -150px; left: 50px; background: url(../../uploads/2025/07/img_02.png) no-repeat top center; width: 300px; height: 174px; z-index: -1}
.visual-number-three {position: absolute; bottom: 20px; left: 280px; background: url(../../uploads/2025/07/img_03.png) no-repeat top center; width: 300px; height: 188px; z-index: -1}
.visual-number-four {position: absolute; bottom: 42px; left: -280px; background: url(../../uploads/2025/07/img_04.png) no-repeat top center; width: 300px; height: 183px; z-index: 0}
.visual-number-five {position: absolute; bottom: 400px; left: 240px; background: url(../../uploads/2025/07/img_05.png) no-repeat top center; width: 300px; height: 188px; z-index: -1}

.why-fasspay{
    background: url(../images/img_lightray_4.png) no-repeat top left;
    background-size: contain;
    padding-bottom: 300px;
    padding-top: 125px;
    margin-top: -25px;
}

.bar-subtitle {
     margin-bottom: 20px;
}

.bar-subtitle p{
    position: relative;
    margin: 0;
}
.bar-subtitle .bar{
    position: absolute;
    top: 5px;
    left: -70px;
    height: 2px;
    width: 60px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #7ba7d1 35%, #1976d2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%,#7ba7d1 35%,#1976d2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%,#7ba7d1 35%,#1976d2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1976d2',GradientType=1 ); /* IE6-9 */
}
.bar-subtitle .bullet {
	color: #002C6D;
	font-family: "Open Sans";
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-align: center;
    margin-right: 7px;
    margin-bottom: 0;
}
.bar-subtitle .subtitle {
	color: #1976D2;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 26px;
    text-transform: uppercase;
}
.money-lending .bar{
    left:50px;
}

.read-more {
	color: #F37F76;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
    transition: color .15s ease-in-out;
}
.read-more:hover {
    text-decoration: none;
    color: #1976D2;
}

.why-fasspay .grid .row{
    margin-bottom: 20px;
}
.why-fasspay .grid .content{
    /*margin-top: 26px;*/
}
.why-fasspay .grid .icon{
    /*margin-right: 15px;*/
}
.why-fasspay .grid .icon img{
    height: 80px;
    height: 80px;
}
.why-fasspay .grid .content-txt{
    max-width: 100%;
}
.why-fasspay .grid p{
    margin: 0;
}
.why-fasspay .grid .desc {
	color: #50565D;
}

.why-fasspay .pad,
.payment .grid .pad{
    padding-left: 26px;
}

.payment{
    max-width: none;
    background: url(../../uploads/2025/07/img_lightray_5.png) no-repeat top right;
    background-size: contain;
    padding-bottom: 300px;
    padding-top: 450px;
    margin-top: -445px;
    background-position: right -240px bottom 40px;
}

.payment .grid .content-txt{
    margin-top: 15px;
}

.payment .visual-payment {
    position: absolute;
    /* bottom: -50px; */
    left: -400px;
    background: url(../../uploads/2025/07/img_landing_payment.png) no-repeat top center;
    width: 840px;
    height: 775px;
    background-size: contain;
}

.absolute-image-wrapper img {
    width: 840px !important;
}

.payment .bar-subtitle {position: relative; left: -5%; margin-bottom: 20px;}
.payment-services-visual {
    height: 65px;
}
.payment-services-visual img{height: 100%;}
.payment-services-visual.custom img {
    height: 100%;
    position: relative;
    width: 35px;
}

.payment-services-visual.mob-adjust img {
    width: 42px;
}

.payment-services-visual.mob-adjust2 img {
    width: 68px;
}




.payment .logo-columns ul {
    padding: 0;
    width: 500px;
    height: 80px;
    display: flex;
    margin-top: 30px;
}

.payment .logo-columns li {
    list-style: none;
    margin-right: 0px;
    margin-bottom: 20px;
}

.payment .logo-columns li:last-child {
    margin-right: 0px;
}

.break-point-ma img {
    width: 75px !important;
    margin-top: 4px;
}

.payment .logo-columns li img {
    max-width: 90px;
    width: auto;
}


.row.mobile-content-wrap {
    margin-bottom: 40px;
}


.e-wallet{
    background: url(../images/img_lightray_6.png) no-repeat top left;
    background-size: contain;
    padding-bottom: 50px;
    padding-top: 100px;
    margin-top: -100px;
}

.e-wallet .logos img{
    margin-right: 20px;
}

.e-wallet .logo-columns ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: flex;
    margin-top: 15px;
}

.e-wallet .logo-columns li {
    list-style: none;
    margin-right: 5px;
    margin-bottom: 20px;
}

.e-wallet .logo-columns li:last-child {
    margin-right: 0px;
}

.e-wallet .logo-columns li img {
    max-width: 120px;
    height: auto;
    width: auto;
}

.e-wallet .logo-columns li img.disabled {
    max-width: 100px;
    height: 100%;
    width: auto;
    opacity: 0.3;
}

.e-wallet .bar-subtitle {position: relative; left: -5%;}

.e-wallet-icon img{width: 150px; position: relative; left: -3%;}

.visual-e-wallet img {
    position: absolute;
    width: 1190px;
    top: -460px;
    right: -580px;
    max-width: none !important;
}

.e-wallet .subtitle {
    color: #004198;
    font-weight: 600;
}

/* .visual-e-wallet {
    position: absolute;
    bottom: -120px;
    left: 40px;
    background: url(../images/img_whitelabel_product.png) no-repeat top center;
    background-size: contain;
    width: 520px;
    height: 700px;
    z-index: -1;
    -webkit-animation: floatFX 20s infinite alternate;
    animation: floatFX 20s infinite alternate;
} */
.visual-ewallet-astronauts-1 {position: absolute; bottom: 570px; left: 280px; background: url(../images/ewallet/img_astronaut_wallet_1.svg) no-repeat top center; background-size: contain; width: 800px; height: 540px; z-index: -1;  -webkit-animation: floatFXastrob 10s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: floatFXastrob 10s infinite alternate;}
.visual-ewallet-astronauts-2 {position: absolute; bottom: 350px; left: 20px; background: url(../images/ewallet/img_astronaut_wallet_2.svg) no-repeat top center; background-size: contain; width: 300px; height: 230px; z-index: -2; -webkit-animation: floatFXastro 10s infinite alternate; /* Safari 4.0 - 8.0 */
    animation: floatFXastro 10s infinite alternate;}
.visual-circle-group {position: absolute; bottom: -50px; left: 40px;}
.visual-circle-1 {position: absolute; bottom: 0px; left: 0px; background: url(../images/img_phone_circle_1.png) no-repeat top center; background-size: contain; width: 520px; height: 520px; z-index: -2; -webkit-animation: circle-ewallet1 100s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circle-ewallet1 100s infinite linear;}
.visual-circle-2 {position: absolute; bottom: -15px; left: -15px; background: url(../images/img_phone_circle_2.png) no-repeat top center; background-size: contain; width: 550px; height: 550px; z-index: -3;-webkit-animation: circle-ewallet1 130s infinite linear reverse; /* Safari 4.0 - 8.0 */
    animation: circle-ewallet1 130s infinite linear reverse;}
.visual-circle-3 {position: absolute; bottom: -30px; left: -30px; background: url(../images/img_phone_circle_3.png) no-repeat top center; background-size: contain; width: 580px; height: 580px; z-index: -4; -webkit-animation: circle-ewallet1 160s infinite linear; /* Safari 4.0 - 8.0 */
    animation: circle-ewallet1 160s infinite linear;}


.money-lending{
    position: relative;
    margin-bottom: 300px;
    margin-top: 100px;
}
.money-lending .color-circle{
    position: absolute;
    width: 900px;
    height: auto;
    z-index: -1;
    top: 0;
    right: -143px;
}

.money-lending-astronaut1 {position: absolute !important; top: -126px; right: 10px; background: url(../../uploads/2025/07/img_astronaut_moneylending1.svg) no-repeat top center; width: 400px; height: 400px; z-index: 0; border: none !important;}
.money-lending-astronaut2 {position: absolute !important; top: -99px; right: -40px; background: url(../../uploads/2025/07/img_moneylending_astronaut2.svg) no-repeat top center; width: 400px; height: 400px; z-index: 0}
.money-lending-orangeplanet {position: absolute !important; bottom: -325px; right: -200px; background: url(../../uploads/2025/07/img_orange_circle.png) no-repeat top center; background-size: contain; width: 450px; height: 450px; z-index: 0}
.money-lending-blue-circle {position: absolute !important; bottom: -325px; right: -200px; background: url(../images/img_orange_circle.png) no-repeat top center; background-size: contain; width: 350px; height: 350px; z-index: -1}

.money-lending .radius-box {
    max-width: 1200px;
    margin: 0 auto;
    background: linear-gradient(41.52deg, #FFFFFF 30%, #f0f6ff 100%);
    border-radius: 20px;
    box-shadow: 0px 0px 50px #b8d8ff;
    padding: 50px 0 50px;
}

.money-lending h1{
    margin-top: 20px;
}
.money-lending .coming-soon {
	color: #F37F76;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
    margin: 50px 0 20px;
}
.money-lending .foot-note{
    color: #50565D;
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 23px;
	text-align: center;
    margin-top: 0px;
    margin-bottom: 50px;
    font-weight: 400;
}
.testimonial {
    background: url(../images/img_lightray_7.png) no-repeat right bottom;
    background-size: contain;
    margin-bottom: 200px;
    margin-top: 100px;
}
.testimonial .color-circle{
    position: absolute;
    width: 900px;
    height: auto;
    z-index: -1;
    top: -110px;
    left: -353px;
}
.testimonial .testimony{
    min-height: 230px;
}
.testimonial .testimony .wrap{
    height: 150px;
}
.testimonial .testimony .lp-heading{
    margin: 0;
}
.testimonial .switch{
    margin-top: 60px;
}
.testimonial .switch .bar-gutter{
    position: relative;
    background-color: #c0c0c0;
    height: 2px;
    width: 60px;
    margin: 3px 10px;
}
.testimonial .switch .count {
	color: #002C6D;
	font-family: "Josefin Sans";
	font-size: 11px;
	font-weight: 500;
	line-height: 13px;
	text-align: center;
}
.testimonial .switch .tiny-bar{
    position: absolute;
    background-color: #002C6D;
    height: 2px;
    width: 0;
    left: 0;
}
.testimonial .page-img{
    margin-top: 30px;
}
.testimonial .page-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
    opacity: 0.4;
}
/* .testimonial .page-img img.active{
    opacity: 1;
} */

/* .visual-testimonial {
    position: absolute;
    top:0px;
    left: -30px;
    background: url(../images/testimonial.jpg) no-repeat top center;
    background-size: cover;
    width: 520px;
    height: 700px;
    border-radius: 15px;
    z-index: -1;
} */
.visual-testimonial {
    position: absolute;
    top:0px;
    left: -30px;
    height: 700px;
}
.holder,
.visual-testimonial .holder{
    position: relative;
    overflow: hidden;
    width: 520px;
    height: 700px;
    border-radius: 15px;
    box-shadow: 2px 2px 30px #cecece;
}
.visual-testimonial img{
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    height: 115%;
}

.testimonial-contents {
    margin-top: 135px;
}

.testimonial-texts {
    height: 325px;
}

#testimonial .holder{
    position: relative;
    overflow: hidden;
    width: 520px;
    height: 700px;
    border-radius: 15px;
    box-shadow: 2px 2px 30px #cecece;
}

#testimonial .holder2 {
    position: absolute;
    overflow: hidden;
    width: 550px;
    height: 265px;
    border-radius: 15px;
    top: 62px;
    box-shadow: 2px 2px 30px #cecece;
}

.ewallet .retina,
.payments .retina,
.bsolutions .retina {
    width: 464px;
}

.ewallet #testimonial .color-circle2,
.payments #testimonial .color-circle2,
.bsolutions#testimonial .color-circle2 {
    position: absolute;
    width: 900px;
    height: auto;
    z-index: -1;
    top: -110px;
    left: -203px;
}

.testimony h1.lp-heading {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.6em;
}

.lead-generation {
    margin-bottom: 100px;
    /* margin-top: 100px; */
}

.lead-generation .logo-columns {
    margin-bottom: 50px;
}

.lead-generation .logo-columns ul {
    padding: 0;
}

.lead-generation .logo-columns li {
    display: inline-flex;
    list-style: none;
    margin-right: 0px;
    margin-bottom: 20px;
}

.lead-generation .logo-columns li:last-child {
    margin-right: 0px;
}

/*.lead-generation .email-input {width: 100%;}*/

.lead-generation .email-input input {
    display: block;
    text-align: center;
    margin: 15px auto;
    color: #002C6D;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    padding-bottom: 15px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 40%;
    display: block;
    clear: left;
    margin: 0 auto 20px;
}

::placeholder {
  transition: 0.25s color ease-in-out;
}

[placeholder]:focus::-webkit-input-placeholder {
  color: transparent;
}


.lead-generation .email-input input:focus {
    outline: 0px;
}

.lead-generation .content-text{
    color: #5A6168;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-top: 20px;
    margin-bottom: 40px;
}

/*=== END LANDING PAGE  ===========*/
/*=================================*/


/*=================================*/

/*=== PRODUCTS AND SERVICES PAGE ===============*/



.productsandservices .cta-text a,

.cta-contact-packages a {text-decoration: underline; transition: 0.25s color ease-in-out;}



.productsandservices .cta-text a:hover,

.bsolutions .cta-contact-packages a:hover {

    color: #1976D2;

}



.productsandservices .featured-key-image-100 img {

    width: 85px;

    height: auto;

}



.productsandservices .featured-key-image-230-position img {

    width: 250px;
    top: 35px;
    position: relative;
    left: -50px;
}



.productsandservices .featured-key-image-230-custom img {
    width: 240px;
    height: auto;
    top: 30px;
    position: relative;
    left: -50px;
}


.productsandservices .featured-key-image-230 img {
    max-width: none;
    width: 400px;
    height: auto;
    top: 30px;
    position: relative;

    @media (min-width:992px) {
        width: 660px;
        left: 0;
    }
}



.productsandservices .featured-key-image-230-custom img.adjust {

    left: -22px;

}



.productsandservices .featured-key-image-460 img {

    width: 260px;

    height: auto;

    position: relative;

}


.productsandservices .fasstap img{

    max-width: none;
    width: 200%;
    position: relative;
    left: -90%;
    bottom: -50px;

    @media (min-width: 992px) {
        width: 250%;
        position: relative;
        left: -150%;
        bottom: -50px;
    }
}


.productsandservices .fasstap.mobile{

    margin-top: -80px;

    margin-bottom: -50px;

    position: relative;

    left: 10%;

    z-index: -1;

}



.productsandservices .fasstap.mobile img{

    width: 440%;

    position: relative;

    left: -95%;

    top: 0%;

}

.productsandservices .loyalty img {
    max-width: none;
    width: 150%;
    position: relative;
    left: -50%;
    top: 7%;

    @media (min-width: 992px){
        width: 160%;
        position: relative;
        left: -92%;
        margin-top: 90px;
    }

}

.productsandservices .loyalty.mobile{

    margin-top: -80px;

    margin-bottom: -50px;

    position: relative;

    left: 10%;

    z-index: -1;

}



.productsandservices .loyalty.mobile img{

    width: 440%;

    position: relative;

    left: -95%;

    top: 0%;

}



.productsandservices .featured-key-image-integration{

    position: relative;

}



.productsandservices .featured-key-image-integration .gradient-line{

    background: linear-gradient(to right, #ffffff, #76eaf3, #7680f3, #f37f76, #f3d56a, #ffffff);

    width: 150%;

    height: 1px;

    left: -30%;

    position: absolute;

    top: -26%;

    z-index: -10;

}



.productsandservices .featured-key-image-integration img.icon{

    position: relative;

    top: -30px;

}



.productsandservices .featured-key-image-integration img.pos{

    position: absolute;

    left: -85%;

    width: 90%;

    top: -125%;

}



.productsandservices .featured-key-image-integration img.fpad{

    position: absolute;

    right: -95%;

    width: 90%;

    top: -255%;

}



/*-- Mobile Element --*/



.productsandservices .featured-key-image-integration.mobile{

    position: relative;

    height: 150px;

}



.productsandservices .featured-key-image-integration.mobile .gradient-line{

    background: linear-gradient(to right, #ffffff, #76eaf3, #7680f3, #f37f76, #f3d56a, #ffffff);

    width: 150%;

    height: 1px;

    left: -30%;

    position: absolute;

    top: -95%;

    z-index: -10;

}



.productsandservices .featured-key-image-integration.mobile img.pos{

    position: absolute;

    left: -30%;

    width: 70%;

    top: -125%;

}



.productsandservices .featured-key-image-integration.mobile img.fpad{

    position: absolute;

    right: -38%;

    width: 70%;

    top: -150%;

}



.productsandservices #management-portal .carousel-inner {

    overflow: visible;

}



.productsandservices #management-portal .visual-container {

    display: block;

    margin-bottom: 20px;

}



.productsandservices #management-portal .content-container {

    display: block;

    height: 150px;

}



.productsandservices #management-portal .content-container h3{

    font-size: 1.3rem;

    line-height: 1.4em;

    color: #002C6D;

    font-weight: 600;

    text-align: center;

    margin-bottom: 20px;

}



.productsandservices #management-portal .content-container p{

    color: #7BA8BB;

    font-size: 16px;

    line-height: 21px;

    text-align: center;

}



.productsandservices #management-portal img.mp1 {

    width: 120%;

    max-width: 120%;

    margin: auto;

    display: block;

    position: relative;

    left: -10%;

}







/*-- END Mobile Element --*/



#testimonial .btm-img,

#testimonial .left-img{

    width: 100%;

}



.holder1.shadow{

    border-radius: 15px;

    box-shadow: 0px 5px 30px #c9d9de;

}



.holder2.shadow{

    border-radius: 15px;

    box-shadow: 0px 5px 30px #c9d9de;

}



.productsandservices .hardware-small-txt-area {

    padding-left: 20px;

}





#mobileApp-screens .carousel-indicators{

    bottom: -80px;

    width: 200px;

    left: -120%;

    transform: scale(0.8);

}



#mobileApp-screens .carousel-indicators li {

    width: 12px;

    height: 12px;

    border-radius: 15px;

    background-color: #b7d1eb;

    margin-left: 10px;

    margin-right: 10px;

    cursor: pointer;

}



.carousel-indicators li::before,

.carousel-indicators li::after {

    position: absolute;

    top: -10px;

    left: 0;

    display: inline-block;

    width: 100%;

    height: 7px;

    content: "";

}



#mobileApp-screens .carousel-indicators .active {

    background-color: #3277cc;

}



#mobileApp-screens {

    transform: scale(1.1);

    top: 60px;

}



.carousel-fade .carousel-item {

 opacity: 0;

 transition-duration: .6s;

 transition-property: opacity;

}



.carousel-fade  .carousel-item.active,

.carousel-fade  .carousel-item-next.carousel-item-left,

.carousel-fade  .carousel-item-prev.carousel-item-right {

  opacity: 1;

}



.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-right {

 opacity: 0;

}



.carousel-fade  .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active,

.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-prev {

 transform: translateX(0);

 transform: translate3d(0, 0, 0);

}



#mobileApp-screens .carousel-inner {

    left: -150%;

    overflow: visible;

}



#mobileApp-screens .bg-item {

    background: url(../images/payments/app_screen/img_software_app_7.png) no-repeat top center;

    width: 260px;

    height: 100%;

    position: absolute;

    background-size: contain;

    z-index: -1;

    left: 20%;

}



#mobileApp-screens .bg-item-shadow {

    background: url(../images/payments/app_screen/img_software_app_8.png) no-repeat top center;

    width: 480px;

    height: 130%;

    position: absolute;

    background-size: contain;

    z-index: -2;

    left: -45%;

    top: -53px;

}



/*=== END PRODUCTS AND SERVICES PAGE ===========*/

/*=================================*/


/*=================================*/
/*=== PAYMENTS PAGE ===============*/
.payments .cta-text a,
.cta-contact-packages a {text-decoration: underline; transition: 0.25s color ease-in-out;}

.payments .cta-text a:hover,
.bsolutions .cta-contact-packages a:hover {
    color: #1976D2;
}

.payments .featured-key-image-100 img {
    width: 85px;
    height: auto;
}

.payments .featured-key-image-230-position img {
    width: 200px;
    top: 25px;
    position: relative;
}

.payments .featured-key-image-230-custom img {
    width: 290px;
    height: auto;
    top: -10px;
    position: relative;
    left: -20px;
}

.payments .featured-key-image-230-custom img.adjust {
    left: -22px;
}

.payments .featured-key-image-460 img {
    width: 260px;
    height: auto;
    position: relative;
}

.payments .featured-key-image-cloud img{
    max-width: none;
    width: 440%;
    position: relative;
    left: -95%;
    top: 0%;
}
.payments .featured-key-image-cloud.mobile{
    margin-top: -80px;
    margin-bottom: -50px;
    position: relative;
    left: 10%;
    z-index: -1;
}

.payments .featured-key-image-cloud.mobile img{
    width: 440%;
    position: relative;
    left: -95%;
    top: 0%;
}

.payments .featured-key-image-integration{
    position: relative;
}

.payments .featured-key-image-integration .gradient-line{
    background: linear-gradient(to right, #ffffff, #76eaf3, #7680f3, #f37f76, #f3d56a, #ffffff);
    width: 150%;
    height: 1px;
    left: -30%;
    position: absolute;
    top: -26%;
    z-index: -10;
}

.payments .featured-key-image-integration img.icon{
    position: relative;
    top: -30px;
}

.payments .featured-key-image-integration img.pos{
    position: absolute;
    left: -85%;
    width: 90%;
    top: -125%;
}

.payments .featured-key-image-integration img.fpad{
    position: absolute;
    right: -95%;
    width: 90%;
    top: -255%;
}

/*-- Mobile Element --*/

.payments .featured-key-image-integration.mobile{
    position: relative;
    height: 150px;
}

.payments .featured-key-image-integration.mobile .gradient-line{
    background: linear-gradient(to right, #ffffff, #76eaf3, #7680f3, #f37f76, #f3d56a, #ffffff);
    width: 150%;
    height: 1px;
    left: -30%;
    position: absolute;
    top: -95%;
    z-index: -10;
}

.payments .featured-key-image-integration.mobile img.pos{
    position: absolute;
    left: -30%;
    width: 70%;
    top: -125%;
}

.payments .featured-key-image-integration.mobile img.fpad{
    position: absolute;
    right: -38%;
    width: 70%;
    top: -150%;
}

.payments #management-portal .carousel-inner {
    overflow: visible;
}

.payments #management-portal .visual-container {
    display: block;
    margin-bottom: 20px;
}

.payments #management-portal .content-container {
    display: block;
    height: 150px;
}

.payments #management-portal .content-container h3{
    font-size: 1.3rem;
    line-height: 1.4em;
    color: #002C6D;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.payments #management-portal .content-container p{
    color: #7BA8BB;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.payments #management-portal img.mp1 {
    width: 120%;
    max-width: 120%;
    margin: auto;
    display: block;
    position: relative;
    left: -10%;
}



/*-- END Mobile Element --*/

#testimonial .btm-img,
#testimonial .left-img{
    width: 100%;
}

.holder1.shadow{
    border-radius: 15px;
    box-shadow: 0px 5px 30px #c9d9de;
}

.holder2.shadow{
    border-radius: 15px;
    box-shadow: 0px 5px 30px #c9d9de;
}

.payments .hardware-small-txt-area {
    padding-left: 20px;
}


#mobileApp-screens .carousel-indicators{
    bottom: -80px;
    width: 200px;
    left: -120%;
    transform: scale(0.8);
}

#mobileApp-screens .carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 15px;
    background-color: #b7d1eb;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}

.carousel-indicators li::before,
.carousel-indicators li::after {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 7px;
    content: "";
}

#mobileApp-screens .carousel-indicators .active {
    background-color: #3277cc;
}

#mobileApp-screens {
    transform: scale(1.1);
    top: 60px;
}

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

#mobileApp-screens .carousel-inner {
    left: -150%;
    overflow: visible;
}

/* #mobileApp-screens .bg-item {
    background: url(../images/payments/app_screen/img_software_app_7.png) no-repeat top center;
    width: 260px;
    height: 100%;
    position: absolute;
    background-size: contain;
    z-index: -1;
    left: 20%;
}

#mobileApp-screens .bg-item-shadow {
    background: url(../images/payments/app_screen/img_software_app_8.png) no-repeat top center;
    width: 480px;
    height: 130%;
    position: absolute;
    background-size: contain;
    z-index: -2;
    left: -45%;
    top: -53px;
} */

/*=== END PAYMENTS PAGE ===========*/
/*=================================*/

/*=================================*/
/*=== E-WALLET PAGE ===============*/

.ewallet .overview {
    height: 60em;
}

.ewallet .wallet-visual-group {
    /*position: relative;
    right: -5em;
    top: -2em;*/
    position: relative;
    right: -6em;
    top: 2em;
    transform: scale(1.2);
}

.ewallet .featured-key-image-main img{
    max-height: 880px;
}

.ewallet .featured-key-image-main img.layer-one{
    position: absolute;
    left:66px;
    top: 140px;
    z-index: 2;
    width: 325px;
    /* left: -70px; */
    opacity: 0;
}

.ewallet .featured-key-image-main img.layer-two{
    position: absolute;
    left:25px;
    top: 36px;
    width: 385px;
    z-index: 1;
    /* left: -15px;
    top: -50px; */
    opacity: 0;
}

.ewallet .featured-key-image-main img.layer-three{
    position: absolute;
}

.ewallet .customer-wallet-visual {
    position: relative;
    min-height: 40em;
}

.ewallet .customer-wallet-visual img{
    width: 272px;
    left: -3em;
    top: -5em;
}


.ewallet #walletApp.carousel-fade .carousel-item {
    position: absolute;
    left: 83px;
    top: 50px;
}

.ewallet .customer-wallet-visual img.layer-two{
    position: absolute;
    width: 360px;
    z-index: 1;
    left: 5px;
    top: -1px;
}

.ewallet .customer-wallet-visual img.layer-three{
    position: absolute;
}

.ewallet .main-message-txt {
    margin-top: 18em;
    padding-left: 4em;
}

.ewallet .main-message-txt img {
    width: 140px;
    position: relative;
    left: -1em;
}

.ewallet .featured-key-image-main {
    margin-top: 5em;
}

.ewallet.app-guide .nav-tabs {
    border: 0;
    width: 440px;
    box-shadow: 0px 7px 10px rgba(100,100,100,0.5);
    border-radius: 25px;
    z-index: 1;
    position: relative;
    background-color: #fce25f;
    margin: 0 auto;
    top: 1.6em;
    padding-left: 0;
}

.ewallet.app-guide .nav-tabs .nav-item:first-child {
    background-color: #fce25f;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.ewallet.app-guide .nav-tabs .nav-item:last-child {
    background-color: #fce25f;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.ewallet.app-guide .nav-tabs .nav-item {
    background-color: #fce25f;
}

.ewallet.app-guide .nav-tabs .nav-link {
    border: 0;
    color: #666666;
    padding: 1em 2.5em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, font-weight .25s ease-in-out;
}

.ewallet.app-guide .nav-tabs .nav-link:hover,
.ewallet.app-guide .nav-tabs .nav-link.active {
    background-color: transparent;
    border: 0;
    font-weight: bold;
    color: #002C60;
}

.ewallet .loyalty-prg .content img.icon {
    width: 70%;
    margin-bottom: 10%;
}

.ewallet .logo-columns ul {
    padding: 0;
}

.ewallet .logo-columns li {
    display: inline-flex;
    list-style: none;
    margin-right: 0px;
    margin-bottom: 20px;
}

#walletApp .carousel-inner {
    position: absolute;
    overflow: visible;
}

#walletApp .carousel-indicators{
    top: 660px;
    left: 70px;
    width: 200px;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
}

#walletApp .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 15px;
    background-color: #b7d1eb;
    margin-right: 10px;
    margin-left: 10px;
}

#walletApp .carousel-indicators .active {
    background-color: #3277cc;
}

#walletApp {
    transform: scale(1.1);
    top: -100px;
    left: -50px;
}

#walletApp .bg-item {
    background: url(../images/ewallet/wallet_app/img_phone.png) no-repeat top center;
    width: 550px;
    height: 700px;
    position: absolute;
    background-size: contain;
    z-index: -1;
    left: -56px;
    top: 6px;
}

/*=== END E-WALLET PAGE ===========*/
/*=================================*/

.middle-container-border {
    background: linear-gradient(to right, #76e9f3 20%, #a37fc6 , #f3d46a 80%);
    padding: 5px;
}

.aboutus section.merchants {
    margin-top: 0;
    margin-bottom: 0;
}

/*=====================================*/
/*=== Animated Elements ===============*/


/* Safari 4.0 - 8.0 */
@-webkit-keyframes circle-ewallet1 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

/* Standard syntax */
@keyframes circle-ewallet1 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* Safari 4.0 - 8.0 */
/*@-webkit-keyframes floatFX {
    0%   {left:40px; bottom: -120px;}
    25%  {left:37px; bottom: -118px;}
    50%  {left:39px; bottom: -121px;}
    75%  {left:43px; bottom: -124px;}
    100% {left:40px; bottom: -120px;}
}
*/
/* Standard syntax */
/*@keyframes floatFX {
    0%   {left:40px; bottom: -120px;}
    25%  {left:37px; bottom: -118px;}
    50%  {left:39px; bottom: -121px;}
    75%  {left:43px; bottom: -124px;}
    100% {left:40px; bottom: -120px;}
}*/

/* Safari 4.0 - 8.0 */
/*@-webkit-keyframes floatFXastro {
    0%   {left:20px; bottom: 350px;}
    25%  {left:22px; bottom: 355px;}
    50%  {left:20px; bottom: 353px;}
    75%  {left:18px; bottom: 355px;}
    100% {left:20px; bottom: 350px;}
}
*/
/* Standard syntax */
/*@keyframes floatFXastro {
    0%   {left:20px; bottom: 350px;}
    25%  {left:22px; bottom: 355px;}
    50%  {left:20px; bottom: 353px;}
    75%  {left:18px; bottom: 355px;}
    100% {left:20px; bottom: 350px;}
}*/

/* Safari 4.0 - 8.0 */
/*@-webkit-keyframes floatFXastrob {
    0%   {left:280px; bottom: 570px;}
    25%  {left:285px; bottom: 573px;}
    50%  {left:282px; bottom: 571px;}
    75%  {left:284px; bottom: 568px;}
    100% {left:280px; bottom: 570px;}
}*/

/* Standard syntax */
/*@keyframes floatFXastrob {
    0%   {left:280px; bottom: 570px;}
    25%  {left:285px; bottom: 573px;}
    50%  {left:282px; bottom: 571px;}
    75%  {left:284px; bottom: 568px;}
    100% {left:280px; bottom: 570px;}
}*/

/*=== END Animated Elements ===========*/
/*=====================================*/

/*=================================*/
/*=== Astronaut Footer ============*/
.astronaut-footer-nocable {
    z-index: 2;
    position: absolute;
    top: -110px;
    right: 10px;
    width: 70%;
}

.cable-holder {
    position: relative;
    /* width: 500px; */
    height: 100px;
    overflow: hidden;
    top: -100px;
    right: -267px;
}

.cable{
	position: absolute;
    top: 0;
    left: -70px;
    z-index: 1;
}
/*=== END Astronaut Footer ========*/
/*=================================*/

/*=================================*/
/*=== Signed Up Form ==============*/
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 0 !important;
}

#mc_embed_signup .mc-field-group {
    clear: left;
    position: relative;
    width: 100% !important;
    padding-bottom: 0 !important;
    min-height: 50px;
}

.lead-generation .email-input {
    width: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

#mc_embed_signup .mc-field-group input {
    display: block;
    width: 100%;
    padding: 8px 0;
    border-radius: 0;
    text-indent: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
    border: 1px solid #e85c41;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-radius: 0 !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    display: inline-block;
    margin: 2px 0 1em 0;
    padding: 5px 10px;
    background-color: rgba(255,255,255,0.85);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px !important;
    font-weight: normal;
    z-index: 1;
    color: #e85c41;
    font-family: "Nunito" !important;
}

#mc_embed_signup div.response {
    margin: 1em 0;
    padding: 1em .5em .5em 0;
    font-weight: bold;
    float: left;
    top: -1.5em;
    z-index: 1;
    width: 100% !important;
}

#mc_embed_signup #mce-success-response {
    color: #529214 !important;
    font-family: "Nunito" !important;
}

#mc_embed_signup input {
    border: 1px solid rgba(173, 195, 201, 0.5) !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#mc_embed_signup .mc-field-group input::placeholder {
    color: #7ba8bb !important;
}


.bgCoral{
	background-color: coral !important;
}

/*=== END Signed Up Form ==========*/
/*=================================*/