@font-face {
  font-family: 'MetropolisRegular';
  src: url('../fonts/MetropolisRegular.eot');
  src: url('../fonts/MetropolisRegular.eot') format('embedded-opentype'),
       url('../fonts/MetropolisRegular.woff2') format('woff2'),
       url('../fonts/MetropolisRegular.woff') format('woff'),
       url('../fonts/MetropolisRegular.ttf') format('truetype'),
       url('../fonts/MetropolisRegular.svg#MetropolisRegular') format('svg');
}

@font-face {
  font-family: 'MetropolisMedium';
  src: url('../fonts/MetropolisMedium.eot');
  src: url('../fonts/MetropolisMedium.eot') format('embedded-opentype'),
       url('../fonts/MetropolisMedium.woff2') format('woff2'),
       url('../fonts/MetropolisMedium.woff') format('woff'),
       url('../fonts/MetropolisMedium.ttf') format('truetype'),
       url('../fonts/MetropolisMedium.svg#MetropolisMedium') format('svg');
}

@font-face {
  font-family: 'MetropolisSemiBold';
  src: url('../fonts/MetropolisSemiBold.eot');
  src: url('../fonts/MetropolisSemiBold.eot') format('embedded-opentype'),
       url('../fonts/MetropolisSemiBold.woff2') format('woff2'),
       url('../fonts/MetropolisSemiBold.woff') format('woff'),
       url('../fonts/MetropolisSemiBold.ttf') format('truetype'),
       url('../fonts/MetropolisSemiBold.svg#MetropolisSemiBold') format('svg');
}


@font-face {
  font-family: 'MetropolisBold';
  src: url('../fonts/MetropolisBold.eot');
  src: url('../fonts/MetropolisBold.eot') format('embedded-opentype'),
       url('../fonts/MetropolisBold.woff2') format('woff2'),
       url('../fonts/MetropolisBold.woff') format('woff'),
       url('../fonts/MetropolisBold.ttf') format('truetype'),
       url('../fonts/MetropolisBold.svg#MetropolisBold') format('svg');
}


@font-face {
  font-family: 'centurygothic';
  src: url('../fonts/centurygothic.eot');
  src: url('../fonts/centurygothic.eot') format('embedded-opentype'),
       url('../fonts/centurygothic.woff2') format('woff2'),
       url('../fonts/centurygothic.woff') format('woff'),
       url('../fonts/centurygothic.ttf') format('truetype'),
       url('../fonts/centurygothic.svg#centurygothic') format('svg');
}

@font-face {
  font-family: 'centurygothic_bold';
  src: url('../fonts/centurygothic_bold.eot');
  src: url('../fonts/centurygothic_bold.eot') format('embedded-opentype'),
       url('../fonts/centurygothic_bold.woff2') format('woff2'),
       url('../fonts/centurygothic_bold.woff') format('woff'),
       url('../fonts/centurygothic_bold.ttf') format('truetype'),
       url('../fonts/centurygothic_bold.svg#centurygothic_bold') format('svg');
}


.metropolicM{font-family: 'MetropolisMedium';}
.metropolicS{font-family: 'MetropolisSemiBold';}
.metropolicB{font-family: 'MetropolisBold';}


html{ overflow-x: hidden;}

body {
  font-family: 'MetropolisRegular';
  color: #1E1E1E;
  font-weight: normal;
  background: #fff;
  font-size: 15px;
  line-height: 24px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #602E91;
  font-weight: normal;
  font-family: 'MetropolisBold';
}

h2{ font-size: 32px;}

.font-20{ font-size: 16px;} 
.font-24{ font-size: 20px;} 
.font-26{ font-size: 20px;} 
.font-36{ font-size: 30px;} 

.lh-22{ line-height: 22px;}
.lh-28{ line-height: 25px;}
.lh-35{ line-height: 35px;}
.lh-54{ line-height: 40px;}

::-moz-selection {
  color: #fff;
  background: #04062e;
}

::selection {
  color: #fff;
  background: #04062e;
}

.p-180{ padding: 80px 0px;}
.pb-180{ padding-bottom: 80px;}

.btn{ display: inline-flex; min-width: 150px; height: 40px; background: #C1D938; align-items: center; justify-content: center; border: none !important; font-size: 14px; line-height: 24px;  padding: 4px 20px 5px; color: #403F3F; border-radius: 50px; font-family: 'MetropolisBold';}  
.btn:hover{ background: #602E91; color: #fff;} 

.language img{ height: 32px;}

.text-c-gray-1{ color: #797979;} 
.text-c-gray-2{ color: #404040;} 

.bg-gray{ background: #FDFBFF;}

/*========================================= Start navigation ====================================*/
.header{ background: #fff; padding: 15px 0px; } 
.navbar-brand img{ max-width: 180px;}

.navbar-light {
  background: none !important;
}

.navbar-nav>li {
  position: relative; margin-right: 40px;
  
}

.navbar-nav>li:last-child{ margin-right: 0px;}

.navbar-nav>li>a {
  color: #602E91 !important;

  font-size: 15px; line-height: 24px; font-family: 'MetropolisSemiBold';
  border-radius: 0px;
  padding: 0px 0px!important; display: flex; align-items: center; justify-content: center;
  text-decoration: none; 
}



.navbar-nav>li>a.active,
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus,
.navbar-nav>li:hover>a {
  color: #403F3F !important;
  background:none; 
}

.navbar-nav>li>.dropdown-toggle:after {
  position: relative; border: none;
  bottom: -1px;
  content: "\f107"; font-family:'FontAwesome';
}

.navbar-nav>li>.dropdown-menu {
  border: none;
  background: #fff;
  border-radius: 0px;
  padding:0px;
  
}

.navbar-nav>li>.dropdown-menu li a {
  color: #602E91 !important;
  font-size: 15px;
  font-family: 'MetropolisSemiBold';
  outline: none !important;
  background: none !important; white-space: nowrap;
padding: 8px 20px !important; border-bottom: #ccc 1px solid;
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
  color: #403F3F !important;
  background: #fff  !important;
}

.navbar-nav>li>.dropdown-menu li:last-child a { border: none;}

/*========================================= End navigation ====================================*/




.explore_our_services .nav-tabs{background: #602E91; border-radius: 25px; padding: 25px;}
.explore_our_services .nav-tabs .nav-item{ margin-bottom: 5px;}
.explore_our_services .nav-tabs .nav-item .nav-link{ border-radius: 15px; width: 100%; border:none !important; background: none; padding: 8px 30px; min-height: 64px; display: flex; align-items: center; font-size: 16px; color: #fff; font-family: 'MetropolisRegular'; font-weight: normal;}  
.explore_our_services .nav-tabs .nav-item .nav-link i{ margin-right: 12px;}
.explore_our_services .nav-tabs .nav-item .nav-link i img{ width: 38px;} 
.explore_our_services .nav-tabs .nav-item .nav-link .arrow_right{ margin-left: auto;}
.explore_our_services .nav-tabs .nav-item .nav-link .arrow_right img{ width: 34px;}
.explore_our_services .nav-tabs .nav-item .nav-link.active{ background: #fff; color: #602E91; font-family: 'MetropolisBold';} 


.m_service_aside h4{ font-size: 22px; color: #080606;}
.ul-a li{ position: relative; padding-left: 18px; margin-bottom: 10px;}
.ul-a li:before{ content: ""; width: 6px; height: 6px; border-radius: 50px; position: absolute; background: #602E91; left: 0px; top: 9px;}

.h-m-sec ul{ max-width: 1600px;}
.h-m-sec ul li h4{ font-size: 26px;}
.h-m-sec ul li p{ color: #403F3F; font-size: 16px; font-family: 'MetropolisSemiBold';}


.scan-to-download{ background: #fdfbff; padding: 50px 0px 0px;} 

.max-w-270{ max-width: 224px;}


.footer{ background: #602e91; color: #fff; }
.footer h5{ color: #fff; font-size: 16px;}
.footer a{  text-decoration: none; color: #fff; } 
.footer a:hover{ color: #fff; text-decoration: underline;}   
.footer_center ul li{ margin-bottom: 15px;} 
.logo_white img{ width: 180px;} 

.menu-footer ul li{ margin-bottom: 10px; font-size: 14px;}
.contact-ftr ul li{ margin-bottom: 25px; font-size: 14px;}
.contact-ftr ul li.phone-call a{ text-decoration: underline;}

.footer_bottom{ font-size: 12px;}
.footer_bottom a{ text-decoration: underline;}
.footer_bottom .container{ border-top: 2px solid rgba(255, 255, 255, .12); padding-top: 15px; padding-bottom: 15px; } 
.menu-cr ul li{ position: relative; padding-right: 12px; margin-right: 12px; margin-bottom: 0px;} 
.menu-cr ul li:after{ content: ""; background: #fff; width: 5px; height: 5px; border-radius: 50px; position: absolute; right: 0px; top: 10px;} 
.menu-cr ul li:last-child::after{ display: none;} 
.menu-cr ul li:last-child{ padding-right: 0px; margin-right: 0px;} 
.social-footer a{ margin-left: 8px; display: inline-block;}
.social-footer a img{ width: 28px;}
.social-footer a:hover{ opacity: 0.6;} 

.app-scanner a:nth-child(1) img{ width: 45px;}
.app-scanner a:nth-child(2) img{ width: 150px;}

.w-p-bx{ padding: 28px; border-radius: 37px;  background: #FFFFFF; box-shadow: 0px 10px 15px rgba(114, 114, 114, 0.07);}
.w-p-bx h4{ font-size: 15px; color:#403F3F; position: relative; padding: 18px 0px 14px; margin-bottom: 15px;}
.w-p-bx h4:before{ content: ""; position: absolute; left: 0px; bottom: 0px; width: 40px; height: 2px; background: #602E91;}
.w-p-bx p{ font-size: 14px; color: #737373; line-height: 16px;}

.key-bx{background: radial-gradient(96.06% 137.33% at 23.48% 83.09%, #2F1846 0%, #7F3FBE 100%);
  border-radius: 47px; padding: 35px; min-height: 345px;}
  .key-bx .key-number{ color: #fff; font-size: 40px; line-height: 40px; font-family: 'MetropolisMedium';}
  .key-bx p{ color: #CCD0DE; font-size: 20px; line-height: 24px; } 

  .ul-b li{ display: flex; margin-bottom: 18px;}
  .ul-b li:last-child{  margin-bottom: 0px;}
  .ul-b li i img{ width: 26px;}
  .ul-b li .detail{ padding-left: 10px;}
 .ul-b li .detail strong{color: #602E91;  font-family: 'MetropolisBold'; font-weight: normal;} 

 .ps-rw .row .col{ position: relative;} 
 .ps-rw .row .col:after{ content: ""; position: absolute; right: 0px; top: 0px; bottom: 0px; background: #602E91; width:1px;}
 .ps-rw .row .col:nth-child(3):after, 
 .ps-rw .row .col:last-child:after{ display: none;}{ display: none;} 

 .sep-bdr{ border: none; border-top: #602E91 1px solid; margin: 25px 0px; opacity: 1;} 

 .h-m-sec.j-a-d ul li h4{ font-size: 26px; line-height: 30px;}
 .h-m-sec.j-a-d ul li p{ font-size: 16px; line-height: 20px;} 

 .become-p-bx{ min-height: 270px;
background: radial-gradient(96.06% 137.33% at 23.48% 83.09%, #2F1846 0%, #7F3FBE 100%);
  border-radius: 40px; padding: 20px 370px 20px 40px; }
  .become-p-bx .detail{ max-width: 640px;}


  .whyquickpay  img{ max-width: 700px; width: 100%;} 
  .scan-d-pic img{ width: 100%; max-width: 300px;} 

  .bx-ps i img, .bx-pb i img, .s-logo img, .p-ic-c img, .w-p-bx i img{ height: 45px;}
  .become-p-bx .thmnl img{ max-width: 270px; width: 100%;} 
  .s-logo{ padding-bottom: 14px !important;} 

  .ourpartners img{ max-height: 70px;}


  .slider-1{  background-image: linear-gradient(#3b1c59, #5f2d90);} 
  .slider-1 .thmnl-s-1:before{ content: ""; position: absolute; background: url(../images/shadow-bg-1.png) no-repeat center center; left: -250px; top: -150px; bottom: 0px; right: -150px; background-size: 800px;} 
  .slider-1 .slide-caption{ background: url(../images/arrow-s-g.png) no-repeat left top; padding-top: 40px; max-width: 630px; background-size: 100px;}
  .slider-1 .slide-caption h3{ color: #ec4fd7; font-size: 30px; font-family: 'centurygothic';}
  .slider-1 .slide-caption h2{ color: #fff; font-size: 50px;  font-family: 'centurygothic_bold';}


.start-w-zero-banner{ background: #602d91; border-radius: 50px; padding: 0px 80px;}
.start-w-zero-banner h2{font-family: 'centurygothic_bold'; font-size: 40px; line-height: 46px; color: #fff;}
.start-w-zero-banner p{color: #fff; font-size: 30px; font-family: 'centurygothic';}
.start-w-zero-banner p span{font-family: 'centurygothic_bold'; color: #c0d739; font-size: 36px;}
.start-w-zero-banner p span i{ font-family: "Poppins", sans-serif; font-style: normal; font-weight: 700;}
.start-w-zero-banner figcaption{ margin-right: -70px;}
.start-w-zero-banner .btn:hover{ background: #fff; color: #602d91;}


  .lang-cl #langdrop{ background: #fff; z-index: 999; position: absolute; right: 0px; top: 100%; padding:  0px; margin-top: 20px; min-width: 160px; box-shadow: 0px 15px 10px rgba(0,0,0,.1);} 
  .lang-cl #langdrop ul li a{ text-decoration: none; display: flex; align-items: center; padding: 8px 15px; color: #602E91; font-family: 'MetropolisMedium'; font-size: 14px; border-bottom: 1px solid rgba(0,0,0,.1); } 
  .lang-cl #langdrop ul li a i{ margin-right: 10px;}
  .lang-cl #langdrop ul li a i img { width: 20px; border-radius: 100%;}
  .lang-cl #langdrop ul li a:hover{ background: rgba(0,0,0,.05); } 


  .slider-2{  background-image: linear-gradient(#a573d4, #8744c5);} 
  .slider-2 .thmnl-s-1:before{ content: ""; position: absolute; background-image: url(../images/shadow-bg-2.png); background-repeat: no-repeat!important; background-position: center center !important; left: -250px; top: -100px; bottom: -100px; right: -150px; background-size: 600px !important;} 
  .slider-2 .slide-caption{ background: url(../images/arrow-s-g2.png) no-repeat left top; padding-top: 50px; max-width: 630px; background-size: 100px;}
  .slider-2 .slide-caption h3{ color: #c0d739; font-size: 30px; font-family: 'centurygothic';}
  .slider-2 .slide-caption h2{ color: #fff; font-size: 50px;  font-family: 'centurygothic_bold';} 

  .bg-bs{background-image: linear-gradient(#7235ac, #5d2b8c) !important;}
  .bg-bs-2{background-image: linear-gradient(#9153ca, #7235ac) !important;} 
  .bg-bs-3{background-image: linear-gradient(#9b63cf, #7d3abb) !important;} 
  .bg-bs-4{background-image: linear-gradient(#c7a8e4, #9f68d1) !important;}  
  .bg-bs-5{background-image: linear-gradient(#cdb1e7, #a573d4) !important;} 
  .bg-bs-6{background-image: linear-gradient(#af82d9, #9153ca) !important;} 
  .bg-bs-7{background-image: linear-gradient(#b992dd, #9b63cf) !important;} 

  .slider-2.cash-pr-s .thmnl-s-1:before{background-image: url(../images/shadow-bg-3.png)!important;}
  .slider-2.cash-pr-s .thmnl-s-1{ margin-left: -100px !important; margin-right: -200px !important;}

  .slider-2.gvs-pr-s .thmnl-s-1:before{background-image: url(../images/shadow-bg-4.png)!important;} 
 .slider-2.gvs-pr-s .slide-caption{ background: url(../images/arrow-s-g3.png) no-repeat left top !important; background-size: 100px !important;}

 .slider-2.jas-pr-s .thmnl-s-1:before{background-image: url(../images/shadow-bg-4.png)!important;} 
 .slider-2.jas-pr-s .slide-caption{ background: url(../images/arrow-s-g3.png) no-repeat left top !important; background-size: 100px !important;} 
 .slider-2.jas-pr-s .slide-caption h2 span{font-family: 'centurygothic';} 
 .slider-2.jas-pr-s .thmnl-s-1{ margin-left: -100px !important; margin-right: -200px !important;} 


 .slider-2.lc-pr-s .thmnl-s-1:before{background-image: url(../images/shadow-bg-5.png)!important;} 
 .slider-2.lc-pr-s .thmnl-s-1{ margin-left: 0px !important; margin-right: -200px !important;} 

 .slider-2.ta-pr-s .thmnl-s-1:before{background-image: url(../images/shadow-bg-6.png)!important;} 
 .slider-2.ta-pr-s .slide-caption{ background: url(../images/arrow-s-g4.png) no-repeat left top !important; background-size: 100px !important;}  



 .slider-2 .container .row{ height: 380px;}  
 .slider-2 .thmnl-s-1{ display: flex; height: 100%; justify-content: center; align-items: end;} 
 .slider-2 .thmnl-s-1 img{ max-height: 350px;} 
 .slider-2 .col-md-7{ display: block !important;}
 .slider-2 .slide-caption{ margin-top: 80px;}


 .max-w-710{ max-width: 710px;} 
 .max-w-650{ max-width: 650px;}

 .thmnl-pic{ background: #D9D9D9; border-radius: 25px; min-height: 390px;}
 .img-p-ic{ width: 100px;} 

 .inquiry-f-bx{box-shadow: 0px 70px 155px -62px #3D21584D; padding: 50px 40px; background: #FFFFFF; border-radius: 40px;} 


 .form-control{ height: 42px; border: #BDBDBD 1px solid; color: #656263; font-family: 'MetropolisMedium'; border-radius: 90px; width: 100%;} 
 .form-control::-moz-placeholder{color:#656263;opacity:1;} 
 .form-control::placeholder{color:#656263;opacity:1;}
 .f-title{font-family: 'MetropolisSemiBold';}
 .f-title sup{ color: #FF0000; font-size: 12px;}
 .form-control:focus{border: #602e91 1px solid; }

 .user-ic{ width: 20px; margin: 8px 0px 0px 16px;}
 .user-email { width: 20px; margin: 9px 0px 0px 16px;} 
 .country-p-n{ border-right: #BDBDBD 1px solid; width: 63px; text-decoration: none;}  

  .country-p-n span img{ width: 20px;} 
  .country-p-n i{ color: #BDBDBD; font-size: 20px;}
  .phone-n  .form-control{ padding-left: 70px !important;} 

  .h-170{ height: 160px !important; border-radius: 20px !important; padding: 10px 15px !important;} 

  .form-rw input[type="file"] {
    display: none;
  }
  .form-rw  .custom-file-upload { background: #F0EBF4;
    border: 2px dashed #AFAFAF; height: 128px;
    display: flex; align-items: center; justify-content: center;
    padding: 6px 12px; border-radius: 20px;
    cursor: pointer;
  }
  .form-rw  .custom-file-upload p{font-family: 'MetropolisMedium'; color: #494949;}
  .form-rw  .custom-file-upload .btn{ background: #602E91; color: #fff; border-radius: 6px;}
  .form-rw  .custom-file-upload:hover .btn{ background: #C1D938; color: #403F3F;} 

  .pink-btn{ background: #EC4FD7; border-radius: 8px; color: #fff; border-radius: 8px;} 
  .pink-btn:hover{background: #602E91; color: #fff;} 

  .f-bg-circle {transform: rotate(-90deg); margin: -80px -70px 0px 0px;}


  .contact-info{ background: #4C2677 url(../images/c-r-bg.svg) no-repeat; background-size: 50%; border-radius: 24px; padding: 35px; background-position: right  bottom -140px;} 

  .e-ic{ position: absolute; right: 10px; top: 8px;}

  .p-l-s{ padding-left: 32px !important;} 

  .ftr-c-info a{ display: inline-flex; align-items: center; width: 30px; height: 30px; justify-content: center; background: #EC4FD7; border-radius: 100%; margin-right: 20px; text-decoration: none;} 
  .ftr-c-info a:hover{ background: #C1D938;}

  .contact-info-detail ul li a{ text-decoration: none; color: #fff; font-weight: 500;}
  .contact-info-detail ul li a i img{ filter: brightness(0) invert(1);}
  .contact-info-detail ul li{ margin-bottom: 40px;} 
  .contact-info-detail ul li:last-child{ margin-bottom: 0px;}
  .contact-info-detail ul li a:hover{ color: #C1D938;}


  .select-bx{ background: #fff url(../images/select-d-arrow.png) !important; background-repeat: no-repeat !important; background-position: right 14px center !important; background-size: 12px !important; padding-right: 28px !important;} 

  .location-c .img-fluid{ max-width: 580px; width: 100%;} 

  .git-bx{ background: #F8F8F8; border-radius: 12px; padding: 22px; min-height: 270px;}
  .git-bx .bottom-git{ min-height: 104px;} 
  .git-bx .bottom-git p{ color: #808285;} 

  /*======================22=4=2025===========================*/ 


  .dashboard-login-wrappar{ height: 100vh; background: url(../images/dashboard-bg.jpg) no-repeat left bottom; background-size: cover;} 
.dl-login-detail h2{font-family: 'MetropolisSemiBold'; font-size: 32px;} 
.dl-login-detail .lorem-i-line{ font-size: 13px; font-family: 'MetropolisMedium';} 
.d-our-app{ font-size: 13px; line-height: 20px; font-family: 'MetropolisSemiBold';} 
.scanner-dl img{ width: 50px;} 
.google-play-link img{ max-height: 45px;}

  .ds-l-right{ min-height: 580px;} 
  .ds-l-right .sub-title{ color: #64748B; font-size: 14px; font-family: 'MetropolisRegular';} 
  .ds-l-right .sub-title span{font-family: 'MetropolisMedium';} 
  .ds-l-right h2{ color: #602E91; font-size: 26px; font-family: 'MetropolisSemiBold';} 
  .ds-l-right .form-group label{ color: #1E1E1E; font-size: 14px; font-family: 'MetropolisSemiBold';} 
  .ds-l-right .form-control{ height: 40px; background: #fff; color: #6C7278; border: #BDBDBD 1px solid; border-radius: 33px; font-size: 12px; font-family: 'MetropolisMedium'; } 
  .ds-l-right  .form-control::-moz-placeholder{color:#6C7278;opacity:1;}
  .ds-l-right  .form-control::placeholder{color:#6C7278;opacity:1;} 
  .ds-l-right .btn{ height: 40px; font-size: 14px; font-family: 'MetropolisSemiBold'; border-radius: 13px; background: #EC4FD7; color: #fff;}  
  .ds-l-right .btn:hover{ background: #602E91;}
  .ds-l-right .d-h-account { color: #6C6C6C; font-size: 12px; font-family: 'MetropolisRegular';} 
  .ds-l-right .d-h-account a{font-family: 'MetropolisMedium'; color: #EC4FD7; text-decoration: none;} 
  .ds-l-right .d-h-account a:hover{ color: #602E91;} 
  .by-continuing{font-size: 11px; font-family: 'MetropolisRegular'; color: #4B4B4B;} 
  .by-continuing a{font-family: 'MetropolisMedium'; color: #602E91; text-decoration: underline;} 
  .by-continuing a:hover{ color: #EC4FD7;} 
  .copy-right-q{font-family: 'MetropolisMedium'; color: #602E91; font-size: 11px;}