.nav-item.active:hover:after,.nav-item:after{
    opacity:0
}
.auth-module-header a,.btn,.log-btn,.reg-btn,.submit a,a,a:hover{
    text-decoration:none
}
.customize-bcrm ol li,.customize-bcrm ol li a,.nav-link{
    display:inline-block
}
@font-face{
    font-family:Gilroy-Light;
    font-style:normal;
    src:url(../fonts/gilroy-font-family/Gilroy-Light.otf) format("truetype")
}
@font-face{
    font-family:Gilroy-Regular;
    font-style:normal;
    src:url(../fonts/gilroy-font-family/Gilroy-Regular.otf) format("truetype")
}
@font-face{
    font-family:Gilroy-Medium;
    font-style:normal;
    src:url(../fonts/gilroy-font-family/Gilroy-Medium.otf) format("truetype")
}
@font-face{
    font-family:Gilroy-Semibold;
    font-style:normal;
    src:url(../fonts/gilroy-font-family/Gilroy-Semibold.otf) format("truetype")
}
.gilroy-light{
    font-family:Gilroy-Light
}
.gilroy-regular{
    font-family:Gilroy-Regular
}
.gilroy-medium{
    font-family:Gilroy-Medium
}
.details-box h4,.gilroy-Semibold{
    font-family:Gilroy-Semibold
}
.bg-body-muted{
    background:#e5e5e5
}
p{
    margin-bottom:0
}
.start-header{
    transform:translateY(0);
    padding:22px 0 13px;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.start-header.scroll-on{
    padding:.625rem 0;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.start-header.scroll-on .navbar-brand img{
    height:1.5rem;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.navigation-wrap{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:1000;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
}

.border-nn {
  background-color: var(--bs-white);
  border: 1px solid #bec8e5;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 20px;
  padding: 40px 20px 33px;
  transition: 0.3s;
}
.nav-item,.nav-link{
    position:relative
}
.navbar,.transaction-details-module .d-grid{
    padding:0
}
.navbar-brand img{
    width:auto;
    display:block;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out
}
.navbar-toggler{
    float:right;
    border:none;
    padding-right:0
}
.navbar-toggler:active,.navbar-toggler:focus,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
    outline:0
}
.navbar-light .navbar-toggler-icon{
    width:1.5rem;
    height:1.0625rem;
    background-image:none;
    position:relative;
    border-bottom:.0625rem solid #000;
    transition:.3s linear
}
.nav-active:before,.nav-item:after{
    bottom:.625rem!important;
    width:100%;
    height:.125rem;
    background-color:#4743c9;
    position:absolute;
    left:0;
    content:''
}
.nav-active:before,.nav-item,.nav-item:after,.nav-link{
    transition:.2s linear
}
.navbar-light .navbar-toggler-icon:after,.navbar-light .navbar-toggler-icon:before{
    width:1.5rem;
    position:absolute;
    height:.0625rem;
    background-color:#000;
    top:0;
    left:0;
    content:'';
    z-index:2;
    transition:.3s linear
}
.navbar-light .navbar-toggler-icon:after{
    top:.5rem
}
.btn-animate:hover svg,.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{
    transform:rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{
    transform:translateY(.5rem) rotate(-45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{
    border-color:transparent
}
.nav-link{
    color:#212121!important;
    font-weight:500;
    padding:.3125rem 0!important
}
.nav-active .nav-link,.nav-item:hover .nav-link{
    color:#8167a9!important
}
.learn-btn:hover,.log-btn,.log-btn:hover{
    color:#fff
}
.nav-item.active .nav-link{
    color:#777!important
}
.nav-item:hover:after{
    bottom:0;
    opacity:1
}
.navbar-nav li{
    margin-left:50px;
    margin-top:1px
}
.mt-n4p{
    margin-top:-.5625rem
}
.log-btn{
    height:52px;
    width:156px;
    background-color:#4743c9
}
.reg-btn{
    height:3.25rem;
    width:9.75rem;
    border:.0625rem solid #403e5b;
    transition:.3s
}
.reg-btn:hover{
    color:#fff;
    background-color:#4743c9
}
.resend-code.btn,.resend-code.btn:hover{
    background-color:transparent!important;
    color:#635bfe!important
}
a,a:hover{
    color:initial
}
.form-group{
    padding:0 2px!important
}
.form-group.selectParent{
    margin-bottom:1rem!important
}
.resend-code.btn{
    padding:0!important;
    font-size:14px;
    line-height:17px
}
.custom-form-check .form-check-input[type=checkbox]{
    border-radius:2px
}
.custom-form-check .form-check-input{
    width:14px;
    height:14px;
    border:1px solid #c1bfdf;
    margin-top:.4em
}
.custom-form-check{
    margin-top:5px
}
.custom-error{
    color:#d9204c!important
}
.form-check-label{
    color:#6a6b87;
    font-size:12px;
    font-family:Gilroy-Regular
}
.btn-lg,.form-label{
    font-family:Gilroy-Medium
}
.details-box h4{
    font-size:22px;
    line-height:32px!important;
    color:#3f405b
}
.details-box p{
    font-size:16px;
    line-height:26px!important;
    font-family:Gilroy-Regular;
    color:#6a6b87;
    margin-bottom:24px
}
.data-contact,.data-policy,.data-security,.details-box,.effective-description,.information-2,.policy-cover,.shareinfo,.usage-data{
    margin-bottom:48px
}
.details-box .download-btn .btn-sm{
    margin-bottom:0!important
}
.woocomerce-tab{
    overflow-x:hidden
}
.btn-animate svg,.facebook svg,.gtco-testimonials .active,.instagram svg,.linkdin svg,.pinterest svg,.twitter svg,.white-shad,.whtsapp svg{
    transition:.3s
}
.logo,.logo img{
    display:block;
    transition:250ms linear
}
.white-shad:hover{
    box-shadow:0 19px 37px -15px rgba(64,62,91,.18);
    margin-top:-10px
}
.logo{
    position:absolute;
    bottom:1.875rem;
    right:1.875rem;
    z-index:100
}
.logo img{
    height:1.625rem;
    width:auto;
    filter:brightness(10%)
}
body.dark .logo img{
    filter:brightness(100%)
}
.small-border{
    width:72px;
    height:5px;
    background:#9d80f8;
    border-radius:21px
}
.learn-btn{
    position:relative;
    height:52px;
    width:250px;
    border-radius:6px;
    background:#4743c9;
    display:flex;
    text-align:center;
    display:flex;
    align-items:center;
    color:#fff;
    padding-left:28px
}
.dot-img,.dot-img-two{
    position:absolute;
    width:262px;
    height:241px;
    z-index:-1
}
.learn-btn svg{
    position:absolute;
    right:23px;
    transition:.3s
}
.learn-btn:hover svg{
    right:16px
}
body.dark .dark-app,body.dark .get-section,body.dark .gtco-testimonials,body.dark .provide-sec{
    background-color:#1a1721!important
}
.color-FF,.dark .steps-details span,.links li a:hover,body.dark .color-FE,body.dark .color-FF,body.dark .total-amount h3,body.dark .transaction-total span{
    color:#ffaf30
}
.dark .alert-title-text,.dark .snippet-text span,.dark .snippet-text.run-code p,.dark .standard-title-text h3,.dark .steps-details h4,body.dark .auth-title,body.dark .color-05B,body.dark .details-box h4,body.dark .form-label,body.dark .information h3,body.dark .payment-main-module h3,body.dark .privacy-nav-content h2,body.dark .select2-extends label,body.dark .total-amount h2,body.dark .transaction-order-quantity h2,body.dark .transaction-order-quantity h3,body.dark .transaction-order-quantity span,body.dark .transaction-payment-method p,body.dark .transaction-total h3,body.dark .type-text,body.dark .usertype,body.dark nav .privacy-nav{
    color:#e8e7ea
}
.dark .alert-body-text,.dark .merchant-tab a,.dark .merchant-tab a svg,.dark .option-container ul li,.dark .snippet-text p,.dark .snippet-text.optional p,.dark .steps-details p,body.dark .amount-desc p,body.dark .auth-text,body.dark .color-5B,body.dark .details-box p,body.dark .effective-description h4,body.dark .forgot-link a,body.dark .information ul li,body.dark .pageArticle_content,body.dark .payment-main-module p,body.dark .privacy-nav-content p,body.dark .shareinfo p span,body.dark .submit a,body.dark .total-amount p,body.dark .transaction-order-quantity p,body.dark .usage-data h3,body.dark .usage-data span{
    color:#cdccd0
}
body.dark .path-white{
    fill:#CDCCD0
}
body.dark .path-EA{
    fill:#E8E7EA
}
body.dark .path-yellow{
    fill:#FFAF30
}
body.dark .path-black{
    fill:#3F405B
}
body.dark .path-deep-black{
    fill:#2E293A
}
body.dark .path-gray{
    fill:#9998A0
}
.bgd-blue,body.dark .bgd-blue{
    background-color:#635bfe
}
body.dark .path-blue{
    fill:#635BFE
}
body.dark .path-cayan{
    fill:#2199D6
}
.btn-primary,body.dark .learn-btn{
    background-color:#635bfe!important
}
.dark .bg-pattern{
    background-image:url(../images/home/bg-pattern-dark.png)
}
.dark .input-form-control{
    color:#cdccd0!important;
    border:1px solid #3f405b!important;
    background-color:#2e2f44!important
}
body.dark .btn:hover{
    color:#3f405b!important;
    background:#ffaf30!important
}
.bg-ligt-pink,.gray-shad,.third-section{
    background-color:#cdd8e99e;
}
body.dark .bg-ligt-pink{
    background-color:#24212d
}
body.dark .white-shad{
    background-color:#2e293a!important
}
body.dark .gtco-testimonials .owl-dots span,body.dark .user-selected{
    background-color:#3f405b!important
}
body.dark .user-selected{
    border:1px solid #635bfe!important
}
body.dark .transaction-details-module{
    background:#25212f;
    border:1px solid #2e293a
}
body.dark .select2-container--open .select2-dropdown--below,body.dark .select2-dropdown{
    border:1px solid #2e2f44!important
}
body.dark .select2-extends .select2-container .select2-selection--single{
    background-color:#2e2f44!important;
    border:1px solid #3f405b!important;
    color:#cdccd0!important
}
body.dark .select2-container--default .select2-results__option--selected{
    background-color:#3f405b!important;
    color:#cdccd0!important
}
body.dark .select2-dropdown{
    background-color:#2e2f44!important
}
.dark .select2-extends .select2-container .select2-selection--single[aria-expanded=true]{
    background:#3f405b!important;
    border:1px solid #635bfe!important
}
body.dark .back-direction a,body.dark .gtco-testimonials .card h5,body.dark .gtco-testimonials .card p,body.dark .select2-extends .select2-selection__rendered,body.dark .select2-results__option{
    color:#cdccd0!important
}
body.dark .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
    background:#3f405b
}
.dark .light-img,.dark-img,.dark-logo,.di-none,.footer-display,.gtco-testimonials .owl-nav,.header-display,.img-none,.radio-hide input[type=radio],.select2-extends select,.select2-search--dropdown.select2-search--hide,body.dark .light-logo{
    display:none
}
.dark .dark-img,.di-block,.light-img,.select2-results,body.dark .dark-logo{
    display:block
}
body.dark .form-check-label{
    color:#9998a0;
    font-size:12px;
    font-family:Gilroy-Regular
}
.dark .alert-animate,body.dark .alert-animate{
    background:#2e293a!important;
    border:1px solid #3f405b!important;
    box-shadow:0 16px 28px -11px rgba(63,64,91,.17)
}
.dark .alert-btn-close,body.dark .gtco-testimonials .card h5 span{
    color:#9998a0!important
}
.dark .merchant-tab{
    background:#3f405b;
    border:unset
}
.dark .merchant-tab-section{
    background-color:#1a1721;
    border-bottom:1px solid #3f405b
}
.dark .icon-container svg{
    fill:#3F405B;
    color:#ffaf30
}
.dark .snippet-text.run-code span,body.dark .auth-module-header a,body.dark .privacy-nav-active,body.dark .resend-code.btn,body.dark .star{
    color:#ffaf30!important
}
.dark .download-desc{
    background-color:#272822;
    color:#e8e7ea
}
.dark .example,body.dark .accordion-item{
    background-color:#3f405b
}
.dark .option-container ul li::before{
    position:absolute;
    content:url('../images/dark-tikmark.png');
    left:-26px;
    top:1px
}
body.dark .data-contact a{
    text-decoration:underline;
    color:#ffaf30
}
body.dark .privacy-left-box{
    padding:28px;
    background-color:#2e293a;
    border:1px solid #3f405b
}
.dark .iti .form-control{
    background-color:#2e2f44!important;
    color:#cdccd0!important;
    border:1px solid #3f405b!important
}
.dark .iti .form-control:focus,.form-check-input:focus,.iti .form-control:focus{
    border-color:#635bfe!important;
    outline:0;
    box-shadow:unset!important
}
.dark .iti__selected-dial-code,.tab-active svg,div.code-toolbar>.toolbar>.toolbar-item>button{
    color:#fff!important
}
.dark .iti__arrow{
    border-top:4px solid #fff
}
.dark input[type=tel]{
    background-color:#2e2f44!important;
    border-color:#2e2f44!important
}
.dark input[type=tel]:hover,.input-form-control:hover,input[type=tel]:hover{
    border:1px solid #635bfe!important
}
.dark .iti__country-list{
    position:absolute;
    z-index:2;
    list-style:none;
    text-align:left;
    padding:0;
    margin:0 0 0 -1px;
    box-shadow:1px 1px 4px rgba(0,0,0,.2);
    background-color:#2e2f44;
    border:1px solid #3f405b!important;
    white-space:nowrap;
    max-height:200px;
    color:#fff
}
.dark .iti__divider{
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom:1px solid #3f405b!important
}
.cursor-pointer,.pointer,.svg-img-parent .svg-img{
    cursor:pointer
}
.dot-img{
    right:137px;
    top:202px
}
.dot-img-two{
    left:-95px;
    bottom:-36px
}
.line-svg-1,.line-svg-2,.line-svg-4{
    position:relative
}
body.dark .gray-shad{
    background-color:#2e293a!important;
    z-index:2;
    position:relative
}
body.dark .dot-img,body.dark .dot-img-two,body.dark .video-img{
    z-index:1
}
body.dark .payment-main-module{
    background-color:#25212f;
    border:1px solid #2e293a
}
body.dark .btn-light,body.dark .btn-light:hover{
    background:#25212f!important;
    color:#e8e7ea!important;
    border:1px solid #c1bfdf!important
}
.dark .form-check-input{
    background:#2e2f44;
    border:1px solid #3f405b
}
body.dark .resend-code.btn:hover{
    color:#ffaf30!important;
    background-color:transparent!important
}
body.dark .ref-light{
    display:none!important
}
body.dark .ref-dark{
    display:block!important
}
.line-svg-1{
    right:-9px;
    top:69px
}
.circle-svg-2,.standard-section.mt-150{
    margin-top:150px
}
.line-svg-2{
    right:-23px;
    top:65px;
    height:114.12px
}
.circle-svg-4{
    margin-top:64px
}
.line-svg-4{
    right:-10px;
    top:54px;
    width:255.51px
}
.bg-2D,.header-bg{
    background-color:#2d1959!important
}
.video-img{
    position:absolute;
    right:-53px;
    top:-92px;
    z-index:-1
}
.custom-z{
    width:100%;
    position:relative;
    z-index:2
}
.gtco-testimonials{
    position:relative;
    overflow:hidden
}
.gtco-testimonials h2{
    font-size:30px;
    text-align:center;
    color:#333;
    margin-bottom:50px
}
.gtco-testimonials .owl-stage-outer{
    padding:28px 0
}
.gtco-testimonials .owl-dots{
    text-align:center
}
.gtco-testimonials .owl-dots span{
    position:relative;
    height:9px;
    width:9px;
    border-radius:34px;
    display:block;
    background:#e0dfef!important;
    margin:0 5px
}
.gtco-testimonials .owl-dots .active{
    box-shadow:none
}
.gtco-testimonials .owl-dots .active span{
    background:#635bfe!important;
    width:22px;
    height:9px
}
.gtco-testimonials .card{
    margin:0 16px;
    padding:0 10px;
    border-radius:6px;
    height:273px
}
.card{
    background-color:unset!important
}
.gtco-testimonials .card .card-img-top{
    max-width:100px;
    border-radius:50%;
    margin:-52px auto 0;
    width:84px;
    height:84px;
    object-fit:cover
}
.gtco-testimonials .card h5{
    color:#3f405b;
    font-size:18px;
    line-height:24.51px;
    font-family:gilroy-medium;
    margin-top:24px;
    position:absolute;
    bottom:-4px;
    left:50%;
    transform:translate(-50%,-50%)
}
.gtco-testimonials .card h5 span{
    font-size:12px;
    line-height:16.34px;
    color:#6a6b87;
    font-family:gilroy-medium
}
.gtco-testimonials .card p{
    color:#3f405b;
    font-size:16px;
    line-height:26px;
    padding-bottom:15px;
    font-family:gilroy-light;
    margin-top:40px
}
.gtco-testimonials .center{
    opacity:1
}
.gtco-testimonials .center .card-img-top{
    max-width:100%;
    height:84px;
    width:84px;
    margin-top:-52px;
    object-fit:cover
}
.owl-item.active.center .card{
    background-color:#f5f6fa!important;
    border:unset!important
}
.owl-item.active .card{
    border:1px solid #e0dfef
}
.owl-dots{
    margin-top:-9px
}
body.dark .owl-item.active.center .card{
    background-color:#24212d!important;
    border:unset!important
}
body.dark #main #faq .accordion-item,body.dark .owl-item.active .card{
    border:1px solid #3f405b!important
}
body.dark .gtco-testimonials .owl-dots .active span{
    background:#635bfe!important
}
.dark .main-auth-div,body.dark{
    background-color:#1a1721
}
.dark .input-form-control:hover{
    border:1px solid #c1bfdf
}
.dark .usertype-module{
    background-color:#2e2f44;
    border:1px solid #3f405b
}
.p-24-28,.p-48-44{
    border-radius:10px
}
.back-btn span,.back-btn svg,.back-btn:hover,body.dark .policy p{
    color:#9998a0
}
.w-265{
    width:265px!important
}
.w-288{
    width:288px!important
}
.w-311{
    width:311px!important
}
.w-318{
    width:318px!important
}
.w-358{
    width:358px!important
}
.w-517{
    width:517px!important
}
.w-530{
    width:530px!important
}
.h-300{
    height:300px!important
}
.h-355{
    height:355px!important
}
.h-888{
    height:888px!important
}
.px-240{
    padding:0 15rem!important
}
.ml-7{
    margin-left:7px
}
.ml-18{
    margin-left:1.125rem
}
.ml-60{
    margin-left:36px
}
.mt-2p{
    margin-top:2px
}
.mt-3p{
    margin-top:3px
}
.mb-3p{
    margin-bottom:3px
}
.mt-7{
    margin-top:7px
}
.mt-10{
    margin-top:10px
}
.mb-10{
    margin-bottom:10px
}
.mt-11{
    margin-top:11px
}
.mt-12{
    margin-top:12px
}
.mt-14{
    margin-top:14px
}
.mt-18{
    margin-top:18px
}
.mt-20{
    margin-top:20px
}
.mt-21{
    margin-top:21px
}
.mt-22{
    margin-top:22px
}
.mt-23{
    margin-top:23px
}
.mt-24{
    margin-top:24px
}
.mt-n24{
    margin-top:-24px
}
.mt-26{
    margin-top:26px
}
.mt-28{
    margin-top:28px
}
.mt-29{
    margin-top:29px
}
.mt-30{
    margin-top:30px
}
.mb-30{
    margin-bottom:30px
}
.mt-32{
    margin-top:32px
}
.mt-36{
    margin-top:36px
}
.mt-40,.mt-46{
    margin-top:40px
}
.mt-53{
    margin-top:53px
}
.mt-54{
    margin-top:54px
}
.mt-55{
    margin-top:55px
}
.mt-56{
    margin-top:56px
}
.mt-58{
    margin-top:58px
}
.mt-59{
    margin-top:59px
}
.mt-72{
    margin-top:72px
}
.mt-81{
    margin-top:0px
}
.mt-93{
    margin-top:5.8125rem
}
.mt-106{
    margin-top:106px
}
.mt-128{
    margin-top:128px
}
.mt-136{
    margin-top:136px
}
.mt-148{
    margin-top:148px
}
.confirm-top,.mt-161{
    margin-top:161px
}
.mt-188{
    margin-top:188px
}
.ml-29{
    margin-left:29px
}
.ml-44{
    margin-left:44px
}
.ml-171{
    margin-left:80px
}
.ml-14{
    margin-left:14px
}
.mr-10{
    margin-right:10px
}
.column-gap-98{
    column-gap:98px
}
.mb-23{
    margin-bottom:23px!important
}
.mb-32{
    margin-bottom:32px!important
}
.mb-44{
    margin-bottom:43px!important
}
.pb-44{
    padding-bottom:44px!important
}
.pb-54{
    padding-bottom:54px
}
.pb-137{
    padding-bottom:137px
}
.pb-144{
    padding-bottom:144px
}
.pb-146{
    padding-bottom:146px
}
.pb-196{
    padding-bottom:196px
}
.pb-23{
    padding-bottom:23px
}
.pt-59{
    padding-top:59px!important
}
.pt-76{
    padding-top:76px!important
}
.pt-86{
    padding-top:86px
}
.pt-121{
    padding-top:240px;
    padding-bottom:0px
}
.pt-144{
    padding-top:144px
}
.pt-149{
    padding-top:149px
}
.pt-186{
    padding-top:11.625rem
}
.p-24-28{
    padding:24px 28px
}
.p-48-44{
    padding:15px 15px
}
.px-16{
    padding:0 16px
}
.color-5B,.color-5Br{
    color:#403e5b
}
.breadcrumb-item,.color-05B,.color-05Br,.pageArticle_content{
    color:#3f405b
}
.color-FF,.color-FFr{
    color:#4743c9
}
.color-FE,.star,.type-text .star{
    color:#635bfe
}
.color-B87,.color-B87r,.merchant-tab a svg{
    color:#6a6b87
}
.color-7EA,body.dark .alert-animate .text-dark,body.dark .alert-animate .text-gray-100,body.dark .nav-link,body.dark .reg-btn{
    color:#e8e7ea!important
}
.f-15{
    font-size:15px;
    line-height:18px
}
.f-18{
    font-size:18px;
    line-height:32px
}
.f-20{
    font-size:20px;
    line-height:27.24px
}
.f-21{
    font-size:1.3125rem
}
.f-22{
    font-size:22px;
    line-height:29.96px;
    text-align: center;
}
.f-24{
    font-size:24px;
    line-height:34px
}
.f-26{
    font-size:26px;
    line-height:32.5px
}
.f-28{
    font-size:28px;
    line-height:35.28px
}
.f-34,.f-36{
    font-size:36px
}
.f-34{
    line-height:46.3px
}
.f-36{
    line-height:49px
}
.f-52{
    font-size:52px;
    line-height:65.52px
}
.f-80{
    font-size:80px;
    line-height:84.4px
}
.f-70{
    font-size:70px;
    line-height:78.4px
}
.leading-26{
    line-height:26px;
    text-align: justify;
    padding: 5px 20px;
}
.leading-29{
    line-height:29px
}
.button-widths a,.leading-30{
    line-height:30px
}
.leading-32{
    line-height:32.68px
}
@keyframes rippleAni {
  0% {
    transform: translate(0px, 0px);
  }
  33% {
    transform: translate(5px, -5px);
  }
  66% {
    transform: translate(-5px, 5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.d-flex::after {
  background-image: url(../images/home/banner-map.png);
}
.d-flex .w-288::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  width: 104px;
  height: 15px;
  right: calc(-17% - 10px);
  top: calc(35% - 20px);
}

.bottom-head{
    padding-bottom:140px;
    background-image:url(../images/home/banner-map.png);
    height:auto;
    width:100%;
    background-size:auto;
    background-repeat:no-repeat;
    background-color: #f2f3f9;
    background-position: top 100px right;
    position: relative;
    background-size: auto;
}
.bottom-head .obj-3 {
  left: calc(48%);
  bottom: 30%;
  animation: ripple2Ani 3s linear infinite;
   position: absolute;
}
.bottom-head .obj-1 {
  left: calc(55%);
  top: 175px;
  animation: rippleAni 4s linear infinite;
   position: absolute;
}

.bottom-head .obj-2 {
  left: calc(75%);
  bottom: calc(5%);
  animation: rippleAni 7s linear infinite;
     position: absolute;
}
.bottom-head .obj-4 {
  left: 0;
  top: 0;
   position: absolute;
}
.banner-section .overlay .banner-content .container .content-shape img {
  position: absolute;
}
.color-parent{
    transition:.5s;
    cursor:pointer
}
.border-unset,body.dark .log-btn{
    border:unset!important
}
body.dark .reg-btn{
    border:1px solid #6a6b87!important
}
body.dark .footer-sec,body.dark .navigation-wrap{
    background-color:#2e2446!important
}
@property --myColor4{
    syntax:'<color>';
    initial-value:#635BFF;
    inherits:false
}
@property --myColor5{
    syntax:'<color>';
    initial-value:#635BFF;
    inherits:false
}
.button-widths:hover{
    --myColor4:#9690FF;
    --myColor5:#635BFF;
    box-shadow:0 21px 25px -11px rgba(99,91,255,.36);
    --myColor4:#9690FF;
    --myColor5:#635BFF;
    box-shadow:0 21px 25px -11px rgb(99 91 255 / 36%)
}
.button-widths{
    width:234px;
    height:60px;
    border-radius:6px;
    cursor:pointer;
    background:linear-gradient(180deg,var(--myColor4) 0,var(--myColor5) 100%);
    background:#4743c9
}
.bg-app,body.dark .bg-app{
    background-size:auto;
    background-repeat:no-repeat;
    background-position:center;
    position:relative
}
.button-widths a{
    font-size:18px;
    color:#fff;
    padding-left:14px
}
.ml-27p{
    margin-left:22px!important
}
.svg-img-parent{
    width:44px;
    height:44px;
    background-color:#fff;
    border-radius:6px;
    display:flex;
    justify-content:center;
    align-items:center
}
.bg-app{
    background-image:url(../images/home/app-bg.png);
    width:100%;
    height:528px;
    z-index:3;
    border-radius:20px
}
.app-dot,.app-dot-right{
    position:absolute!important
}
.app-dot{
    top:19px;
    left:140px
}
.app-dot-right{
    right:0;
    margin-top:-131px
}
body.dark .bg-app{
    background-image:url(../images/home/dark-app.png);
    width:100%;
    z-index:2
}
.btn-section .btn-dark,.footer-sec{
    background-color:#2d1959
}
.bottom-footer,.custom-form-grp button{
    background-color:#4743c9
}
.links{
    list-style:none;
    padding:0
}
.links li{
    line-height:38px
}
.links li a{
    color:#fff;
    transition:.3s
}
.custom-form-grp input{
    width:272px;
    height:46px
}
.custom-form-grp input::placeholder{
    color:#9a99a8;
    font-size:15px
}
.custom-form-grp button{
    width:138px;
    height:46px;
    font-size:16px;
    line-height:21.79px
}
.col-gap-12{
    column-gap:12px;
    row-gap:12px;
    flex-wrap:wrap;
    padding-bottom:20px
}
.custom-postion{
    display:grid;
    justify-content:end
}
.facebook svg:hover{
    fill:#3C5A9A;
    cursor:pointer
}
.twitter svg:hover{
    fill:#2DAAE1;
    cursor:pointer
}
.instagram svg:hover{
    fill:#EF4B5E;
    cursor:pointer
}
.whtsapp svg:hover{
    fill:#DC4A38;
    cursor:pointer
}
.pinterest svg:hover{
    fill:#CA2127;
    cursor:pointer
}
.linkdin svg:hover{
    fill:#0076B2;
    cursor:pointer
}
.p-17-19{
    padding:17px 0 0
}
.select2-container--default .select2-selection--single{
    background-color:unset!important;
    border:unset!important;
    border-radius:unset
}
.selectParent span#select2-select-height-container{
    color:#fff!important;
    line-height:28px
}
.selectParent span.select2-selection__arrow b{
    border-color:#fff transparent transparent!important
}
.selectParent .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #fff!important
}
body.dark .facebook svg,body.dark .instagram svg,body.dark .linkdin svg,body.dark .pinterest svg,body.dark .twitter svg,body.dark .whtsapp svg{
    fill:#392C56
}
.collapsible{
    background:#fff;
    border:none;
    border-radius:6px;
    color:#403e5b;
    cursor:pointer;
    padding:22px 21px 18px 27px;
    width:100%;
    text-align:left
}
.btn,.payment-main-module,.policy p,.submit a,.submit button{
    text-align:center
}
.one-px{
    margin-top:1px
}
.accordion .item{
    border:1px solid #c6c5d7;
    border-radius:6px;
    background:#fff
}
#main{
    margin:10px 0
}
.accordion-body{
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    min-height:1px;
    padding:0 30px 30px!important
}
#main #faq .accordion-item{
    margin-bottom:11px;
    border:1px solid #c6c5d7;
    border-radius:5px
}
#main #faq .accordion-item .accordion-header{
    border:0;
    -webkit-box-shadow:unset;
    box-shadow:unset;
    border-radius:2px;
    padding:0
}
.btn:focus,.focus-color.form-control:focus,.mb-0.btn.focus{
    box-shadow:unset!important;
    outline:0
}
#main #faq .accordion-item .accordion-header .btn-header-link{
    display:block;
    text-align:left;
    background:#fff;
    color:#3f405b;
    padding:1.375rem 1.375rem 1.375rem 1.875rem
}
#main #faq .accordion-item .accordion-header .btn-header-link:after{
    content:url(../images/home/up.png);
    color:#3a0ca3;
    font-weight:700;
    margin-left:5px;
    float:right
}
#main #faq .accordion-item .accordion-header .btn-header-link.collapsed{
    background:#fff;
    color:#6a6b87
}
#main #faq .accordion-item .accordion-header .btn-header-link.collapsed:after{
    content:url(../images/home/down.png);
    color:#3a0ca3;
    font-weight:700;
    float:right
}
#main #faq .accordion-item .collapsing{
    background:#fff;
    line-height:30px
}
#main #faq .accordion-item .collapse{
    border:0
}
#main #faq .accordion-item .collapse.show{
    background:#fff;
    border-radius:6px;
    line-height:30px;
    color:#222
}
.item-header .collapse .show{
    border:1px solid #8a2be2
}
.t-p{
    color:#fff;
    padding:0 30px
}
.accordion .item .item-header h2 button.btn.btn-link{
    background:#fff;
    color:#403e5b;
    border-radius:6px;
    height:71px;
    text-decoration:none;
    padding:6px 5px 1px 26px
}
.accordion .item .item-header{
    border-bottom:none;
    background:0 0;
    padding:0
}
.accordion .item .item-header h2 button{
    color:#fff;
    font-size:20px;
    padding:15px;
    display:block;
    width:100%;
    text-align:left
}
.accordion .item .item-header h2 i{
    float:right;
    font-size:30px;
    background-color:#fff;
    width:60px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center
}
.btn,.section-payment{
    justify-content:center
}
button.btn.btn-link.collapsed i{
    transform:rotate(0)
}
button.btn.btn-link i{
    transform:rotate(180deg);
    transition:.5s
}
.focus-color.form-control:focus{
    color:#403e5b;
    background:#f3f3f3;
    border-color:#80bdff
}
.expand-border{
    padding:1px;
    border:1px solid #c6c5d7;
    border-radius:6px;
    margin-top:2px;
    background-color:#fff
}
.exchangpb{
    border:1px solid #dad5d5
}
.collapsible:after{
    content:url(../images/home/down.png);
    color:#3a0ca3;
    font-weight:700;
    float:right;
    margin-left:5px
}
.collapsible.active:after{
    content:url(../images/home/up.png)
}
.content{
    padding:0 30px;
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease-out;
    background-color:#ffffffff!important
}
.focus-bgcolor,.input-form-control{
    background-color:#f5f6fa!important
}
.dot-right-side{
    position:absolute;
    top:71px;
    right:0
}
.dot-left-side{
    position:absolute;
    bottom:1px;
    left:-73px
}
.contain{
    position:relative;
    z-index:2
}
body.dark .third-section{
    background-color:#24212d!important
}
body.dark #main #faq .accordion-item .accordion-header .btn-header-link.collapsed,body.dark .accordion .accordion-body{
    background:#2e293a!important;
    color:#cdccd0!important
}
body.dark #main #faq .accordion-item .accordion-header .btn-header-link{
    background:#2e293a!important;
    color:#d9d9d9!important
}
body.dark .not-focus-bg{
    background-color:#2e2f44!important
}
.d-grid.mb-3p{
    padding-top:3px!important
}
.btn-lg{
    padding:.93rem .5rem!important;
    font-size:16px!important;
    line-height:20px!important
}
.btn-primary{
    color:#fff!important;
    border-color:transparent!important
}
.btn{
    vertical-align:middle;
    border:1px solid transparent!important;
    color:#fff;
    display:inline-flex;
    align-items:center;
    border-radius:6px!important;
    transition:.3s!important
}
.btn:hover{
    color:#fff!important;
    background:#392f6b!important
}
.btn:hover svg{
    right:-5px!important
}
.btn svg{
    transition:right .2s!important;
    right:0!important
}
.bg-pattern,.position-r{
    position:relative!important
}
.logo-div{
    width:333px
}
.form-label{
    font-size:16px;
    line-height:20px;
    color:#6a6b87
}
.eye-icon,.eye-icon-hide{
    position:absolute;
    top:12px;
    right:13px
}
.auth-module{
    width:405px!important;
    margin-top:145px
}
.d-grid{
    padding:0 2px
}
.bg-pattern{
    width:100%;
    min-height:100vh;
    height:100%!important;
    background-image:url(../images/home/bg-pattern.png);
    object-fit:cover;
    background-repeat:repeat;
    background-position:center
}
.bg-content{
    padding:28px 0 0 240px
}
.transaction-text{
    max-width:390px
}
.auth-section{
    padding:0 190px
}
.main-auth-div .row{
    margin-right:calc(var(--bs-gutter-x) * 0)!important
}
.col-xl-5 .transaction-text{
    margin-top:0
}
.transaction-text h3{
    font-size:25px;
    font-family:Gilroy-Regular;
    color:#fff;
    line-height:30px
}
.transaction-text h2{
    font-size:34px;
    font-family:Gilroy-Medium;
    color:#fff;
    line-height:42px
}
.transaction-text h1{
    font-size:48px;
    font-family:Gilroy-Semibold;
    color:#fff;
    line-height:59px;
    text-transform:uppercase
}
.static-image{
    max-width:425px;
    margin-top:42px
}
.g-4,.gx-4{
    --bs-gutter-x:1.5rem
}
.input-form-control{
    border:1px solid #e0dfef!important;
    border-radius:6px!important;
    padding:15px 20px!important;
    font-size:18px!important;
    line-height:20px!important;
    color:#3f405b!important;
    font-family:Gilroy-Medium;
    transition:.2s
}
.not-focus-bg{
    background-color:#f3f2ff!important
}
.input-form-control:focus{
    box-shadow:none!important;
    border:1px solid #635bfe!important
}
.form-group.mb-3{
    margin-bottom:21px!important
}
.submit a{
    border:none!important;
    font-size:15px;
    line-height:18px;
    color:#3f405b;
    font-family:Gilroy-Regular
}
.auth-title,.submit button{
    font-family:Gilroy-Semibold
}
.submit button{
    padding:.7rem 1rem;
    font-size:16px;
    border-radius:.3rem;
    color:#fff;
    text-transform:uppercase
}
.auth-title{
    font-size:30px;
    line-height:37px;
    color:#3f405b
}
.auth-text{
    font-size:16px;
    line-height:19px;
    color:#6a6b87;
    font-family:Gilroy-regular
}
.back-direction a,.type-text,.usertype{
    font-family:Gilroy-Medium
}
.auth-module-header a{
    border:none!important;
    color:#635bfe!important
}
.error{
    color:red!important
}
.alert-animate.alert-dismissible .btn-close:focus,.navbar-toggler:focus{
    box-shadow:unset!important
}
.mb-2p{
    margin-bottom:2px
}
.mb-6p{
    margin-bottom:6px
}
.mt-7p{
    margin-top:7px!important
}
.transaction-block{
    margin-top:149px
}
.caret,.email-box{
    position:relative
}
.email-icon{
    position:absolute;
    top:15px;
    left:17px
}
.back-btn{
    color:#9998a0;
    transition:.5s
}
.back-btn svg{
    transition:.2s!important;
    left:0!important
}
.back-btn:hover svg{
    left:-5px!important
}
.back-direction.forgot-top{
    margin-top:174px
}
.back-direction a{
    font-size:16px;
    line-height:20px
}
.forgot-link a,.policy p{
    font-family:Gilroy-Regular
}
.email-box.indent input{
    text-indent:26px!important
}
.leading-24{
    line-height:24px!important
}
.auth-module-header{
    margin-bottom:33px
}
.signin-top{
    margin-top:135px
}
.forgot-link a{
    font-size:15px;
    line-height:18px
}
.type-text{
    font-size:16px;
    line-height:20px;
    color:#6a6b87
}
.usertype-module{
    width:189px;
    padding:25px 0 16px;
    background-color:#fff;
    border:1px solid #e0dfef;
    border-radius:6px;
    position:relative;
    cursor:pointer
}
.user-selected::before{
    content:'';
    background:url("../images/login/tikmark.png");
    position:absolute;
    width:20px;
    height:20px;
    border-radius:50%;
    top:10px;
    left:10px
}
.usertype{
    font-size:14px;
    line-height:17px;
    color:#3f405b;
    text-transform:capitalize
}
.policy p{
    max-width:300px;
    font-size:13px;
    line-height:20px;
    color:#3f405b
}
.gap-16{
    gap:16px
}
.usertype-photo img{
    width:64px;
    height:64px;
    object-fit:cover
}
.amount-logo img,.img-qr img,.status-logo img{
    width:100%;
    height:100%
}
.usertype-top{
    margin-top:96px
}
.otp-top{
    margin-top:143px
}
.authenticator-top{
    margin-top:62px
}
.user-selected{
    background-color:#f5f6fa;
    border:1px solid #635bfe
}
.section-payment{
    height:100vh;
    display:flex;
    align-items:center;
    flex-direction:column;
    padding:0 20px
}
.payment-main-module{
    max-width:440px;
    width:440px;
    padding:59px;
    background:#fff;
    border:1px solid #cdccd0;
    border-radius:8px
}
.payment-main-module h3{
    font-size:24px;
    line-height:30px;
    color:#3f405b;
    font-family:Gilroy-Semibold;
    margin-bottom:12px
}
.payment-main-module p{
    font-size:16px;
    line-height:24px;
    text-align:center;
    color:#6a6b87;
    font-family:Gilroy-Regular;
    max-width:320px;
    margin-bottom:30px
}
.payment-main-module .btn-lg{
    padding:.93rem 4rem!important;
    font-size:16px!important;
    line-height:20px!important;
    font-family:Gilroy-Semibold;
    text-transform:uppercase
}
.transaction-order-quantity{
    position:relative;
    padding-bottom:12px;
    margin-bottom:16px
}
.total-amount h2,.transaction-order-quantity h2{
    font-size:22px;
    line-height:27px;
    color:#3f405b;
    font-family:Gilroy-Semibold;
    margin-bottom:18px
}
.transaction-order-quantity h3{
    font-size:15px;
    line-height:18px;
    color:#3f405b;
    font-family:Gilroy-Medium;
    margin-bottom:8px
}
.transaction-order-quantity span{
    font-size:14px;
    line-height:22px;
    color:#3f405b;
    font-family:Gilroy-Semibold;
    margin-bottom:8px
}
.transaction-order-quantity p{
    font-size:14px;
    line-height:17px;
    color:#6a6b87;
    font-family:Gilroy-Medium;
    margin-bottom:4px
}
.transaction-total h3,.transaction-total span{
    font-size:18px;
    line-height:22px;
    font-family:Gilroy-Semibold
}
.transaction-total h3{
    color:#3f405b
}
.transaction-total span{
    color:#635bfe
}
.transaction-details-module{
    padding:23px;
    background:#fff;
    border:1px solid #e8e7ea;
    border-radius:8px;
    width:492px;
    max-width:492px
}
.transaction-payment-method{
    margin-bottom:24px;
    margin-top:30px
}
.total-amount::before,.transaction-order-quantity::before{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    bottom:0;
    left:0;
    background-image:url(../images/merchant-payment/line.png);
    background-repeat:repeat-x
}
.transaction-payment-method p{
    font-size:15px;
    line-height:18px;
    color:#3f405b;
    margin-bottom:16px
}
.gateway{
    width:136px;
    height:64px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    background-color:#fff;
    border:1px solid #cdccd0;
    border-radius:3px;
    cursor:pointer
}
.gateway-selected{
    position:relative;
    border:1px solid #635bfe;
    background:#f5f6fa;
    box-shadow:0 9.69px 18.4496px -8.91732px rgba(99,91,254,.4)
}
.gateway-selected::before{
    content:'';
    background:url("../images/login/tikmark.png");
    position:absolute;
    width:20px;
    height:20px;
    border-radius:50%;
    top:-8px;
    left:-8px
}
.amount-logo{
    width:122px;
    height:30px
}
.total-amount{
    position:relative;
    padding-bottom:25px;
    margin-bottom:26px
}
.total-amount p{
    font-size:14px;
    line-height:17px;
    color:#6a6b87;
    font-family:Gilroy-Regular
}
.total-amount h3{
    font-size:24px;
    line-height:30px;
    color:#635bfe;
    font-family:Gilroy-Semibold;
    margin-bottom:0
}
.amount-desc p{
    max-width:336px;
    margin-bottom:21px;
    font-size:14px;
    line-height:20px;
    color:#6a6b87;
    font-family:Gilroy-Regular
}
.thin-scrollbar{
    --scrollbarBG:#272822!important;
    --thumbBG:#635bfe!important
}
.thin-scrollbar::-webkit-scrollbar{
    width:2px!important
}
.thin-scrollbar::-webkit-scrollbar-track{
    background:var(--scrollbarBG)
}
.thin-scrollbar::-webkit-scrollbar-thumb{
    background-color:var(--thumbBG);
    border-radius:6px;
    border:6px solid var(--scrollbarBG)
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar{
    width:4px;
    background:#f3f1f1;
    border-radius:4px
}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb{
    background:#635bfe!important;
    border-radius:4px
}
.select2-extends .select2-container{
    width:100%!important
}
.select2-extends .select2-container .select2-selection--single{
    height:52px!important;
    background-color:#f3f2ff!important;
    border:1px solid var(--bs-muted-100)!important;
    border-radius:6px!important
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-right:0!important
}
.select2-extends .select2-selection__rendered{
    line-height:52px!important;
    padding-left:20px!important;
    color:#3f405b!important;
    font-size:20px!important;
    font-family:Gilroy-Medium
}
.breadcrumb li a,.breadcrumb-item.active{
    font-size:15px;
    line-height:30px;
    font-family:Gilroy-Regular
}
.select2-extends .select2-container--default .select2-selection--single .select2-selection__arrow{
    transition:transform ease-in-out
}
.select2-extends .select2-selection__arrow{
    height:52px!important;
    right:15px!important
}
.select2-extends .select2-container--default .select2-selection--single .select2-selection__arrow b{
    background-image:url(../images/up_arrow.svg);
    background-color:transparent;
    background-size:contain;
    background-repeat:no-repeat!important;
    border:none!important;
    height:20px!important;
    width:12px!important
}
.select2-container--open .select2-dropdown--above{
    border:1px solid var(--bs-muted-100)!important;
    border-bottom-left-radius:4px!important;
    border-bottom-right-radius:4px!important;
    margin-top:0
}
.select2-dropdown{
    z-index:1060!important
}
.select2-search--dropdown{
    display:block;
    padding:4px
}
.select2-search__field{
    border:1px solid #d1cae6!important;
    height:50px!important;
    border-radius:4px!important
}
.select2-container--default .select2-results>.select2-results__options{
    max-height:150px!important;
    overflow-y:auto
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background-color:#635bfe!important;
    color:#fff!important;
    transition:.5s!important
}
.select2-container--default .select2-results__option--selected{
    background-color:#f3f2ff!important;
    color:#635bfe!important
}
.select2-results__option{
    padding:13px!important;
    user-select:none;
    -webkit-user-select:none;
    font-size:16px!important;
    color:#3f405b!important;
    font-family:Gilroy-Medium
}
.select2-extends .select2-container--open .select2-selection__arrow{
    transform:rotate(180deg)!important
}
.select2-extends .select2-container .select2-selection--single[aria-expanded=true]{
    background:#fff!important;
    border:1px solid #635bfe!important
}
.select2-extends label{
    margin-bottom:8px;
    font-size:16px;
    line-height:20px;
    font-family:Gilroy-Medium;
    color:#6a6b87
}
::placeholder{
    font-size:16px;
    line-height:19px;
    color:#9998a0
}
.sm-gx-10{
    --bs-gutter-x:10px
}
.main{
    width:60px!important;
    height:60px!important;
    background-color:#2d1959!important
}
.h-44{
    height:44px
}
.success-anim{
    width:259px;
    height:244px;
    top:-100px;
    position:absolute
}
.status-logo{
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:30px
}
.status-logo img{
    border-radius:50%
}
.btn-light,.btn-light:hover{
    border:1px solid #c1bfdf!important
}
.btn-light{
    background:#fff;
    color:#6a6b87
}
.btn-light:hover{
    background:#fff!important;
    color:#6a6b87!important
}
.auth-module .row{
    --bs-gutter-x:12px!important
}
.verification{
    margin-top:3px;
    display:flex;
    justify-content:space-between
}
.d-link,.privacy-nav-active{
    color:#635bfe!important
}
.img-qr{
    margin-top:3px;
    width:235px;
    height:235px;
    object-fit:cover
}
.gap-18{
    row-gap:16px;
    column-gap:18px
}
.custom-input input{
    width:139px
}
.form-check-input:checked{
    background-color:#635bfe;
    border-color:#635bfe
}
.alert-animate{
    background-color:#fff!important;
    box-shadow:0 16px 28px -11px rgba(63,64,91,.17);
    border-radius:8px;
    position:absolute!important;
    opacity:1;
    z-index:123
}
.top-right{
    top:20px;
    right:20px
}
.top-left{
    top:20px;
    left:20px
}
.bottom-left{
    bottom:20px;
    left:20px
}
.bottom-right{
    bottom:20px;
    right:20px
}
.alert-body{
    padding:2px 7px
}
.gap-20{
    gap:20px!important
}
.alert-icon{
    width:36px;
    height:36px
}
.alert-text{
    width:260px;
    word-break:break-all
}
.border-1p{
    border:1px solid #c1bfdf!important
}
.leading-22{
    line-height:22px!important
}
.leading-18{
    line-height:18px!important
}
.alert-animate.alert-dismissible .btn-close{
    position:absolute;
    background:unset!important;
    top:0;
    right:0;
    z-index:2;
    padding:1px 7px 0 0
}
.alert-dismissible .btn-close{
    background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat!important
}
.alert-px{
    padding:0 20px
}
.alert-title-text{
    margin-bottom:0;
    line-height:22px!important;
    font-size:16px;
    font-family:Gilroy-Semibold;
    color:#3f405b
}
.alert-body-text,.merchant-tab a,.merchant-text p{
    color:#6a6b87;
    font-family:Gilroy-Medium
}
.alert-body-text{
    margin-bottom:0;
    font-size:13px;
    line-height:18px!important;
    margin-top:4px
}
.standard-hero-section{
    background-image:url(../images/hero-banner.png);
    height:620px;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.breadcrumb-item.active{
    color:#635bfe;
    font-weight:500
}
.breadcrumb-item+.breadcrumb-item::before{
    float:left;
    padding-right:.5rem;
    color:#3f405b;
    content:var(--bs-breadcrumb-divider, "/")
}
.btn-section .btn-lg{
    padding:8px 17px!important;
    border-radius:20px!important;
    margin-bottom:22px
}
.merchant-text p{
    max-width:540px;
    font-size:18px;
    line-height:28px
}
.breadcrumb-top{
    margin-top:100px
}
.breadcrumb.breadcrumb-top{
    display:flex;
    flex-wrap:wrap;
    padding-top:94px;
    margin-bottom:44px!important;
    list-style:none
}
.merchant-tab-section{
    display:flex;
    justify-content:center
}
.merchant-tab{
    margin:28px 0;
    padding:6px;
    display:flex;
    justify-content:center;
    background:#f5f6fa;
    border:.572433px solid #e8e7ea;
    border-radius:8px;
    gap:6px
}
.merchant-tab a{
    padding:14px 54px;
    font-size:16px;
    line-height:17px;
    display:flex;
    gap:3px
}
.tab-active{
    background-color:#635bfe;
    border-radius:6px;
    color:#fff!important
}
.standard-text-module h3{
    max-width:480px;
    font-size:28px;
    line-height:40px;
    color:#3f405b;
    margin-bottom:32px;
    font-family:Gilroy-Semibold
}
.icon-container{
    width:48px;
    height:48px;
    border-radius:50%;
    object-fit:cover
}
.icon-container img{
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover
}
.steps-details{
    display:flex;
    flex-direction:column
}
.steps-details span{
    font-size:14px;
    line-height:22px;
    color:#635bfe;
    font-family:Gilroy-Medium
}
.steps-details h4{
    font-size:22px;
    line-height:32px;
    color:#6a6b87;
    font-family:Gilroy-Semibold
}
.steps-details p{
    max-width:416px;
    font-size:16px;
    line-height:26px;
    color:#6a6b87;
    font-family:Gilroy-Regular
}
.steps{
    margin-bottom:32px
}
.standard-text-module{
    padding-left:90px;
    padding-top:64px
}
.standard-text-module.mt-270{
    margin-top:270px
}
.standards-hero-section{
    margin-top:94px;
    width:100%;
    background-color:#faf7f7;
    background-image:url('../images/standard-merchant/hero-banner.png');
    padding-bottom:95px;
    background-position:center;
    background-repeat:no-repeat
}
.customize-bcrm ol{
    margin:0;
    padding:0
}
.customize-bcrm{
    margin-top:94px;
    margin-bottom:60px
}
.merchant-tab-section{
    position:sticky;
    top:94px;
    z-index:999;
    background-color:#fff;
    border-bottom:1px solid #e8e7ea
}
.standard-title-text{
    max-width:665px
}
.standard-title-text.m-width{
    max-width:565px
}
.standard-title-text h3{
    margin-top:52px;
    margin-bottom:36px;
    font-size:32px;
    line-height:42px;
    font-family:Gilroy-Semibold
}
.standard-section.mb-150{
    margin-bottom:150px
}
.standard-text-module.mt-65{
    margin-top:65px
}
.column-centered{
    display:flex;
    align-items:center
}
.icon-container svg{
    fill:#E7E5FF;
    color:#635bfe
}
div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{
    color:#fff;
    padding:0 .5em 0 1.5em;
    background:0 0;
    box-shadow:unset;
    border-radius:0;
    font-size:14px;
    line-height:22px;
    font-family:Gilroy-Regular
}
code[class*=language-],pre[class*=language-]{
    font-family:Gilroy-Regular;
    font-size:14px;
    line-height:22px;
    text-align:left;
    text-shadow:unset;
    white-space:pre;
    word-spacing:normal;
    word-break:normal;
    word-wrap:normal
}
pre[class*=language-]{
    border-radius:8px;
    border:unset;
    box-shadow:unset;
    margin:.5em 0;
    overflow:auto;
    padding:26px 28px
}
div.code-toolbar>.toolbar{
    opacity:1;
    top:.43em;
    right:12px
}
.snippet-text span{
    font-size:22px;
    line-height:32px;
    color:#3f405b;
    font-family:Gilroy-Medium
}
.snippet-text p{
    font-size:16px;
    line-height:26px;
    color:#6a6b87;
    font-family:Gilroy-Regular;
    margin-bottom:16px
}
.snippet-module{
    width:876px;
    margin-bottom:38px
}
.code-snippet-section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.download-btn .btn-sm{
    padding:11px 75px 12px 20px;
    font-size:18px;
    line-height:27px;
    font-family:Gilroy-Medium;
    position:relative;
    margin-bottom:31px
}
.download-btn .btn-sm::after{
    position:absolute;
    content:url('../images/standard-merchant/download.svg');
    top:5px;
    right:5px
}
.snippet-text.run-code span{
    font-size:20px;
    line-height:25px;
    color:#635bfe!important;
    font-family:Gilroy-Semibold
}
.snippet-text.run-code p{
    font-size:18px;
    line-height:28px;
    color:#6a6b87;
    font-family:Gilroy-Semibold;
    margin-bottom:8px;
    margin-top:8px
}
.download-desc{
    padding:28px;
    background:#f5f6fa;
    border-radius:6px;
    margin-bottom:40px!important
}
.example{
    position:absolute;
    width:100%;
    height:44px;
    background-color:#3f405b;
    color:#fff;
    top:0;
    left:0
}
.example .left-example-text{
    position:absolute;
    left:28px;
    top:11px
}
.snippet-text.optional p{
    font-size:18px;
    line-height:28px;
    color:#6a6b87;
    font-family:Gilroy-Regular;
    margin-bottom:24px
}
.option-container ul{
    list-style:none;
    padding:0;
    margin:0
}
.option-container{
    padding-left:16px
}
.option-container ul li{
    margin:10px;
    padding:0;
    font-size:18px;
    line-height:28px;
    color:#3f405b;
    font-family:Gilroy-Medium;
    position:relative
}
.option-container ul li::before{
    position:absolute;
    content:url('../images/ticmark.png');
    left:-26px;
    top:1px
}
.gateway img{
    width:127px;
    height:27px;
    object-fit:contain
}
.copy-to-clipboard-button::before{
    content:url('../images/copy.png');
    position:absolute;
    top:5px;
    left:0
}
nav .privacy-nav{
    font-size:16px;
    line-height:22px;
    color:#3f405b;
    margin-bottom:22px;
    font-family:Gilroy-Semibold
}
.effective-description h4,.effective-description p,.information ul li,.privacy-nav-content p{
    font-size:16px;
    line-height:26px;
    font-family:gilroy-Regular;
    color:#6a6b87
}
.privacy-left-box{
    padding:28px;
    background-color:#fff;
    border:1px solid #c1bfdf;
    border-radius:10px;
    width:324px;
    position:sticky;
    top:155px;
    margin-bottom:24px;
    margin-top:60px
}
.active-nav{
    color:#635bfe!important;
    display:none
}
.gap-60{
    gap:60px
}
.effective-description h4{
    font-style:italic
}
.right-content-box{
    margin-top:60px
}
.privacy-nav-content h2{
    font-size:28px;
    line-height:36px;
    font-family:Gilroy-Semibold;
    color:#3f405b
}
.information h3,.usage-data h3{
    font-size:20px;
    line-height:26px;
    font-family:Gilroy-Medium;
    color:#3f405b
}
.information,.privacy-mx{
    max-width:750px
}
.shareinfo p span,.usage-data span{
    font-family:Gilroy-Semibold;
    color:#3f405b
}
.data-contact h2,.data-policy h2,.data-security h2,.information h2,.policy-cover h2,.shareinfo h2{
    margin-bottom:16px
}
.information h3,.shareinfo p,.usage-data p{
    margin-bottom:12px
}
.information ul{
    margin-bottom:24px
}
.information-2 h2{
    margin-bottom:16px!important
}
.policy-cover{
    max-width:876px
}
.effective-description{
    max-width:809px
}
.scrol-pt{
    scroll-behavior:smooth;
    scroll-padding-top:100px
}
.data-contact a{
    text-decoration:underline;
    color:#635bfe
}
.iti .form-control{
    padding:.8rem .75rem;
    border:1px solid #e0dfef!important;
    background-color:#f5f6fa
}
@media (max-width:1650px){
    .bg-content{
        padding:28px 0 0 115px
    }
    .static-image img{
        max-width:310px
    }
}
@media (min-width:1900px){
    .merchant-left-img{
        width:810px;
        height:564px;
        padding:0
    }
    .merchant-left-img img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important
    }
    .line-svg-1,.line-svg-2,.line-svg-4{
        position:absolute
    }
}
@media (min-width:1438px) and (max-width:1600px){
    .px-240{
        padding:0 8rem!important
    }
    .gray-shad .leading-30{
        font-size:16px
    }
    .dot-img{
        right:46px
    }
    .signin-top{
        margin-top:0
    }
    .auth-section{
        padding:0 60px!important
    }
}
@media (min-width:1200px) and (max-width:1437px){
    .iti .form-control{
        padding:.375rem .75rem
    }
    .standards-hero-section{
        margin-top:73px
    }
    .merchant-tab-section{
        top:73px
    }
    .standard-text-module{
        padding-left:10px
    }
    .authenticator-top{
        margin-top:0
    }
    .confirm-top,.otp-top,.usertype-top{
        margin-top:50px
    }
    .img-qr{
        width:200px;
        height:200px;
        object-fit:cover
    }
    .select2-extends .select2-container .select2-selection--single,.select2-extends .select2-selection__arrow{
        height:40px!important
    }
    .select2-container .select2-selection--single .select2-selection__rendered{
        padding-right:0!important
    }
    .select2-extends .select2-selection__rendered{
        line-height:40px!important
    }
    .select2-extends .select2-container--default .select2-selection--single .select2-selection__arrow{
        transition:transform ease-in-out
    }
    .back-direction.forgot-top{
        margin-top:130px
    }
    .email-icon{
        position:absolute;
        top:8px;
        left:16px
    }
    .d-grid.mt-3p{
        margin-top:8px!important
    }
    .auth-module{
        width:405px!important;
        margin-top:45px!important
    }
    .transaction-block{
        margin-top:75px
    }
    .eye-icon,.eye-icon-hide{
        top:6px
    }
    .btn-lg{
        padding:.55rem .5rem!important
    }
    .input-form-control{
        padding:9px 20px!important
    }
    .form-label{
        font-size:14px;
        line-height:18px
    }
    .log-btn,.nav-link,.reg-btn{
        font-size:13px!important
    }
    .form-group.mb-3{
        margin-bottom:12px!important
    }
    .logo-div{
        width:279px
    }
    .auth-module .mt-2{
        margin-top:5px!important
    }
    .transaction-text h3{
        font-size:16px!important;
        line-height:20px!important
    }
    .transaction-text h2{
        font-size:28px!important;
        line-height:32px!important
    }
    .transaction-text h1{
        font-size:32px!important;
        line-height:40px!important
    }
    .auth-section{
        padding:0 50px!important
    }
    .px-240{
        padding:0 70px!important
    }
    .navbar-nav li{
        margin-left:50px!important
    }
    .navbar-brand img{
        width:127px!important;
        height:41px!important;
        object-fit:contain
    }
    .log-btn,.reg-btn{
        height:43px!important;
        width:130px!important
    }
    .start-header{
        padding-top:16px!important;
        padding-bottom:8px!important
    }
    .mt-93{
        margin-top:60px!important
    }
    .mt-n4p{
        margin-top:-8px!important
    }
    .ml-60{
        margin-left:2.75rem!important
    }
    .pt-186{
        padding-top:122px
    }
    .f-80{
        font-size:70px;
        line-height:77.4px
    }
    .f-70{
        font-size:56px;
        line-height:78.4px
    }
    .f-52{
        font-size:42px;
        line-height:45.52px
    }
    .h-888{
        height:700px!important
    }
    .bg-white.p-24-28 p{
        font-size:15px!important
    }
    .gray-shad .leading-30{
        font-size:15px
    }
    .dot-img{
        right:7px
    }
    .video-img{
        right:-16px
    }
    .custom-form-grp button{
        width:130px
    }
    .app-dot{
        position:absolute!important;
        top:19px;
        left:18px
    }
    .bg-app{
        border-radius:20px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .merchant-tab-section{
        top:73px
    }
    .usertype-module{
        width:100%
    }
    .auth-module{
        width:405px!important;
        margin-top:52px
    }
    .signin-top{
        margin-top:135px
    }
    .navbar-brand img{
        width:127px!important;
        height:41px!important
    }
    .nav-link{
        font-size:13px!important
    }
    .start-header{
        padding-top:16px!important;
        padding-bottom:8px!important
    }
    .mt-93{
        margin-top:60px!important
    }
    .mt-n4p{
        margin-top:-8px!important
    }
    .pt-186{
        padding-top:122px
    }
    .f-80{
        font-size:70px;
        line-height:77.4px
    }
    .f-70{
        font-size:56px;
        line-height:78.4px
    }
    .f-52{
        font-size:42px;
        line-height:45.52px
    }
    .h-888{
        height:700px!important
    }
    .px-240{
        padding:0 35px!important
    }
    .navbar-nav li{
        margin-left:34px!important
    }
    .log-btn,.reg-btn{
        height:43px;
        width:130px;
        font-size:13px
    }
    .ml-60{
        margin-left:30px!important
    }
    .w-517{
        width:unset!important
    }
    .ml-0r{
        margin-left:0!important
    }
    .dot-img,.dot-img-two,.video-img{
        display:none
    }
    .gtco-testimonials .card p{
        font-size:12px;
        line-height:22px;
        margin-top:10px
    }
    .gtco-testimonials .card h5{
        font-size:16px;
        bottom:-13px
    }
    .ml-171{
        margin-left:77px
    }
    .app-image{
        width:170px
    }
    .app-sec{
        justify-content:center
    }
    .custom-form-grp button{
        width:auto
    }
    .custom-form-grp input{
        width:162px!important
    }
    .bg-app{
        border-radius:20px
    }
}
@media (min-width:768px) and (max-width:991px){
    .merchant-tab-section{
        top:73px
    }
    .snippet-module{
        max-width:600px;
        margin-bottom:48px
    }
    .navbar-brand img{
        width:127px!important;
        height:41px!important
    }
    .nav-link{
        font-size:12px!important
    }
    .start-header{
        padding-top:16px!important;
        padding-bottom:8px!important
    }
    .mt-n4p{
        margin-top:-8px!important
    }
    .navbar-nav li{
        margin-left:23px!important;
        margin-top:-3px
    }
    .log-btn,.reg-btn{
        height:37px;
        width:83px;
        font-size:12px
    }
    .ml-60{
        margin-left:30px!important
    }
    .px-240{
        padding:0 35px!important
    }
    .ml-18{
        margin-left:11px;
        margin-top:15px
    }
    .start-header{
        transform:translateY(0);
        padding:12px 0
    }
    .mt-93{
        margin-top:63px!important
    }
    .nav-item:after{
        background-color:unset!important
    }
    .pt-186{
        padding-top:100px
    }
    .f-80{
        font-size:70px;
        line-height:77.4px
    }
    .f-70{
        font-size:56px;
        line-height:78.4px
    }
    .f-52{
        font-size:42px;
        line-height:45.52px
    }
    .h-888{
        height:660px!important
    }
    .w-517{
        width:unset!important;
        padding-right:20px
    }
    .px-35{
        padding:0 35px
    }
    .app-dot,.app-dot-right,.dot-img,.dot-img-two,.video-img{
        display:none
    }
    .gray-shad .leading-30{
        font-size:14px
    }
    .F-30r,.app-content{
        font-size:30px
    }
    .gtco-testimonials .card p{
        font-size:12px;
        line-height:22px;
        margin-top:10px
    }
    .gtco-testimonials .card h5{
        font-size:16px;
        bottom:-13px
    }
    .bg-app{
        background-size:cover!important;
        height:auto;
        border-radius:20px
    }
    .ml-171{
        display:flex;
        justify-content:center;
        width:40%;
        margin-left:54px;
        position:absolute;
        bottom:0
    }
    .app-image{
        width:140px
    }
    .mt-148{
        margin-top:85px
    }
    .mt-56{
        margin-top:51px;
        margin-bottom:50px;
        justify-content:center
    }
    .custom-form-grp button{
        margin-top:13px;
        margin-left:0
    }
    .w-358{
        width:auto!important
    }
    .app-imgs{
        width:130px
    }
    .direction{
        flex-direction:column!important
    }
    .direction .ml-3{
        margin-left:unset!important;
        margin-top:13px
    }
}
@media (min-width:479px) and (max-width:767px){
    .pt-186{
        padding-top:80px
    }
    .f-80{
        font-size:50px;
        line-height:50.4px
    }
    .f-70{
        font-size:36px;
        line-height:68.4px
    }
    .f-52{
        font-size:26px;
        line-height:45.52px
    }
    .h-888{
        height:630px!important
    }
    .w-530{
        width:356px!important;
        font-size:14px
    }
    .px-35{
        padding:0 35px
    }
    .gray-shad .leading-30{
        font-size:17px
    }
}
@media (min-width:1200px) and (max-width:1485px){
    .input-form-control{
        font-size:16px!important;
        line-height:20px!important;
        color:#3f405b!important;
        font-family:Gilroy-Regular
    }
    .gtco-testimonials .card p{
        font-size:14px;
        line-height:26px;
        margin-top:10px
    }
    .gtco-testimonials .card h5{
        font-size:16px;
        bottom:-13px
    }
    .dot-left-side{
        position:absolute;
        bottom:1px;
        left:-177px
    }
    .circle-svg-4{
        width:80px
    }
}
@media (max-width:1199px){
    .standard-section.mt-150,.standard-text-module.mt-270,.standard-text-module.mt-65{
        margin-top:0
    }
    .standard-text-module{
        padding-left:0
    }
    .back-direction.forgot-top{
        margin-top:60px
    }
    .auth-section{
        padding:0 30px 0 36px
    }
    .col-md-7,.hide-small-device{
        padding:0
    }
    .auth-module{
        width:100%!important;
        margin-top:50px
    }
    .transaction-text h2{
        font-size:25px;
        line-height:14px
    }
    .transaction-text h3{
        font-size:20px;
        line-height:10px
    }
    .transaction-text h1{
        font-size:28px;
        line-height:46px
    }
    .static-image{
        margin-top:18px
    }
    .static-image img{
        max-width:260px
    }
    .transaction-block{
        margin-top:80px
    }
}
@media (max-width:1200px){
    .coin-payment,.master-card,.paypal,.strip,.visa{
        height:100%;
        margin-bottom:41px
    }
    .standard-text-module.sm-mt-32{
        margin-top:64px
    }
    .standard-text-module{
        padding-left:0
    }
    .logo-div{
        width:100%
    }
    .mt-188{
        margin-top:12px!important
    }
    .paypal{
        width:87px
    }
    .visa{
        width:67px
    }
    .master-card{
        width:58px
    }
    .coin-payment{
        width:144px
    }
    .strip{
        width:65px
    }
    .column-gap-98{
        column-gap:52px
    }
    .dot-left-side,.dot-right-side,.line-svg-1,.line-svg-2,.line-svg-4{
        display:none
    }
    .circle-svg-2,.circle-svg-4{
        margin-top:0
    }
    .F-16r{
        font-size:16px
    }
    .mt-r42{
        margin-top:42px!important
    }
    .contain{
        position:relative;
        z-index:2
    }
}
@media(min-width:769px) and (max-width:992px){
    .create-account.auth-section{
        padding:0 10px!important;
        justify-content:center!important
    }
    .usertype-module{
        width:100%
    }
    .auth-module{
        width:405px!important;
        margin-top:52px
    }
}
@media (max-width:992px){
    .auth-section{
        justify-content:center!important
    }
    .main-auth-div .col-md-7{
        flex:0 0 auto!important;
        width:100%!important
    }
}
@media (min-width:576px) and (max-width:767px){
    .main-auth-div .col-sm-7{
        flex:0 0 auto;
        width:100%
    }
}
@media (max-width:767px){
    .dropdown-menu,body.dark .dropdown-menu{
        background-color:transparent;
        box-shadow:none
    }
    .details-box h4{
        font-size:18px;
        line-height:28px!important;
        margin-bottom:4px
    }
    .details-box p{
        font-size:14px;
        line-height:22px!important;
        margin-bottom:16px
    }
    .details-box,.standard-section.mb-150{
        margin-bottom:40px
    }
    h1{
        font-size:38px
    }
    .app-dot,.app-dot-right,.copy-to-clipboard-button span,.desktop-mobile-view,.dot-img,.dot-img-two,.nav-item:after,.privacy-left-box{
        display:none
    }
    .dropdown-toggle::after{
        position:absolute;
        display:block;
        top:10px;
        left:-23px;
        width:1px;
        height:11px;
        content:"";
        border:none;
        background-color:#000;
        vertical-align:0;
        transition:.2s linear
    }
    .dropdown-toggle[aria-expanded=true]::after{
        transform:rotate(90deg);
        opacity:0
    }
    .dropdown-menu{
        padding:0!important;
        transition:.2s linear
    }
    .dropdown-toggle[aria-expanded=true]+.dropdown-menu{
        margin-top:10px!important;
        margin-bottom:20px!important
    }
    body.dark .dropdown-toggle::after,body.dark .nav-item::before{
        background-color:#fff
    }
    .sp .select2-container--default .select2-selection--single .select2-selection__arrow b{
        margin-left:-100px
    }
    .btn-footer p,.img-qr,.links,.nav-align,.txt-center{
        text-align:center
    }
    .privacy-scrol .gap-60{
        gap:0
    }
    .data-policy,.data-security,.effective-description,.information-2,.policy-cover,.shareinfo,.usage-data{
        margin-bottom:38px
    }
    .right-content-box{
        margin-top:28px
    }
    .effective-description h4,.information ul li,.privacy-nav-content p{
        font-size:14px;
        line-height:24px
    }
    .privacy-nav-content h2{
        font-size:24px;
        line-height:32px
    }
    .policy-cover h2,.usage-data h3{
        margin-bottom:12px
    }
    .information h3{
        font-size:18px;
        line-height:22px
    }
    .data-contact{
        margin-bottom:72px
    }
    .authenticator-top,.back-direction.forgot-top,.confirm-top,.custom-input.mt-3p,.otp-top,.signin-top,.standard-text-module.mt-270,.usertype-top{
        margin-top:0
    }
    .auth-module-header{
        padding:0 7px!important
    }
    .hide-small-device{
        display:none!important
    }
    div.code-toolbar>.toolbar{
        opacity:1;
        top:.43em;
        right:19px
    }
    .copy-to-clipboard-button::before{
        content:url('../images/copy.png');
        position:absolute;
        top:5px;
        right:-25px
    }
    .snippet-text.optional p{
        font-size:14px;
        line-height:22px;
        color:#6a6b87;
        font-family:Gilroy-Regular;
        margin-bottom:14px
    }
    .merchant-tab{
        width:500px;
        justify-content:space-between
    }
    .icon-container,.icon-container svg{
        width:36px;
        height:36px
    }
    .mt-106,.standard-text-module.mt-65,.standard-text-module.sm-mt-32{
        margin-top:32px
    }
    .revere-column{
        flex-direction:column-reverse
    }
    .standard-section.mt-150{
        margin-top:40px
    }
    .merchant-tab-section{
        position:sticky;
        top:63px;
        z-index:999;
        background-color:#fff;
        border-bottom:1px solid #e8e7ea
    }
    .steps.gap-16{
        gap:12px
    }
    .steps-details span{
        font-size:12px;
        line-height:20px
    }
    .steps-details h4{
        font-size:18px;
        line-height:28px;
        color:#6a6b87;
        font-family:Gilroy-Semibold
    }
    .steps-details p{
        max-width:416px;
        font-size:14px;
        line-height:24px
    }
    .icon-container{
        border-radius:50%;
        object-fit:cover
    }
    .standard-title-text h3{
        margin-top:24px;
        margin-bottom:40px;
        font-size:20px;
        line-height:28px;
        color:#3f405b
    }
    .code-snippet-section .standard-title-text h3{
        margin-top:24px;
        margin-bottom:13px;
        font-size:24px;
        line-height:32px
    }
    .snippet-text span{
        font-size:18px;
        line-height:28px
    }
    .snippet-text p{
        font-size:14px;
        line-height:22px
    }
    .snippet-text.run-code p{
        font-size:14px;
        line-height:26px
    }
    .snippet-module{
        max-width:500px;
        width:876px;
        margin-bottom:30px
    }
    .standard-text-module{
        padding-top:32px;
        display:flex;
        flex-direction:column
    }
    .standard-text-module h3{
        font-size:20px;
        line-height:28px;
        max-width:100%;
        text-align:center
    }
    .merchant-left-img{
        width:unset;
        height:unset;
        padding:0
    }
    .custom-input input,.img-qr{
        width:100%
    }
    .standard-text-module{
        padding-left:unset
    }
    .btn-section .btn-lg{
        font-size:12px!important;
        line-height:15px!important;
        padding:10px 20px!important;
        border-radius:40px!important;
        margin-bottom:16px
    }
    .merchant-tab{
        margin:16px 0;
        padding:5px;
        border-radius:6px;
        display:flex
    }
    .merchant-tab a{
        padding:9px 5px;
        font-size:14px;
        line-height:17px
    }
    .standards-hero-section{
        padding-bottom:33px;
        margin-top:30px;
        background-repeat:no-repeat
    }
    .breadcrumb li a,.breadcrumb-item.active{
        font-size:12px;
        line-height:20px;
        font-family:Gilroy-Regular
    }
    .merchant-text p{
        max-width:240px;
        font-size:16px;
        line-height:20px;
        font-family:Gilroy-Medium
    }
    .customize-bcrm .breadcrumb{
        align-items:baseline
    }
    .align-center,.app-sec,.direction,.ml-171,.nav-align{
        justify-content:center
    }
    .customize-bcrm{
        margin-top:63px;
        margin-bottom:30px
    }
    .bottom-left,.bottom-right{
        bottom:20px;
        left:20px;
        right:20px
    }
    .top-left,.top-right{
        top:20px;
        left:20px;
        right:20px
    }
    .transaction-payment-method{
        margin-top:37px
    }
    .gap-18{
        row-gap:16px;
        column-gap:16px
    }
    .img-qr{
        height:212px;
        object-fit:cover;
        margin-top:9px
    }
    .qr-submit.mt-2,.transaction-text{
        margin-top:20px!important
    }
    .verification{
        margin-top:5px
    }
    .forgot-link.pt-1{
        padding-top:0!important
    }
    .status-logo{
        width:44px;
        height:44px;
        object-fit:cover;
        border-radius:50%;
        margin-bottom:24px
    }
    .status-logo img{
        width:100%;
        height:100%;
        border-radius:50%
    }
    .payment-main-module,.transaction-details-module{
        width:335px
    }
    .transaction-details-module .form-group.mb-3.xs-mb,.transaction-details-module .form-group.mb-3.xs-mb-btn{
        margin-bottom:19px!important
    }
    .sm-gy-4{
        --bs-gutter-y:22px
    }
    .total-amount{
        position:relative;
        padding-bottom:23px;
        margin-bottom:23px
    }
    .amount-desc p{
        max-width:295px;
        margin-bottom:19px
    }
    .select2-extends .select2-container .select2-selection--single,.select2-extends .select2-selection__arrow{
        height:48px!important
    }
    .select2-extends .select2-selection__rendered{
        line-height:48px!important
    }
    .select2-extends .select2-container--default .select2-selection--single .select2-selection__arrow{
        transition:transform ease-in-out
    }
    .select2-extends label{
        font-size:14px;
        line-height:17px;
        margin-bottom:5px
    }
    .gateway{
        width:139px
    }
    .transaction-details-module{
        padding:19px
    }
    .section-payment{
        height:auto;
        margin-top:120px
    }
    .payment-main-module .btn-lg{
        padding:.8rem 3.5rem!important;
        font-size:15px!important;
        line-height:19px!important
    }
    .payment-main-module p{
        font-size:15px
    }
    .payment-main-module{
        padding:39px 22px
    }
    .mt-r24,.policy.mt-28,.sm-top.mt-28{
        margin-top:24px
    }
    .forgot-link a,.type-text{
        font-size:14px;
        line-height:17px
    }
    .type-text.mt-3p{
        margin-top:1px
    }
    .ml-18,.ml-60,.usertype.mt-22{
        margin-top:20px
    }
    .usertype-module{
        width:100%;
        margin-top:2px
    }
    .auth-module-header{
        margin-bottom:27px
    }
    .form-label{
        margin-bottom:6px
    }
    .auth-text.leading-24{
        line-height:22px!important
    }
    .email-icon{
        position:absolute;
        top:13px;
        left:17px
    }
    .auth-module{
        margin-top:103px!important;
        margin-bottom:85px!important
    }
    .eye-icon,.eye-icon-hide{
        top:10px
    }
    .btn-lg{
        padding:.83rem .5rem!important
    }
    .input-form-control{
        padding:13px 20px!important;
        font-size:16px!important
    }
    ::placeholder{
        font-size:14px!important;
        color:#9998a0!important
    }
    .footer-display.bottom-footer .copyright{
        color:#9998a0!important;
        font-size:12px!important;
        line-height:15px!important
    }
    .xs-padding.footer-display.bottom-footer .copyright{
        color:#fff!important
    }
    .footer-display,.header-display{
        display:block!important
    }
    .footer-display.bottom-footer{
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        background-color:#fff!important
    }
    .mb-0.auth-text{
        margin-bottom:3px!important
    }
    .btn-lg{
        font-size:15px!important;
        line-height:19px!important
    }
    .d-grid.mb-3p{
        padding-top:5px!important
    }
    .row>*{
        padding-right:calc(var(--bs-gutter-x) * .41)!important;
        padding-left:calc(var(--bs-gutter-x) * .41)!important
    }
    .main-auth-div .me-0,.main-auth-div .row{
        margin:0!important
    }
    .container-layout.px-0{
        padding-right:var(--bs-gutter-x,.75rem);
        padding-left:var(--bs-gutter-x,.75rem)
    }
    .auth-section{
        min-height:unset;
        height:100%
    }
    .form-group.mb-3{
        margin-bottom:15px!important
    }
    .auth-module-header .text-center{
        text-align:start!important
    }
    .auth-title{
        font-size:24px!important;
        line-height:30px!important
    }
    .auth-text,.form-label{
        font-size:14px!important;
        line-height:17px!important
    }
    .form-label{
        color:#6a6b87;
        text-transform:capitalize!important;
        font-family:Gilroy-Regular
    }
    .log-btn,.mt-136,.nav-link,.reg-btn{
        font-size:13px!important
    }
    .auth-section,.create-account.auth-section{
        padding:0 4px!important
    }
    .px-240{
        padding:0 20px!important
    }
    .nav-align{
        display:grid;
        line-height:33px
    }
    .navbar-nav li{
        margin-left:0
    }
    .ml-60{
        margin-left:0!important
    }
    .ml-18{
        margin-left:12px
    }
    .navbar-brand img{
        width:115px;
        height:28.85px
    }
    .start-header{
        transform:translateY(0);
        padding:12px 0
    }
    .mt-93{
        margin-top:63px!important
    }
    .log-btn,.reg-btn{
        height:43px!important;
        width:130px!important
    }
    .mt-136{
        margin-top:52px!important
    }
    .f-36{
        font-size:24px!important;
        line-height:34px!important
    }
    .small-border{
        margin-top:16px!important
    }
    .mt-36{
        margin-top:24px!important;
        font-size:18px!important;
        line-height:28px!important
    }
    .w-517{
        font-size:14px!important;
        line-height:24px!important;
        width:unset!important
    }
    .learn-btn{
        height:42px!important;
        width:142px!important;
        font-size:12px!important;
        margin-top:20px!important
    }
    .learn-btn svg{
        width:13px!important;
        height:7px!important
    }
    .pb-146{
        padding-bottom:22px
    }
    .w-265,.w-288,.w-311,.w-318{
        width:298px!important;
        margin-top:14px;
        font-size:14px;
        line-height:24px
    }
    .circle-svg-1,.circle-svg-2,.circle-svg-3,.circle-svg-4{
        width:52px;
        height:52px
    }
    .mt-r18{
        margin-top:18px;
        font-size:18px;
        line-height:24.51px
    }
    .F-r13{
        font-size:13px;
        line-height:17.7px
    }
    .pb-144,.pb-196{
        padding-bottom:52px
    }
    .video-img{
        width:110px;
        height:101px;
        right:-1px;
        top:-54px;
        z-index:-1
    }
    .gtco-testimonials .accordion-item p{
        font-size:12px;
        line-height:22px;
        margin-top:12px
    }
    .gtco-testimonials .card h5 span{
        font-size:10px;
        line-height:13.62px
    }
    .gtco-testimonials .card h5{
        font-size:16px;
        bottom:-17px;
        line-height:21.79px
    }
    .gtco-testimonials .center .card-img-top{
        height:76px;
        width:76px;
        margin-top:-35px
    }
    .gtco-testimonials .owl-dots .active span{
        width:18px;
        height:7px
    }
    .gtco-testimonials .owl-dots span{
        height:7px;
        width:7px
    }
    .owl-dots{
        margin-top:-19px
    }
    .gtco-testimonials{
        padding-top:52px
    }
    .accordion-body{
        padding:1.25rem 1.0625rem!important;
        font-size:.75rem!important;
        line-height:1.375rem
    }
    .mt-128{
        margin-top:39px
    }
    .pt-86{
        padding-top:24px
    }
    .mt-55{
        margin-top:15px
    }
    .contain{
        padding:0
    }
    .card-body{
        padding:1.25rem 17px!important
    }
    .bg-app{
        background-size:cover!important;
        height:auto;
        border-radius:20px
    }
    .ml-171{
        display:flex;
        margin-left:48px;
        width:288.27px;
        margin-top:0
    }
    .app-image{
        height:39.83px;
        width:137.69px
    }
    .mt-148{
        margin-top:52px
    }
    .mt-56{
        margin-top:32px;
        margin-bottom:51px
    }
    .ml-r11{
        margin-left:11px!important
    }
    .pay-img{
        display:flex!important;
        justify-content:center!important
    }
    .align-center{
        display:grid
    }
    .footer-logo{
        margin:0 auto;
        padding-top:32px
    }
    .col-gap-12{
        justify-content:center;
        column-gap:11px;
        padding-bottom:36px
    }
    .facebook svg,.instagram svg,.linkdin svg,.pinterest svg,.twitter svg,.whtsapp svg{
        width:37px;
        height:100%
    }
    .custom-form-grp input{
        width:185px;
        height:40px
    }
    .custom-form-grp{
        margin-top:-2px;
        flex-wrap:nowrap!important;
        align-items:unset!important
    }
    .custom-form-grp button{
        width:109px;
        height:40px;
        font-size:13px;
        line-height:18px
    }
    .btn-footer p,.selectParent{
        line-height:16.34px;
        font-size:12px
    }
    .custom-form-grp input::placeholder{
        font-size:12px;
        position:relative;
        top:-3px
    }
    .btn-footer{
        flex-direction:column!important
    }
    .btn-footer p{
        font-family:gilroy-light
    }
    .p-17-19{
        padding:15px 0 0
    }
    .xs-padding.p-17-19{
        padding:17px 0;
        background-color:#635bfe!important
    }
    .justify-center-res{
        justify-content:center;
        margin-top:24px;
        margin-left:27px
    }
    .justify-center-res span{
        font-size:12px;
        line-height:16.34px!important
    }
    span.select2-selection__arrow{
        height:13px!important;
        top:1px!important;
        right:28px!important
    }
    .w-358{
        width:307px!important;
        font-size:13px;
        line-height:24px;
        margin-top:18px
    }
    .app-imgs{
        width:147.02px;
        height:42.53px
    }
    .ml-r12{
        margin-left:12px!important
    }
    .quick-res{
        margin-top:-13px;
        font-size:16px;
        line-height:21.79px
    }
    .links{
        margin-top:-23px;
        font-size:14px;
        line-height:34px
    }
    .sign-res{
        font-size:16px;
        line-height:21.79px;
        margin-top:14px
    }
    .more-link{
        margin-top:16px
    }
    .stay-res{
        margin-top:8px;
        font-size:14px;
        line-height:18px
    }
    .socials-res{
        font-size:16px;
        line-height:21.79px;
        margin-top:30px
    }
    #main #faq .accordion-item .accordion-header .btn-header-link.collapsed{
        font-size:12px;
        line-height:23px
    }
    #main #faq .accordion-item .accordion-header .btn-header-link{
        display:flex;
        height:54px;
        align-items:center;
        justify-content:space-between;
        padding:0 12px;
        font-size:.8125rem!important
    }
    .pt-121{
        padding-top:76px;
        padding-bottom:39px
    }
    .nav-active:before{
        background-color:unset!important
    }
    .nav-active .nav-link{
        color:#8167a9!important
    }
    .card-body,.gtco-testimonials .card p{
        font-size:12px!important;
        line-height:1.375rem
    }
}
@media (min-width:768px){
    .app-mobile-view{
        display:none
    }
}
@media (min-width:480px) and (max-width:767px){
    .auth-section{
        padding:0 60px!important
    }
}
@media (min-width:768px) and (max-width:900px){
    .bg-content{
        padding:28px 0 0 86px
    }
    .transaction-text h2{
        font-size:19px!important;
        line-height:14px
    }
    .static-image img{
        max-width:194px
    }
    .transaction-text h1{
        font-size:23px!important;
        line-height:46px
    }
}
@media (max-width:575px){
    .w-r36,.w-r71{
        height:100%!important
    }
    .snippet-module{
        max-width:444px
    }
    .merchant-tab{
        width:444px;
        justify-content:space-between
    }
    .mt-161{
        margin-top:66px!important
    }
    .ml-29{
        margin-left:23px!important
    }
    .mt-r20{
        margin-top:20px!important;
        font-size:14px!important
    }
    .w-r36{
        width:36px!important
    }
    .f-r24{
        font-size:24px!important;
        line-height:30px!important
    }
    .f-r16{
        font-size:16px!important;
        line-height:21.79px!important
    }
    .border-n{
        border:unset!important
    }
    .p-r0{
        padding:0!important
    }
    .ml-0r{
        margin-left:0!important
    }
    .w-r71{
        width:71px!important
    }
    .mt-53{
        margin-top:6px!important
    }
    .mb-49r{
        margin-bottom:49px!important
    }
    .bg-ligt-pink .pt-149{
        padding-top:52px;
        font-size:13px;
        line-height:17.7px
    }
    [data-content=REASONS]{
        font-size:18px;
        line-height:24.51px;
        margin-bottom:-4px!important
    }
    .small-border{
        width:48px;
        height:3px
    }
    .mt-72{
        margin-top:32px
    }
    .p-24-28 svg[width="58"],.p-24-28 svg[width="59"]{
        width:48px;
        height:100%
    }
    .p-24-28 svg[width="64"]{
        width:53px;
        height:100%
    }
    .p-24-28 .leading-30{
        font-size:14px!important;
        line-height:24px!important;
        margin-top:19px!important
    }
    .h-300{
        height:198px!important
    }
    .p-24-28{
        padding:35px 29px
    }
    .mb-32{
        margin-bottom:24px!important
    }
    .pb-137{
        padding-bottom:52px
    }
}
@media (max-width:375px){
    .merchant-tab{
        width:318px;
        justify-content:space-evenly
    }
    .snippet-module{
        max-width:318px
    }
}
@media (max-width:480px){
    .merchant-tab{
        width:318px;
        justify-content:space-evenly
    }
    .snippet-module{
        max-width:318px
    }
    .pt-186{
        padding-top:80px
    }
    .mt-93{
        margin-top:39px!important
    }
    .button-widths span,.f-21{
        font-size:14px
    }
    .f-80{
        font-size:45px;
        line-height:47.47px
    }
    .f-70{
        font-size:38px;
        line-height:42.56px
    }
    .f-52{
        font-size:30px;
        line-height:37.8px
    }
    .gray-shad .leading-30,.w-530{
        font-size:14px;
        line-height:24px
    }
    .w-530{
        width:270px!important
    }
    .mt-18{
        margin-top:16px!important
    }
    .mt-r20{
        margin-top:20px!important
    }
    .mt-14{
        margin-top:10px!important
    }
    .ml-27p{
        margin-left:16px!important
    }
    .button-widths{
        width:184px;
        height:48px
    }
    .svg-img-parent{
        width:32px;
        height:32px
    }
    .svg-img svg{
        width:20px;
        height:20px
    }
    .h-888{
        height:556px!important
    }
    .px-20r{
        padding:0 15px!important
    }
    .gray-shad .mt-28{
        margin-top:23px
    }
    .gray-shad .mt-21{
        margin-top:17px
    }
    .h-355{
        height:271px!important
    }
    .p-48-44{
        padding:31px 27px;
        border-radius:10px
    }
    .online-shop{
        width:53px;
        height:100%
    }
    .cryptocurrency-img{
        width:50px;
        height:100%
    }
    .checkout-img{
        width:60px;
        height:100%
    }
    .clerk-img{
        width:56px;
        height:100%
    }
    .pt-149{
        padding-top:52px;
        font-size:13px;
        line-height:17.7px
    }
}
.custom-postion p{
    margin-bottom:1rem
}
.sp .select2.select2-container{
    width:95px!important
}
.sp .select2-container--default .select2-selection--single .select2-selection__arrow{
    height:26px;
    position:absolute;
    top:1px;
    width:20px
}
.sp .lan{
    padding-top:1px!important;
    margin-right:5px
}
.sp .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#fff;
    line-height:28px
}
.sp .form-group{
    padding:0!important
}
.sp select{
    visibility:hidden!important
}
input::file-selector-button{
    background-color:#635bfe!important;
    border:unset!important;
    border-radius:8px;
    color:#fff!important;
    padding:13px 26px!important
}
.bg-form{
    background:#25212f
}
body.dark .form-control.bank,body.dark .form-control.upload-filed{
    background-color:#25212f!important;
    color:#fff!important
}
.form-control.bank:focus,.form-control.upload-filed:focus{
    color:#212529;
    background-color:#fff;
    border-color:unset;
    outline:0;
    box-shadow:unset!important
}
.caret::after{
    content:url('../../../uploads/files/bank_logos/d-icon.png');
    right:10px;
    top:10px
}
.form-select{
    padding:.675rem 2.25rem .675rem .75rem;
    background-image:url('../../../uploads/files/bank_logos/d-icon.png')
}
.alert-animate.bg-white{
    background:#fff!important
}