@font-face {
    font-family: Poppins-Regular;
    src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: Poppins-Bold;
    src: url('../fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: Poppins-SemiBold;
    src: url('../fonts/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: Poppins-Medium;
    src: url('../fonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: Proxima-Bold;
    src: url('../fonts/Proxima-Nova-Bold.otf');
}
@font-face {
    font-family: Proxima-Regular;
    src: url('../fonts/ProximaNova-Regular.otf');
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: Poppins-Regular,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5{
    font-family: Poppins-Bold,Helvetica,Arial,sans-serif;
}
p{
    font-family: Poppins-Regular,Helvetica,Arial,sans-serif;
}
label, span, ul, li, input{
    font-family: Poppins-Regular,Helvetica,Arial,sans-serif;
}
a{
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: none;
}
input{
    outline: none;
}
table{
    width: 100%!important;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.grid-content-most ul:before, .secure-product .grid-secure-content ul:before,
.grid-content-most ul:after, .secure-product .grid-secure-content ul:after,
.container-content:before,
.container-content:after {
    content: " ";
    display: table;
}
.wrapper {
    position: relative;
    overflow: hidden;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.grid-content-most ul:after, .secure-product .grid-secure-content ul:after,
.cotainer-content:after {
    clear: both;
}
.container{
    padding: 0;
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
      color: #a8b2c7;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
     color: #a8b2c7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
     color: #a8b2c7;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
     color: #a8b2c7;
}
::-ms-input-placeholder { /* Microsoft Edge */
     color: #a8b2c7;
}
::placeholder { /* Most modern browsers support this now. */
     color: #a8b2c7;
}
.row{
    position: relative;
}
.modal-open {
    overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background-color: #ffffff;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: auto;
}
.modal-content {
    position: relative;
    background-clip: padding-box;
    outline: 0;
    border-radius: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: transparent;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal-body {
    position: relative;
    padding: 120px 137px;
}
.modal-footer {
  text-align: center;
  padding: 22px 0;
  border-top: 1px solid #9c9d9f;
  margin: 0;
  padding: 50px;
  background-color: #ffffff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-top: 26px;
}
.close{
    position: absolute;
    top: 80px;
    right: 95px;
    outline: none;
    z-index: 9;
    cursor: pointer;
    line-height: normal;
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    padding: 6px;
    border-radius: 50%;
}
#burger-menu {
    width: 20px;
    height: 17px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: left;
    margin-top: 4px;
    display: block;
    border:0;
    outline: none;
    background-color: transparent;
}
#burger-menu span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#burger-menu span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#burger-menu span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#burger-menu span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.img-responsive{
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
}
.row.header {
    background-color: #002855;
    padding: 0 3.8%;
    position: fixed;
    z-index: 1001;
    width: 100%;
    top: 50px;
}
.left {
    float: left;
}
.right {
    float: right;
}
ul.menu-nav {
    display: inline-block;
}
ul.menu-nav li {
    display: inline-block;
    margin-right: 20px;
    font-family: Poppins-Regular;
    font-size: 16px;
    padding: 36px 0;
    position: relative;
    padding-right: 30px;
}
img.logo {
    margin-right: 40px;
    vertical-align: middle;
    width: 190px;
}
ul.menu-nav li a {
    color: #ffffff;
}
span.btn-started {
    display: inline-block;
    border-radius: 22px;
    background-color: #054fbf;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    margin-left: 32px;
}
span.btn-started a {
    color: #ffffff;
    padding: 12px 24px;
    display: block;
}
span.btn-started:hover{
    background-color:#0547AB;
}
span.btn-sales:hover{
    background-color:#ffffff;
}
span.btn-sales:hover a{
    color: #0547AB;
}
span.btn-arrow-blue:hover a{
    color: #002855;
}
span.login-head {
    font-size: 16px;
    font-family: Poppins-Medium;
    text-decoration: underline;
    margin-left: 32px;
}
span.login-head a {
    color: #ffffff;
}
span.lang {
    font-family: Poppins-Bold;
    color: #ffffff;
    position: relative;
}
.row.header .left {
    position: relative;
    top: 0;
}
span.lang:before {
    content: '';
    background-image: url(../img/arrow-bottom-white.svg);
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: -16px;
    top: 4px;
}
.lang {
    font-family: Poppins-Bold;
    color: #ffffff;
    display: inline-block;
    height: 60px;
    position: relative;
    width: 36px;
}
.lang:before  {
    content: '';
    background-image: url(../img/arrow-bottom-white.svg);
    position: absolute;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    right: 0;
    top: 6px;
}
.lang span {
    display: block;
    font-size: 16px;
    font-family: Poppins-Semibold;
    cursor: pointer;
}
.lang:hover .dropdown-item {
    transition: all .25s ease-in-out 0s;
    opacity: 1;
    pointer-events: auto;
}
.lang .dropdown-item {
    top: 25px;
    padding: 7px 10px;
    border-radius: 5px;
    left: -4px;
    z-index: 99;
    width: 57px;
}
.lang span a {
    color: #123049;
}
.row.banner-home {
    background-color: #002855;
    margin-bottom: 75px;
    margin-top: 100px;
}
.content-banner {
    float: left;
    width: 400px;
    padding-top: 120px;
    left: 10.2%;
    padding-bottom: 200px;
    color: #ffffff;
    position: relative;
    z-index: 9;
}
.row.update-section.closed + .header + .row.update-section.banner-section {
    top: 103px;
}
.grid-img-banner {
    float: left;
    width: 900px;
    position: absolute;
    right: -45px;
}
.content-banner h2,
.content-banner h1 {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 28px;
    font-family: Poppins-Bold;
}
.content-banner p {
    line-height: 1.5;
    margin-bottom: 40px;
    font-size: 16px;
}
.content-banner span.btn-started {
    margin: 0;
    margin-right: 20px;
}
span.btn-sales {
    display: inline-block;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    border-radius: 24.5px;
    border: 1px solid rgba(255, 255, 255, 0.36);
    background-color: rgba(255, 255, 255, 0);
}
span.btn-sales a {
    color: #ffffff;
    padding: 12px 24px;
    display: block;
}

span.btn-sales.invert-btn{
    background-color:#ffffff;
}
span.btn-sales.invert-btn a{
    color: #0547AB;
}
span.btn-sales.invert-btn:hover{
    background-color: rgb(255 255 255 / 0.85);
}
.complete-payment {
    position: relative;
    background-color: #f7fcff;
    padding-bottom: 290px;
}
.complete-payment:before {
    z-index: 9;
    content: '';
    background-image: url(../img/pattern-white.png);
    width: calc(100% + 45px);
    position: absolute;
    height: 207px;
    top: -205px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: -37px;
}
.grid-number-client {
    float: left;
    width: 270px;
}
.row.list-client {
    float: left;
    width: 100%;
    text-align: center;
}
.row.list-client.home-slide-client{
    float: left;
    width: 100%;
}
.row.list-client ul {
    display: block;
}
.row.list-client ul li {
    display: inline-block;
    width: 9.09%;
    text-align: center;
    height: auto;
    vertical-align: middle;
    margin-bottom: 20px;
    padding: 0 10px;
}
/*.row.list-client ul li a {
    border-radius: 15px;
    box-shadow: 0 10px 20px 0 rgb(45 50 55 / 6%);
    background-color: #ffffff;
    display: block;
    padding: 10px 15px;
}*/
.row.list-client ul li a span {
    color: #123049;
    font-family: Poppins-Semibold;
    font-size: 14px;
    display: block;
}
.row.list-client ul li img {
    vertical-align: middle;
    width: 100%;
    height: 45px;
    object-fit: contain;
    margin-bottom: 5px;
}
.usecase-client-list .row.list-client ul li {
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
    height: 49px;
    vertical-align: middle;
    margin-bottom: 20px;
}
.usecase-client-list .row.list-client ul li img {
    vertical-align: middle;
    width: 130px;
    height: 49px;
    object-fit: contain;
}
.grid-number-client h3 {
    display: inline-block;
    font-size: 32px;
    vertical-align: middle;
    color: #002855;
    margin-right: 14px;
}
.grid-number-client p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-family: Poppins-Medium;
    color: #6f7780;
    line-height: 1.5;
}
.row.client-home {
    margin-top: -75px;
    margin-bottom: 76px;
    top: -26px;
    z-index: 99;
}
.row.complete-wrapper h2 {
    text-align: center;
    display: block;
    width: 100%;
    clear: both;
    line-height: 1.63;
    font-size: 32px;
    color: #123049;
    margin-bottom: 60px;
}
.grid-payment-home {
    float: left;
    width: calc(33.3333333% - 40px);
    margin: 0 20px;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(45, 50, 55, 0.06);
    background-color: #ffffff;
}
.row.complete-wrapper {
    margin: 0 -20px;
}
.heading-payment img {
    width: 65px;
    float: left;
}
.heading-payment h3 {
    float: left;
    width: calc(100% - 65px);
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 20px;
    color: #123049;
    padding-left: 26px;
    font-family: Poppins-Semibold;
}
.grid-payment-home p {
    clear: both;
    color: #7686ab;
    margin-bottom: 24px;
    min-height: 100px;
}
.grid-payment-home span {
    font-family: Poppins-Medium;
    text-decoration: underline;
}
.grid-payment-home span a {
    color: #054fbf;
}
.heading-payment {
    height: 65px;
    margin-bottom: 23px;
}
.grid-suitable .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0 40px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}
.payment-solution-home {
    background-color: #edf4f9;
    position: relative;
    padding-bottom: 290px;
}
.payment-solution-home:before {
    content: '';
    background-image: url(../img/pattern-grey.png);
    width: 100%;
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}
.payment-solution-home:after {
    content: '';
    background-image: url(../img/separator-grey.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: -175px;
    left: 0;
}
.setup-section:after {
    content: '';
    background-image: url(../img/separator-light-blue.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: -175px;
    left: 0;
}
.support-section:after {
    content: '';
    background-image: url(../img/separator-blue.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: -175px;
    left: 0;
}
.payment-solution-home h2 {
    width: 503px;
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 55px;
}
.wrapper-solution {
    position: relative;
}
.wrapper-solution .row {
    margin-top: -60px;
    z-index: 999;
}
.grid-suitable h3 {
    font-size: 14px;
    font-family: Poppins-Medium;
    line-height: 1.71;
    letter-spacing: 0.8px;
    color: #123049;
    margin-bottom: 24px;
}
.grid-suitable {
    float: left;
    width: 41.3%;
    position: relative;
}
.grid-owner-home {
    float: left;
    width: 58.7%;
    padding-left: 67px;
    position: relative;
}
.grid-owner-home img{
    width: 100%;
    max-width: 900px;
}
.integration-product .grid-owner-home img {
    width: 100%;
}
.accordion-wrapper button {
    font-size: 20px;
    border: 0;
    background-color: transparent;
    outline: none;
    font-family: Poppins-SemiBold;
    padding: 40px;
    width: 100%;
    text-align: left;
    padding-bottom: 24px;
    padding-top: 24px;
    color: #232f51;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}
.contact-main-wrapper .c-submit{
    cursor: pointer;
}
.accordion-wrapper {
    width: 100%;
    border-bottom: solid 1px #dbdcdd;
    margin-bottom: 16px;
}
.grid-suitable button.accordion.active {
    background-color: #ffffff;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    transition: all 0.2s ease-in-out;
}
.grid-suitable button.accordion.active + .panel {
    background-color: #ffffff;
    transition: all 0.2s ease-in-out;
}
.grid-suitable .panel ul {
    margin-left: 24px;
}
.grid-suitable .panel ul li {
    line-height: 1.5;
    letter-spacing: normal;
    color: #232f51;
    font-size: 16px;
    margin-bottom: 16px;
    position: relative;
}
.grid-suitable .panel span {
    font-family: Poppins-Medium;
    text-decoration: underline;
    display: block;
    margin-bottom: 40px;
}
.grid-suitable .panel span a {
    color: #054fbf;
}
.accordion-wrapper:last-child {
    border: 0;
}
.owner-content h3 {
    font-style: italic;
    line-height: 1.5;
    color: #232f51;
    font-family: Poppins-Regular;
    margin-bottom: 40px;
    position: relative;
}
.owner-content {
    padding: 22px;
}
.owner-content img {
    display: inline-block;
    vertical-align: middle;
    width: 52px;
    height: 52px;
}
.owner-content h4 {font-size: 18px;font-family: Poppins-Semibold;}
.owner-content p {font-size: 14px;}
.accordion-wrapper button:before {
    content: '';
    transition: all 0.2s ease-in-out;
    background-image: url(../img/down-arrow.svg);
    position: absolute;
    right: 20px;
    width: 10px;
    height: 8px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 35px;
}
.accordion-wrapper button.active:before {
    transform: rotate(-180deg);
    transition: all 0.2s ease-in-out;
}
.grid-suitable .panel ul li:before {
    content: '';
    background-image: url(../img/check-icon.svg);
    width: 12px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: -22px;
    top: 6px;
}
.ceo-content-home {
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
}
.owner-content h3:before {
    content: url(../img/quote-icon.svg);
    margin-right: 10px;
}
.owner-content h3:after {
    content: url(../img/quote-icon.svg);
    margin-left: 10px;
}
.grid-kind-content {
    float: left;
    width: 36%;
    position: relative;
}
.grid-kind-image {
    float: left;
    width: 64%;
    padding-left: 65px;
    position: relative;
}
.grid-kind-image img {
    width: 100%;
    position: relative;
}
.grid-kind-content h2,
.grid-kind-image h2 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    width: auto;
    margin-bottom: 32px;
}
.grid-kind-content p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
span.btn-arrow-blue {
    font-family: Poppins-Medium;
    text-decoration: underline;
}
span.btn-arrow-blue a {
    color: #054fbf;
}
.setup-section {
    position: relative;
    background-color: #002855;
}
.setup-section:before {
    content: '';
    background-image: url(../img/pattern-blue.png);
    width: 100%;
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}
.grid-illustration-content {
    width: 480px;
    float: left;
    color: #ffffff;
    position: relative;
    margin-top: -60px;
    z-index: 999;
    padding-bottom: 170px;
    left: calc(100% - 480px);
}
.grid-illustration-img {
    width: calc(100% - 480px);
    float: left;
    position: relative;
    margin-top: -257px;
    z-index: 99;
    padding-right: 203px;
    position: absolute;
    left: 0;
}
.container-right {
    padding: 0;
    width: 1100px;
    margin: 0 auto;
}
.container-right .row {
    position: unset;
}
.grid-illustration-img img {
    width: 100%;
    max-width: 545px;
}
.grid-illustration-content h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    margin-bottom: 32px;
}
.grid-illustration-content span {
    font-family: Poppins-Medium;
    text-decoration: underline;
}
.grid-illustration-content p {
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 20px;
}
.grid-illustration-content span a {
    color: #ffffff;
}
.sloppy-pattern {
    position: relative;
    display: block;
    height: 195px;
    background-color: #edf4f9;
    -webkit-clip-path: polygon(0 85%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0%, 100% 62%, 100% 100%, 0% 100%);
    margin-top: -160px;
    z-index: 999;
    top: 2px;
}
.wrapper-secure {
    position: relative;
    background-color: #edf4f9;
    padding-bottom: 200px;
    z-index: 101;
}
.grid-secure-content {
    float: left;
    width: 36%;
    position: relative;
    padding-top: 5px;
}
.floating-image-wrapper .grid-secure-content{
    padding-bottom: 100px;
}
.row.grid-secure-list {
    float: left;
    width: 64%;
    padding-left: 148px;
    position: relative;
    padding-top: 9px;
}
.sub-secure-list {
    float: left;
    width: 50%;
    text-align: center;
    margin-bottom: 68px;
}
.sub-secure-list:nth-child(odd) {
    padding-right: 52px;
}
.sub-secure-list:nth-child(even) {
    padding-left: 52px;
}
.sub-secure-list img {
    width: 98px;
    height: 98px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 22px;
    margin-bottom: 22px;
}
.sub-secure-list h4 {
    color: #123049;
    font-family: Poppins-Medium;
    line-height: 1.5;
    margin-bottom: 8px;
}
.sub-secure-list p {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #7686ab;
}
.grid-secure-content h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-secure-content p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.powering-section{
    z-index: 109;
    position: relative;
    background-color: #002855;
    padding-bottom: 325px;
}
.powering-section:before {
    content: '';
    background-image: url(../img/pattern-blue-left.png);
    width: 100%;
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 104;
}
.row.title-powering h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #ffffff;
    float: left;
    width: calc(100% - 516px);
}
.row.title-powering p {
    line-height: 1.5;
    letter-spacing: normal;
    width: 516px;
    float: left;
    color: #ffffff;
    margin-top: 10px;
}
.row.title-powering {
    margin-top: -75px;
    z-index: 999;
    margin-bottom: 68px;
}
.content-maps-home {
    float: left;
    width: 25%;
    padding-left: 34px;
    padding-right: 34px;
}
.content-maps-home:first-child{
    padding-left: 0;
}
.content-maps-home:last-child{
    padding-right: 0;
}
.content-maps-home h4 {
    font-size: 28px;
    font-family: Poppins-Semibold;
    color: #86d3f5;
    margin-bottom: 12px;
}
.content-maps-home p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}
.maps-powering img,
.maps-powering video {
    margin-bottom: 67px;
}
.support-section{
    position: relative;
    padding-bottom: 300px;
    z-index: 109;
}
.support-section:before {
    content: '';
    background-image: url(../img/pattern-clear-white.png);
    width: 100%;
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}
.grid-content-support {
    float: left;width: 322px;
}
.grid-accordion-support {
    float: left;
    width: calc(100% - 322px);
    padding-left: 94px;
}
.grid-content-support h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-content-support p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-content-support .btn-started {
    margin-left: 0;
    margin-top: 16px;
}
.accordion-support .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #edf6ff;
}
.accordion-support button.accordion {
    background-color: transparent;
    border: 0;
    font-size: 20px;
    font-family: Poppins-Medium;
    color: #232f51;
    line-height: 1.8;
    padding: 18px 28px;
    outline: none;
    width: 100%;
    text-align: left;
    transition: all 0.2s ease-in-out;
    position: relative;
    cursor: pointer;
    padding-right: 50px;
}
.accordion-support button.accordion:before {
    content: '';
    background-image: url(../img/arrow-grey-right.svg);
    width: 20px;
    height: 14px;
    background-size: 100% 100%;
    position: absolute;
    right: 20px;
    transform: rotate(90deg);
    transition: all 0.2s ease-in-out;
    top: 30px;
}
.accordion-support button.accordion.active:before{
    transform: rotate(270deg);
    transition: all 0.2s ease-in-out;
}
.content-accordion-supp {
    padding: 24px 28px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
}
.support-section .row {
    margin-top: -65px;
    z-index: 999;
}
.accordion-support button.accordion.active {
    background-color: #d2eaff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    transition: all 0.2s ease-in-out;
}
.accordion-support {
    margin-bottom: 20px;
    border-bottom: solid 1px #e0e8ef;
}
.footer{
    position: relative;
    background-color: #191e24;
    padding-bottom: 71px;
    z-index: 999;
}
.footer:before {
    content: '';
    background-image: url(../img/pattern-footer.png);
    width: 100%;
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}
.address-footer {
    float: left;
    width: 300px;
    color: #ffffff;
}
.menu-footer {
    float: left;
    width: calc(100% - 300px);
    margin-top: -13px;
}
.menu-footer ul {
    float: left;
    width: 25%;
    padding-left: 15px;
}
li.new-menu:after {
    content: 'New!';
    position: absolute;
    font-size: 12px;
    top: -13px;
    right: 7px;
    color: #ff9800;
}
li.new-menu {
    position: relative;
}
.address-footer h3 {
    font-size: 18px;
    font-family: Poppins-Medium;
    margin-bottom: 13px;
}
.address-footer p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 33px;
}
.address-footer img {
    margin-bottom: 45px;
}
.row.form-newsletter {
    width: 222px;
    position: relative;
}
.row.form-newsletter input {
    border-radius: 100px;
    background-color: #ffffff;
    border: 0;
    padding: 16px 28px;
    font-family: Poppins-Regular;
    font-size: 14px;
    line-height: 1.43;
    width: 219px;
    color: #7686ab;
    float: left;
}
.row.form-newsletter input[type="submit"] {
    outline: none;
    border: 0;
    border-radius: 50%;
    background-color: #054fbf;
    padding: 18px;
    width: 52px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 34px;
    cursor: pointer;
    float: left;
    font-size: 0;
    background-image: url(../img/arrow-newsletter.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.row.form-newsletter button {
    outline: none;
    border: 0;
    border-radius: 50%;
    background-color: #054fbf;
    padding: 18px;
    width: 52px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    float: left;
}
.row.form-newsletter button img {
    margin: 0;
}
.row.form-newsletter span{
    margin-bottom: 10px;
    display: inline-block;
}
.menu-footer ul h3 {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
    margin-bottom: 15px;
}
.menu-footer ul li {
    font-size: 14px;
    line-height: 2.57;
    letter-spacing: 0.5px;
}
.menu-footer ul li a {
    color: rgba(255, 255, 255, 0.46);
}
.row.upper-footer {
    z-index: 1000;
    margin-top: -70px;
}
.row.copyright .left ul li {
    display: inline-block;
    margin-right: 20px;
}
.row.copyright .left ul li img {
    vertical-align: middle;
}
ul.sosmed-footer{
    margin-top: 50px;
}
ul.sosmed-footer li{
    display: inline-block;
    margin-right: 20px;
}
ul.sosmed-footer li img{
    vertical-align: middle;
}
.row.copyright .left span{
    color: #ffffff;
    margin-bottom: 0;
}
.row.copyright .right h3 {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-family: Poppins-Regular;
}
.row.copyright {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid rgba(230, 230, 230, 0.18);
}
.payment-solution-home img.capsule-1 {
    position: absolute;
    right: 0;
}
.payment-solution-home img.capsule-2 {
    position: absolute;
    left: 0;
    bottom: 0px;
}
.complete-payment.kind-payment:after {
    content: '';
    background-image: url(../img/separator-grey.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: -143px;
    right: 0;
}
img.capsule-3 {
    position: absolute;
    bottom: -300px;
    left: 415px;
    z-index: 100;
}
.powering-section:after {
    content: '';
    background-image: url(../img/separator-grey.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: -170px;
    right: 0;
    z-index: 103;
}
.powering-section.run-business-section:after {
    content: '';
    background-image: url(../img/separator-blue.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    top: -170px;
    right: 0;
    z-index: 103;
}
img.capsule-4 {
    position: absolute;
    right: 0;
    bottom: -90px;
    z-index: 104;
}
.secure-section {
    position: relative;
}
img.capsule-5 {
    position: absolute;
    bottom: -110px;
    right: 78px;
}
img.capsule-about {
    position: absolute;
    bottom: -175px;
    right: 0;
}
img.capsule-about2 {
    position: absolute;
    right: -221px;
    transform: rotate(84deg);
    top: 50%;
}
img.capsule-about3 {
    position: absolute;
    right: 0;
    bottom: 30px;
}
img.capsule-payment2 {
    position: absolute;
    right: 0;
    bottom: 0;
}
img.capsule-payment3 {
    position: absolute;
    right: -40px;
    bottom: 50px;
}
img.capsule-payment1 {
    position: absolute;
    left: 0;
    bottom: -200px;
}
.payment-solution-home.secure-product.product-business:after {
    display: none;
}
.product-banner .grid-img-banner {
    width: 683px;
    right: -19px;
}
.zerofee-banner.product-banner .grid-img-banner {
    width: 750px;
    right: 0px;
    padding-right: 60px;
}
.row.banner-home.product-banner {
    padding-top: 20px;
    margin-top: 100px;
}
.product-banner .content-banner {
    padding-top: 0px;
    padding-bottom: 325px;
}
.product-banner .content-banner p,
.usecase-banner .content-banner p {
    margin-bottom: 27px;
}
.product-banner .content-banner ul,
.usecase-banner .content-banner ul {
    margin-bottom: 33px;
}
.product-banner .content-banner ul li,
.usecase-banner .content-banner ul li {
    line-height: 1.5;
    margin-bottom: 15px;
    font-size: 16px;
}
.product-banner .content-banner ul li img,
.usecase-banner .content-banner ul li img {
    margin-right: 17px;
    vertical-align: middle;
    position: relative;
    top: 0px;
    width: 20px;
}
.product-banner .content-banner ul li:last-child {
    margin: 0;
}
.grid-content-most h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-content-most {
    width: 396px;
    float: left;
    margin-bottom: 73px;
}
.grid-content-most p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-img-most {
    float: left;
    width: calc(100% - 396px);
    padding-left: 42px;
    margin-bottom: 73px;
}
.grid-content-most ul,
.secure-product .grid-secure-content ul,
.grid-secure-content ul {
    margin-bottom: 18px;
    margin-top: 33px;
}
.grid-content-most li,
.secure-product .grid-secure-content ul li{
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #232f51;
    margin-bottom: 18px;
    float: left;
    width: 50%;
    padding-left: 25px;
    position: relative;
}
.grid-secure-content ul li{
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #232f51;
    margin-bottom: 18px;
    padding-left: 25px;
    position: relative;
}
.grid-content-most li:before,
.grid-content-run li:before,
.secure-product .grid-secure-content ul li:before,
.row.usecase-client-content .grid-kind-content li:before,
.grid-reconcile-content li:before,
.grid-about-culture li:before,
.content-milestone li:before,
.content-video-section ul li:before,
.campaign-click .grid-click-desc li:before,
.grid-secure-content ul li:before{
    content: '';
    background-image: url(../img/check-icon.svg);
    width: 12px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.grid-list-most {
    float: left;
    width: 33.333333333%;
    padding-right: 80px;
}
.row.content-integration-product.testimoni-list-merchant .grid-list-most {
    float: left;
    width: 25%;
    padding: 0 30px;
}
.grid-list-most h4 {
    font-size: 20px;
    line-height: 1.6;
    color: #123049;
    margin-bottom: 15px;
}
.grid-list-most p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.list-merchant-loan .grid-list-most h4 {
    font-size: 16px;
    line-height: 1.6;
    color: #123049;
    font-family: Poppins-Regular;
    margin-bottom: 15px;
}
.list-merchant-loan .grid-list-most p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    font-size:28px;
    font-family: Poppins-Bold;
    margin-bottom: 20px;
}
.grid-list-most img {
    margin-bottom: 16px;
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.secure-product .row.grid-secure-list {
    margin: 0;
    right: 36%;
    padding-left: 0;
    padding-right: 148px;
}
.secure-product .grid-secure-content {
    left: 64%;
}
.grid-content-run {
    float: left;
    width: 335px;
}

.content-img-run {
    float: left;
    width: calc(100% - 335px);
}
.content-img-run img {
    width: 100%;
    left: 109px;
    position: relative;
}
.grid-content-run h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #ffffff;
    margin-bottom: 32px;
}
.grid-content-run ul {
    margin-bottom: 36px;
}
.grid-content-run li {
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #ffffff;
    margin-bottom: 18px;
    padding-left: 25px;
    padding-right: 30px;
    position: relative;
}
.grid-content-run li b{
    font-family: Poppins-Bold;
    font-weight: unset;
}
.row.usecase-client-content .grid-kind-content li{
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #7686ab;
    margin-bottom: 18px;
    padding-left: 25px;
    padding-right: 30px;
    position: relative;
}
.grid-content-run span {
    display: inline-block;
    width: 135px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 6px;
    margin-right: 30px;
}

.grid-content-run span img {
    width: 100%;
    height: 100%;
}
.integration-product {
    z-index: 109;
    padding-bottom: 300px;
}
.powering-section.run-business-section {
    padding-bottom: 195px;
    z-index: 106;
}
.powering-section.run-business-section.easy-integration{
    z-index: 109;
}
.powering-section.run-business-section.easy-integration.growing-business {
    z-index: 106;
}
.grid-suitable .panel p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.complete-payment.product-most.usecase-client-list.campaign-form:after{
    display: none;
}
.integration-product .grid-suitable h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.integration-product .grid-suitable {
    left: 58.7%;
}

.integration-product .grid-owner-home {
    right: 41.3%;
    padding-left: 0;
    padding-right: 67px;
}
.row.content-integration-product {
    margin: 0;
    margin-top: 140px;
}
.row.content-integration-product h3 {
    text-align: center;
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 28px;
}
.row.content-integration-product p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 70px;
}
.row.content-integration-product .grid-list-most p {
    margin-bottom: 20px;
    text-align: left;
}
.section-client-product {
    padding-bottom: 230px;
}

.section-client-product .row.title-powering h3 {
    width: 100%;
    float: unset;
}
.section-client-product .row.title-powering p {
    width: 100%;
    float: unset;
    margin: 0;
}
.row.wrapper-client-quote {
    border-radius: 40px;
    background-color: #003c7f;
    padding: 60px;
    padding-bottom: 38px;
    overflow: hidden;
    margin-top: 56px;
    margin-bottom: 60px;
}
.grid-client-info {
    float: left;
    width: 250px;
    position: relative;
    z-index: 99;
}
.grid-client-quote {
    float: left;
    width: calc(100% - 250px);
    position: relative;
    z-index: 99;
    padding-left: 140px;
    margin-bottom: 60px;
}
.row.list-client-product {
    clear: both;
    z-index: 99;
    background-color: #ffffff;
    padding: 15px;
    border-radius: 34px;
}
.row.wrapper-client-quote:before {
    content: '';
    position: absolute;
    width: 454px;
    height: 476px;
    transform: rotate(159deg);
    border-radius: 244px;
    background-color: #005dac;
    left: -76px;
    top: -47px;
}
.row.wrapper-client-quote:after {
    content: '';
    width: 449px;
    height: 447px;
    transform: rotate(14deg);
    border-radius: 244px;
    background-color: #0094d3;
    position: absolute;
    z-index: 0;
    left: -99px;
    bottom: -291px;
}
.grid-client-info img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin-bottom: 16px;
}
.section-client-product .row.title-powering .grid-client-info h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.section-client-product .row.title-powering .grid-client-info p {
    font-size: 14px;
}
.section-client-product .row.title-powering .grid-client-quote p {
    font-style: italic;
    line-height: 1.75;
    font-family: Poppins-Regular;
    margin-bottom: 40px;
    position: relative;
}
.section-client-product .row.title-powering .grid-client-quote p:before {
    content: url(../img/quote-icon.svg);
    margin-right: 10px;
}
.section-client-product .row.title-powering .grid-client-quote p:after {
    content: url(../img/quote-icon.svg);
    margin-left: 10px;
}
.row.list-client-product ul li {
    float: left;
    width: 25%;
    text-align: center;
}
.row.list-client-product ul li img {
    width: 100%;
    vertical-align: middle;
    height: 43px;
    object-fit: contain;
    cursor: pointer;
    padding: 0 9px;
}
.grid-info-client {
    float: left;
    width: calc(50% - 30px);
    margin-left: 30px;
    padding: 42px;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.11);
    position: relative;
    height: 285px;
    overflow: hidden;
}
.grid-info-client:first-child {
    margin-right: 30px;
    width: calc(50% - 30px);
    margin-left: 0;
}
.grid-info-client img {
    vertical-align: middle;
    display: inline-block;
    width: 62px;
    height: 62px;
    border-radius: 50%;
}
.grid-info-client h4 {
    font-size: 28px;
    color: #123049;
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px;
}
.section-client-product .row.title-powering .grid-info-client p,
.grid-info-client p{
    color: #7686ab;
    margin-top: 20px;
    margin-bottom: 20px;
}
.grid-info-client:before {
    content: '';
    width: 160px;
    position: absolute;
    height: 160px;
    background-color: #0094d3;
    border-radius: 50%;
    right: -31px;
    bottom: -70px;
}
.grid-info-client:after {
    content: '';
    width: 57px;
    height: 57px;
    position: absolute;
    background-color: #88d5f7;
    right: 100px;
    border-radius: 50%;
    bottom: -27px;
}
.grid-info-client:first-child:after {
    background-color: #0094d3;
}
.grid-info-client:first-child:before {
    background-color: #88d5f7;
}
.usecase-banner {
    padding-top: 60px;
    min-height: 550px;
}
.product-business .grid-info-client{
    height: 325px;
}
.usecase-banner .content-banner {
    float: right;
    left: unset;
    right: 10.2%;
    padding-top: 0;
    padding-bottom: 185px;
}
.usecase-banner .grid-img-banner {
    width: 835px;
    right: 0;
    left: 0;
    bottom: unset;
    top: 85px;
}
span.usecase-banner-title {
    display: block;
    margin-bottom: 30px;
    font-family: Poppins-Semibold;
    text-transform: uppercase;
}
span.usecase-banner-title img {
    vertical-align: text-bottom;
    margin-right: 6px;
}
.usecase-client-list.complete-payment:before{
    content: '';
    background-image: url(../img/pattern-white-right.png);
    width: calc(100% + 36px);
    position: absolute;
    height: 207px;
    top: -206px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    z-index: 99;
}
.usecase-client-list.complete-payment:after {
    content: '';
    background-image: url(../img/separator-grey.png);
    width: 50%;
    height: 50px;
    background-size: 100%;
    position: absolute;
    top: -145px;
    left: 0;
    transform: unset;
    right: unset;
}
.usecase-client-list .row.list-client {
    width: 100%;
}
.usecase-client-list .row.client-home {
    top: 0;
}
.row.usecase-client-content:last-child {
    margin: 0;
}
.row.usecase-client-content:nth-child(even) .grid-kind-content {
    left: 64%;
}
.row.usecase-client-content:nth-child(even) .grid-kind-image {
    right: 36%;
    padding-left: 0;
    padding-right: 96px;
}
.grid-kind-content iframe {
    height: 245px;
}
.row.usecase-client-content {
    margin-bottom: 75px;
}
.usecase-works h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #ffffff;
    margin-bottom: 32px;
    width: 100%;
    clear: both;
}
.grid-usecase-title-works p {
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #ffffff;
}
.grid-usecase-title-works {
    float: left;
    width: 583px;
}
.ui-widget.ui-widget-content {
    background-color: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
}
.usecase-works .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    float: left;
    width: calc(100% - 583px);
    padding-left: 150px;
    margin-bottom: 96px;
}
.ui-tabs .ui-tabs-panel {
    clear: both;
    width: 100%;
    padding: 0;
}
.usecase-works .ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
    width: 50%;
    text-align: center;
    border: 0;
    background: transparent;
    padding-bottom: 22px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.24);
    float: left;
}
.usecase-works .ui-tabs .ui-tabs-nav li a {
    float: unset;
    padding: 0;
    font-size: 18px;
    font-family: Poppins-Semibold;
    color: rgba(247, 252, 255, 0.41);
    padding-bottom: 22px;
    outline: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: default;
}
.usecase-works .ui-tabs .ui-tabs-nav li.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    padding-bottom: 21px;
}
.grid-tabs-works {
    float: left;
    width: 25%;
    padding-right: 62px;
}
.grid-tabs-works h4 {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 16px;
}
.grid-tabs-works img {
    margin-bottom: 34px;
    width: 100%;
}
.grid-tabs-works p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
}
.usecase-works .first-section {
    margin-top: -90px;
    z-index: 105;
}
.powering-section.run-business-section.usecase-works {
    padding-bottom: 290px;
    z-index: 109;
}
.powering-section.run-business-section.usecase-works.startup-usecase {
    z-index: 106;
}
.payment-solution-home.reconcile-usecase {
    z-index: 106;
    background-color: #f7fcff;
}
.grid-reconcile-content {
    float: left;
    width: 440px;
    padding-right: 80px;
}
.grid-reconcile-image {
    float: left;
    width: calc(100% - 440px);
    padding-left: 100px;
}
.grid-reconcile-content h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-reconcile-content p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-reconcile-content li {
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #232f51;
    margin-bottom: 18px;
    padding-left: 25px;
    position: relative;
}
.payment-solution-home.reconcile-usecase::before {
    background-image: url(../img/pattern-white-right.png);
    width: calc(100% + 40px);
}
.payment-solution-home.reconcile-usecase::after{
    top: -145px;
}
.payment-solution-home.secure-product.fraudelant-usecases {
    z-index: 107;
    padding-bottom: 255px;
}
.payment-solution-home.secure-product.fraudelant-usecases:before,
.payment-solution-home.secure-product.streamline-business.product-business.mechant-help:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.payment-solution-home.secure-product.fraudelant-usecases:after,
.payment-solution-home.secure-product.streamline-business.product-business.mechant-help:after {
    display: none;
}
.payment-solution-home.reconcile-usecase.powerup-usecase {
    z-index: 108;
    padding-bottom: 285px;
}
.row.grid-powerup-content {
    margin: 0;
    float: left;
    width: calc(100% - 415px);
}
.grid-powerup-title {
    float: left;
    width: 415px;
    padding-right: 170px;
}
.grid-powerup-subcontent {
    float: left;
    width: 50%;
}
.grid-powerup-title h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-powerup-title p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-powerup-subcontent img {
    margin-bottom: 6px;
    width: 30px;
    height: auto;
    object-fit: contain;
}
.grid-powerup-subcontent h4 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: normal;
    color: #123049;
}
.grid-powerup-subcontent p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-powerup-subcontent:first-child {
    padding-right: 50px;
    padding-left: 10px;
}
.grid-powerup-subcontent:last-child {
    padding-right: 10px;
    padding-left: 50px;
}
.powering-section.section-client-product.section-client-usecases {
    z-index: 109;
}
.support-section.support-section-usecases {
    z-index: 110;
}
.row.content-tabs-feature h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}

.row.content-tabs-feature p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 56px;
    width: 779px;
}

#feature-tabs ul.ui-tabs-nav {
    width: 200px;
    float: left;
    padding: 0;
    background-color: transparent;
    border: 0;
}

#feature-tabs .ui-tabs-panel {
    float: left;
    width: calc(100% - 200px);
    clear: unset;
    padding-left: 72px;
}
#feature-tabs ul.ui-tabs-nav li {
    border-radius: 12px;
    background-color: #ffffff;
    margin:0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.14);
    margin-bottom: 16px;
    font-family: Poppins-Semibold;
    border: 1px solid transparent;
    outline: none;
    width: 100%;
    white-space: unset;
}
#feature-tabs ul.ui-tabs-nav li a {
    padding: 16px 24px;
    display: block;
    color: #232f51;
    border-radius: 12px;
    margin: 0;
    width: 100%;
    border: 0;
}
#feature-tabs .ui-tabs-panel ul li img {
    width: 100%;
    height: 43px;
    object-fit: contain;
}
#feature-tabs ul.ui-tabs-nav li.ui-state-active {
    border: solid 1px #054fbf;
    box-shadow: unset;
}
#feature-tabs ul.ui-tabs-nav li.ui-state-active a {
    color: #054EBF;
}
#feature-tabs .ui-tabs-panel ul {
    clear: both;
    border-bottom: solid 1px #c3cbd4;
    margin-bottom: 42px;
    width: 100%;
    float: unset;
}
#feature-tabs .ui-tabs-panel ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 20px;
    border-radius: unset;
    box-shadow: unset;
    float: unset;
    background-color: transparent;
    margin-bottom: -1px;
    float: left;
    width: calc(11.11111111% - 20px);
    text-align: center;
}
.feature-content-tabs {
    float: left;
    width: 219px;
}
.feature-video-tabs {
    float: left;
    width: calc(100% - 219px);
    padding-left: 69px;
    margin-bottom: 70px;
}
.feature-content-tabs h4 {
    line-height: 1.6;
    letter-spacing: normal;
    color: #123049;
    font-size: 20px;
    font-family: Poppins-Semibold;
    margin-bottom: 21px;
}
.feature-content-tabs p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
    margin-bottom: 21px;
}
.feature-video-tabs img {
    width: 100%;
}
.feature-banner .grid-img-banner {
    width: 800px;
    top: -80px;
}
.feature-banner .content-banner {
    padding-bottom: 180px;
}
#feature-tabs .ui-tabs-panel ul li a {
    padding: 32px 0;
    border-radius: unset;
}
#feature-tabs .ui-tabs-panel ul li.ui-state-active {
    border: 0;
    border-bottom: 2px solid #002855;
}
#feature-second-tabs .ui-tabs-panel,
#feature-second-tabs-two .ui-tabs-panel {
    float: unset;
    width: 100%;
    padding: 0;
}
#feature-tabs .ui-tabs-panel .single-feature ul li {
    padding: 32px 0;
}
#feature-tabs .ui-tabs-panel .single-feature ul.content-list-feature li {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #232f51;
    margin-bottom: 18px;
    padding-left: 25px;
    position: relative;
    width: 100%;
    text-align: left;
}
#feature-tabs .ui-tabs-panel .ui-tabs-panel {
    padding: 0;
    width: 100%;
}
#feature-tabs .ui-tabs-panel .single-feature ul.content-list-feature {
    border: 0;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

#feature-tabs .ui-tabs-panel .single-feature ul.content-list-feature li:before{
    content: '';
    background-image: url(../img/check-icon.svg);
    width: 12px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.full-row .feature-content-tabs{
    width: 695px;
}
#feature-tabs .ui-tabs-panel .single-feature ul {
    border: 0;
    margin-bottom: 40px;
}
#feature-tabs .ui-tabs-panel .single-feature ul li {
    padding: 5px 0;
    float: unset;
}
.recurring-banner .content-banner {
    padding-top: 40px;
    padding-bottom: 200px;
}
.recurring-subscription .row.usecase-client-content {
    margin-top: -45px;
    padding-bottom: 80px;
}
.recurring-subscription .row.usecase-client-content h2 {
    width: auto;
}
.setup-section.fraud-recurring {
    z-index: 108;
    padding-bottom: 210px;
}
.setup-section.fraud-recurring h3,
.setup-section.fraud-recurring h4,
.setup-section.fraud-recurring p {
    color: #ffffff;
}
.payment-solution-home.secure-product.fraudelant-usecases.recurring-click {
    z-index: 109;
}
.recurring-click h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 16px;
}
.recurring-click p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
}
.recurring-click h4 {
    font-size: 24px;
    color: #123049;
    margin-bottom: 15px;
    line-height: 2.17;
}
.recurring-click img {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 35px;
}
.grid-click-desc {
    float: left;
    width: 50%;
    text-align: center;
    padding-right: 87px;
}
.recurring-click .row {
    margin: 0;
    z-index: 99;
    text-align: center;
    margin-bottom: 50px;
}
.grid-click-desc:last-child {
    padding-left: 87px;
    padding-right: unset;
}
.recurring-click .row:first-child {
    margin-top: -60px;
}
.payment-solution-home.secure-product.fraudelant-usecases.recurring-click {
    padding-bottom: 240px;
}
.instore-banner-title{
    font-size: 20px;
    font-family: Poppins-Semibold;
    color: #ffffff;
    margin-bottom: 37px;
    display: block;
}
span.instore-banner-title img {
    vertical-align: middle;
    margin-right: 16px;
}

.instore-banner .content-banner {
    padding-top: 60px;
    padding-bottom: 210px;
}
.secure-product.product-business .grid-secure-content {
    left: unset;
    position: relative;
    z-index: 99;
}
.mechant-help.floating-image-wrapper.streamline-business .row.grid-secure-list img {
    max-width: 580px;
}
.mechant-help.floating-image-wrapper.streamline-business .row.grid-secure-list {
    position: absolute;
    left: 0;
    text-align: left;
}
.floating-image-wrapper .row.grid-secure-list {
    position: absolute;
    right: 0;
    text-align: right;
}
.floating-image-wrapper .row.grid-secure-list img {
    max-width: 700px;
    width: 100%;
}
.floating-image-wrapper.secure-product.product-business .grid-secure-content {
    left: 50%;
}
.secure-product.product-business .grid-secure-list {
    right: unset;
    padding-right: 50px;
}
.increase-customer .grid-content-run {
    width: 396px;
}
.increase-customer .content-img-run {
    width: calc(100% - 396px);
}
.increase-customer .content-img-run img {
    left: 0;
}
.increase-customer .grid-content-run ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
}
.additional-instore .grid-info-client p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin: 22px 0;
}
.grid-content-run.multiply-payout ul {
    column-count: 1;
}
.grid-img-send-payout {
    width: 445px;
    float: left;
}
.grid-content-send-payout {
    float: left;
    width: calc(100% - 445px);
    padding-left: 157px;
}
.row.send-payment-payout h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.row.send-payment-payout p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.row.send-payment-payout .row {
    margin-bottom: 80px;
}
.grid-content-send-payout ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.grid-content-send-payout ul li {
    font-size: 16px;
    font-family: Poppins-Medium;
    color: #232f51;
    margin-bottom: 18px;
    padding-left: 25px;
    position: relative;
}
.row.send-payment-payout li:before {
    content: '';
    background-image: url(../img/check-icon.svg);
    width: 12px;
    height: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 8px;
}
.grid-title-send-payout {
    float: left;
    width: 300px;
}
.grid-list-send-payout {
    float: left;
    width: calc(100% - 300px);
    padding-left: 150px;
}
.grid-list-send-payout ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.grid-list-send-payout ul li {
    font-size: 20px;
    line-height: 1.6;
    color: #123049;
    margin-bottom: 15px;
    font-family: Poppins-Bold;
    padding-left: 25px;
    position: relative;
}
.smartloan-paymentlink .grid-content-most li {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    float: unset;
    width: 100%;
}
.extremelyfast-paymentlink .grid-content-run {
    width: 480px;
}
.extremelyfast-paymentlink .grid-content-run p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 22px;
}
.extremelyfast-paymentlink .content-img-run {
    width: calc(100% - 480px);
    padding-left: 60px;
    margin-top: -192px;
    z-index: 108;
    position: relative;

    /* Placeholder */
    margin-top: -165px;
    margin-bottom: -155px;
}
.extremelyfast-paymentlink .content-img-run img {
    width: 100%;
    left: 0;
}
.suitable-paymentlink .row.content-integration-product {
    margin-top: -40px;
}
.payment-solution-home.integration-product.suitable-paymentlink {
    margin-top: -30px;
}
.suitable-paymentlink .grid-list-most {
    min-height: 240px;
}
.works-paymentlink .row.first-section .row {
    clear: both;
    width: 100%;
    margin-bottom: 120px;
}
.works-paymentlink .grid-usecase-title-works {
    float: unset;
    margin-bottom: 60px;
}
.works-paymentlink .grid-info-client p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
    margin-top: 20px;
}
.medium-business .grid-kind-image img {
    left: 0;
}
.grid-content-run p {
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #ffffff;
    margin-bottom: 42px;
    position: relative;
}
.easy-integration .row {
    clear: both;
    width: 100%;
    margin-bottom: 90px;
}
.easy-integration .grid-list-most {
    width: 25%;
    padding-right: 60px;
    color: #ffffff;
    min-height: 240px;
}
.easy-integration .grid-list-most h4 {
     color: #ffffff;
}
.grid-list-most p {
    color: #7686ab;
}
.easy-integration .grid-list-most img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.complete-payment.product-most.usecase-client-list.campaign-form .row.usecase-client-content h3 {
    font-family: Poppins-Bold;
    font-size: 24px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 30px;
    text-align: center;
}
.send-payment-business .grid-reconcile-content {
    padding-right: 30px;
}
.streamline-business .row.grid-secure-list img {
    width: 100%;
}
.streamline-business .row.grid-secure-list {
    width: 50%;
    padding: 0;
    right: 50%;
}
.streamline-business .grid-secure-content {
    width: 50%;
    left: 50%;
    padding-left: 50px;
    z-index: 99;
}
.grid-streamline-conten h4 {
    font-size: 16px;
    line-height: 2;
    color: #123049;
}
.selly-save .grid-reconcile-content, .selly-calculate.streamline-business .grid-secure-content, .selly-gosend .grid-secure-content {
    padding-top: 95px;
}
.payment-solution-home.integration-product.selly-features {
    z-index: 109;
}
.selly-features .row.content-integration-product {
    margin: 0;
}
.payment-solution-home.secure-product.fraudelant-usecases.streamline-business.custom-fraud {
    z-index: 108;
}
.complete-payment.product-most.usecase-client-list.fraud-designed {
    z-index: 108;
}
.smartloan-merchant .grid-reconcile-content li {
    color: #7686ab;
}
.smartloan-merchant .grid-reconcile-content {
    padding-right: 50px;
    padding-top: 68px;
}
.smartloan-merchant .grid-reconcile-image {
    padding-left: 20px;
}
.merchant-funding .row.content-integration-product {
    margin-top: 0;
    margin-bottom: 100px;
}
.merchant-funding .row.content-integration-product h3 {
    margin-bottom: -5px;
    font-size: 38px;
}
.merchant-work ul {
    counter-reset: my-awesome-counter;
}
.merchant-work li {
    float: left;
    width: 50%;
    font-size: 20px;
    line-height: 1.6;
    color: #ffffff;
    font-family: Poppins-Bold;
    min-height: 96px;
    position: relative;
    counter-increment: my-awesome-counter;
    padding-left: 60px;
    padding-right: 20px;
    margin-bottom: 25px;
}
.merchant-work li:before {
    content: counter(my-awesome-counter);
    width: 40px;
    height: 29px;
    background-color: #25a9e1;
    position: absolute;
    font-family: Poppins-Bold;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    border-radius: 50%;
    top: -3px;
    z-index: 99;
    padding-top: 11px;
    left: 0;
}
.merchant-work .grid-secure-content {
    width: 660px;
    padding-bottom: 100px;
}
.merchant-work .row.grid-secure-list {
    width: calc(100% - 660px);
    padding: 0;
}
.merchant-work .row.grid-secure-list img {
    width: 131%;
}
.payment-solution-home.secure-product.streamline-business.product-business.mechant-help {
    z-index: 108;
}
.mechant-help.streamline-business .row.grid-secure-list {
    right: 0;
}
.row.good-merchant h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 60px;
    text-align: center;
}
.grid-good-merchant {
    width: calc(33.3333333% - 32px);
    float: left;
    border-radius: 14px;
    box-shadow: 0 4px 8px 0 rgba(42, 47, 49, 0.1);
    background-color: #ffffff;
    margin: 0 16px;
}
.grid-good-merchant a {
    display: block;
    padding: 30px;
}
.grid-good-merchant h4 {
    font-size: 18px;
    color: #123049;
}
.grid-good-merchant img {
    vertical-align: middle;
}
.grid-good-merchant h4 img:first-child {
    margin-right: 25px;
}
.grid-good-merchant h4 img:last-child {
    float: right;
    margin-top: 8px;
}
.rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.rows.title-pricing {
    width: 100%;
}
.grid-payment-bank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 47%;
    max-width: 47%;
    padding-right: 80px;
    margin-bottom: 40px;
}
.grid-online-payment {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 38%;
    max-width: 38%;
    height: 100%;
    padding-right: 80px;
    margin-bottom: 40px;
}
.grid-payouts {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 15%;
    max-width: 15%;
    margin-bottom: 40px;
}
.bank-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    margin-bottom: 40px;
}
.grid-online-payment h3, .grid-payment-bank h3, .grid-payouts h3 {
    font-size: 20px;
    color: #123049;
    font-family: Poppins-Semibold;
}
.bank-name h4 {
    font-size: 16px;
    color: #123049;
    font-family: Poppins-Medium;
    margin-bottom: 13px;
    vertical-align: middle;
}
span.muted-text {
    font-size: 14px;
    font-family: Poppins-Medium;
    display: block;
    letter-spacing: 0.5px;
    color: #7686ab;
    margin-bottom: 30px;
}/*
.promo .bank-name h4 span {
    border-radius: 10.5px;
    background-color: #007fe7;
    display: inline-block;
    margin-left: 13px;
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-family: Poppins-Medium;
    padding: 2px 11px;
    text-transform: uppercase;
    vertical-align: middle;
}
.promo .rows.grid-payment-bank {
    padding-left: 24px;
    border-left: 2px solid #007fe7;
}*/
.grid-online-payment p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-top: 6px;
    margin-bottom: 13px;
}
.promo span.actual-price {
    position: relative;
    margin-left: 25px;
    font-size: 20px;
    color: #c32929;
    font-family: Poppins-Semibold;
}
.promo span.actual-price:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #c32929;
    top: 13px;
}
.grid-payouts p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-top: 6px;
    margin-bottom: 13px;
}
.section-payment {
    width: 100%;
    border-bottom: solid 2px #e0e8ef;
    margin-bottom: 51px;
}
.credit-card .bank-name {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.section-payment.cardless-credit .bank-name {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.section-payment.cardless-credit:last-child {
    border: 0;
}
.row.header .right {
    margin-top: 26px;
}
.dropdown-item {
    position: absolute;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 12px;
    top: 85px;
    border-radius: 16px;
    box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.08);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
    transition-property: opacity;
    transition-duration: .25s;
    left: -35px;
}
.row.grid-menu-item {
    border-radius: 8px;
    background-color: #ffffff;
    margin-bottom: 12px;
    padding: 24px;
    border: 1px solid transparent;
}
.grid-menu-left {
    width: 430px;
    float: left;
}
.row.grid-menu-item:hover {
    border-radius: 12px;
    box-shadow: 0 20px 40px -20px #f3f5f6;
    border: solid 1px #deeaf5;
    background-color: #ffffff;
}
.row.grid-menu-item img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    float: left;
}
.content-menu-item {
    float: left;
    width: calc(100% - 52px);
    padding-left: 24px;
}
.content-menu-item h3,
.content-menu-item span {
    font-size: 18px;
    font-family: Poppins-Semibold;
    margin-bottom: 6px;
    color: #123049;
    display: block;
}
.content-menu-item p {
    line-height: 1.5;
    color: #7686ab;
}
.usecase-menu .grid-menu-left {
    width: 454px;
}
li.has-dropdown:hover .dropdown-item {
    transition: all .25s ease-in-out 0s;
    opacity: 1;
    pointer-events: auto;
}
li.has-dropdown:hover a,
span.login-head:hover a,
.lang:hover span,
ul.menu-nav li:hover a {
    color: #0094d3;
}
ul.menu-nav li:hover .dropdown-item a{
    color: #123049;
}
li.has-dropdown:before {
    content: '';
    background-image: url(../img/arrow-bottom-white.svg);
    position: absolute;
    right: 11px;
    width: 12px;
    height: 12px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 42px;
    cursor: pointer;
}
li.has-dropdown:hover:before,
.lang:hover:before{
    background-image: url(../img/arrow-bottom-blue.svg);
}
.grid-menu-right {
    float: left;
    width: 375px;
}
.row.dropdown-item.product-menu {
    width: 910px;
}
ul.menu-nav .grid-menu-right li {
    padding: 0;
    position: relative;
    margin: 0;
    display: block;
    border-radius: 4px;
    background-color: #ffffff;
    font-family: Poppins-Medium;
    border: 1px solid transparent;
}
ul.menu-nav .grid-menu-right li a {
    color: #123049;
    padding: 20px;
    display: block;
}
.grid-menu-right li img {
    vertical-align: middle;
    margin-right: 18px;
    width: 20px;
}
.resource-menu .grid-menu-right {
    width: 285px;
}
ul.menu-nav .resource-menu .grid-menu-right li:hover {
    border-radius: 8px;
    box-shadow: 0 20px 40px -20px #f3f5f6;
    border: solid 1px #deeaf5;
    background-color: #ffffff;
}
ul.menu-nav .resource-menu .grid-menu-right li:hover:before{
    content: '';
    width: 3px;
    height: 15px;
    background-color: #005dac;
    position: absolute;
    left: 0;
    top: 25px;
}
.banner-about .grid-img-banner {
    width: 100%;
    height: 655px;
    top: 0;
    bottom: unset;
}
.banner-about .grid-img-banner img.img-responsive{
    height: 655px
}
.banner-about .content-banner {
    z-index: 99;
    width: 705px;
    padding: 120px 170px;
    padding-bottom: 211px;
    right: 0;
    background-image: url(../img/capsule-banner.png);
    background-position: 100%;
    background-repeat: no-repeat;
    padding-right: 40px;
}
.row.banner-home.usecase-banner.banner-about {
    padding-top: 0;
}
.grid-content-work-about {
    float: left;
    width: 500px;
    padding-bottom: 230px;
}
.complete-payment.usecase-client-list.our-work-about .row {
    position: unset;
}
.complete-payment.usecase-client-list.our-work-about .container {
    position: unset;
}
.our-work-about .grid-image-work-about img {
    width: 100%;
}
.our-work-about .grid-image-work-about {
    position: absolute;
    left: unset;
    right: 0;
    top: 0;
    width: 565px;
}
.grid-image-work-about {
    float: right;
    width: calc(100% - 500px);
    position: relative;
    left: 132px;
}
.grid-content-work-about h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-content-work-about p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.complete-payment.usecase-client-list.our-work-about {
    padding-bottom: 55px;
}
.grid-about-culture {
    float: left;
    width: 440px;
}
.grid-about-milestone {
    float: left;
    width: calc(100% - 440px);
    padding-left: 180px;
}
.grid-about-culture h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
.grid-about-culture p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.grid-about-culture ul {
    margin-bottom: 25px;
    margin-top: 25px;
}
.grid-about-culture li {
    font-size: 16px;
    color: #7686ab;
    margin-bottom: 18px;
    padding-left: 25px;
    position: relative;
}
.grid-about-culture img {
    width: 600px;
    position: absolute;
    left: 0;
    bottom: 106px;
}
.payment-solution-home.secure-product.fraudelant-usecases.milestone-about .row {
    position: unset;
}
.payment-solution-home.secure-product.fraudelant-usecases.milestone-about .container {
    position: unset;
}
.grid-about-milestone h3 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}
h4.year-milestone {
    margin-right: 42px;
    font-size: 20px;
    color: #123049;
    width: 80px;
    height: 44px;
    border-radius: 28px;
    background-color: #ffffff;
    text-align: center;
    padding: 8px;
    float: left;
}
.content-milestone {
    float: left;
    width: calc(100% - 122px);
    padding-left: 42px;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 7px;
}
.content-milestone p {
    font-size: 16px;
    font-family: Poppins-Semibold;
    line-height: 1.5;
    color: #123049;
}
.content-milestone img {
    vertical-align: middle;
    margin: 0 7px;
}
.milestone-item:last-child .content-milestone:after {
    height: 12%;
}
.content-milestone:after {
    content: '';
    position: absolute;
    left: 0;
    width: 7px;
    height: 100%;
    border-left: 5px dotted #c2d7e9;
    top: 17px;
}
.content-milestone:before {
    content:'';
    width: 12px;
    height: 12px;
    position: absolute;
    left: -3.8px;
    background-color: #123049;
    top: 12px;
    border-radius: 50%;
    z-index: 9;
}
.content-milestone li {
    padding-left: 25px;
    position: relative;
    font-size: 16px;
    font-family: Poppins-Semibold;
    line-height: 1.5;
    color: #123049;
    margin-bottom: 6px;
}
.about-team h3 {
    text-align: center;
    margin-bottom: 28px;
    font-size: 32px;
    line-height: 1.63;
}
.about-team p {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 60px;
}
.grid-team {
    float: left;
    width: 33.333333333%;
    padding-right: 51px;
    margin-bottom: 72px;
}
.grid-team img {
    margin-bottom: 32px;
    width: 102px;
    height: 111px;
    object-fit: contain;
}
.grid-team h4 {
    font-size: 20px;
    line-height: 1.2;
    font-family: Poppins-Semibold;
    margin-bottom: 20px;
}
.about-team .grid-team p {
    text-align: left;
    margin-bottom: 0;
    color: #7686ab;
    min-height: 110px;
}
.complete-payment.product-most.usecase-client-list.list-client-about {
    z-index: 109;
}
.list-client-about{
    text-align: center;
}
.list-client-about h3{
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 60px;
}
.payment-solution-home.secure-product.fraudelant-usecases.list-client-about {
    z-index: 110;
    padding-bottom: 275px;
}
.list-client-about .row.list-client {
    width: 100%;
    margin-bottom: 60px;
}
.setup-section.about-page-help {
    z-index: 111;
    padding-bottom: 235px;
}
.grid-help-about-content {
    float: left;
    width: 515px;
    color: #ffffff;
    padding-top: 38px;
}
.grid-help-about-content h3 {
    font-size: 32px;
    line-height: 1.63;
    margin-bottom: 28px;
}
.grid-help-about-content p {
    line-height: 1.5;
    margin-bottom: 20px;
}
.grid-help-about-list {
    float: left;
    width: calc(100% - 515px);
    padding-left: 180px;
}
.grid-help-about-list .grid-good-merchant {
    margin: 0;
    width: 100%;
    margin-bottom: 32px;
}
.row.grid-career-list {
    border-radius: 8px;
    background-color: #ffffff;
    padding: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: calc(33.333333% - 20px);
    margin: 10px;
    cursor: pointer;
}
span.error-message.sub-category-error {
    margin-left: 320px;
}
.row.grid-career-list:hover{
    box-shadow: 0 10px 20px 0 rgba(37, 41, 44, 0.08);
}
.row.grid-career-list h4 {
    width: 100%;
    clear: both;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #232f51;
    font-family: Poppins-Medium;
    margin-bottom: 18px;
}
.row.grid-career-list p {
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #7686ab;
    background-color: #eff4fe;
    display: inline-block;
    padding: 2px 5px;
}
span.left.category-career {
    font-size: 16px;
    color: #007fe7;
    display: inline-block;
    margin-bottom: 12px;
}
span.right.date-career {
    font-size: 14px;
    color: #7686ab;
    display: inline-block;
    margin-top: 4px;
}
.payment-solution-home.secure-product.fraudelant-usecases.carrer-list {
    padding-bottom: 290px;
}
.row.grid-slider-video{
    border-radius: 30px;
}
img.slider-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 30px;
}
img.btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.content-slider-video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background-image: url(../img/bg-slider-video.png);
    background-position: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 406px;
    height: 320px;
    padding: 50px 100px;
    padding-right: 60px;
}
.video-slider {
    margin-bottom: 60px;
    position: relative;
}
.swiper-button-next, .swiper-button-prev {
    top: 50%;
    width: 28px;
    height: 28px;
    z-index: 10;
    background-size: 28px 28px;
    transform: translate(0, -50%);
    margin: 0;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/arrow-slider-left.svg);
    left: 25px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/arrow-slider-right.svg);
    right: 25px;
    left: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.slider-video-section h4 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #123049;
    margin-bottom: 70px;
}
.slider-video-section h5 {
    line-height: 1.63;
    letter-spacing: normal;
    color: #123049;
    font-size: 32px;
    text-align: center;
    margin-bottom: 40px;
}
.content-slider-video h3 {
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 5px;
}
.content-slider-video p {
    font-size: 24px;
    line-height: 2.17;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 40px;
}
.content-video-section ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
.content-video-section ul li {
    font-size: 18px;
    font-family: Poppins-Medium;
    margin-bottom: 18px;
    padding-left: 25px;
    padding-right: 30px;
    position: relative;
    color: #7686ab;
    line-height: 1.56;
}
.modal.video-modal {
    background-color: rgba(28, 29, 31, 0.39);
}
.row.wrapper-career h3 {
    font-size: 36px;
    line-height: 1.44;
    letter-spacing: normal;
    color: #123049;
    margin-bottom: 40px;
}
.row.wrapper-career p {
    line-height: 1.6;
    letter-spacing: normal;
    color: #495d8b;
    font-size: 16px;
    margin-bottom: 40px;
}
.row.wrapper-career h4 {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #123049;
    margin-bottom: 20px;
}
.row.wrapper-career ul {
    list-style: disc;
    margin-left: 24px;
    margin-bottom: 20px;
}
.row.wrapper-career ul li {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: normal;
    color: #495d8b;
}
.video-modal .modal-dialog .modal-body {
    background-color: transparent;
    padding: 0;
    border-radius: 12px;
}
.video-modal .modal-dialog {
    width: 80%;
    margin-top: 100px;
    margin-bottom: 50px;
}
.video-modal .modal-dialog .modal-body .close {
    top: -44px;
    right: -44px;
    padding: 0;
    z-index: 99;
    padding: 7px;
}
.career-modal .modal-dialog .modal-body {
    background-color: #ffffff;
    padding: 50px;
    border-radius: 12px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-bottom: 20px;
}
.career-modal .modal-dialog {
    width: 880px;
    margin-top: 176px;
    margin-bottom: 176px;
}
.career-modal .modal-dialog .modal-body .close {
    top: 24px;
    right: 24px;
    padding: 0;
    width: 16px;
}
.row.title-career h3.left {
    line-height: 1.63;
    letter-spacing: normal;
    color: #123049;
    font-size: 32px;
}
.row.title-career {
    padding: 0 10px;
    margin-bottom: 52px;
}
.row.title-career .right input {
    border-radius: 4px;
    border: solid 1px #e5eef6;
    background-color: #ffffff;
    padding: 8px 20px;
    color: #232f51;
    outline: none;
    background-image: url(../img/magnifier-search.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 16px 16px;
    padding-left: 45px;
}
.dropbtn {
    padding: 8px 16px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    border: solid 1px #e5eef6;
    background-color: #ffffff;
    font-family: Poppins-Medium;
    color: #232f51;
    outline: none;
    padding-right: 50px;
}
.dropdown {
    position: relative;
    display: inline-block;
    margin-left: 24px;
}
.dropdown-content {
    top: 46px;
    display: none;
    position: absolute;
    overflow: auto;
    z-index: 99999;
    width: 100%;
    border: solid 1px #e5eef6;
    border-radius: 4px;
    box-shadow: 0 20px 20px 0 rgba(40, 43, 46, 0.08);
    background-color: #ffffff;
}
.dropdown-content a {
    padding: 8px 16px;
    text-decoration: none;
    display: block;
    font-family: Poppins-Medium;
    color: #232f51;
    font-size: 14px;
}
.show {display: block;}
button.dropbtn:before{
    content: '';
    background-image: url(../img/arrow-slider-left.svg);
    position: absolute;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 100%;
    right: 9px;
    transform: rotate(270deg);
}
.video-modal .modal-dialog .modal-body iframe {
    width: 100%!important;
    height: 590px!important;
}
.modal-footer ul li {
    display: inline-block;
    margin-right: 6px;
    color: #232f51;
    font-family: Poppins-Medium;
}
.modal-footer ul li img {
    vertical-align: middle;
}
.right.btn-apply {
    font-size: 16px;
    border-radius: 24.5px;
    background-color: #054fbf;
    outline: none;
    border: 0;
    padding: 13px;
    width: 231px;
    color: #ffffff;
    font-family: Poppins-Semibold;
    cursor: pointer;
}
.right.category-blog input {
    border-radius: 4px;
    border: solid 1px #e5eef6;
    background-color: #ffffff;
    padding: 8px 20px;
    color: #232f51;
    outline: none;
    background-image: url(../img/magnifier-search.svg);
    background-repeat: no-repeat;
    background-position: 15px;
    background-size: 16px 16px;
    padding-left: 45px;
}
.row.category-wrapper h3 {
    font-size: 36px;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
}
.row.category-wrapper {
    margin-bottom: 82px;
}
.banner-blog-image {
    float: left;
    width: 560px;
}
.banner-blog-image img {
    width: 100%;
    border-radius: 12px;
}
.banner-blog-content {
    float: left;
    width: calc(100% - 560px);
    padding-left: 80px;
    padding-top: 45px;
}
.banner-blog-content h3 {
    width: 100%;
    clear: both;
    font-size: 31px;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 8px;
    min-height: 87px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.banner-blog-content p {
    width: 100%;
    clear: both;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
    margin-bottom: 30px;
    min-height: 48px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.banner-blog-content span.left.category {
    font-size: 18px;
    color: #0094d3;
    font-family: Poppins-Medium;
}
.banner-blog-content span.right.year {
    color: #b2b9cb;
    font-family: Poppins-Medium;
}
.row.banner-home.usecase-banner.banner-blog {
    padding-bottom: 180px;
}
.row.left.writer-section img {
    width: 32px;
    height: 32px;
    float: left;
    object-fit: contain;
    border-radius: 50%;
}
.row.left.writer-section h4 {
    float: left;
    width: calc(100% - 32px);
    padding-left: 16px;
    color: #ffffff;
    font-family: Poppins-Medium;
    margin-top: 3px;
}
.banner-blog-content ul li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #7686ab;
    text-transform: uppercase;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.14);
    padding: 1px 5px;
    margin-left: 8px;
}
.category-blog button.dropbtn {
    width: 200px;
    text-align: left;
}
.dropdown .row.left.writer-section img {
    width: 24px;
    height: 24px;
}
.dropdown .row.left.writer-section h4 {
    width: calc(100% - 24px);
    font-size: 14px;
    color: #123049;
    margin-top: 1px;
    padding-left: 9px;
}
.row.left.writer-section a {
    padding: 0;
}
.dropdown .row.writer-section {
    width: 100%;
    padding: 10px 16px;
    left: unset;
}
.grid-blog-item {
    float: left;
    width: 33.33333333%;
}
.row.wrapper-blog.four-item .grid-blog-item {
    width: 100%;
    padding: 0;
}
img.item-blog-image {
    width: 100%;
    height: 210px;
    margin-bottom: 21px;
    object-fit: cover;
}
.row.wrapper-blog.four-item img.item-blog-image {
    height: 165px;
}
.item-blog-content ul.right li a {
    color: #7686ab;
}
.grid-blog-item {
    padding: 20px;
    padding-bottom: 40px;
}
.item-blog-content h3 {
    font-size: 20px;
    width: 100%;
    clear: both;
    line-height: 1.6;
    letter-spacing: normal;
    color: #123049;
    font-family: Poppins-Semibold;
    margin-top: 9px;
    margin-bottom: 16px;
    min-height: 64px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.item-blog-content p {
    min-height: 40px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.item-blog-content span.left.category {
    color: #0094d3;
    font-family: Poppins-Medium;
}
.item-blog-content span.right.year {
    font-size: 14px;
    color: #b2b9cb;
    font-family: Poppins-Medium;
}
.row.wrapper-blog {
    margin: 0 -20px;
}
.item-blog-content .row.left.writer-section h4 {
    width: calc(100% - 24px);
    font-size: 14px;
    color: #123049;
    margin-top: 1px;
}
.item-blog-content .row.left.writer-section img {
    width: 24px;
    height: 24px;
}
.item-blog-content .row.left.writer-section {
    width: 100%;
}
.item-blog-content ul.right {
    width: 100%;
}

.item-blog-content ul.right li {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #7686ab;
    text-transform: uppercase;
    background-color: #eff4fe;
    padding: 1px 3px;
    margin-right: 8px;
    margin-bottom: 20px;
}
.item-blog-content ul.right li a{
    background-color: #eff4fe;
}
.row.pagination ul {
    text-align: center;
}
.row.pagination ul li {
    display: inline-block;
    width: 34px;
    height: 34px;
    border: 1px solid transparent;
    background-color: #ffffff;
    padding: 4px;
    border-radius: 50%;
    margin: 0 5px;
}
.row.pagination ul li.active{
    border: solid 1px #007fe7;
}
.row.pagination ul li.active a{
    color: #007fe7;
}
.row.pagination ul li a {
    color: #202020;
}
.row.pagination {
    margin-top: 81px;
}
.row.banner-home.usecase-banner.banner-detail-blog {
    height: 575px;
    padding-top: 0;
}
.complete-payment.usecase-client-list.detail-blog-section .container {
    top: -85px;
    z-index: 99;
}
.banner-detail-blog .grid-img-banner {
    width: 100%;
}
.complete-payment.usecase-client-list.detail-blog-section .container,
.complete-payment.usecase-client-list.detail-event-section .container,
.row.banner-home.usecase-banner.banner-detail-event .container {
    width: 760px;
}
.complete-payment.usecase-client-list.detail-blog-section .container,
.complete-payment.usecase-client-list.detail-event-section .container,
.row.banner-home.usecase-banner.banner-detail-event .container {
    width: 1100px;
}/*
.complete-payment.usecase-client-list.detail-blog-section .container{
    width: 935px;
}*/
.header-detail-blog span.left.category {
    font-size: 20px;
    color: #123049;
    font-family: Poppins-Medium;
}
.header-detail-blog {
    clear: both;
    margin-bottom: 60px;
}
.header-detail-blog span.right.year {
    font-size: 18px;
    color: #9ba2b1;
    font-family: Poppins-Medium;
}
.header-detail-blog h3,
.header-detail-blog h1 {
    width: 100%;
    clear: both;
    font-size: 40px;
    color: #123049;
    margin-bottom: 40px;
    font-family: Proxima-Bold,Helvetica,Arial,sans-serif;
}
.row.content-blog p {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: normal;
    color: #495d8b;
    margin-bottom: 20px;
    font-family: Proxima-Regular,Helvetica,Arial,sans-serif;
}
.row.content-blog p strong{
    font-family: Proxima-Bold,Helvetica,Arial,sans-serif;
}
.header-detail-blog .row.left img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    float: left;
}
.header-detail-blog .row.left h4 {
    width: calc(100% - 70px);
    float: left;
    font-size: 18px;
    padding-left: 20px;
    color: #123049;
    font-family: Poppins-Medium;
    margin-top: 20px;
}
.header-detail-blog .row.left h4 span a {
    color: #0baddc;
}
.header-detail-blog .row.left h4 span a:hover {
    text-decoration: underline;
}
.header-detail-blog .row.left h4 span {
    font-size: 14px;
    letter-spacing: normal;
    color: #495d8b;
    margin-bottom: 20px;
}
.row.content-blog p a {
    color: #005dac;
    text-decoration: underline;
}/*
.row.category-share .left a {
    color: #005dac;
    line-height: 1.15;
    letter-spacing: normal;
    font-family: Poppins-Semibold;
}*/
.row.category-share .left a {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.6px;
    color: #7686ab;
    text-transform: uppercase;
    border-radius: 2px;
    background-color: #edf4f9;
    padding: 3px 5px;
    line-height: 1.15;
    font-family: Poppins-Semibold;
    margin-right: 8px;
}
span.right.view-blog img {
    margin-right: 10px;
}
span.right.view-blog b {
    margin-right: 5px;
    font-family: Poppins-Semibold;
    font-weight: unset;
}
span.right.view-blog {
    color: #9aa2a9;
    font-size: 18px;
    font-family: Poppins-Medium;
    display: block;
}
.wrapper-video-detail {
    margin-bottom: 60px;
    margin-top: 40px;
}
.wrapper-video-detail iframe {
    height: 486px;
    margin-left: -80px;
    width: calc(100% + 160px);
    margin-bottom: 20px;
}
span.title-video {
    font-size: 16px;
    display: block;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: normal;
    color: #495d8b;
}
.row.content-blog h4 {
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: normal;
    color: #123049;
    margin-bottom: 25px;
    font-family: Poppins-Semibold;
}
.row.content-blog ul {
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 60px;
}
.row.content-blog ol {
    margin-left: 40px;
    margin-bottom: 60px;
    list-style: decimal;
}
.row.content-blog li {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: normal;
    color: #495d8b;
    margin-bottom: 10px;
}
.row.content-blog li::marker {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: normal;
    color: #495d8b;
    font-family: Proxima-Bold,Helvetica,Arial,sans-serif;
}
.wrapper-image-detail {
    margin-top: 40px;
    margin-bottom: 60px;
}
.wrapper-image-detail img {
    width: 100%;
}
.row.label-detail-wrapper {
    border-radius: 8px;
    box-shadow: 0 20px 40px -20px #f3f5f6;
    border: solid 2px #f3f7fa;
    background-color: #ffffff;
    padding: 35px;
    margin-bottom: 40px;
}
.row.label-detail-wrapper img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    float: left;
}
.content-label-detail {
    float: left;
    width: calc(100% - 64px);
    padding-left: 32px;
    padding-right: 40px;
}
.content-label-detail h5 {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #123049;
    margin-bottom: 8px;
}
.content-label-detail h5 a{
    color: #123049;
}
.row.content-blog .content-label-detail p a{
    color: #7686ab;
}
.row.content-blog .content-label-detail p {
    font-size: 18px;
    line-height: 1.33;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 0;
}
.row.content-blog .quote-detail p {
    position: relative;
    font-size: 24px;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: normal;
    color: #232f51;
}
.row.content-blog .quote-detail b {
    font-style: normal;
    color: #007fe7;
    font-family: Poppins-Medium;
    font-weight: normal;
}
.row.content-blog .quote-detail p:before {
    content: url(../img/quote-icon.svg);
    margin-right: 10px;
}
.row.content-blog .quote-detail p:after {
    content: url(../img/quote-icon.svg);
    margin-left: 10px;
}
.quote-detail {
    margin-left: -40px;
    width: calc(100% + 80px);
    margin-bottom: 60px;
}
.row.category-share .left li {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.6px;
    color: #7686ab;
    text-transform: uppercase;
    background-color: #eff4fe;
    padding: 2px 5px;
    margin-right: 8px;
}
.row.category-share .right li {
    display: inline-block;
    margin-right: 6px;
    color: #232f51;
}
.row.category-share {
    margin-bottom: 40px;
}
.row.detail-newsletter {
    border-radius: 12px;
    box-shadow: 0 20px 40px -20px #f3f5f6;
    border: solid 2px #f3f7fa;
    background-color: #ffffff;
    padding: 35px 40px;
}
.row.detail-newsletter .left h3 {
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: normal;
    color: #123049;
    font-family: Poppins-Semibold;
    margin-bottom: 12px;
}
.row.detail-newsletter .left p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #868da2;
}
.row.detail-newsletter .row.form-newsletter {
    float: right;
    width: auto;
    margin-top: 9px;
}
.row.detail-newsletter .row.form-newsletter input {
    background-color: #f6f8fa;
    float: right;
    padding-right: 59px;
    width: 254px;
}
.row.detail-newsletter .row.form-newsletter input[type="submit"] {
    outline: none;
    border: 0;
    border-radius: 50%;
    background-color: #054fbf;
    padding: 18px;
    width: 52px;
    height: 52px;
    position: absolute;
    right: 0;
    top: 34px;
    cursor: pointer;
    float: left;
    font-size: 0;
    background-image: url(../img/arrow-newsletter.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.row.detail-newsletter .row.form-newsletter button {
    float: right;
    position: absolute;
    right: 0;
    left: unset;
    top: 0;
}
.detail-item-blog.payment-solution-home h2 {
    margin-bottom: 30px;
}
.row.banner-home.usecase-banner.banner-detail-event {
    height: 565px;
}
.banner-detail-event .banner-blog-content {
    width: 100%;
    padding-left: 0;
}
.row.wrapper-info-event {
    border-radius: 12px;
    box-shadow: 0 20px 40px -20px rgba(22, 22, 23, 0.17);
    background-color: #ffffff;
    padding: 32px;
    margin-bottom: 60px;
}
.time-event {
    float: left;
    width: 35%;
    padding-right: 20px;
}
.right.category-blog form {
    display: inline-block;
}
.row.content-blog .time-event h4 {
    font-size: 20px;
    margin-bottom: 4px;
    color: #495d8b;
    font-family: Poppins-Regular;
}
.row.content-blog .time-event p {
    margin-bottom: 0;
    color: #123049;
    font-family: Poppins-Medium;
    line-height: 27px;
}
.btn-event {
    float: left;
    width: 30%;
    text-align: right;
}
.btn-event span.btn-started {
    margin: 0;
    width: 80%;
    text-align: center;
    margin-top: 20px;
}
.search-item-section .container {
    width: 830px;
}
.search-item-section .grid-blog-item {
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
}
.search-item-section img.item-blog-image {
    width: 295px;
    float: left;
    margin: 0;
}
.search-item-section .item-blog-content {
    float: left;
    width: calc(100% - 295px);
    padding-left: 30px;
}
.search-item-section .item-blog-content h3 {
    min-height: 32px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
}
.search-item-section .item-blog-content p {
    width: 90%;
    margin-bottom: 8px;
}
.search-item-section .item-blog-content ul.right li {
    margin-bottom: 12px;
}
.search-item-section .row.wrapper-blog{
    margin: 0;
}
.search-item-section h4{
      color: #232f51;
      margin-bottom: 25px;
}
.row.empty-section {
    text-align: center;
    margin-bottom: 100px;
}
.row.empty-section img {
    margin-bottom: 23px;
}
.row.empty-section h3 {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #123049;
    margin-bottom: 8px;
}
.row.empty-section p {
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    color: #7686ab;
}
.detail-item-blog h2 {
    font-size: 24px;
    color: #123049;
    font-family: Poppins-Semibold;
    margin-bottom: 28px;
}
.burger-menu{
    display: none;
}
.mobile{
    display: none;
}
.row.accept-payment.upper-footer .right .btn-started {
    margin-right: 11px;
}
.row.accept-payment.upper-footer .right {
    margin-right: 40px;
}
.row.accept-payment.upper-footer h2 {
    font-size: 32px;
    line-height: 1.63;
    letter-spacing: normal;
    color: #f7fcff;
    width: 450px;
}
.row.accept-payment {
    margin-bottom: 75px;
}
.row.upper-footer:nth-child(2) {
    margin: 0;
}
.powering-section.section-client-product.campaign-click {
    padding-bottom: 300px;
}
.campaign-click .grid-click-desc {
    width: 45%;
    padding: 0;
    margin-right: 5%;
    padding: 25px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.11);
    position: relative;
    min-height: 650px;
}
.campaign-click .grid-click-desc:last-child {
    margin-right: 0;
    margin-left: 5%;
    padding-left: 25px;
}
.campaign-click .grid-click-desc h4 {
    font-size: 24px;
    color: #123049;
    margin-bottom: 15px;
    line-height: 2.17;
}
.campaign-click .grid-click-desc li {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    float: unset;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 30px;
    position: relative;
}
.campaign-click .grid-click-desc p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
}
.campaign-click .grid-click-desc ul {
    margin: 45px 0;
    margin-left: 30px;
}
.payment-solution-home.secure-product.terms-campaign {
    z-index: 109;
    padding-bottom: 300px;
}
.row.usecase-client-content .grid-kind-content li p a {
    color: #054fbf;
    text-decoration: underline;
}
.terms-campaign .grid-powerup-title {
    padding-right: 60px;
    width: 550px;
}
.terms-campaign .row.grid-powerup-content {
    width: calc(100% - 550px);
}
.terms-campaign .grid-powerup-subcontent {
    padding: 0;
    width: 100%;
}
.terms-campaign .grid-powerup-subcontent h4 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #0090ce;
    margin-bottom: 32px;
}
.grid-powerup-subcontent ol {
    list-style: decimal;
    margin-top: 45px;
    margin-left: 40px;
}
.grid-powerup-subcontent li {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 5px;
    text-align: left;
    padding-bottom: 8px;
}
.feature-video-tabs .feature-video-tabs {
    padding: 0;
    width: 100%;
    margin: 0;
}
span.gojek-logo {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 17px;
}
span.gojek-logo img {
    width: 175px;
    margin: 0 7px;
    vertical-align: middle;
}
ul.alphabet-list {
    list-style: lower-alpha;
    margin-left: 35px;
}
ul.disc-list {
    list-style: square;
    margin-left: 35px;
}
.smartloan-merchant .row.content-integration-product {
    margin-top: 0;
    margin-bottom: 60px;
}
.floating-image-wrapper .container {
    position: unset;
}
.floating-image-wrapper .row {
    position: unset;
}
.floating-image-wrapper .grid-img-most {
    position: absolute;
    right: 0;
    text-align: right;
}
.floating-image-wrapper .grid-img-most img {
    max-width: 700px;
}
span.btn-terms {
    font-family: Poppins-Medium;
    text-decoration: underline;
}
span.btn-terms a {
    color: #054fbf;
}
span.btn-terms img {
    position: relative;
    top: 5px;
    width: 13px;
    margin-left: 6px;
}
ol.term-and-condition.hidden-item {
    max-height: 100%;
    overflow: unset;
}
ol.term-and-condition {
    max-height: 0;
    overflow: hidden;
}/*
.btn-started.terms {
    margin: 0;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin-bottom: 12px;
}*/
.grid-click-desc:nth-child(2) img.img-icon-desc {
    width: 120px;
    height: 120px;
    margin-top: -12px;
}
img.img-icon-desc {
    width: 100px;
    height: 100px;
    object-fit: contain;
}
span.btn-started.terms{
    margin-left: 0;
    margin-top: 20px;
}
.terms-campaign .wrapper-solution .row {
    margin: 0;
}
.terms-campaign .wrapper-solution .row:first-child {
    margin-top: -75px;
    margin-bottom: 25px;
}
.usecase-works span.btn-arrow-blue a {
    color: #ffffff;
}
.usecase-works span.btn-arrow-blue {
    display: inline-block;
    margin-top: 50px;
}
.usecase-works .grid-info-client span.btn-arrow-blue{
    position: absolute;
    bottom: 30px;
}
.usecase-works .grid-info-client span.btn-arrow-blue a{
    color: #054fbf;
}
.numerical-fraud.streamline-business .row.grid-secure-list {
    position: absolute;
    left: 0;
    text-align: left;
}
span.btn-arrow-blue.invert {
    padding: 0;
    background-color: transparent;
    width: auto;
    height: auto;
    margin: 0;
}
span.btn-arrow-blue.invert a{
    color: #ffffff;
}
.desktop-item{
    display: block;
}
.mobile-item{
    display: none;
}
.row.update-section {
    width: 100%;
    background-color: #007FE7;
    padding: 15px 3.8%;
    position: fixed;
    z-index: 1001;
}
.row.update-section.banner-section {
    width: 550px;
    background-color: #007FE7;
    padding: 15px 20px;
    position: fixed;
    z-index: 999;
    top: 150px;
    left: 0;
}
.row.update-section h3 {
    display: inline-block;
    text-transform: uppercase;
    font-family: Poppins-Semibold;
    font-size: 12px;
    background-color: #ffffff;
    padding: 1px 7px;
    color: #007FE7;
    margin-right: 20px;
    vertical-align: middle;
}
.row.update-section p {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-family: Poppins-Medium;
    color: #ffffff;
    letter-spacing: 0.3px;
    margin-right: 25px;
}
span.link-update {
    display: inline-block;
    font-size: 12px;
    font-family: Poppins-Semibold;
    text-decoration: underline;
}
span.link-update a {
    color: #ffffff;
}
span.close-update-btn img {
    width: 13px;
    height: 13px;
}
span.close-update-btn {
    float: right;
    position: relative;
    top: 2px;
}
.row.update-section.banner-section span.close-update-btn {
    float: right;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}
.row.update-section.closed {
    display: none;
}
.row.update-section.closed + .header {
    top: 0;
}
.row.update-section.closed + .header + .row.update-section.banner-section + .banner-home{
    margin-top: 80px;
}
.big-wrapper{
    margin-top: 80px;
}
.row.content-blog table td:first-child {
    width: auto!important;
    min-width: 75px;
}
.section-client-product .row.title-powering .grid-client-info p a {
    color: #ffffff;
    text-decoration: underline;
}
.owner-content p a{
    color: #123049;
    text-decoration: underline;
}
.fraudelant-usecases.list-client-about .row.list-client ul li {
    width: 20%;
    height: 50px;
}
.fraudelant-usecases.list-client-about .row.list-client ul li img {
    height: 50px;
    padding: 5px;
}
.payment-solution-home.secure-product.product-business .row.content-integration-product {
    margin-top: 70px;margin-bottom: 70px;
}
.payment-solution-home.secure-product.product-business .row {
    margin: 0;
}
.l-header {
    background-color: #002855;
}
.cookie-fixed {
    position: fixed;
    z-index: 9999;
    width: calc(100% - 125px);
    border-radius: 4px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.33);
    background-color: #005dac;
    bottom: 28px;
    left: 28px;
    padding: 10px 20px;
}
.cookie-fixed h3,
.cookie-fixed span.left {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: normal;
    width: calc(100% - 200px);
    color: #ffffff;
    font-family: Poppins-regular;
    text-align: left;
}
.cookie-fixed span {
    line-height: 1.71;
    letter-spacing: normal;
    font-size: 14px;
    font-family: Poppins-Medium;
    width: 200px;
    text-align: right;
}
.cookie-fixed span a {
    color: #ffffff;
    text-decoration: underline;
}
.powering-section.section-client-product.campaign-click.one-item .grid-click-desc {
    min-height: unset;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
}
.terms-campaign.one-item .grid-powerup-title {
    padding: 0;
    width: 100%;
    text-align: center;
}
.swiper-container-thumbs .swiper-wrapper {
    margin: 0 auto;
    width: max-content;
    transform: unset!important;
}
.file-upload-wrapper {
    position: relative;
    width: 94%;
    height: 60px;
}
.file-upload-wrapper:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 20;
    height: 19px;
    line-height: 18px;
    font-weight: 300;
    border: solid 1px #deeaf5;
    border-radius: 4px;
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #aabcdb;
}
.file-upload-wrapper:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 41px;
    background: #054fbf;
    color: #fff;
    font-weight: 700;
    z-index: 25;
    line-height: 40px;
    padding: 0 15px;
    pointer-events: none;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-family: Poppins-SemiBold;
}
span.btn-add-file,
span.btn-delete-file {
    display: block;
    text-align: right;
    margin-right: 42px;
    margin-bottom: 20px;
    font-size: 12px;
    text-decoration: underline;
}
span.btn-add-file a {
    color: #005dac;
}
span.btn-delete-file a {
    color: red  ;
}
.file-upload-wrapper:hover:before {
    background: #054fbf;
}
.file-upload-wrapper input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 40px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}
.header-detail-blog .row.left a {
    display: inline-block;
    color: #002855;
}
.banner-blog-content .row.left.writer-section h4 {
    width: calc(100% - 70px);
    margin-top: 11px;
}
.banner-blog-content .row.left.writer-section img {
    width: 70px;
    height: 70px;
}
.banner-blog-content .row.left.writer-section {
    width: calc(100% - 90px);
}
.banner-blog-content .row.left.writer-section h4 span {
    color: #ffffff;
    font-family: Poppins-Medium;
    font-size: 14px;
}
.p-content-banner h1{
    position: relative;
    z-index: 99;
}
.p-content-banner .p-h-sub {
    position: relative;
    z-index: 99;
}
.row.content-blog p img{
    width: 100%;
    height: 100%;
}
.row.banner-home.usecase-banner.banner-detail-blog .grid-img-banner {
    top: 0;
}
.grid-list-most .btn-started {
    margin-left: 0;
}
.grid-list-most img.img-merchant-finance {
    width: 130px;
    height: 40px;
    margin-bottom: 0;
}
.row.list-client-product ul .merchant-financing-testimoni li img {
    height: 40px;
}
.row.content-integration-product.testimoni-list-merchant {
    margin-top: 100px;
    border-radius: 40px;
    background-color: #ffffff;
    padding: 60px;
    padding-bottom: 38px;
    overflow: hidden;
    margin-bottom: 70px;
}
.testimoni-list-merchant span.btn-started a {
    color: #054fbf;
    text-decoration: underline;
    padding: 9px;
}
.testimoni-list-merchant span.btn-started {
    background: transparent;
}
.row.content-blog td, .row.content-blog th {
    padding: 5px 20px;
}
.row.content-blog td p, .row.content-blog th p {
    font-size: 16px;
    margin: 0;
    text-align: justify;
}

.row.content-blog td img, .row.content-blog th img {
    width: 100%!important;
    height: auto!important;
}

.row.content-blog td:first-child p {
    /*font-size: 20px;*/
    text-align: left!important;
}
.complete-payment.product-most.usecase-client-list.campaign-form {
    z-index: 109;
}
.powering-section.section-client-product.section-client-usecases.campaign-testimoni:after {
    display: none;
}
.row.title-campaign-list h2 {
    font-size: 32px;
    line-height: 1.63;
    color: #ffffff;
}
.row.title-campaign-list p{
    font-size: 16px;
    font-family: Poppins-Regular;
    color: #ffffff;
}
.row.grid-powerup-content.centered-terms {
    width: 50%;
    margin: 0 auto;
    float: unset;
    text-align: center;
    padding-top: 55px;
}
.grid-payment-home.grid-4-payment {
    width: calc(25% - 12px);
    margin-bottom: 12px;
    margin-right: 6px;
    margin-left: 6px;
}
p.content-payment {
    width: 70%;
    margin: 0 auto;
    color: #7686ab;
    line-height: 25px;
    margin-bottom: 35px;
    text-align: center;
}
.row.video-passport {
    margin-top: 85px;
}
.row.video-passport h2 {
    font-family: Poppins-Semibold;
    font-size: 36px;
    color: #123049;
    margin-bottom: 32px;
}
.grid-video-passport {
    float: left;
    width: 50%;
}
.grid-video-passport:nth-child(2) {
    padding-right: 20px;
}
.grid-video-passport:nth-child(3) {
    padding-left: 20px;
}
.grid-video-passport iframe {
    width: 100%!important;
    height: 290px!important;
}
.grid-video-passport h3 {
    font-size: 18px;
    color: #123049;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}
.slide-blog {
    padding-bottom: 80px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}
.slide-blog .swiper-pagination {
    font-size: 15px;
    font-family: Poppins-Semibold;
    width: auto;
    left: 50%;
    transform: translate(-50%, 0);
    color: #054fbf;
}
.slide-blog  .swiper-button-next {
    background-image: unset;
    width: auto;
    height: auto;
}
.slide-blog .swiper-button-next:before {
    content: "Next";
    font-size: 14px;
    font-family: Poppins-Semibold;
    color: #ffffff;
    padding: 5px 32px;
    border-radius: 21px;
    background-color: #054fbf;
}
.slide-blog  .swiper-button-prev {
    background-image: unset;
    width: auto;
    height: auto;
}
.slide-blog .swiper-button-prev:before {
    content: "Prev";
    font-size: 14px;
    font-family: Poppins-Semibold;
    color: #ffffff;
    padding: 5px 32px;
    border-radius: 21px;
    background-color: #054fbf;
}
.slide-blog .swiper-button-prev{
    left: 0;
}
.slide-blog .swiper-button-next, .slide-blog .swiper-button-prev {
    bottom: -5px;
    top: unset;
}
.slide-blog .swiper-button-next:after, .slide-blog .swiper-button-prev:after{
    display: none;
}
.slide-blog .swiper-button-next{
    right: 0;
}
.complete-payment.product-most.usecase-client-list {
    padding-bottom: 180px;
}
.complete-payment.product-most.usecase-client-list.campaign-form {
    padding-bottom: 290px;
}
.complete-payment.product-most.usecase-client-list.campaign-form {
    padding-bottom: 180px;
}
.complete-payment.product-most.usecase-client-list {
    padding-bottom: 290px;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    opacity: 0!important;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
    opacity: 1!important;
}
.contact-main-wrapper.new-form-contact .contact-main {
    width: calc(100% - 360px);
    margin-left: 60px;
    float: left;
}
.contact-main-wrapper.new-form-contact .contact-main ul {
    list-style: disc;
    margin-left: 20px;
}
.contact-main-wrapper.new-form-contact .contact-main ul li {
    padding: 5px 0;
}
.contact-main-wrapper.new-form-contact .left-section-contact {
    float: left;
    margin-top: 0;
    width: 300px;
}
.list-menu-contact {
    border-radius: 20px;
    background-color: #edf4f9;
    padding: 13px 0px;
    -webkit-box-shadow: 0 12px 24px 0 rgb(44 47 50 / 13%);
    box-shadow: 0 12px 24px 0 rgb(44 47 50 / 13%);
    margin-bottom: 50px;
}
.list-menu-contact h3 {
    font-size: 18px;
    font-family: Poppins-SemiBold;
    color: #123049;
    margin-bottom: 20px;
    text-align: center;
}
.list-menu-contact li {
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #7686ab;
    margin-bottom: 10px;
    padding: 3px 20px;
}
.list-menu-contact li a {
    color: #7686ab;
    display: block;
}
.list-menu-contact li.active {
    font-family: Poppins-SemiBold;
}
.list-menu-contact li.active a {
    color: #002855;
}
.list-menu-contact li:hover {
    background-color: #054fbf;
}
.list-menu-contact li:hover a {
    color: #ffffff;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropdown-con{ 
    padding: 20px 0!important;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropdown-con ul li{
    margin: 0!important;
    padding: 7px 20px!important;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropdown-con ul li:hover {
    background-color: #054fbf!important;
    color: #ffffff!important;
}
.contact-main-wrapper .contact-detailed {
    float: unset;
    margin-top: 0;
}
.question-contact h3 {
    font-size: 18px;
    font-family: Poppins-SemiBold;
    color: #123049;
    margin-bottom: 20px;
}
.question-contact .c-dropdown {
    width: 100%;
}
.contact-main-wrapper .contact-main .c-input-wrapper.question-contact  .c-dropbtn {
    width: 100%;
    margin-bottom: 20px;
}
.contact-main-wrapper .contact-main .c-input-wrapper.question-contact .c-dropdown-con {
    width: 100%;
}
.question-contact p {
    font-family: Poppins-Regular;
    font-size: 14px;
    color: #7686ab;
    margin-bottom: 10px;
}
.question-contact p a {
    color: #002855;
    text-decoration: underline;
}
.question-contact ul {
    list-style: disc;
    margin-left: 20px;
}
.question-contact ol {
    list-style: decimal;
    margin-left: 14px;
}
.question-contact ol li {
    padding-left: 5px;
}
.c-dropdown-con ul,
.c-dropdown-con ol {
    list-style: none;
    margin: 0;
}
.contact-main-wrapper .contact-main .more-question h4 {
    font-size: 18px;
    font-family: Poppins-SemiBold;
    color: #123049;
    margin-bottom: 20px;
}
.more-question span {
    display: inline-block;
    border-radius: 22px;
    background-color: #054fbf;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    margin-right: 15px;
}
.more-question span a {
    color: #ffffff;
    padding: 12px 24px;
    display: block;
}
.more-question {
    margin-bottom: 30px;
}
.row.c-input-wrapper.question-contact {
    padding-right: 70px;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-textarea {
    height: auto;
    padding-bottom: 10px;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropbtn {
    overflow: unset;
    -o-text-overflow: unset;
    text-overflow: unset;
    display: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    padding-bottom: 9px;
    height: auto;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropdown-con {
    top: calc(100% - 19px);
}
.contact-main-wrapper .contact-main h4 {
    padding-right: 40px;
}
.contact-main-wrapper .contact-main h4 span {
    display: block;
    font-size: 16px;
    margin-top: 9px;
}/*
.file-upload-wrapper.deleted-file:before {
    content: 'Delete';
    background-color: #ff0000;
}*/

.row.table-xendit table {
    width: 100%;
    text-align: center;
}
.row.table-xendit table th, .row.table-xendit table td {
    padding: 10px;
}
.row.table-xendit table th {
    text-align: center;
    font-family: Poppins-Bold;
    font-size: 20px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
    text-transform: uppercase;
    border-bottom: -;
}
.row.table-xendit table tr:nth-child(2) td,.row.table-xendit table tr:last-child td {
    font-family: Poppins-Bold;
    font-size: 18px;
    line-height: 1.63;
    color: #ffffff;
    margin-bottom: 32px;
    border: 0;
    background-color: #002855;
    position: relative;
    text-align: center;
}
.row.table-xendit table td:first-child{
    font-family: Poppins-Bold;
}
.row.table-xendit table tr:nth-child(2) td:last-child{
    border-top-right-radius: 12px;
}
.row.table-xendit table tr:nth-child(2) td:first-child{
    border-top-left-radius: 12px;
}
.row.table-xendit table tr:nth-child(2) td:last-child:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 51px;
    right: -1px;
    background-color: #002855;
    bottom: 0;
    border-top-right-radius: 15px;
}
.row.table-xendit table tr:nth-child(2) td:first-child:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 51px;
    left: -1px;
    background-color: #002855;
    bottom: 0;
    border-top-left-radius: 15px;
}
.row.table-xendit table td {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    border: 1px solid #054fbf;
    text-align: left;
    padding: 15px 20px;
}
.row.table-xendit table td:nth-child(2) {
    border-left: 1px solid #054fbf;
}
.row.table-xendit table td:nth-child(3) {
    border-left: 1px solid #054fbf;
}
.row.table-xendit table tr:last-child td {
    border: 0;
    background-color: transparent;
    text-align: center;
}
.row.table-xendit table tr {
    /* background-color: #f7fcff; */
}
.row.table-xendit table tr:hover {
    background-color: #edf4f9;
}
.row.table-xendit table tr:first-child, .row.table-xendit table tr:last-child {
    background-color: transparent;
}
.row.header .left a.logos {
    height: 104px;
    display: inline-block;
    padding: 36px 0;
}
.row.accept-payment.upper-footer.xendit-footer h2 {
    width: 750px;
}
.row.title-powering .btn-started {
    margin: 0;
}
.xendit-section-content .grid-kind-content {
    float: left;
    width: 50%;
    position: relative;
}
.xendit-section-content .grid-kind-image {
    width: 50%;
}
.xendit-section-content .row.usecase-client-content:nth-child(even) .grid-kind-image {
    right: 50%;
    padding-left: 0;
    padding-right: 96px;
}
.xendit-section-content .row.usecase-client-content:nth-child(even) .grid-kind-content {
    left: 50%;
}
.xendit-section-content .row.usecase-client-content:last-child .grid-kind-content {
    left: unset;
}
.xendit-section-content .row.usecase-client-content:last-child .grid-kind-image {
    right: unset;
    padding-left: 65px;
    padding-right: unset;
}
.row.table-xendit table td img {
    width: 125px;
}
.row.content-blog h2, .row.content-blog h3, .row.content-blog h4, .row.content-blog h5, .row.content-blog h6 {
    font-size: 24px;
    color: #123049;
    font-family: Proxima-Bold,Helvetica,Arial,sans-serif;
    margin-bottom: 10px;
}
.grid-content-xendit {
    float: left;
    width: 33.3333333333%;
    text-align: center;
    padding: 0 25px;
    margin-bottom: 45px;
}
.grid-content-xendit:nth-child(5), .grid-content-xendit:nth-child(4) {
    width: calc(30% - 20px);
    margin: 0px 225px;
    padding: 0;
}
.grid-content-xendit:nth-child(5) {
    margin-left: 15px;
}
.grid-content-xendit:nth-child(4) {
    margin-right: 15px;
}
.grid-content-xendit img {
    width: 150px;
    height: 100px;
    object-fit: contain;
}
.grid-content-xendit h3 {
    font-family: Poppins-Bold;
    font-size: 24px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 20px;
}
.grid-content-xendit p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
}
.row.complete-wrapper.xendit-complete-wrapper .grid-payment-home p {
    min-height: 203px;
}
button.delete-btn-upload {
    display: none;
    position: absolute;
    z-index: 999;
    background-color: #ff0000;
    border: 0;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    font-family: Poppins-SemiBold;
    color: #ffffff;
    right: -1px;
    padding: 10px 18px;
    cursor: pointer;
    height: 41px;
}
.deleted-file button.delete-btn-upload {
    display: block;
}
.content-banner.banner-xendit {
    width: 500px;
}
.content-banner.banner-xendit h1 {
    font-size: 38px;
}
.row.complete-wrapper.xendit-complete-wrapper {
    margin-bottom: 40px;
}
.row.complete-wrapper.xendit-complete-wrapper h2 {
    color: #ffffff;
}
h3.title-xendit {
    text-align: center;
    display: block;
    width: 100%;
    clear: both;
    line-height: 1.63;
    font-size: 32px;
    color: #123049;
    margin-bottom: 35px;
}
.row.wrapper-content-xendit-header {
    margin-bottom: 100px;
    text-align: center;
}
.row.wrapper-content-xendit-header p {
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 20px;
}
.complete-payment.five-item-grid .grid-payment-home.grid-4-payment {
    width: calc(20% - 12px);
}
.complete-payment.five-item-grid .container {
    width: 1445px;
}
.complete-payment.five-item-grid .row.complete-wrapper {
    margin: 0;
}
span.category-item {
    display: block;
    margin-left: 12px;
    margin-bottom: 20px;
    color: #123049;
    font-family: Poppins-Bold,Helvetica,Arial,sans-serif;
}
.row.table-xendit table td span.btn-started {
    margin: 0;
}
.xendit-youtube {
    margin-bottom: 70px;
}
.row.not-sure-section {
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgb(45 50 55 / 6%);
    background-color: #ffffff;
    margin-bottom: 108px;
}
.row.not-sure-section .left span {
    font-family: Poppins-Bold;
    font-size: 24px;
    line-height: 1.63;
    color: #123049;
    margin-top: 4px;
    display: block;
}
.row.table-xendit table td ul, .row.table-xendit table td ol {
    list-style: disc;
}
.row.table-xendit table td ul li, .row.table-xendit table td ol li {
    display: block;
}
.row.grid-5-wrapper {
    margin-bottom: 40px;
}
.btn-footer-new {
    position: absolute;
    bottom: 0;
    left: 17px;
    padding-left: 34px;
}
.btn-footer-new img {
    width: 113px;
    margin-right: 30px;
    background-color: #ffff;
    border-radius: 5px;
    padding: 1px;
}

.btn-footer-new h3 {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
    margin-bottom: 15px;
}

.btn-footer-new a {
    display: inline-block;
}
.instore-products-client .grid-info-client {
    width: calc(33.333333% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}
.product-business .instore-products-client .grid-info-client {
    height: 350px;
}
.instore-products-client .grid-info-client:first-child {
    margin-right: 10px;
    width: calc(33.333333% - 20px);
    margin-left: 0;
}
.usecase-client-list .row.client-home.healthcare-client li {
    width: 16.666666666%;
}
.row.client-home.healthcare-client {
    margin: 0;
    margin-top: 65px;
}
.row.content-integration-product {
    text-align: center;
}
.row.content-integration-product .btn-started {
    margin: 0;
}
.powering-section.run-business-section.easy-integration:after {
    display: none;
}
.powering-section.run-business-section.easy-integration + .powering-section.section-client-product:after {
    display: none;
}
.powering-section.run-business-section.easy-integration {
    padding-bottom: 200px;
}
.row.breadcrumb-blog ol {
    margin-bottom: 20px;
}
.row.breadcrumb-blog ol li {
    display: inline-block;
    font-size: 12px;
    position: relative;
    padding-right: 17px;
}
.row.breadcrumb-blog ol li a {
    color: #495d8b;
}
.row.breadcrumb-blog ol li.active{
    font-family: Poppins-Bold,Helvetica,Arial,sans-serif
}
.row.breadcrumb-blog ol li.active a {
    color: #123049;
}
.row.breadcrumb-blog ol li:after {
    content: ">";
    font-size: 17px;
    color: #495d8b;
    padding: 0 5px;
    line-height: 23px;
    position: absolute;
    top: -1px;
    right: -2px;
}
.row.breadcrumb-blog ol li:last-child:after {
    display: none;
}
.contact-main-wrapper .contact-main .c-input-wrapper .c-dropdown-con ul {
    list-style: none;
    margin: 0;
}
.detail-blog-content {
    float: left;
    width: 760px;
}
.sidebar-blog {
    float: left;
    width: 340px;
    padding-left: 50px;
}
.featured-sidebar .grid-blog-item {
    padding: 0;
    width: 100%;
    float: unset;
    margin-bottom: 140px;
}
h4.title-sidebar-blog {
    font-size: 24px;
    color: #123049;
    font-family: Proxima-Bold,Helvetica,Arial,sans-serif;
    margin-bottom: 30px;
}
.recent-sidebar img {
    width: 125px;
    height: auto;
    margin: 0;
    float: left;
}
.recent-sidebar-title {
    float: left;
    width: calc(100% - 125px);
    padding-left: 16px;
}
.recent-sidebar-title h3 {
    font-size: 14px;
    width: 100%;
    clear: both;
    line-height: 1.6;
    letter-spacing: normal;
    color: #123049;
    font-family: Poppins-Semibold;
    min-height: 66px!important;
    overflow: hidden;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.recent-sidebar li {
    margin-bottom: 20px;
}
.recent-sidebar {
    margin-bottom: 50px;
}
.category-sidebar li a {
    font-size: 14px;
    letter-spacing: 0.6px;
    color: #7686ab;
    text-transform: uppercase;
    display: inline-block;
    background-color: #eff4fe;
    padding: 1px 3px;
    margin: 3px;
}
.category-sidebar li {
    display: inline-block;
}
.banner-sidebar img {
    width: 100%;
}
.banner-sidebar {
    margin-bottom: 30px;
}
.row.content-readmore {
    margin: 0;
    margin-top: 40px;
    border-top: 1px solid #8F8E98;
    padding-top: 30px;
}
.detail-item-desc {
    max-height: 200px;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    -webkit-transition: max-height .3s ease-in-out;
}
.expand-trigger-container {
    height: 40px;
    line-height: 50px;
    position: absolute;
    bottom: -31px;
    width: 100%;
    text-align: center;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.77) 36%,#fff 47%,#fff 97%,#fff 99%,#fff 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.77) 36%,#fff 47%,#fff 97%,#fff 99%,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.77) 36%,#fff 47%,#fff 97%,#fff 99%,#fff 100%);
}
.complete-payment.product-most.pricing-section .expand-trigger-container {

    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgb(247 252 255) 36%,#f7fcff 47%,#f7fcff 97%,#f7fcff 99%,#f7fcff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgb(247 252 255) 36%,#f7fcff 47%,#f7fcff 97%,#f7fcff 99%,#f7fcff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgb(247 252 255) 36%,#f7fcff 47%,#f7fcff 97%,#f7fcff 99%,#f7fcff 100%);
}
a.expand-trigger {
    display: none;
    font-family: Poppins-Medium;
}
a.expand-trigger.active {
    display: block!important;
    color: #054fbf;
    text-decoration: underline;
}
.detail-item-desc p {
    line-height: 1.5;
    letter-spacing: normal;
    margin-bottom: 20px;
    color: #8F8E98;
    font-size: 12px;
}
.detail-item-desc p a{
    color: #054fbf;
    font-family: Poppins-Medium;
}
.detail-item-desc h3{
    font-family: Poppins-Bold;
    font-size: 12px;
    line-height: 1.63;
    color: #8F8E98;
    margin-bottom: 15px
}
.detail-item-desc.expanded {
    height: auto;
    max-height: 7000px;
}
.detail-item-desc ol {
    list-style: decimal;
    margin-left: 25px;
    margin-bottom: 20px;
}
.detail-item-desc ul {
    list-style: disc;
    margin-left: 29px;
}
.detail-item-desc li {
    padding-bottom: 5px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #8F8E98;
    font-size: 12px;
}
.r-content-banner.security {
    padding-bottom: 220px;
    padding-top: 0;
}
.section-light {
    padding-top: 90px;
}
.title-contact-upper h5 {
    font-size: 32px;
    color: #123049;
    margin-bottom: 10px;
    text-align: center;
}
.title-contact-upper span {
    display: block;
    font-size: 16px;
    text-align: center;
}
.title-contact-upper {
    margin-bottom: 50px;
}
.cache-detail-section {
    padding-top: 305px;
}
.cache-detail-section .detail-blog-content {
    float: unset;
    margin: 0 auto;
}
.cache-detail-section .header-detail-blog {
    text-align: center;
}
.next-information-contact span {
    display: inline-block;
    border-radius: 22px;
    background-color: #054fbf;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    margin-right: 20px;
}
.next-information-contact span a {
    color: #ffffff;
    padding: 12px 24px;
    display: block;
}
.next-information-contact.row.c-input-wrapper.question-contact.thanks-form {
    clear: both;
    text-align: center;
}
.form-contact-detail {
    display: none!important;
}
.form-contact-detail.show {
    display: block!important;
}
.row.list-client ul.swiper-wrapper {
    display: flex;
    -webkit-transition-timing-function: linear!important;
    -o-transition-timing-function: linear!important;
    transition-timing-function: linear!important;
}
.row.list-client .swiper-button-next,.row.list-client .swiper-button-prev {
    top: 50%;
    width: 15px;
    height: 15px;
    z-index: 10;
    background-size: 15px 15px;
    transform: translate(0, -50%);
    margin: 0;
}
.row.list-client .swiper-button-prev, .row.list-client .swiper-container-rtl .swiper-button-next {
    background-image: url(../img/down-arrow.svg);
    left: -25px;
    right: auto;
    transform: rotate(90deg);
    top: unset;
    bottom: 30px;
}
.row.list-client .swiper-button-next, .row.list-client .swiper-container-rtl .swiper-button-prev {
    background-image: url(../img/down-arrow.svg);
    right: -25px;
    left: auto;
    transform: rotate(-90deg);
    top: unset;
    bottom: 30px;
}
.row.list-client .swiper-button-next.swiper-button-disabled, .row.list-client .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li a {
    padding: 20px 0;
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li img {
    height: 35px;
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li:first-child {
    width: calc(20% - 20px);
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li img {
    height: 65px;
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li a {
    padding: 10px 0;
}
#feature-tabs #tabs-3 ul.ui-tabs-nav li:nth-child(2) {
    width: auto;
}
.client-slide .swiper-wrapper {
    -webkit-transition-timing-function:linear!important; 
    -o-transition-timing-function:linear!important;
    transition-timing-function:linear!important; 
}
.autoplay-slide {
    position: relative;
    margin-bottom: 30px;
}
.row.banner-home.usecase-banner.banner-detail-blog .grid-img-banner img {
    width: 100%;
    height: auto;
}
.campaign-section-image {
    z-index: 999;
}
.payment-solution-home.campaign-grid.detail-item-blog {
    z-index: 999;
}
.campaign-section-image img {
    width: 100%;
    height: auto;
}
.payment-solution-home.reconcile-usecase.realated-campaign {
    z-index: 999;
}
.payment-solution-home.secure-product.fraudelant-usecases.campaign-section-image {
    z-index: 999;
}
.grid-kind-content span.btn-arrow-blue {
    display: inline-block;
}
.grid-kind-content span.btn-arrow-blue{
    display: inline-block;
    border-radius: 22px;
    background-color: #054fbf;
    font-family: Poppins-SemiBold;
    font-size: 14px;
    margin-right: 7px;
    margin-top: 15px;
    text-decoration: unset;
}
.grid-kind-content span.btn-arrow-blue a{
    color: #ffffff;
    padding: 12px 24px;
    display: block;
} 
.payment-solution-home.secure-product.fraudelant-usecases.merchant-funding.thanks-payout.campaign-title {
    padding-bottom: 100px;
    z-index: 999;
}
.payment-solution-home.campaign-grid.detail-item-blog {
    padding-bottom: 60px;
}
.payment-solution-home.secure-product.fraudelant-usecases.merchant-funding.thanks-payout.campaign-title .row.content-integration-product {
    margin-bottom: 41px;
    margin-top: -55px;
}
.banner-home + .payment-solution-home.secure-product.fraudelant-usecases.merchant-funding.thanks-payout.campaign-title {
    padding-bottom: 0;
    z-index: 1000;
}
.campaign-slide .swiper-button-next, .campaign-slide .swiper-button-prev {
    border: 1px solid #002855;
    border-radius: 50%;
}
.payment-solution-home.reconcile-usecase.realated-campaign + .payment-solution-home.secure-product.fraudelant-usecases.merchant-funding.thanks-payout.campaign-title .row.content-integration-product {
    padding-bottom: 130px;
}
.campaign-title .row.content-integration-product p {
    text-align: center;
    line-height: 1.5;
    letter-spacing: normal;
    color: #7686ab;
    margin-bottom: 50px;
    font-size: 18.6px;
}
img.lancar-banner {
    width: 100px;
}
.campaign-section-image .row.usecase-client-content h2 {
    width: 100%;
    text-align: center;
    font-size: 28px;
}
.row.usecase-client-content .grid-kind-image img{
    width: 98%;
}
.row.wrapper-blog.four-item .item-blog-content ul.right,
.row.wrapper-blog.four-item .item-blog-content .row.left.writer-section,
.row.wrapper-blog.four-item .item-blog-content span.right.year,
.row.wrapper-blog.four-item .item-blog-content p {
    display: none!important;
}
.row.usecase-client-content:nth-child(even) .grid-kind-content .wrapper-btn-campaign span.btn-arrow-blue {
    margin-right: 0;
    margin-left: 7px;
}
.wrapper-btn-campaign {
    width: 500px;
    margin-bottom: 20px;
}
.row.usecase-client-content:nth-child(even) .grid-kind-content .wrapper-btn-campaign {

    margin-bottom: 20px;
}
.setup-section .grid-illustration-img img {
    max-width: 665px;
}
.row.wrapper-center-grid {
    text-align: center;
}
.row.wrapper-center-grid .grid-payment-home.grid-4-payment {
    display: inline-block;
    float: unset;
    text-align: left;
}
.payment-solution-home.reconcile-usecase.realated-campaign {
    z-index: 999;
    display: none;
}
.row.usecase-client-content.new-content-wrapper .grid-kind-content {
    left: 64%;
}
.row.usecase-client-content.new-content-wrapper .grid-kind-image {
    right: 36%;
    padding-left: 0;
    padding-right: 96px;
}
.grid-kind-content iframe {
    height: 245px;
}
.row.usecase-client-content {
    margin-bottom: 75px;
}
.row.usecase-client-content h2 img {
    display: inline-block;
    width: 25px;
    margin-right: 14px;
}
img.img-kind-grid {
    margin-bottom: 15px;
}
.complete-payment + .payment-solution-home.secure-product.fraudelant-usecases.campaign-section-image {
    z-index: 107;
}
.complete-payment + .payment-solution-home.secure-product.fraudelant-usecases.campaign-section-image + .complete-payment.product-most.usecase-client-list.campaign-form {
    padding-bottom: 290px;
}
/* .section-light.section-light--right.section-light-after--left .row.content-integration-product {
    margin-top: 20px;
    z-index: 9;
}
.section-light.section-light--right.section-light-after--left.contact-us-partner {
    padding-top: 40px;
    padding-bottom: 245px;
} */
.partner-button span.btn-started:first-child {
    background-color: rgb(106 106 106 / 75%);
}
.row.content-integration-product + .row.title-powering {
    margin-top: 70px;
}
.edited-powering-section .row.content-integration-product {
    margin-top: -30px;
    z-index: 999;
}
.edited-powering-section .row.content-integration-product p {
    color: #ffffff;
    margin-bottom: 20px;
}
@media (max-width: 1600px){
    .row.banner-home.usecase-banner.banner-detail-blog {
        height: 500px;
        padding-top: 0;
        min-height: 500px;
    }
}
@media (max-width: 1290px){
    ul.menu-nav li {
        display: inline-block;
        margin-right: 10px;
        font-size: 14px;
        padding-right: 20px;
    }
    li.has-dropdown:before {
        right: 2px;
    }
    span.lang,
    span.login-head {
        font-size: 14px;
    }
    img.logo {
        margin-right: 20px;
        width: 140px;
    }
    .grid-img-banner,
    .usecase-banner .grid-img-banner {
        width: 700px;
    }
    .complete-payment.five-item-grid .container {
        width: 90%;
    }
    .heading-payment img {
        width: 45px;
        float: left;
        height: 100%;
        object-fit: contain;
    }
    .heading-payment {
        height: 45px;
        margin-bottom: 23px;
    }
    .heading-payment h3 {
        float: left;
        width: calc(100% - 45px);
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
        font-size: 18px;
        color: #123049;
        padding-left: 10px;
        font-family: Poppins-Semibold;
    }
    .grid-payment-home p {
        clear: both;
        color: #7686ab;
        margin-bottom: 24px;
        min-height: 100px;
        font-size: 14px;
    }
    .row.banner-home.usecase-banner.banner-detail-blog {
        height: 470px;
        padding-top: 0;
        min-height: 470px;
    }
    .row.banner-home.usecase-banner.banner-detail-blog .grid-img-banner {
        width: 100%;
    }
    .usecase-banner .grid-img-banner {
        top: 100px;
    }
    .banner-about .grid-img-banner{
        top: 0;
        width: 100%;
    }
    .container {
        width: 90%;
        margin: 0 auto;
    }
    .row.list-client ul li img {
        vertical-align: middle;
        width: 90px;
    }
    .grid-payment-home {
        width: calc(33.3333333% - 12px);
        margin: 0 6px;
    }
    .content-maps-home {
        padding-left: 19px;
        padding-right: 7px;
    }
    .grid-illustration-img {
        width: calc(100% - 380px);
        margin-top: -200px;
        padding-right: 53px;
    }
    .grid-illustration-content {
        width: 380px;
        margin-top: -105px;
        padding-bottom: 265px;
    }
    .row.grid-secure-list {
        padding-left: 65px;
    }
    span.btn-started {
        margin-left: 15px;
    }
    .content-banner {
        z-index: 99;
    }
    span.usecase-banner-title {
        font-size: 14px;
    }
    .content-banner p, .product-banner .content-banner ul li, .usecase-banner .content-banner ul li{
        font-size: 15px;
    }
    .content-banner h2,
    .content-banner h1 {
        font-size: 24px;
    }
    .feature-content-tabs {
        float: left;
        width: 320px;
    }
    .feature-video-tabs {
        width: calc(100% - 320px);
    }
    .instore-products-client .grid-info-client:before {
        width: 90px;
        height: 90px;
        right: -15px;
        bottom: -40px;
    }
    .instore-products-client .grid-info-client:after {
        width: 30px;
        height: 30px;
        right: 62px;
        bottom: -15px;
    }
    .product-business .instore-products-client .grid-info-client {
        height: 390px;
        padding: 25px;
    }
}
@media (max-width: 1200px){
    .contact-main-wrapper.new-form-contact .contact-main {
        width: calc(100% - 360px);
        margin-left: 30px;
        float: left;
    }
    .contact-main-wrapper.new-form-contact .left-section-contact {
        float: left;
        margin-top: 0;
        width: 300px;
    }
    .complete-payment.five-item-grid .grid-payment-home.grid-4-payment {
        width: calc(25% - 12px);
        padding: 16px;
    }
    .complete-payment.usecase-client-list.detail-blog-section .container,
    .complete-payment.usecase-client-list.detail-event-section .container,
    .row.banner-home.usecase-banner.banner-detail-event .container {
        width: 890px;
    }
    .sidebar-blog {
        float: left;
        width: 260px;
        padding-left: 50px;
    }
    .detail-blog-content {
        float: left;
        width: 630px;
    }
}
@media (min-width: 1291px){
    .grid-owner-home img {
        height: 470px;
        width: 570px;
    }
    .maps-powering img, .maps-powering video {
        width: 1100px;
        height: 453px;
    }
    span.gojek-logo img {
        width: 175px;
        height: 29px;
    }
    .grid-img-banner img {
        width: 100%;
        height: 100%;
    }
    .grid-illustration-img img {
/*        width: 100%;
        max-width: 545px;
        height: 697px;*/
    }
    .grid-kind-image img {
/*        width: 639px;
        height: 563px;*/
    }
    .owner-content .ceo-home img {
        width: 52px;
        height: 52px;
    }
    img.logo {
        width: 190px;
        height: 31px;
    }
    .row.banner-home.product-banner.instore-banner .grid-img-banner img {
        width: 100%;
        height: auto;
    }
    .campaign-section-image .grid-kind-image img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 1080px){
    .mobile{
        display: block;
    }
    .complete-payment.usecase-client-list.detail-blog-section .container, .complete-payment.usecase-client-list.detail-event-section .container, .row.banner-home.usecase-banner.banner-detail-event .container, .search-item-section .container {
        width: 90%;
    }
    ul.menu-nav,
    .row.header .right{
        display: none;
    }
    .row.header .left a.logos {
        height: auto;
        display: inline-block;
        padding: 0;
    }
    .row.header {
        padding: 25px 5%;
        top: 131px;
    }
    .row.update-section {
        height: 131px;
    }
    .row.banner-home,
    .big-wrapper {
        margin-top: 200px;
    }
    .row.update-section.closed + .header + .banner-home {
        margin-top: 75px;
    }
    .row.update-section.closed + .header + .big-wrapper {
        margin-top: 25px;
    }
    span.close-update-btn {
        float: right;
        position: absolute;
        top: 2px;
        top: 53%;
        right: 12px;
        transform: translate(0, -50%);
    }
    .content-banner {
        padding: 0 5%;
        width: 100%!important;
        padding-top: 20px;
        left: 0;
        padding-bottom: 24px;
    }
    .grid-img-banner {
        position: relative;
        width: 100%;
        right: -40px;
        margin-bottom: -175px;
    }
    .grid-number-client {
        float: left;
        width: 100%;
    }
    .row.list-client {
        width: 100%;
        top: 12px;
    }
    .usecase-client-list .row.list-client ul li {
        display: inline-block;
        width: 50%;
    }
    .grid-payment-home {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
    }
    .grid-payment-home.grid-4-payment{
        width: calc(50% - 12px);
    }
    .row.complete-wrapper {
        margin: 0;
    }/*
    .row.complete-wrapper h2 {
        text-align: left;
    }*/
    .grid-suitable {
        float: left;
        width: 100%;
        position: relative;
    }
    .grid-owner-home {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .burger-menu {
        width: 20px;
        height: 16px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: relative;
        right: 0;
        top: 5px;
        margin: 0;
        border: 0;
        background-color: transparent;
        outline: none;
        display: block;
        float: right;
    }
    .burger-menu span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #ffffff;
        border-radius: 6px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .burger-menu span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .burger-menu span:nth-child(2) {
        top: 7px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .burger-menu span:nth-child(3) {
        top: 14px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }
    .burger-menu.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 0;
    }
    .burger-menu.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }
    .burger-menu.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 18px;
        left: 0;
    }
    img.logo {
        margin-right: 20px;
        width: 170px;
    }
    /* Overlay style */
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        background: #ffffff;
        z-index: 9999999;
        padding: 20px;
        padding-top: 20px;
        visibility: hidden;
        border-radius: 0;
        overflow: auto;
        overflow-x: hidden;
    }
    /* Effects */
    .overlay-slidedown {
        visibility: hidden;
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
        -webkit-transition:  .5s ease-in-out;
        transition:  .5s ease-in-out;
        left: 100%;
    }
    .overlay-slidedown.open {
        visibility: visible;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        -webkit-transition:  .5s ease-in-out;
        transition:  .5s ease-in-out;
        left: 0;
    }
    body.menu-open{
        overflow: hidden;
    }
    button.overlay-close {
        float: right;
        border: 0;
        background-color: transparent;
        padding: 0;
        width: 15px;
        height: 15px;
        margin-top: 11px;
    }
    ul.menu-mobile li {
        border-radius: 4px;
        box-shadow: 0 20px 40px -20px #f3f5f6;
        border: solid 1px #deeaf5;
        background-color: #ffffff;
        font-family: Poppins-Semibold;
        margin-bottom: 16px;
    }
    ul.menu-mobile {
        margin-top: 27px;
        border-bottom: 1px solid #dfe9f2;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    ul.menu-mobile li a {
        padding: 14px 20px;
        display: block;
        color: #123049;
    }
    .row.header .mobile-login .right {
        display: block;
        margin: 0;
    }
    li.has-dropdown:hover .dropdown-item {
        display: none;
    }
    .mobile-login .row {
        margin-bottom: 65px;
    }
    .mobile-login span.btn-started {
        margin: 0 auto;
        width: 90%;
        text-align: center;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        margin-bottom: 20px;
    }
    .mobile-login span.login-head {
        display: block;
        text-align: center;
        font-size: 14px;
        margin-left: 0;
    }
    .mobile-login span.login-head a {color: #054fbf;}
    .row.header .mobile-login .right span {
        font-family: Poppins-Semibold;
        margin-left: 20px;
    }
    .row.header .mobile-login .right span a {
        color: #7686ab;
    }
    .row.header .mobile-login h3.left,
    .row.header .mobile-login span.left {
        color: #123049;
        font-family: Poppins-Medium;
    }
    .overlay .row.dropdown-item {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        box-shadow: unset;
        display: block;
        padding: 0;
        max-height: 0;
        display: none;
        transition: unset!important;
        z-index: 999;
        opacity: 1;
        visibility: visible;
    }
    .overlay .row.dropdown-item .grid-menu-left {
        width: 100%;
        float: unset;
    }
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item {
        padding: 5px 20px;
        margin: 0;
    }
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item img {
        width: 32px;
        height: 32px;
    }
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item .content-menu-item {
        width: calc(100% - 32px);
        padding-left: 16px;
    }
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item a {
        padding: 0;
        display: block;
    }
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item .content-menu-item h3,
    .overlay .row.dropdown-item .grid-menu-left .row.grid-menu-item .content-menu-item span {
        font-size: 16px;
        margin-top: 3px;
    }
    .overlay .row.dropdown-item .grid-menu-right {
        width: 100%;
        padding-top: 4px;
    }
    .overlay .row.dropdown-item .grid-menu-right li {
        border: 0;
        padding: 0;
        box-shadow: unset;
    }
    .overlay .row.dropdown-item .grid-menu-right li a {
        padding: 3px 22px;
    }
    a.accordion-mobile.active + .dropdown-item {
        display: block;
    }
    .overlay span.muted-text {
        margin-left: 20px;
        margin-bottom: 10px;
        margin-top: 19px;
    }
    .has-dropdown a.accordion-mobile{
        position: relative;
    }
    .has-dropdown a.accordion-mobile:before{
        content: '';
        transition: all 0.2s ease-in-out;
        background-image: url(../img/down-arrow.svg);
        position: absolute;
        right: 20px;
        width: 15px;
        height: 11px;
        background-size: 100%;
        background-repeat: no-repeat;
        top: 22px;
    }
    .has-dropdown a.accordion-mobile.active:before {
        transform: rotate(180deg);
        transition: all 0.2s ease-in-out;
    }
    li.has-dropdown:hover a{
        color: unset;
    }
    .banner-blog-content {
        float: left;
        width: calc(100% - 360px);
        padding-left: 40px;
        padding-top: 0;
    }
    .banner-blog-image {
        float: left;
        width: 360px;
    }
    .career-modal .modal-dialog {
        width: 95%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .product-banner .grid-img-banner {
        width: 100%;
        right: -23px;
        margin-bottom: 165px;
    }
    .product-banner .content-banner {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .row.banner-home.usecase-banner.banner-detail-blog .grid-img-banner {
        width: 100%;
    }
    .row.banner-home.usecase-banner.banner-detail-blog {
        min-height: auto;
    }
    .grid-payment-home.is-payment-home{
        margin-left: 0;
    }
}
@media (max-width: 990px){
    .complete-payment.usecase-client-list.detail-blog-section .container,
    .complete-payment.usecase-client-list.detail-event-section .container,
    .row.banner-home.usecase-banner.banner-detail-event .container {
        width: 90%;
    }
    .sidebar-blog {
        float: left;
        width: 260px;
        padding-left: 0;
    }
    .detail-blog-content {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
}
@media (min-width: 800px){
    .row.category-share .right {
        position: fixed;
        right: 30px;
        top: 50%;
        transform: translate(0, -50%);
        z-index: 9999;
    }

    .row.category-share .right li {
        display: block;
    }

}
@media (max-width: 800px){
    .desktop-item{
        display: none;
    }
    .p-content-main-wrapper{
        background-color: #f7fcff;
    }
    .mobile-item{
        display: block;
    }
    .autoplay-slide {
        position: relative;
        margin-bottom: 10px;
    }
    .grid-number-client {
        float: left;
        width: auto;
        left: 50%;
        position: relative;
        transform: translate(-50%, 0);
        margin-bottom: 15px;
    }
    .btn-footer-new span {
        margin: 0;
        margin-right: 20px;
        margin-top: 30px;
    }
    .btn-footer-new {
        position: relative;
        bottom: 0;
        width: 100%;
        clear: both;
        padding: 0;
        left: 0;
    }
    .p-content-banner h1{
        line-height: normal!important;
    }
    .p-content-banner .p-h-sub {
        font-size: 14px;
    }
    .contact-main-wrapper .c-submit {
        float: left;
        margin-top: 30px;
    }
    .grid-owner-home img{
        width: 100%;
    }
    .grid-kind-image img {
        left: 0;
    }
    .row.accept-payment.upper-footer h2{
        width: 100%;
    }
    table {
        width: 100%!important;
    }
    .row.content-blog table td:first-child {
        width: auto!important;
        min-width: 55px;
    }
    .row.content-blog td, .row.content-blog th {
        padding: 5px 5px;
    }
    .grid-content-xendit {
        width: 100%;
        padding: 0 10px;
    }
    .grid-content-xendit:nth-child(5), .grid-content-xendit:nth-child(4) {
        width: 100%;
        margin: 10px 0!important;
        padding: 0;
    }
    .row.title-powering {
        margin-top: 0;
    }
    .usecase-works .first-section {
        margin-top: 0px;
    }
    #feature-tabs .ui-tabs-panel .single-feature ul li {
        width: 50%;
        float: left;
    }
    .grid-content-most,
    .grid-img-most {
        width: 100%;
        padding:0;
    }
    .grid-list-most {
        width: 100%;
        padding-right: 20px;
        margin-bottom: 20px;
    }
    .contact-main-wrapper.new-form-contact .contact-main {
        width: 100%;
        margin-left: 0;
        float: left;
        margin-bottom: 40px;
        padding: 20px;
    }
    .row.c-input-wrapper.question-contact {
        padding-right: 0;
    }
    .contact-main-wrapper.new-form-contact .left-section-contact {
        float: left;
        margin-top: 0;
        width: 100%;
    }
    .contact-main-wrapper {
        position: relative;
        z-index: 999;
    }
    .secure-product .row.grid-secure-list {
        margin: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .sidebar-blog {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .secure-product .grid-secure-content {
        left: 0;
        width: 100%;
        margin-bottom: 30px;
        padding:0;
    }
    .easy-integration .grid-list-most {
        width: 100%;
        padding-right: 0;
        color: #ffffff;
        margin-bottom: 25px;
        min-height: 100%;
    }
    .numerical-fraud.streamline-business .row.grid-secure-list {
        position: relative;
        left: 0;
    }
    .floating-image-wrapper .grid-secure-content {
        padding-bottom: 30px;
    }
    .floating-image-wrapper .row.grid-secure-list {
        position: relative;
        right: 0;
        text-align: right;
    }
    .banner-home span.btn-sales {
        margin-top: 20px;
    }
    .grid-content-run {
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
    .content-img-run {
        float: left;
        width: 100%;
    }
    .content-img-run img {
        width: 100%;
        left: 0;
        position: relative;
    }
    .integration-product .grid-suitable {
        left: 0;
        width: 100%;
        margin-bottom: 40px;
    }
    .integration-product .grid-owner-home {
        right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .grid-client-info {
        float: left;
        width: 100%;
        position: relative;
        z-index: 99;
    }
    .row.wrapper-client-quote:before{
        display: none;
    }
    .row.wrapper-client-quote {
        border-radius: 20px;
        background-color: #003c7f;
        padding: 25px;
    }
    .row.list-client-product {
        padding: 10px;
        border-radius: 20px;
    }
    .row.list-client-product ul li {
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .grid-info-client {
        width: 100%!important;
        margin-left: 0!important;
        margin-right: 0!important;
        margin-bottom: 25px;
        padding: 25px;
        border-radius: 20px;
        height: auto;
    }
    .row.accept-payment.upper-footer .right .btn-started {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .row.accept-payment.upper-footer .right {
        margin-right: 0;
        width: 100%;
        margin-top: 20px;
    }
    .increase-customer .content-img-run {
        width: 100%;
    }
    .increase-customer .grid-content-run {
        width: 100%;
    }
    .grid-info-client:before {
        width: 80px;
        height: 80px;
        right: -20px;
        bottom: -30px;
    }
    .grid-info-client:after {
        width: 40px;
        height: 40px;
        right: 40px;
        bottom: -20px;
    }
    .grid-img-send-payout {
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }
    .grid-content-send-payout {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .grid-list-send-payout {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .works-paymentlink .grid-usecase-title-works {
        width: 100%;
    }
    .grid-tabs-works {
        float: left;
        width: 100%;
        padding-right: 20px;
        margin-bottom: 40px;
    }
    .usecase-banner .content-banner {
        float: right;
        left: unset;
        right: 0;
        padding-top: 0;
        padding-bottom: 50px;
    }
    .row.usecase-client-content:last-child .grid-kind-content {
        left: 0;
    }
    .row.usecase-client-content:last-child .grid-kind-image {
        right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .grid-usecase-title-works {
        float: left;
        width: 100%;
    }
    .usecase-works .ui-tabs .ui-tabs-nav {
        width: 100%;
        padding-left: 0;
        margin-bottom: 50px;
        margin-top: 75px;
    }
    .extremelyfast-paymentlink .content-img-run {
        width: 100%;
        padding-left: 0;
        margin-top: -23px;
        z-index: 108;
        position: relative;
    }
    .extremelyfast-paymentlink .grid-content-run {
        width: 100%;
    }
    .grid-title-send-payout {
        float: left;
        width: 100%;
    }
    .grid-list-send-payout ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    .grid-client-quote {
        width: 100%;
        padding-left: 0;
        margin-bottom: 60px;
        margin-top: 35px;
    }
    .career-modal .modal-dialog .modal-body {
        padding: 25px;
    }
    .row.wrapper-career p,
    .row.wrapper-career ul li {
        font-size: 16px;
    }
    .right.btn-apply {
        margin: 0;
        width: 100%;
    }
    .modal-footer .left {
        width: 100%;
        margin-bottom: 20px;
    }
    .row.wrapper-career h3 {
        font-size: 30px;
        line-height: 36px;
    }
    .modal-footer {
        padding: 25px;
    }
    .header-detail-blog h3,
    .header-detail-blog h1 {
        font-size: 30px;
    }
    .header-detail-blog span.left.category {
        font-size: 16px;
    }
    .header-detail-blog span.right.year {
        font-size: 16px;
    }
    .wrapper-btn-campaign {
        width: 100%;
    }
    .row.usecase-client-content:nth-child(even) .grid-kind-content .wrapper-btn-campaign {
        width: 100%;
        float: right;
    }
    .grid-kind-image {
        float: left;
        width: 100%;
        padding-left: 0;
        position: relative;
        margin-top: 45px;
    }
    .row.list-client ul li {
        display: inline-block;
        width: 33.3333333%;
        padding: 0px;
    }
    .row.list-client ul li a span {
        color: #123049;
        font-family: Poppins-Semibold;
        font-size: 12px;
    }
    .payment-solution-home h2 {
        width: 100%;
    }
    .grid-owner-home img {
        width: 100%;
    }
    .grid-owner-home .owner-content img {
        width: 52px;
    }
    .grid-kind-content {
        float: left;
        width: 100%;
    }
    .grid-illustration-img {
        width: 100%;
        margin-top: -245px;
        padding-right: 0;
        position: relative;
    }
    .grid-secure-content {
        float: left;
        width: 100%;
    }
    .row.grid-secure-list {
        padding-left: 0;
        width: 100%;
        margin-top: 30px;
    }
    .row.title-powering h3 {
        width: 100%;
    }
    .row.title-powering p {
        width: 100%;
    }
    .content-maps-home {
        width: 50%;
        padding-left: 9px!important;
        padding-right: 9px!important;
        margin-bottom: 20px;
        min-height: 125px;
    }
    .content-maps-home h4 {
        font-size: 20px;
    }
    .content-maps-home p {
        font-size: 13px;
    }
    .wrapper-maps-home{
        overflow: auto;
    }
    .maps-powering img {
        width: 950px;
    }
    .grid-illustration-content {
        width: 100%;
        margin-top: 0;
        padding-bottom: 265px;
        left: 0;
    }
    .container-right {
        padding-right: 5%;
        position: relative;
        padding-left: 5%;
        width: 100%;
    }
    .grid-accordion-support {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .grid-content-support {
        float: left;
        width: 100%;
        margin-bottom: 40px;
    }
    .menu-footer {
        float: left;
        width: 100%;
        margin-top: 0;
    }
    .address-footer {
        float: left;
        width: 100%;
        color: #ffffff;
        margin-bottom: 30px;
    }
    .menu-footer ul {
        float: left;
        width: 50%;
        padding-left: 0;
        padding-right: 10px;
    }
    .row.copyright .right {
        width: 100%;
        margin-top: 15px;
    }
    .grid-content-work-about {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 0;
    }
    .grid-about-culture img {
        width: 300px;
        position: absolute;
        left: 0;
        bottom: 106px;
    }
    .grid-about-milestone {
        padding-bottom: 150px;
    }
    .row.list-client ul li img {
        vertical-align: middle;
        width: 80px;
        height: 25px;
    }
    .grid-image-work-about img {
        width: 100%;
    }
    .grid-image-work-about {
        float: right;
        width: 100%;
        position: relative;
        left: 0;
    }
    .grid-about-culture {
        float: left;
        width: 100%;
    }
    .grid-about-milestone {
        float: left;
        width: 100%;
        padding-left: 0;
        margin-top: 30px;
    }
    .grid-team {
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
        position: relative;
    }
    .grid-team img {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 2px;
    }
    .grid-team h4 {
        margin-bottom: 20px;
        padding-left: 80px;
    }
    .about-team .grid-team p {
        padding-left: 80px;
    }
    .usecase-client-list.complete-payment:before {
        width: 1000px;
        height: 157px;
        top: -155px;
        left: unset;
        z-index: 99;
        right: 0;
    }
    .grid-help-about-list {
        float: left;
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }
    .grid-help-about-content {
        width: 100%;
        padding-top: 0;
    }
    .banner-about .grid-img-banner img {
        height: 325px;
    }
    .banner-about .grid-img-banner {
        width: 100%;
        position: relative;
        margin: 0;
        height: 350px;
    }
    .banner-about .content-banner {
        position: absolute;
        padding: 5%;
        width: 100%;
        bottom: -62px;
        padding-bottom: 138px;
    }
    .row.banner-home.usecase-banner.banner-about {
        padding-top: 0;
        height: 790px;
    }
    .banner-blog-content {
        float: left;
        width: 100%;
        padding-left: 0;
        padding-top: 0;
        margin-top: 25px;
    }
    .banner-blog-image {
        float: left;
        width: 100%;
    }
    .banner-blog-content ul.right li {
        margin: 0;
        margin-right: 6px;
    }
    .banner-blog-content ul.right {
        width: 100%;
        margin-top: 11px;
    }
    .right.category-blog .dropdown button.dropbtn {
        width: 100%;
    }
    .right.category-blog .dropdown {
        width: 100%;
        margin: 0;
        margin-bottom: 12px;
    }
    .right.category-blog input {
        margin: 0;
        width: 100%;
        margin-bottom: 12px;
    }
    .row.category-wrapper h3 {
        width: 100%;
        margin-bottom: 12px;
    }
    .row.wrapper-blog {
        margin: 0;
    }
    .grid-blog-item {
        padding: 0;
        padding-bottom: 40px;
        width: 100%;
    }
    .row.wrapper-blog.four-item .grid-blog-item {
        width: 100%;
    }
    .row.banner-home.usecase-banner.banner-detail-blog {
        height: 420px;
        padding-top: 0;
    }
    .banner-detail-blog .grid-img-banner {
        width: 100%;
        height: 400px;
    }
    .banner-detail-blog .grid-img-banner img {
        height: 400px;
    }
    .header-detail-blog .row.left h4 {
        font-size: 16px;
        padding-left: 11px;
        margin-top: 8px;
    }
    span.right.view-blog {
        font-size: 16px;
        margin-top: 7px;
    }
    .row.content-blog p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    span.title-video {
        font-size: 14px;
    }
    .wrapper-video-detail iframe {
        height: 280px;
        margin-left: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .row.label-detail-wrapper {
        padding: 20px;
        margin-bottom: 40px;
    }
    .row.content-blog .content-label-detail p {
        font-size: 14px;
    }
    .content-label-detail h5 {
        font-size: 18px;
    }
    .row.content-blog .quote-detail p {
        position: relative;
        font-size: 20px;
    }
    .quote-detail {
        margin-left: 0;
        width: 100%;
    }
    .row.content-blog li {
        font-size: 16px;
        line-height: 30px;
    }
    .row.category-share .right {
        width: 100%;
        margin-top: 15px;
    }
    .row.category-share .left li {
        display: inline-block;
        font-size: 14px;
    }
    .row.detail-newsletter .row.form-newsletter {
        width: 100%;
        margin-top: 25px;
        text-align: left;
    }
    .row.detail-newsletter .row.form-newsletter input {
        padding-right: 59px;
        width: 100%;
    }
    .row.detail-newsletter {
        padding: 25px;
    }
    .row.label-detail-wrapper img {
        width: 44px;
        height: 44px;
    }
    .content-label-detail {
        float: left;
        width: calc(100% - 44px);
        padding-left: 15px;
        padding-right: 20px;
    }
    .search-item-section .item-blog-content {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .search-item-section img.item-blog-image {
        width: 100%;
        margin-bottom: 20px;
    }
    .content-slider-video {
        width: 180px;
        height: 185px;
        padding: 15px 20px;
        padding-right: 21px;
        background-size: 100% 100%;
    }
    img.slider-img {
        width: 100%;
        height: 185px;
        object-fit: cover;
        border-radius: 20px;
    }
    .content-slider-video h3 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .content-slider-video p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .content-video-section ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .row.grid-career-list {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        margin-bottom: 15px;
    }
    .row.title-career .right input {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .dropbtn {
        width: 100%;
        text-align: left;
    }
    .dropdown {
        margin-left: 0;
        width: 100%;
    }
    .grid-powerup-subcontent {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        padding: 0!important;
    }
    .row.grid-powerup-content {
        margin: 0;
        float: left;
        width: 100%;
    }
    .grid-powerup-title {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .grid-reconcile-image {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .send-payment-business .grid-reconcile-content {
        padding-right: 30px;
        width: 100%;
        padding: 0;
    }
    .feature-banner .grid-img-banner {
        width: 100%;
        margin-bottom: 25px;
    }
    .row.content-tabs-feature p {
        width: 100%;
    }
    #feature-tabs ul.ui-tabs-nav {
        width: 100%;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
    #feature-tabs ul.ui-tabs-nav li {
        width: 100%;
        font-size: 14px;
        min-height: 65px;
        position: relative;
        line-height: normal;
    }
    #feature-tabs ul.ui-tabs-nav li a {
        padding: 5px 14px;
        text-align: center;
        top: 50%;
        transform: translate(0, -50%);
        position: absolute;
        line-height: normal;
    }
    #feature-tabs .ui-tabs-panel {
        width: 100%;
        clear: unset;
        padding-left: 0;
    }
    #feature-tabs .ui-tabs-panel ul {
        column-count: unset;
    }
    #feature-tabs .ui-tabs-panel ul li{
        margin: 0;
        float: left;
        width: 50%;
        min-height: unset;
        height: 58px;
    }
    .feature-content-tabs {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
    .full-row .feature-content-tabs {
        width: 100%;
    }
    .feature-video-tabs {
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
    }
    #feature-tabs .ui-tabs-panel ul li a{
        width: 100%;
        position: relative;
        top: unset;
        transform: unset;

    }
    #feature-tabs .ui-tabs-panel .single-feature ul.content-list-feature li {
        width: 100%;
        height: auto;
    }
    #feature-tabs .ui-tabs-panel .single-feature ul.content-list-feature {
        border: 0;
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .usecase-banner .grid-img-banner {
        width: 100%;
        margin-bottom: 0;
    }
    .grid-click-desc {
        width: 100%;
         padding: 0!important;
        margin-bottom: 30px;
    }
    .merchant-work li {
        width: 100%;
        min-height: auto;
        padding-left: 60px;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .merchant-work .grid-secure-content {
        width: 100%;
    }
    .merchant-work .row.grid-secure-list {
        width: 100%;
        padding: 0;
    }
    .merchant-work .row.grid-secure-list img {
        width: 100%;
        position: relative;
        right: -22px;
    }
    .grid-content-most li, .secure-product .grid-secure-content ul li {
        min-height: 50px;
    }
    .grid-good-merchant {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
    .sub-secure-list img{
        width: 98px;
        height: 98px;
        object-fit: contain;
    }
    .sub-secure-list:nth-child(odd) {
        padding-right: 15px;
    }
    .sub-secure-list:nth-child(even) {
        padding-left: 15px;
    }
    .complete-payment.product-most.pricing-section .container {
        width: 100%;
    }
    .rows.pricing-wrapper {
        width: 850px;
    }
    .bank-name {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
    .grid-reconcile-content {
        float: left;
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .campaign-click .grid-click-desc {
        width: 100%;
        margin-right: 0!important;
        margin-left: 0!important;
        margin-bottom: 30px;
        min-height: auto;
        padding: 20px!important;
    }
    .campaign-click .grid-click-desc ul {
        margin-left: 0;
    }
    .campaign-click .grid-click-desc li {
        padding-right: 0;
    }
    .terms-campaign .row.grid-powerup-content {
        width: 100%;
    }
    .terms-campaign .grid-powerup-title {
        padding-right: 0;
        width: 100%;
    }
    .grid-img-banner {
        width: 125%;
        right: 60px;
        margin-bottom: -60px;
    }
    .row.banner-home .grid-img-banner {
        margin-bottom: -82px;
        width: calc(100% + 25px);
        right: 0;
    }
    .row.banner-home .grid-img-banner img {
        width: 100%;
    }
    .floating-image-wrapper .grid-img-most {
        position: relative;
    }
    .mechant-help.floating-image-wrapper.streamline-business .row.grid-secure-list {
        position: relative;
        left: 0;
        text-align: left;
    }
    .floating-image-wrapper.secure-product.product-business .grid-secure-content {
        left: 0;
        margin-top: 30px;
    }
    .our-work-about .grid-image-work-about {
        position: relative;
        left: unset;
        right: 0;
        top: 0;
        width: 100%;
        padding-bottom: 100px;
    }
    .rows.grid-payment-bank {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 20px;
    }
    .rows.panel-pricing {
        width: 100%;
        background-color: #ffffff;
        border-top: solid 1px #e0e8ef;
        border-bottom: solid 1px #e0e8ef;
        position: relative;
        padding: 20px 5%;
        margin-bottom: 20px;
        padding-bottom: 0;
    }
    .panel-payment-info {
        border-radius: 4px;
        border: solid 1px #b2e7ff;
        background-color: #e2f6ff;
        padding: 16px 20px;
        width: 100%;
        margin-bottom: 20px;
    }
    .panel-payment-info h3 {
        font-size: 20px;
        color: #123049;
        font-family: Poppins-Semibold;
    }
    .panel-payment-info p {
        line-height: 1.5;
        letter-spacing: normal;
        color: #7686ab;
        margin-top: 6px;
        margin-bottom: 13px;
    }
    .panel-payment-info h3 p {
        display: inline-block;
        margin: 0;
        margin-left: 10px;
    }
    span.title-pricing-mobile {
        display: block;
        font-size: 14px;
        letter-spacing: 0.5px;
        color: #7686ab;
        font-family: Poppins-Medium;
        text-transform: uppercase;
        padding: 20px 5%;
    }
    .pricing-section .ui-tabs .ui-tabs-nav {
        margin: 0 5%;
        border: 0;
        background-color: transparent;
        border-bottom: 1px solid #e0e8ef;
        margin-bottom: 35px;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li {
        float: left;
        width: 48%;
        margin: 0;
        white-space: unset;
        background-color: transparent;
        border: 0;
        padding: 0;
        padding-bottom: 18px;
        height: 68px;
        margin-right: 2%;
        border-bottom: 2px solid transparent;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        border: 0;
        border-bottom: 2px solid #005dac;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
        padding: 0;
        float: unset;
        border: 0;
        color: #123049;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li a {
        padding: 0;
        float: unset;
        border: 0;
        color: #123049;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li a span {
        display: block;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: normal;
        color: #123049;
        font-family: Poppins-Semibold;
        position: absolute;
        top: 46%;
        transform: translate(0, -50%);
    }
    .pricing-section .ui-tabs .ui-tabs-nav li a h5 {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 41px);
    }
    .pricing-section .ui-tabs .ui-tabs-nav li a span img {
        display: inline-block;
        width: 28px;
        height: 28px;
        vertical-align: middle;
        margin-right: 13px;
    }
    .pricing-section .ui-tabs .ui-tabs-nav li:last-child {
        margin-left: 2%;
        margin-right: 0;
    }
    .pricing-dropdown span {
        font-size: 18px;
        color: #123049;
        font-family: Poppins-Semibold;
        display: block;
    }
    .pricing-dropdown {
        margin: 0 5%;
        position: relative;
    }
    .method-list {
         display: none;
        background-color: #fff;
        padding: 7px 20px;
        position: absolute;
        z-index: 99;
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.08);
    }
    .method-list.active{
        display: block;
    }
    .pricing-dropdown .method-list span {
        padding: 10px 0;
        font-size: 14px;
    }
    li.has-dropdown:before{
        display: none;
    }
    .row.update-section h3,.row.update-section p{
        margin-bottom: 10px;
    }
    .l-header + .big-wrapper {
        margin-top: 75px;
    }
    .float-capsule-6 {
        position: absolute;
        right: -48px;
        top: 381px;
        width: 145px;
    }
    .float-capsule-7 {
        position: absolute;
        top: 258px;
        width: 107px;
        left: 0;
    }
    .float-capsule-5 {
        position: absolute;
        right: unset;
        z-index: 1;
        top: 539px;
        width: 200px;
        left: -72px;
    }
    .cookie-fixed {
        width: calc(100% - 110px);
        padding: 15px 20px;
        transform: unset;
        left: 20px;
        bottom: 28px;
    }
    .cookie-fixed h3,
    .cookie-fixed span.left {
        font-size: 12px;
        width: 100%;
        margin-bottom: 15px;
    }
    .cookie-fixed span {
        font-size: 12px;
        width: auto;
        text-align: left;
        float: left;
    }

    .grid-payment-home.grid-4-payment{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    .complete-payment.five-item-grid .grid-payment-home.grid-4-payment {
        width: calc(50% - 12px);
        padding: 16px;
        margin: 6px;
    }
    .grid-video-passport {
        float: left;
        width: 100%;
    }
    .grid-video-passport:nth-child(2) {
        padding-right: 0;
    }
    .grid-video-passport:nth-child(3) {
        padding-left: 0;
    }
}
@media (max-width: 580px){
    .complete-payment:before, .powering-section:before{
        width: 122%;
        height: 53px;
        top: -52px;
    }
    .complete-payment.five-item-grid .grid-payment-home.grid-4-payment {
        width: 100%;
        padding: 16px;
        margin: 0;
        margin-bottom: 20px;
    }
    .row.list-client ul li img {
        vertical-align: middle;
        width: 100%;
        height: 25px;
    }
    .row.list-client .swiper-button-next, .row.list-client .swiper-container-rtl .swiper-button-prev {
        right: -18px;
        bottom: 41px;
    }
    .row.list-client .swiper-button-prev, .row.list-client .swiper-container-rtl .swiper-button-next {
        left: -12px;
        bottom: 41px;
    }
    .grid-payment-home p {
        min-height: unset;
    }
    .row.banner-home + .complete-payment:before{
        width: 160%;
        height: 134px;
        top: -130px;
    }
    .powering-section.run-business-section:after {
        top: -49px;
        background-repeat: no-repeat;
    }
    .footer:before {
        width: 735px;
    }
    .row.usecase-client-content .grid-kind-content li:nth-child(1) p {
         word-break: break-all;
     }
     .grid-powerup-subcontent li:nth-child(1) {
        word-break: break-all;
     }
    .payment-solution-home:before,
    .setup-section:before,
    .support-section:before,
    .payment-solution-home.reconcile-usecase::before {
        width: 735px;
        left: unset;
        right: 0;
    }
    .payment-solution-home.secure-product.fraudelant-usecases:before{
        left: 0;
        right: unset;
    }
    .big-wrapper.passport-wrapper .p-button-wrapper.clearfix {
        position: relative;
        z-index: 99;
        display: block;
    }
    .big-wrapper.passport-wrapper .p-button-wrapper.clearfix a {
        width: 48%;
        float: left;
        margin: 0;
        margin-bottom: 22px;
    }
    .big-wrapper.passport-wrapper .p-button-wrapper.clearfix a:last-child {
        width: 100%;
        margin: 0;
    }
    .big-wrapper.passport-wrapper .p-button-wrapper.clearfix a:nth-child(2) {
        margin-left: 2%;
    }
    .passport-content-wrapper .p-content-main{
        padding-top: 230px;
    }
    .content-banner.banner-xendit h1 {
        font-size: 24px;
    }
    .content-banner.banner-xendit {
        width: 100%;
    }
    .row.table-xendit table {
        width: 900px!important;
    }
    .row.table-xendit {
        overflow: auto;
    }
    .big-wrapper.passport-wrapper .p-button-wrapper.clearfix a:nth-child(1) {
        margin-right: 2%;
    }
    .sloppy-pattern {
        height: 95px;
    }
    .usecase-client-list.complete-payment:before {
        right: -37px;
    }
    .usecase-client-list.complete-payment:after {
        top: -132px;
    }
    .menu-footer ul li {
        font-size: 12px;
    }
    .row.banner-home.usecase-banner.banner-detail-blog .grid-img-banner {
        top: 0;
        height: auto;
        margin-bottom: 0;
    }
    .row.banner-home.usecase-banner.banner-detail-blog {
        height: auto;
        padding-top: 0;
    }
    .banner-detail-blog .grid-img-banner img {
        height: auto;
    }
}
@media (max-width: 580px){
    .row.form-newsletter input {
        width: 80%;
    }
}

/* bit override */
.grid-illustration-content h2 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    margin-bottom: 32px;
}

.grid-secure-content h2 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}

.sub-secure-list h3 {
    color: #123049;
    font-family: Poppins-Medium;
    line-height: 1.5;
    margin-bottom: 8px;
}

.row.title-powering h2 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #ffffff;
    float: left;
    width: calc(100% - 516px);
}

.grid-content-support h2 {
    font-family: Poppins-Bold;
    font-size: 32px;
    line-height: 1.63;
    color: #123049;
    margin-bottom: 32px;
}

.section-client-product .row.title-powering h2 {
    width: 100%;
    float: unset;
}

.accordion-wrapper h3 {
    font-size: 20px;
    border: 0;
    background-color: transparent;
    outline: none;
    font-family: Poppins-SemiBold;
    padding: 40px;
    width: 100%;
    text-align: left;
    padding-bottom: 24px;
    padding-top: 24px;
    color: #232f51;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
    margin-bottom: 0;
}

.accordion-wrapper {
    width: 100%;
    border-bottom: solid 1px #dbdcdd;
    margin-bottom: 16px;
}

.accordion-wrapper:last-child {
    border: 0;
}

.accordion-wrapper h3:before {
    content: '';
    transition: all 0.2s ease-in-out;
    background-image: url(../img/down-arrow.svg);
    position: absolute;
    right: 20px;
    width: 10px;
    height: 8px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 35px;
}

.accordion-wrapper h3.active:before {
    transform: rotate(-180deg);
    transition: all 0.2s ease-in-out;
}

.grid-suitable h3.accordion.active {
    background-color: #ffffff;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    transition: all 0.2s ease-in-out;
}

.grid-suitable h3.accordion.active + .panel {
    background-color: #ffffff;
    transition: all 0.2s ease-in-out;
}

.owner-content span.testimoni {
    font-style: italic;
    line-height: 1.5;
    color: #232f51;
    font-family: Poppins-Regular;
    margin-bottom: 40px;
    position: relative;
    display: block;
}

.owner-content span.testimoni:before {
    content: url(../img/quote-icon.svg);
    margin-right: 10px;
}
.owner-content span.testimoni:after {
    content: url(../img/quote-icon.svg);
    margin-left: 10px;
}

.owner-content span.person-name {
    font-size: 18px;
    font-family: Poppins-Semibold;
}

.address-footer h4 {
    font-size: 18px;
    font-family: Poppins-Medium;
    margin-bottom: 13px;
}

.menu-footer ul h4 {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
    margin-bottom: 15px;
}

.btn-footer-new h4 {
    font-size: 18px;
    font-family: Poppins-Medium;
    color: #ffffff;
    margin-bottom: 15px;
}

.row.copyright .right h4 {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.5px;
    color: #ffffff;
    font-family: Poppins-Regular;
}

@media screen and (max-width: 800px) {
    .row.title-powering h2 {
        width: 100%;
    }
}