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

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



body {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #4A4E69;
  font-weight: 400;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5 {
  color: #090D4D;
  font-weight: normal;
  font-family: 'AcuminBdPro';
}

.fw-extra-bold{ font-weight: 800;}

.acuminregular{font-family: 'AcuminRPro';}

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

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


.font-12{ font-size: 12px;}
.font-14{ font-size: 14px;}
.font-18{ font-size: 18px;}
.font-20{ font-size: 20px;}
.font-24{ font-size: 24px;}
.font-32{ font-size: 32px;}
.font-40{ font-size: 40px;}
.font-50{ font-size: 50px;}
.font-60{ font-size: 60px;} 

.lh-20{ line-height: 20px;}
.lh-26{ line-height: 26px;}
.lh-30{ line-height: 30px;}

.text-colour-1{ color:#090D4D;}
.text-colour-2{ color:#5CBEFB;}

.btn{ display: inline-flex; min-width: 200px; height: 44px; background: #090D4D; align-items: center; justify-content: center; font-size: 16px; line-height: 24px;  padding: 5px 10px; color: #fff; border-radius: 50px; font-family: 'AcuminRPro';}  
.btn:hover{ background: #5cbefb; color: #fff;} 

.btn_1{ background: #fff; border: #090D4D 1px solid; color: #090D4D;} 

.btn_3{ min-width: 170px;}
.btn_3 img{filter: brightness(0) invert(1); width: 22px;}

.bg-gray{background: #f7f7f7;} 

.link_1{ color: #4A4E69; text-decoration: none;} 
.link_1:hover{ color: #5cbefb;} 

.h-135{ height: 135px !important;} 

/*========================================= Start navigation ====================================*/
.header{ background: #fff; padding: 15px 0px; border-bottom: #B7B8C3 1px solid;} 
.navbar-brand img{ width: 168px;}

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

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

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

.navbar-nav>li>a {
  color: #4A4E69 !important;
  font-weight: 600; 
  font-size: 16px; line-height: 24px;
  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: #5cbefb !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: #5cbefb;
  border-radius: 0px;
  padding:0px;
  
}

.navbar-nav>li>.dropdown-menu li a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  outline: none !important;
  background: none !important; white-space: nowrap;
padding: 8px 20px !important; border-bottom: #fff 1px solid;
}

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

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

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


.s_d_center{ max-width: 900px;} 
.home_slide .carousel-indicators{ bottom: 22px;}
.home_slide .carousel-indicators button{ background: #B7B8C3; width: 14px; height: 5px; border-radius: 50px; border: none;}
.home_slide .carousel-indicators button.active{ background: #090D4D; width: 24px; border: none;} 

/*========================================= 27=9=2024 ====================================*/
.slide_1 .row{ height:calc(100vh - 75px) ;}
.slide-caption h3{ font-size: 46px; font-family: "Plus Jakarta Sans", sans-serif; color: #62c0f8; font-weight: 400;} 
.slide-caption h2{ font-size: 60px;} 


.slide-caption h1{ font-size: 46px; font-family: "Plus Jakarta Sans", sans-serif; color: #62c0f8; font-weight: 400;} 
.slide-caption h1 span {
	font-size: 60px;
	display: block;
	color: #090D4D;
	font-weight: bold;
}


.slide-caption p{ font-size: 22px; color: #000; font-weight: 500; line-height: 40px;} 
.slide-caption .btn{ font-size: 30px; font-weight: 600; height: 56px; position:relative; padding: 5px 25px;}  
.slide-caption .btn-group .b-cl-2 .btn i{ position: absolute; left: -3px; top: -10px; width: 70px; height: 70px; background: #fff; border-radius: 100%; box-shadow: 3px 3px 15px rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center;} 
.slide-caption .btn-group .b-cl-2 .btn i img{ width: 40px;}
.slide-caption .btn-group .b-cl-2 .btn{ padding-left: 80px;}

.slide_1 .thmnl figure img{ max-width: 500px;} 
.slide_1 .thmnl:before{ content: ""; position: absolute; width:3000px; height: 3000px; left:100px; top:0; bottom: 0px; background:#080d4d;} 
.slide_1 .thmnl::after{ content: ""; width: 160px; height: 100%; position: absolute; left: -60px; top: 0px; background: url(../images/shpe-rd.png) no-repeat left top; background-size: 100% 100%; z-index: 1;}

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

.minw120{ min-width: 120px;}

.ul_1 li{ padding-left: 45px; background: url(../images/check-3.svg) no-repeat; margin-bottom: 25px; background-position: 0px 0px !important; background-size: 30px !important; } 
.ul_1 li:last-child{ margin: 0px;}

.multiple_service .nav-tabs .nav-item{ margin-bottom: 5px;}
.multiple_service .nav-tabs .nav-item .nav-link{ border-radius: 15px; width: 100%; border:1px solid rgba(9,13,77,.1) !important; background: #fff; padding: 14px 30px; display: flex; align-items: center; font-size: 18px; color: #090D4D;}  
.multiple_service .nav-tabs .nav-item .nav-link i{ margin-right: 12px;}
.multiple_service .nav-tabs .nav-item .nav-link i img{ width: 38px;} 
.multiple_service .nav-tabs .nav-item .nav-link .arrow_right{ margin-left: auto;}
.multiple_service .nav-tabs .nav-item .nav-link .arrow_right img{ width: 34px;}
.multiple_service .nav-tabs .nav-item .nav-link.active{ background: #090D4D; color: #fff; border:1px solid rgba(9,13,77,1) !important;} 
.multiple_service .nav-tabs .nav-item .nav-link.active img{filter: brightness(0) invert(1);}

.s_categories .ul_1 li{ margin-bottom: 20px;} 
.trustedby:before{ content: ""; width: 100%; height: 1px; background: #6E7187; position: absolute; left: 0px; top: 50%;} 

.owl-carouselb img {
	width: auto !important;
	display: inline-block !important;
	max-width: 170px;
}
.owl-carouselb .item{ text-align: center; min-height: 50px; display: flex; align-items: center; justify-content: center;} 
.owl-carouselb .owl-nav, 
.owl-carouselb .owl-dots{ display: none !important;} 

.blog_cl{ background: #fff; border-radius: 16px; box-shadow: 0px 10px 20px rgba(0,0,0,.16);} 
.blog_cl .header_b_cl{ border-radius: 16px 16px 0px 0px; background: #5CBEFB; } 
.blog_cl .header_b_cl img{ border-radius: 16px 16px 0px 0px; object-fit: cover; width: 100%; max-height: 130px;} 
.blog_cl .bdy_b_cl{ border-radius: 16px; padding: 25px; position: relative; margin-top: -15px; } 


.download_usetopay_center{ background: #fff; border-radius: 16px; padding: 50px; box-shadow: 0px -5px 10px rgba(0,0,0,.16); margin-bottom: -110px; position: relative; z-index: 9;} 
.link_du ul li{ margin: 0px 25px;}
.link_du ul li a:hover{ opacity: 0.7;}
.link_du ul li  i { margin-right: 10px;} 
.link_du ul li  i img{ width: 30px;} 
.link_du ul li a{ color: #4A4E69; text-decoration: none; font-weight: 500;} 

.ul_2 li{ margin-bottom: 10px;} 
.ul_2 li a:hover{ color: #5cbefb;} 
.social_f ul li{ margin-left: 10px;} 
.social_f ul li a:hover{ opacity: 0.8;} 
.social_f ul li a img{ width: 34px;}

.footer_center{ background: #090D4D; padding-top: 160px;} 
.footer_top a{ color: #fff; text-decoration: none;} 
.footer_top a:hover{ color: #c79e63;}   

.wy_col .ic img{ width: 40px;} 

.mxw500{ max-width: 480px; width: 100%;} 
.s_mid_2 ul li i img{width: 50px;} 
.mobileapp img{ width: 135px;}

.mxh1{ max-height: 50px;} 
.logo_white img{ width: 166px;} 
.downloadapp_scaner img{ width: 160px;} 
.reviewlist img{ width: 266px;} 
.mxw2{ max-width: 520px; width: 100%;} 
.vb_logo a img{ width: 130px;}

.recentblog .col{ display: flex;}
.recentblog .col .blog_cl{ width: 100%;} 

.wju-cl i img{ height: 60px;}


/*======================contact us page css====================================*/




.form_contact .form-control{ border: 1px solid rgba(0,0,0,.19); color: #000; height: 45px; padding: 0px 20px; border-radius: 5px; font-size: 15px; box-shadow: none !important;} 
.form_contact .form-control::-moz-placeholder{color:#999999;opacity:1;} 
.form_contact .form-control::placeholder{color:#999999;opacity:1;} 
.form_contact .form-control:focus{border: 1px solid #5cbefb;} 

.contact_information ul li{ margin-bottom: 25px;}
.contact_information ul li a{ display: inline-flex; align-items: center; text-decoration: none; color: #4A4E69;} 
.contact_information ul li a .ic .fa{ width: 70px; height: 70px; display: inline-flex; align-items: center; justify-content: center; background: #fff; color: #090D4D; font-size: 20px; border-radius: 50px; box-shadow: 0px 0px 15px rgba(0,0,0,.15);} 
.contact_information ul li a figcaption{ padding-left: 20px;} 
.contact_information ul li a h5{  margin-bottom: 0px; font-size: 18px;} 
.contact_information ul li a:hover  .ic .fa{ background: #5cbefb; color: #fff;}  

/*======================end====================================*/ 

.minw150{ min-width: 150px;} 


/*-------------------------blog -----------------------------------*/

.blog-aside ul li, .blog-aside ol li{ margin-bottom: 10px;}
.blog-aside h3, .blog-aside h4, .blog-aside h5, .blog-aside h6{ padding-top: 15px;}



.bg-1{ background: #090D4D;}

/*-------------------end--------------------------*/ 

.w-join i{ display: inline-block; padding-bottom: 3px; }
.w-join i img{ height: 50px;}  


.benefit_accordion .accordion-item{ margin-bottom: 10px; border: #dbdbdb 1px solid; font-size: 16px; border-radius: 0px; color: #4A4E69;}  
.benefit_accordion .accordion-item:last-child{ margin: 0px;}
.benefit_accordion .accordion-item .accordion-button{ border-radius: 0px; color: #090D4D; box-shadow: none;} 
.benefit_accordion .accordion-item .accordion-button:not(.collapsed){ background: #eee;} 

.h-j-r .number{ background: none !important; width: auto !important; padding-bottom: 10px; height: auto !important; }  
.h-j-r .number img{ height: 50px;}

.step-join .col{ position: relative;} 
.step-join .col:after{ content: ""; width: 12px; height:26px; position: absolute; right: -7px; top: 86px; background: url(../images/chevron.png) no-repeat right center;  background-size: 12px;} 
.step-join .col:last-child:after{ display: none;} 

.product-h-banner{ background: #090D4D;} 

.product-h-banner .form_contact .form-control{font-weight: 500; color:#090D4D;}
.product-h-banner .form_contact .form-control::-moz-placeholder{color:#090D4D;opacity:1; } 
.product-h-banner .form_contact .form-control::placeholder{color:#090D4D;opacity:1; }  

.link-1 a{ font-size: 12px; color: #4A4E69;} 
.link-1 a:hover{ color: #5cbefb;} 

.ul_3 li, .s-banner-left .ul_3 li{ background-image: url(../images/w-check.png); background-repeat: no-repeat; background-position: 0px; background-size: 20px; padding-left: 30px; margin-bottom: 20px;} 
.ul_3 li:last-child, 
.s-banner-left .ul_3 li:last-child{ margin: 0px;} 

.earnupto .ic img{ width: 40px;} 


.ul_1.ul-s li{ margin-bottom: 14px; background-position: 0px 0px !important; min-height: 30px;} 


.s-banner-left{ padding-right: 250px;} 
.s-banner-left figure{ right: 0px !important; bottom: -120px !important;} 
.aeps_cl i img{ height: 60px;} 

.money_t_table{ border: #dbdbdb 1px solid; font-size: 14px;} 
.money_t_table th, .money_t_table td{ padding: 10px 15px;  border-bottom: #dbdbdb 1px solid;} 
.money_t_table th{ color: #090D4D;} 

.ul-4 li{ margin-bottom: 8px;} 
.ul-4 li:last-child{ margin: 0px;} 

.product-h-banner .form_contact{ background: none !important; position: relative; z-index: 1; border-radius: 0px !important; color: #fff; padding-top: 0px !important; padding-bottom: 0px !important; } 
.product-h-banner .form_contact:before{ content: ""; position: absolute; left: 0px; top: -49px; bottom: -49px; right: 0px; background: rgba(255,255,255,.1) !important; z-index: -1;} 
.product-h-banner .form_contact h3{ color: #fff !important;} 
.product-h-banner .form_contact .link-1 a{ color: #fff;} 
.product-h-banner .form_contact .link-1 a:hover{ color: #5cbefb;} 

.product-h-banner .form_contact select.form-control{ background: #fff url(../images/s-down-arrow.png) no-repeat; background-size: 14px; padding-right: 25px !important; background-position: right 20px center;} 

.product-h-banner .form_contact .btn{ background: #fff; color: #090D4D;} 
.product-h-banner .form_contact .btn:hover{ background: #5cbefb; color: #fff;} 

.circle_list ul {
  -moz-column-count: 3;
  column-count: 3;

} 
.circle_list ul li{ padding-top: 3px;}

.hb-pan-agent .ic{ width: 110px; height: 120px;} 
.hb-pan-agent .ic img{ height: 60px;} 
.hb-pan-agent .a_number{ width: 30px; height: 30px; border-radius: 100% !important; margin: -10px 0px 0px -10px;} 

.c-info-cl i{ display: inline-flex; align-items: center; justify-content: center; background: #eee; border-radius: 100%; width: 100px; height: 100px;}
.c-info-cl i img{ height: 45px;} 

.c-info-cl{ margin-bottom: 25px;}
.contact-info-b .col{ border-bottom: #eee 1px solid;} 
.contact-info-b .col:last-child{ border-bottom: none;} 

.vm-bx i img{ height: 48px;} 

.vm-bx{ position: relative;} 
.vm-bx:before{ content: ""; width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; border-left: #090D4D 1px solid; border-top: #090D4D 1px solid;} 


/*==============================================*/ 

.ul_1 li.cw{ background: url(../images/cash-withdrawal.svg) no-repeat;}
.ul_1 li.be{ background: url(../images/balance-enquiry.svg) no-repeat;}
.ul_1 li.ms{ background: url(../images/mini-statement.svg) no-repeat;}

.ul_1 li.billers-pay{ background: url(../images/billers-pay.svg) no-repeat;}
.ul_1 li.success-ratio{ background: url(../images/success-ratio.svg) no-repeat;}
.ul_1 li.print-receipt{ background: url(../images/print-receipt.svg) no-repeat;} 

.ul_1 li.instant-rt{ background: url(../images/instant-rt.svg) no-repeat;}
.ul_1 li.lowest-surcharge{ background: url(../images/lowest-surcharge.svg) no-repeat;}
.ul_1 li.message-confirmation{ background: url(../images/message-confirmation.svg) no-repeat;} 

.ul_1.ul-all li{  background-size: 30px !important; min-height: 30px; padding-left: 40px;} 

.link-t-1{ text-decoration: none; color: #4A4E69 ; font-size: 16px;font-weight: 600;}
.link-t-1:hover{  color: #5cbefb; } 


/*===============================================*/
.font42{ font-size: 42px;}

.single-blog {
  position: relative; width: 100%;
 
}


.single-blog .blog-content {
  padding: 20px 0px; font-size: 14px;
}
.single-blog .blog-content .blog-meta {
  margin-bottom: 15px;
}

.single-blog .blog-content .blog-meta span {
  color: #6c6d6d;
  font-size: 14px;
  font-weight: 400;
  padding-right: 10px;
}

.single-blog .admin-type i, .single-blog .date-type i, .single-blog .comments-type i {
  color: #5cbefb;
  margin-right: 5px;
} 

.single-blog  .blog-content .blog_title{ text-decoration: none;}

.single-blog  .blog-content .blog_title h4 {
  font-size: 18px;
  line-height: 28px;
 } 

 .blog_listing .row .col{ display: flex;} 


 /*======================================================*/

 .link-b{ text-decoration: none; display: inline-block; padding-right: 21px; background: url(../images/arrow_right2.png) no-repeat; background-position: 100% 9px !important; font-size: 15px; font-weight: 600; color: #080d4d;} 
 .link-b:hover{ color: #5cbefb; background: url(../images/arrow_right2_hv.png) no-repeat;} 

 .blog-date-lrg{ background: #edf2f9; padding: 7px 18px;  font-size: 14px; border-radius: 30px;} 
 .blog-date-lrg  .fa{ color: #5cbefb; margin-right: 5px;} 

 .b-cl-h{ font-size: 14px;}
 .b-cl-h .admin-type{ color: #5cbefb;} 
 
.c-s-bx{ border: #eee 1px solid; padding: 18px; display: block; color: #4A4E69; text-decoration: none;} 
.c-s-bx i{ display: inline-flex; width: 50px; height: 50px; border-radius: 5px; align-items: center; justify-content: center; border: #eee 1px solid;} 
.c-s-bx i img{ height: 25px;}

.c-link-b{ display: inline-block; color: #4A4E69; font-weight: 600; border-radius: 5px;  border: #d9d9d9 1px solid; padding: 5px 15px; text-decoration: none; } 
.c-s-bx:hover .c-link-b{ background: #5cbefb; color: #fff; border: #5cbefb 1px solid;} 
.c-s-bx:hover{ box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;} 


.form_contact_page .btn{ border-radius: 5px;} 
.form_contact_page h2{ background: #090D4D; color: #fff; border-radius: 0px 0px 50px 50px; text-align: center; margin: 0px; padding: 18px 10px; position: relative;}  
.form_contact_page h2:before{ content: ""; width: 0; 
  height: 0; 
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  
  border-top: 12px solid #090D4D; position: absolute; left: 50%; margin-left: -25px; bottom: -12px;}
.form_contact_page form{ padding: 40px;}
.form_contact_page form{ padding: 40px;}

.wp-float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:90px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.wp-my-float{
	margin-top:16px;
}