.main-slider {
    position: relative;
    display: block;
}

.main-slider .main-head h1 {
    font-family: Raleway-Light;
    font-size: 72px;
    color: #fff;
    line-height: 1;
}

.main-slider .main-para p {
    font-family: EncodeSans-Regular;
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
}

.main-slider .main-para span {
    font-family: EncodeSans-Regular;
    font-size: 18px;
    color: #4DD200;
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
    .main-slider .main-head {
        position: absolute;
        width: 90%;
        top: 11%;
        left: 7%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 7.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 787px) {
    .main-slider .main-head {
        position: absolute;
        width: 90%;
        top: 20%;
        left: 7%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 7.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1025px) {
    .main-slider .main-head {
        position: absolute;
        width: 90%;
        top: 25%;
        left: 7%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 7.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1440px) and (min-width: 1301px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 28%;
        left: 12%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 12.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1441px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 34%;
        left: 16%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 54%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 16%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1700px) and (min-width: 1600px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 34%;
        left: 18%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 54%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 18%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1701px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 34%;
        left: 20%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 54%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 42px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 20%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 13px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 1920px) and (min-width: 1801px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 22%;
        left: 22%;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 72px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 22.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 18px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 18px;
        color: #4DD200;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 1920px) {
    .main-slider .main-head {
        position: absolute;
        width: 50%;
        top: 22%;
        left: 23%;
        ;
    }
    .main-slider .main-para {
        position: absolute;
        width: 100%;
        top: 51%;
    }
    .main-slider .main-head h1 {
        font-family: Raleway-Light;
        font-size: 72px;
        color: #fff;
        line-height: 1;
    }
    .main-slider .main-para .blue-block {
        padding: 2% 8% 2% 23.5%;
        background: #00235E;
        border-radius: 0 25px 25px 0;
        width: 55%;
    }
    .main-slider .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 18px;
        color: #fff;
        line-height: 1.5;
    }
    .main-slider .main-para span {
        font-family: EncodeSans-Regular;
        font-size: 18px;
        color: #4DD200;
    }
}

.intro .intro-header h2 {
    font-family: EncodeSans-Light;
    font-size: 44px;
    color: #00235E;
    text-transform: capitalize;
}

.intro .intro-para p {
    font-family: EncodeSans-Regular;
    font: 18px;
    color: #1D263E;
}


/* Section Backgrounds */

.money-solutions {
    background-image: url(../img/money-solutions-bg.png);
    /* min-height: 400px; */
}

.kyc-solutions,
.pay-platform {
    background: #F1F0F6;
}

.swift-solutions {
    background: url(../img/swift-solutions-bg.png);
}

.apipay-solutions {
    background: url(../img/api-and-payment.png);
}

.core-process {
    background: url(../img/core-process-bg.png);
}

.kyc-solutions .customHeight{
    min-height: 200px;
}

.kyc-solutions .customHeight p{
    min-height: 58px;
}

.apipay-solutions .customHeight{
    min-height: 200px;
}

.apipay-solutions .customHeight p{
    min-height: 62px;
}

.pay-platform .customHeight{
    min-height: 200px;
}

.pay-platform .customHeight p{
    min-height: 62px;
}

.customHeight {
    min-height: 220px;
}

.customHeight h3 {
    min-height: 40px;
}

.customHeight p {
    min-height: 82px;
}

.customHeight2 {
    min-height: 276px;
}

.customHeight2 h3 {
    min-height: 70px;
}

.customHeight2 p {
    min-height: 100px;
}

.trusted {
    background: url(../img/trusted-bg.png);
}

.trusted .trustedHeader h2 {
    font-family: EncodeSans-Light;
    font-size: 44px;
    color: #FFFFFF;
}

.trusted .trustDiv h2 {
    font-family: EncodeSans-Light;
    font-size: 110px;
    color: #344154;
    line-height: 0.9;
    margin-top: 15px;
}

.trusted .trustDiv p {
    font-family: Raleway-Semibold;
    font-size: 24px;
    color: #fff;
}

.core-process .mainPanel,
.swift-solutions .mainPanel {
    background: #F1F0F6;
}

.mainPanel  .request-demo{
    width: 180px;
}

@media only screen and (max-width: 480px) and (min-width: 0px) {
    .main-slider {
        display: none;
    }
    .main-slider-mobile .main-head {
        position: absolute;
        width: 60%;
        top: 17.5%;
        left: 12%;
    }
    .main-slider-mobile .main-para {
        width: 100%;
        top: 43%;
    }
    .main-slider-mobile .main-head h1 {
        font-family: Raleway-Light;
        font-size: 24px;
        color: #fff;
        line-height: 1;
    }
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0%;
        background: #fff;
        width: 100%;
        padding: 20px;
        z-index: 999;
    }
    .main-slider-mobile .main-para p {
        font-family: EncodeSans-Regular;
        font-size: 16px;
    }
    .intro .intro-header h2 {
        font-family: EncodeSans-Regular;
        font-size: 24px;
    }
    .intro .intro-para p {
        font-family: Raleway-Medium;
        font-size: 14px;
    }
    .trusted .trustDiv h2 {
        font-size: 84px;
    }
}

.row-flex {
    display: flex;
    flex-wrap: wrap;
}