@import url('https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900&display=swap');
@import url('../../cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

/*header css*/
html {
    scroll-behavior: smooth;
}

body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

/* ---------------typogrphy---------------- */
h3 {
    font-size: 25px;
    color: #000f29;
    padding-bottom: 0.8em;
    font-family: Montserrat;
    font-weight: 700
}

/*.hidden_header{height:92px;}*/
header {
    position: fixed;
    z-index: 92;
    top: 0;
    left: 0;
    right: 0;
    background: transparent
}

header .container {
    position: relative;
}

header.header-shrink {
    box-shadow: 0px 10px 10px -12px rgb(0 0 0 / 10%);
    background: #fff;
}

/* -------------------------------mobile-nav-------------------------- */
.navbar-brand {
    position: relative;
    z-index: 1;
}

.navbar-brand img {
    height: 90px;
	border-radius: 50PX;
}

.navbar-expand-lg {
    position: absolute;
    right: 0px;
    width: 100%;
}

.navbar-light .navbar-toggler {
    position: absolute;
    right: 15px;
    top: 15px;
    border-radius: 0;
    margin: 0;
    z-index: 999;
}

.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    padding: 15px;
    text-align: left;
    border-bottom: #0f83b7 solid 1px;
    letter-spacing: 1px;
    font-family: Muli;
}

.nav-fill .nav-item .contact:before {
    top: 0;
    bottom: 0;
}

.navbar-collapse {
    background: #066e9c;
    /* overflow: auto; */
    position: fixed;
    top: 0px;
    right: -300px;
    height: 100vh;
    width: 300px;
    padding: 115px 0 15px;
    transition: all 0.3s;
    z-index: 99;
}

/* ---------------------end------------------- */
/* .header-shrink .navbar-collapse {
padding-top: 75px;
} */
.navbar-toggler[aria-expanded="false"] .navbar-close-icon {
    display: none;
}

.navbar-toggler[aria-expanded="true"] .navbar-close-icon {
    display: block;
    min-width: 27px;
    padding: 5px 5px 3px;
    fill: #fff;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    display: none;
}

.collapse.show {
    right: 0;
}

.map:after {
    height: 98px;
}

.navbar-brand {
    margin: 0 10px 10px
}

.dropdown-menu .border-right {
    border-right: 0 !important;
}

.dropdown-menu.megamenu {
    padding: 14px 28px !important;
}

.megamenu h6 {
    color: #ffffff;
}

.megamenu .dropdown-item {
    color: #fff
}

.dropdown-menu .border-right.mb-4 {
    margin-bottom: 0 !important
}

.nav-fill .nav-item.login:before {
    top: 5px;
}

.navbar-light .navbar-nav .active .nav-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 39px;
    height: 5px;
    width: 100%;
    border-top: 2px solid #39c05b;
}

.header-shrink .nav-link {
    padding-top: 21px;
    padding-bottom: 21px;
}

.header-shrink .nav-item.active .nav-link {
    color: #000
}

.header-shrink .nav-fill .nav-item .login:before {
    top: 11px;
    bottom: 11px;
}

.nav-fill .nav-item.login {
    color: #fff !important;
    position: relative;
    z-index: 1;
    text-align: center;
    display: block;
}

.nav-fill .nav-item.login.active:before {
    border-bottom: 0;
}

.nav-fill .nav-item.login:before {
    background: #39c05b;
    content: '';
    position: absolute;
    left: 5px;
    right: 5px;
    top: 10px;
    bottom: 25px;
    z-index: -1;
    border-radius: 22px;
    padding: 17px;
}

.nav-fill .nav-item.login a {
    color: #fff
}

.nav-fill .nav-item.login.join a {
    color: #fff
}

.navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link .login:focus {
    color: #fff
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #fff;
}

.header-shrink .navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
    color: #000;
}

.nav-link {
    padding: 18px 0;
    display: inline-block;
}

.nav-fill .nav-item.login.join:before {
    background: #002647;
}

.navbar-light .navbar-nav .login.join .active a::after {
    border-bottom: 2px solid #72e387;
    bottom: 2px;
    content: " ";
    left: 0;
    position: absolute;
    right: 0;
}

header.header-shrink nav ul.navbar-nav li a.active {
    color: #000
}

/*menu dropdown*/
.header-shrink .sm-menu {
    top: 100%;
}

/* .dropdown:hover>.dropdown-menu {
display: block;
max-height: 100vh;
padding: 18px 30px;
border: 3px solid #f1f4f7;
} */
.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.dropdown-menu ul {
    margin: 0px;
    padding: 0;
}

.dropdown-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    background: none;
    transition: 0.3s;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #68a958;
    text-decoration: none;
    padding-left: 5px;
    background: none;
}

.sm-menu {
    border-radius: 0px;
    border: 0px;
    top: 76%;
    box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}

.navbar-expand-lg .dropdown-menu {
    color: #3c3c3c;
    font-size: 13px;
    padding: 5px 12px;
    min-width: 172px;
    border-radius: 18px;
}

.navbar-expand-lg .dropdown-item {
    border-bottom: 0;
    font-size: 11px;
    padding: 5px 0
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.navbar-light .navbar-nav .active .dropdown-menu a::after {
    border: 0;
}

.navbar-toggler {
    outline: none !important;
}

.navbar-tog {
    color: #1ebdc2;
}

.megamenu-li {
    position: relative;
}

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;   
}

.megamenu h5 {
    font-size: 12px;
    color: #5eb3f6;
    margin-bottom: 0;
    margin-top: 14px;
}

.megamenu h5 a {
    font-size: 12px;
    color: #5eb3f6;
}

.megamenu h5 a:hover{
	color: #000;
}

.megamenu h4{
    font-size: 12px;
    color: #5eb3f6;
    margin-bottom: 0;
    margin-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
}

.megamenu h4 a {
    font-size: 12px;
    color: #5eb3f6;
	display: block;
}

.megamenu h4 a:hover{
	color: #000;
}

.dropdown-menu.megamenu {
    padding: 20px;
    border: 3px solid #f1f4f7;
}

.megamenu .dropdown-item {
    padding: 2px;
}

.megamenu h6 {
    color: #000f29;
    font-weight: 700;
    margin-bottom: 0;
}

/* scrollbar */
.megamenu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.megamenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.megamenu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.megamenu::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
}



/*banner css*/
.banner {
    padding-top: 10px;
    /*position:absolute*/
    display: flex;
    background: url(../images/banner-bg.png) bottom right no-repeat #ffffff;
    background-size: cover;
    min-height: 700px;
    width: 100%;
    top: 0;
}

/* .banner-text {
    margin-top: 8em;
} */

.green-text {
    color: #72e387;
    font-size: 14px;
    background: #001e3c;
    border-radius: 25px;
    padding: 10px;
    width: 155px;
    text-align: center;
    font-weight: 100;
}

.banner-text h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    font-family: Montserrat;
}

.banner-text p {
    color: #fff;
    font-size: 14px;
}

.read-btn a {
    background: #001b38;
    padding: 9px 14px;
    color: #0084bf;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    display: inline-block;
    float: left;
    margin-right: 15px;
    border-radius: 44px;
}

.read-btn.service-btn a {
    background: transparent;
    color: #3bc65e;
    float: left;
    margin-right: 20px;
}

.banner-text .arrow {
    color: #fff;
    margin-left: 10px;
}

.read-btn a:hover {
    background: #3bc65e;
    color: #fff
}

.banner-slide {
    margin-top: 4em;
}

.banner-slide img {
    width: 500px;
}

.carousel {
    display: none;
}

.service {
    margin-top: -5em;
    padding: 0 0 2rem
}

section {
    padding: 3em 0;
}

.heading_main {
    margin-bottom: 1rem;
    font-family: Montserrat;
    position: relative;
}

.heading {
    font-family: Montserrat;
    font-size: 35px;
    color: #0e1032;
    font-weight: 700;
    margin-bottom: 0.4rem;
    letter-spacing: -1px;
}

.service p {
    font-size: 14px;
    color: #000f29;
    font-family: Muli;
}

.service h5 {
    font-size: 14px;
    background: #e7f4fe;
    border-radius: 25px;
    padding: 8px 7px;
    text-align: center;
    font-weight: 700;
    color: #5eb3f6;
    margin-bottom: 0;
}

.service-single {
    transition: all 0.6s ease-out 0s;
}

.service-single:hover {
    transform: translateY(-10px);
}

.service-icon {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.service-info h4 {
    font-size: 16px;
    color: #000f29;
    margin-bottom: 7px;
    font-family: 'Muli';
    font-weight: 700;
}

.service-single p {
    padding: 0;
    color: #46586a;
    font-size: 12px;
    font-weight: 700;
    font-family: Muli;
}

.service-icon img {
    position: absolute;
    left: 16px;
    z-index: 9;
}

.logo-hex {
    width: 54px;
    height: 32px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #dfeffb;
}

.logo-hex:before {
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
}

.logo-hex:after {
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -o-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.logo-hex:before,
.logo-hex:after {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background-color: inherit;
    content: '';
}

.logo-hex:hover {
    background-color: #5eb3f6;
}

.logo-hex figure {
    width: 27px;
    height: 27px;
    position: absolute;
    left: 14px;
    z-index: 9;
    top: 2px;
}

.logo-hex figure.money-trans {
    background: url('../images/money-transfer.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.money-trans:hover,
.logo-hex:hover>figure.money-trans {
    background-image: url('../images/money-transfer2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.aadhar {
    background: url('../images/aadhar-banking.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.aadhar:hover,
.logo-hex:hover>figure.aadhar {
    background-image: url('../images/aadhaar-banking2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.mini-atm {
    background: url('../images/min-atm.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.mini-atm:hover,
.logo-hex:hover>figure.mini-atm {
    background-image: url('../images/mini-atm2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.digital-payment {
    background: url('../images/digital-payment.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.digital-payment:hover,
.logo-hex:hover>figure.digital-payment {
    background-image: url('../images/digital-payment2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.utility-payments {
    background: url('../images/utility-payments.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.utility-payments:hover,
.logo-hex:hover>figure.utility-payments {
    background-image: url('../images/utility-payment2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.travel {
    background: url('../images/travel.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.travel:hover,
.logo-hex:hover>figure.travel {
    background-image: url('../images/travel2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.insurance {
    background: url('../images/insurance1.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.insurance:hover,
.logo-hex:hover>figure.insurance {
    background-image: url('../images/insurance2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.cms {
    background: url('../images/cms1.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.cms:hover,
.logo-hex:hover>figure.cms {
    background-image: url('../images/cms2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.pan {
    background: url('../images/pan-card1.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.pan:hover,
.logo-hex:hover>figure.pan {
    background-image: url('../images/pan-card2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.itr {
    background: url('../images/itr-fill.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.itr:hover,
.logo-hex:hover>figure.itr {
    background-image: url('../images/itr-filling2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.tools {
    background: url('../images/tools.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.tools:hover,
.logo-hex:hover>figure.tools {
    background-image: url('../images/tools2.png');
    background-repeat: no-repeat;
}

.logo-hex figure.prebuilt {
    background: url('../images/prebuilt.png') no-repeat;
    background-size: contain;
    background-position: top center;
}

.logo-hex figure.prebuilt:hover,
.logo-hex:hover>figure.prebuilt {
    background-image: url('../images/prebuilt2.png');
    background-repeat: no-repeat;
}

.see-more {
    background: #e5f2f8;
    padding: 30px;
    border-radius: 10px;
}

.see-more a {
    color: #5eb3f6;
    font-weight: 600;
}

/*map css*/
.map {
    background: url(../images/map-bg.png) no-repeat top left;
    position: relative;
    z-index: 1;
    background-size: 70%;
    background-color: #000c1d;
}

.map h3 {
    color: #fff;
}

.map:before {
    background: rgb(0 13 27 / 88%);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.map:after {
    background: url(../images/bottom-shape.png) center bottom no-repeat;
    content: '';
    height: 30px;
    position: absolute;
    width: 100%;
    background-size: 100%;
    bottom: -23px;
}

.banner-text.map-text {
    margin-top: 2em;
}

.counter {
    margin-top: 2em;
    padding-left: 15px;
}

.counter h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 22px;
}

.count-text {
    color: #fff
}

.counter p{
    font-size: 14px;
}

.counter.blue h2 {
    margin-bottom: 0;
    color: #5eb3f6;
    font-size: 22px;
}

.count-text {
    color: #fff
}

.count-text.blue {
    color: #5eb3f6;
}

.bgeen h2:before {
    content: "";
    display: block;
    padding-top: 24px;
    border-left: 3px solid #68a958;
    transition: .5s;
    position: absolute;
    left: 15px;
}

.bblue h2:before {
    content: "";
    display: block;
    padding-top: 24px;
    border-left: 3px solid #fff;
    transition: .5s;
    position: absolute;
    left: 15px;
}

/*api css*/
.api {
    background: #f6f9fc;
}

.api:after {
    background: url(../images/api-bottom.png) center bottom no-repeat;
    content: '';
    height: 90px;
    position: absolute;
    width: 100%;
    background-size: cover;
}

.api .banner-text p {
    color: #000f29;
}

.see-doc {
    background: #5eb3f6;
    padding: 14px 29px;
    border-radius: 24px;
}

.see-doc a {
    color: #fff
}

.see-doc:hover {
    background: #002647;
}

.api .service-single p {
    padding-right: 3em;
}

.api .service-single p a {
    color: #3bc65e;
    font-size: 14px;
    margin-bottom: 0;
}

.blue-text {
    color: #5eb3f6;
    font-size: 14px;
    background: #dfeffb;
    border-radius: 25px;
    padding: 10px;
    text-align: center;
    font-weight: 500;
    display: inline-block;
}

.iframe-container {
    display: none;
}

/*partner css*/
.partner {
    padding-bottom: 50px;
    padding-top: 5em;
}

;

.partner-text {
    margin-top: 5em;
}

.slider {
    margin: 45px auto;
}

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

.slick-slide img {
    width: auto;
    padding: 0 30px 54px 30px;
}

.slick-slide img:first-child {
    padding-left: 0
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
}

/*journey css*/
.journey {
    background: url(../images/journey-bg.png)no-repeat top;
    padding-bottom: 6em;
    position: relative;
    background-size: cover;
}

.journey-text {
    margin-top: 5em;
}

.journey:after {
    background: url(../images/contact-top.png) center bottom no-repeat;
    content: '';
    height: 44px;
    position: absolute;
    width: 100%;
    background-size: cover;
    bottom: 0;
}

/*contact*/
.contact {
    background: #001021;
    padding-bottom: 5em;
}

.contact h3 {
    color: #fff;
}

.contact-text {
    margin-top: 0;
}

.contact-text img {
    margin-top: 6em
}

.contact:before {
    background: url(../images/contact-left.png) no-repeat bottom left;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 449px;
}

.contact.reachus:before {
    background: url(../images/contact-right.png) no-repeat bottom right;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 449px;
    background-size: 25%;
}

.reachus {
    background-color: #f6f9fc
}

.form-contact {
    width: 100%
}

.form-contact .group {
    position: relative;
    margin-bottom: 20px;
}

.form-contact input {
    font-size: 15px;
    padding: 10px 10px 10px 35px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #77838f;
    background: transparent;
    color: #495057;
    margin-bottom: 10px;
}

.form-contact select {
    font-size: 15px;
    padding: 10px 10px 10px 24px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #77838f;
    background: transparent;
    color: #999;
}

.form-contact input:focus {
    outline: none;
    box-shadow: none !important;
}

.form-contact select:focus {
    outline: none;
    box-shadow: none !important;
}

.form-contact label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 35px;
    top: 12px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.form-contact input:focus~label {
    top: -15px;
    font-size: 14px;
    color: #5264AE;
}

.form-control.valid~label {
    top: -15px;
    font-size: 14px;
    color: #5264AE;
}

.form-control.error~label {
    top: -15px;
    font-size: 14px;
    color: #5264AE;
}

.input-icon {
    position: absolute;
    top: 12px;
    left: 10px;
    font-size: 17px;
    color: #707679;
}

.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before,
.bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #fff;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bar:before {
    left: 50%
}

.bar:after {
    right: 50%;
}

.form-contact input:focus~.bar:before,
input:focus~.bar:after {
    width: 50%;
}


.button {
    background: #5eb3f6;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #ccc;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #ccc;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #ccc;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/*-- footer --*/
footer {
    background: #f6f9fc;
    background-size: contain;
    padding-top: 3em;
    padding-bottom: 1em;
    letter-spacing: .5px;
}

.f_heading {
    color: #46586a;
    font-size: 15px;
    font-family: Montserrat;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative;
}

.f_heading.f_heading2 {
    margin-top: 3em;
}

.f_heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -11px;
    height: 2px;
    width: 50px;
    background: #68a958;
}

.footer-grids p,
.footer-grids p a {
    font-size: 12px;
    color: #858695;
    margin-bottom: 0;
}

.footer-grids ul {
    margin: 0px;
    padding: 0;
}

.address-widget li i {
    margin-top: 6px;
    color: #858695;
}

.footer-grids ul li a {
    font-size: 13px;
    color: #858695;
    font-weight: normal;
    letter-spacing: 0.5px;
}

.footer-grids ul li {
    list-style-type: none;
    margin-bottom: 4px;
}

.footer-grids ul li:last-child {
    margin-bottom: 0;
}

.footer-grids input[type="email"] {
    background: #ffffff;
    box-shadow: none;
    padding: 12px 15px;
    color: #999aa7;
    font-size: 14px;
    border: 1px solid #ccc;
    letter-spacing: 0.5px;
    outline: none;
    border-radius: 30px;
    width: 55%;
}

.footer-grids button.btn {
    background: #ffffff;
    color: #5fb3f6;
    font-size: 14px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 11px 24px;
    border-radius: 30px;
    position: absolute;
    right: 16em;
    border: 2px solid #5fb3f6;
}

.copyright {
    padding: 1.2rem 0;
    background: #f6f9fc;
    color: #858695;
    font-size: 13px;
    letter-spacing: .5px;
}

.copyright a {
    color: #878787;
    margin-left: 2em;
}

.copyright a:hover {
    color: #0077ac;
}

.social-icon {
    margin-top: 25px;
}

.social-icon a {
    font-size: 22px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #d8d9da;
    display: inline-block;
    text-align: center;
}

.social-icon a:first-child {
    margin-left: 0;
}

.social-icon a:hover {
    color: #0077ac;
}

.copyright p {
    font-size: 11px;
    color: #46586a
}

.copyright a {
    float: right;
}

/*-- //footer --*/
/*banner inner css*/
.banner-inner {
    padding-top: 10px;
    display: flex;
    background: url(../images/banner-inner.png) bottom center no-repeat #ffffff;
    background-size: cover;
    min-height: 921px;
    width: 100%;
    top: 0;
}

/*.banner-inner .banner-text p {
padding-right: 15em;
}
*/
.banner-inner .service-info h4 {
    color: #fff
}

.banner-inner .logo-hex figure.domestic {
    background-image: url('../images/domestic2.png');
    width: 20px;
    height: 27px;
    position: absolute;
    left: 17px;
    z-index: 9;
    top: 3px;
}

.banner-inner .logo-hex figure.domestic:hover,
.logo-hex:hover>figure.domestic {
    background-image: url('../images/domestic1.png');
    background-repeat: no-repeat;
}

.banner-inner .logo-hex {
    background-color: #5eb3f6
}

.banner-inner .logo-hex:hover {
    background-color: #dfeffb;
}

.banner-inner .service-single {
    margin-top: 40px;
}

.banner-inner .banner-text h2 {
    font-size: 40px;
}

.green-text.blue-txt {
    color: #7adbf0;
}

/*-features-*/
.features-sec {
    padding-top: 0;
    /*background:#000f29;*/
    margin-top: -10em;
    position: relative;
}

.features {
    width: 100%;
    border-radius: 10px;
    box-shadow: rgb(104 184 247) 0px 2px 5px;
    padding: 35px;
    margin-bottom: 14px;
}

.features p {
    font-size: 18px;
    color: #000f29;
    padding: 0 31rem 0 0;
    font-family: Muli;
    font-weight: 700;
}

.features figure.f-img:hover,
.features:hover>figure.f-img {
    background-image: url('../images/features-hover.png');
    background-repeat: no-repeat;
}

.features.feature-last {
    width: 39%;
}

/*-recharge api-*/
.recharge-api {
    padding-bottom: 5em;
}

.recharge-box {
    box-shadow: rgb(149 157 165 / 20%) 0px 8px 24px;
    border-radius: 20px;
    padding: 30px 7em 2em 2em;
    width: 82%;
}

.recharge-box h3 {
    font-size: 19px;
    font-weight: 700;
    color: #000;
}

.recharge-box p {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

.recharge-api img {
    float: right;
}

/*inner-contact*/
.recharge-api:after {
    background: url(../images/contact-bg.png) right bottom no-repeat;
    content: '';
    height: 112px;
    position: absolute;
    width: 100%;
    background-size: 100%;
}

.contact-r {
    margin-top: 3em;
}

.contact.contact-r:before {
    background: none;
}

/*about css*/
/*.banner-inner.about {
height: 95vh
}
*/
.about-sec {
    border-radius: 10px;
    box-shadow: rgb(104 184 247) 0px 2px 5px;
    padding: 20px;
    transition: all 0.6s ease-out 0s;
}

.about-sec:hover {
    transform: translateY(-10px);
}

.about-sec p {
    padding: 0
}

.about-sec h4 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 20px;
}

.Pay To Recharge-journey.journey:after {
    background: none;
}

.partner.about-partner {
    padding-top: 3em;
}

.service.about-service {
    padding-top: 0;
}

/*--benefits-*/
.custom-counter {
    list-style: none;
    counter-reset: line;
}

.custom-counter li {
    counter-increment: step-counter;
    position: relative;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #000f29;
}

.custom-counter li::before {
    position: absolute;
    left: -2.25em;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 0.5em;
    background-color: #5eb3f6;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.25em;
    counter-increment: line;
    font-weight: bold;
    content: counter(step-counter)'.';
}

/*-term-*/
.term {
    padding-top: 10px;
    display: flex;
    background: url(../images/term-banner.png) bottom right no-repeat #ffffff;
    background-size: cover;
    height: 75vh;
    width: 100%;
    top: 0;
    padding-top: 11rem
}

.investor_se {
    padding-top: 10px;
    display: flex;
    background: url(../images/term-banner.png) bottom right no-repeat #ecf4fc;
    background-size: cover;
    height: 75vh;
    width: 100%;
    top: 0;
    padding-top: 11rem
}

.term-txt h4 {
    color: #000f29;
    font-size: 27px;
    font-weight: 700;
    font-family: 'Montserrat';
}

#accordion {
    width: 100%;
    margin-top: 2em;
}

#accordion .card {
    margin-bottom: 1em;
}

#accordion .card-header {
    background-color: transparent;
    border-radius: 0 !important;
    border-bottom: 1px solid #ebebeb;
}

.faq-section .mb-0>a {
    display: block;
    position: relative;
}

.card-header h5 a {
    width: 100%;
    float: left;
    color: #002647;
    font-family: 'Montserrat';
    font-size: 17px;
}

.faq-section .mb-0>a:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0;
    font-weight: 600;
}

.faq-section .mb-0>a[aria-expanded="true"]:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.reachus h3 {
    padding-right: 10em;
}

.part-img {
    text-align: center;
    margin: 1em 0;
    border: 1px solid #f6f6f6;
    padding: 9px;
}

/* .part-img img {
    max-height: 34px;
} */

/*--services page css--*/
.banner-inner.benefit {
    background: url(../images/service-bg.png)right no-repeat;
    background-color: #000f29;
    background-size: 62%;
}

.banner-inner.benefit .banner-slide img {
    width: auto;
}

.iphone {
    text-align: center;
}

.iphone img {
    width: 212px;
}

.blue-box {
    background-color: #00153a;
    display: inline-flex;
    padding: 30px;
    border-radius: 14px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #fff;
    width: 100%;
}

.blue-box:hover {
    background-color: #133052
}

.blue-box figure.f-img {
    background-image: url(../images/tic.png);
    width: 18px;
    height: 19px;
    padding-right: 30px;
    background-repeat: no-repeat;
    margin: 0;
}

.blue-box:hover figure.f-img {
    background-image: url(../images/tic-hover.png);
}

.iphone p {
    font-family: Montserrat;
    font-size: 17px;
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 65px;
    right: 0;
}

.iphone h2 {
    font-family: Montserrat;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 96px;
    font-weight: 700;
    right: 0
}

.heading_main h1 {
    color: #fff;
    font-size: 24px;
    font-family: 'Montserrat';
    margin-bottom: 45px;
}

/*.features-sec:after{background-color:#000;position:absolute;height:calc(100% - 100px);content:"";}*/
.features-sec:before {
    background: #000f29;
    position: absolute;
    height: 100%;
    content: "";
    width: 100%;
    z-index: -1;
}

.wide-menu {
    column-count: 3;
    column-gap: 10px;
}

.banner.coming-soon h2 {
    font-size: 60px;
}

.banner.coming-soon .banner-text {
    margin-top: 15em;
}

.error {
    font-weight: bold;
    color: #f00;
}

.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);
}

.breadcrumb {
    background: #001e3c;
    border-radius: 25px;
    padding: 10px 20px;
    text-align: center;
    display: inline-block;
    font-family: 'Montserrat' !important;
}

.breadcrumb .breadcrumb-item {
    color: #7adbf0;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat' !important;
}

.breadcrumb .breadcrumb-item.active {
    color: #72e387;
}

.journy-wrap {
    max-width: 1200px;

    animation: journey-animation infinite 15s linear;

}

.journy-wrap::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
    cursor: pointer;

}

.journy-wrap::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
    height: 5px;
    cursor: pointer;
}

.journy-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #002647;
}



.css-nmvfuy {
    height: 500px;
    overflow: hidden;
}

.css-nmvfuy .row {
    height: 500px;
    animation: animation-101715o infinite 10s linear;

}


@keyframes journey-animation {
    from {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -ms-transform: translateX(20%);
        transform: translateX(20%);
    }

    to {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes animation-101715o {
    from {
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        transform: translateY(20%);
    }

    to {
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

/* ==team css== */
.team {
    background: #000D25;
    padding-top: 10px;
    display: flex;
    width: 100%;
    top: 0;
    padding-top: 11rem;
}

.team h2 {
    color: #0077AC;
    font-size: 50px;
    font-weight: 700;
    font-family: Montserrat;
}

.team h2 span {
    color: #fff
}

.team p {
    color: #FFFFFF;
    font-size: 20px;
    padding: 0 5rem;
    line-height: 31px;
}

.full-width-container {
    transition: height 0.2s;
    width: 100%;
    /* height: 400px; */
    margin: 0 auto;
}

.full-width-container.-expand {
    height: auto;
}

.btn-close {
    display: none;
}

.btn-read-more,
.btn-close {
    background: #429AC2;
    box-shadow: inset 0px 0px 6px #FFFFFF29;
    border-radius: 24px;
    font-size: 15px;
    padding: 9px 27px;
    font-family: Montserrat;
}

.expanding-blocks {
    width: 100%;
    height: 100%;
    display: flex;
}

.expanding-block {
    position: relative;
    will-change: width, height;
    transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1), height 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    width: 385px;
   /* height: 510px;*/
    background: #001833;
    border-radius: 25px;
    padding: 25px;
    margin: 0 10px;
}

.expanding-block.-expand {
    width: 100%;
    height: 100%;
    background: #0077AC;
}

.expanding-block.-expand .block-content {
    width: 100%;
    margin: 0 auto;
    -webkit-animation: show_content 0.2s forwards 0.6s;
    animation: show_content 0.2s forwards 0.6s;
    opacity: 0;
    display: block;
}

.expanding-block .team-box {
    display: block;
}

.expanding-block.-expand .team-box {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    /* flex-wrap:nowrap; */
}

.expanding-block.-expand .team-box .team-profile-wrap {
    display: block;
}

.expanding-block.-expand .profile-wrap {
    display: none;
}

.team-profile-wrap {
    display: none;
}

.expanding-block.-expand .team-box .team-img img {
    width: auto;
    margin-right: 20px;
}

.expanding-block.-expand .btn-close {
    display: inline-block;
}

.expanding-block.-expand .btn-read-more {
    display: none;
}

.expanding-block.-contract {
    transition: width 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    display: none;
    /* width: 0;
    padding: 0; */
}

.expanding-block.-contract .block-content-container {
    display: none;
}

.block-content {
    display: none;
}

.block-content-icon {
    display: block;
    margin: 30px auto 0;
    width: 50px;
    height: 50px;
    background: url("http://lorempixel.com/100/100/abstract/") no-repeat center;
    border-radius: 50%;
}

.block-content-intro {
    width: 100%;
}

.team-box .team-img img {
    width: 140px;
    border-radius: 10px;
}

.team-box h2 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 16px;
}

.expanding-block.-expand .team-box h2 {
    color: #fff;
}

.team-box p {
    font-size: 15px;
    padding: 0;
    line-height: normal;
}

.team-content p {
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
}

ul.social-icons {
    list-style: none;
    margin-left: -2.5rem;
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

ul.social-icons li a {
    color: #4B4B4B;
    background: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.expanding-block.-expand ul.social-icons {
    margin-left: 2.5rem;
}

@-webkit-keyframes show_content {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show_content {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* ==Investment css== */

.banner-inner.investment-banner {
    background-image:  url(../images/banner-inner.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
    position: relative;

}



.investment-section .row {
    gap: 32px;
}

.investment-section .invest-box {
    width: calc(100% - 96px);
    max-width: 100%;
    padding: 20px;
    border-radius: 17px;
    background-color: #0077ac;
    position: relative;
}

.investment-section .invest-box:hover {
    background-color: rgba(86, 169, 206, 1);
}


.investment-section .invest-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 100% 0%;
}

.investment-section .invest-box.item-1::before {
    background-image: url(../images/investment/finance_bd.svg);
}

.investment-section .invest-box.item-2::before {
    background-image: url(../images/investment/bd_share.svg);
}

.investment-section .invest-box.item-3::before {
    background-image: url(../images/investment/annual_bd.svg);
}

.investment-section .invest-box.item-4::before {
    background-image: url(../images/investment/annual_returnbd.svg);
}

.investment-section .invest-box.item-5::before {
    background-image: url(../images/investment/cgp_bd.svg);
}

.investment-section .invest-box.item-6::before {
    background-image: url(../images/investment/ca_bd.svg);
}

.investment-section .invest-box.item-7::before {
    background-image: url(../images/investment/investor_bd.svg);
}

.investment-section .invest-box.item-8::before {
    background-image: url(../images/investment/news_ad_bd.svg);
}

.investment-section .invest-box.item-9::before {
    background-image: url(../images/investment/meterial_bd.svg);
}

.investment-section .invest-box.item-10::before {
    background-image: url(../images/investment/sdv_bd.svg);
}

.investment-section .invest-box .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    border-radius: 25px;
    background-color: rgba(245,245,245, 0.3);
}

.investment-section .invest-box .content h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.investment-section .invest-box .content h5 .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    min-width: 35px;
    height: 35px;
    border-radius: 10px;
    background-color: rgba(186, 218, 232, 1);
    color: #000;
    font-size: 12px;
    z-index: 9;
}

p {
    font-size: 16px;
    font-style: italic;
}

.investors_blks_full{
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    border-radius: 17px;
    width: 100%;
	padding: 25px;
}

.investors_blks_full p{
    font-style: normal;
}

.investors_blks h3, .investors_blks_full h3{
    margin: 0;
    padding: 0;
    color: #0077ac;
    font-size: 24px;
    padding-bottom: 15px;
    font-family: Montserrat;
    text-align: center;
    border-bottom: 1px solid #e5e8e5;
    margin-bottom: 15px;
	}
	
@media (min-width: 768px) {
    .banner-inner.investment-banner {
        background-image: url(../images/investment/investor.png), url(../images/banner-inner.png);
        background-position: 100% 35%,bottom center;
        background-size: 55%, cover;
    
    }

    .investment-section .invest-box {
        width: calc((100% - 90px) / 2);
    }
}


@media (min-width: 1200px) {

    .investment-section .invest-box {
        width: calc((100% - 90px) / 3);
    }
}


@media (min-width: 1600px) {

    .investment-section .invest-box {
        width: calc((100% - 96px) / 4);
    }
}


/*------------   invest detail   -----------------*/
.investdetail-section {
    padding-bottom: 50px;
    background: #ecf4fc;
}

.investdetail-section .nav {
list-style: none;
display: block;
 margin: 0;
 padding: 20px 16px;
 width: 320px;
 box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
border-radius: 17px;
background-color: #fff;
}

.investdetail-section .nav a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    padding-right: 25px;
    border-radius: 10px;
    color: #333;
}

.investdetail-section .nav a .icon {
    content: '';
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background-color: rgba(245, 245, 245, 0.3);
    background-position: center;
    background-repeat: no-repeat;
}

.investdetail-section .nav a .icon path {
    fill: #000;
}

.investdetail-section .nav a.active .icon path {
    fill: #fff;
}

.investdetail-section .nav a::after {
    content: "\f061";
    font: normal normal normal 14px/1 fontawesome;
    position: absolute;
    display: block;
    top: 50%;
    right: 12px;
    font-size: 12px;
    color: inherit;
    transform: translateY(-50%);
}

.investdetail-section .nav a.active {
    background-color: #0077ac;
    color: #fff;
}



.tab-content {
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    border-radius: 17px;
    width: 100%;
}

.tab-content>*,.tab-content>*.active {
    padding: 25px;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.d_flex{
	display: flex;
}

.pdf-file {
    margin-bottom: 5px;
    display: inline-block;
    align-items: center;
    padding: 20px 15px;
    border-radius: 10px;
    gap: 10px;
    background-color: rgba(238, 242, 247, 1);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.pdf-file h6 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 0;
}

.pdf-file h6 span {
    font-size: 13px;
    color: rgba(0, 0, 0, .5);
}

@media (max-width: 992px) {
    .investdetail-section .nav {
         width: 100%;
        }
}

@media (max-width: 768px) {
    .pdf-file {
        width: 100%;
    }
}
.captcha-input {
	background:url(../php-captcha/captchaImageSource.jpg) repeat-y left center !important;
    padding-left: 85px !important;
}