/* Should you need to overwrite any of our SCSS or LESS or SASS code need to add any custom code, We recommend that you add your code into this file, so whenever theme update is available and you update the theme, You will not lose your hard work :) */


/* Change PayDollar logo Dimension (Header)
   1. Css - Change the .navbar-band img size
   2. JS - change the main.js too  */
   
/* General Font styles and color */
@font-face {
  font-family:poppins;
  src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family:poppins-bold;
  src: url(../fonts/Poppins-Bold.ttf);
}

@font-face {
  font-family:poppins-medium;
  src: url(../fonts/Poppins-Medium.ttf);
}
@font-face {
  font-family:poppins-light;
  src: url(../fonts/Poppins-Light.ttf);
}

@font-face {
  font-family:poppins-thin;
  src: url(../fonts/Poppins-Thin.ttf);
}

@font-face {
  font-family:lato;
  src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
  font-family:roboto;
  src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family:raleway-light;
  src: url(../fonts/Raleway-Light.ttf);
}

@font-face {
  font-family:raleway;
  src: url(../fonts/Raleway-Regular.ttf);
}

@font-face {
  font-family:lato;
  src: url(../fonts/Lato-Regular.ttf);
}
@font-face {
  font-family:lato-bold;
  src: url(../fonts/Lato-Bold.ttf);
}
@font-face {
  font-family:roboto-bold;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family:roboto;
  src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family:roboto-medium;
  src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family:rubik;
  src: url(../fonts/Rubik-Regular.ttf);
}
@font-face {
  font-family:rubik-bold;
  src: url(../fonts/Rubik-Bold.ttf);
}
@font-face {
  font-family:rubik-black;
  src: url(../fonts/Rubik-Black.ttf);
}


body {font-family:roboto; color:#000; letter-spacing:0.01rem; font-size:12pt; }
h1, .h1 {font-family: 'poppins-bold' !important; color:#000; text-transform:capitalize; font-weight:normal !important;}
h2, .h2, h3, .h3, h2.h4 {font-family:'poppins-bold' !important; color:#000; text-transform:capitalize; font-weight:normal !important;}
h4, .h4 {font-family:'roboto-bold' !important; font-weight:normal !important;}
h5 {font-family:'roboto-bold' !important; font-weight:normal;}
h6 {font-family:'roboto-bold' !important; color:#000; font-weight:normal;}
.text-primay {font-family: 'roboto' !important;}
.btn-link h4 {color:#1b3281 !important; font-size:1.2rem;}
.btn-link:hover h4 {color:#0d6efd !important;}
.btn-link:focus h4{color:#faa61a !important;}

.sm-title {font-family:poppins-bold !important; font-weight:normal !important;}

.ff-poppins-light {font-family:'poppins-light' !important; letter-spacing:0.01rem !important;}
.ff-poppins-thin {font-family:'poppins-thin' !important; }
.ff-poppins {font-family:'poppins-regular' !important; }
.ff-poppins-medium {font-family:'poppins-medium' !important; }
.ff-poppins-bold {font-family:'poppins-bold' !important; letter-spacing:0.01rem !important;}
.ff-raleway-light {font-family:'raleway-light' !important; font-weight:normal;}
.ff-raleway {font-family:'raleway' !important; font-weight:normal;}
.ff-poppins {font-family:poppins !important; font-weight:normal;}
.ff-lato {font-family:lato !important; font-weight:normal;}
.ff-lato-bold {font-family:lato-bold !important; font-weight:normal;}
.ff-roboto {font-family:'roboto' !important; font-weight:normal;}
.ff-roboto-bold {font-family:roboto-bold !important; font-weight:normal;}
.ff-rubik-bold {font-family:rubik-bold !important; font-weight:normal;}
.ff-rubik-black {font-family:rubik-black !important; font-weight:normal;}


.fs-10 {font-size:10pt !important;}
.fs-11 {font-size:11pt !important;}
.fs-12 {font-size:12pt !important;}
.fs-13 {font-size:13pt !important; line-height:20pt;}
.fs-14 {font-size:14pt !important;}
.fs-15 {font-size:15pt !important;}
.fs-16 {font-size:16pt !important;}
.fs-18 {font-size:18pt !important;}
.fs-20 {font-size:20pt !important;}
.fs-23 {font-size:23pt !important;}
.fs-25 {font-size:25pt !important;}
.fs-30 {font-size:30pt !important;}
.fs-xs  {font-size:8pt !important;}

.fc-blk {color:#000 !important;} 
.fc-white {color:#fff !important;} 
.fc-ap-blue {color:#061f75 !important;} 
.fc-ap-yellow {color:#faa61a !important;}
.fc-banner-blue {color:#0a35a9;}
.fc-lightBlue {color:#30cffd !important;}
.fc-grey {color:#777 !important;}
.fc-blue {color:#4369bd;}
.fw-normal {font-weight:normal !important;}
.fw-0 {font-weight:400 !important;}
.fw-1 {font-weight:600;}
.fw-2 {font-weight:700;}
.bg-primary {background-color: #002c55}
.bg-dark {background-color: #002c55 !important;  background-color:#0a35a9 !important; background-color:#0a2540;}
.bg-LBlue {background-color:#f3f6f9;}
.bg-APYellow {background-color:#faa61a !important;}
.bg-APBlue {background-color:#061f75 !important;}
.bg-dark-blue {background-color:#001856  !important;}
.bg-blk {background-color:#000;}
.bg-gradient-blue 
	{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 44%, rgba(226,243,255,1) 100%);}
.size35 {width:35px; height:35px;}
.opacity8 {opacity:0.8}
.opacity9 {opacity:0.9}
.fcase-none {text-transform: none}

.pb-5 {padding-bottom:5rem;}
.pb-10 {padding-bottom:10rem;}
.px-6 {padding-left:6rem; padding-right:6rem;}
.mt-6 {margin-top:6rem;}



.btn-style3 {background-color:#1b3281; color:#fff !important; height:auto; padding:8px 20px !important; border-radius:10px;}
.btn-style3:hover {background-color:#faa61a}
   
.navbar-brand img{ max-height: 60px;}

.dropdown-item, .btn, .top-socail-icon li, .top-socail-icon li a, .top-socail-icon li .btn-link {font-family:'poppins' !important}

/* Change button color */
.btn-style1 {background-color: #193282;}
.btn-light {background:none; background-color:transparent; border-color:transparent;}
.btn-light:hover {color:#faa61a !important; background:none !important; background-color:transparent !important; border-color:transparent !important;}


/* top-bar for PayBooth and Login */
.top-bar, footer, .bg-dark {background-color: #0c3246 !important; background-color:#0a2540 !important; background-color:#001856 !important;}
footer {background-color:#001856  !important;}
.top-bar .btn-link {color:#555; font-size:10.5pt !important; margin:0; padding:0; text-decoration:none; line-height: 28px; padding:0 15px;}
.top-bar .btn-link:hover {color: rgba(255, 255, 255, 0.65);}
.top-bar .btn-link:focus {background-color:#fff; color:#faa61a}
.top-bar .dropdown-menu a {color:#000;}
.top-bar .dropdown-menu li {display:block; float:none; text-align:left; padding: 0 20px;}
.top-bar .dropdown-menu a:hover {color:#faa61a; background-color:#fff;}
.top-social-icon .dropdown-menu li:last-child {padding-right: 20px; }
.top-social-icon li:last-child a {padding-right: 10px; }
.top-bar {padding:5px 0 0 0; background-color:#fff !important; height:18px;}
footer h3 {font-family: 'poppins-bold' !important;}

/* nav menu color */
.navbar-nav a {text-transform:capitalize !important; font-family:poppins; font-weight:normal !important;}
.navbar-nav > li > a:hover  {color: #faa61a !important; }

/* nav menu color - after clicked link color */
.header-style2 .navbar-nav li.has-sub a:hover, .header-style2 .navbar-nav li.has-sub a:active, .header-style2 .navbar-nav li.has-sub a:focus, .header-style2 .navbar-nav li.current > a, .header-style2 .navbar-nav li.active > a {
    color: #faa61a;  }


/* nav menu dropdown menu color */
.navbar-nav li li a {color:#000;}
.navbar-nav li li a:hover  {color: #faa61a !important;}
.navbar-nav li li span {color:#193282 !important; }


/* Footer - Social Media Icon */
.social-icon-style1 li a {background-color:#243f82;}
.social-icon-style1 li a:hover {background-color: #faa61a}
footer .d-grid button {background-color:#243f82;}

/* Footer - Input control */
.quform-input input:focus {border-color: #faa61a}

/* Footer - Scroll-up Top Arrow */
.scroll-to-top {background-color:#243f82;}
.scroll-to-top:hover {background-color: #faa61a}





/* slider - indicator */
.slider-fade1.owl-theme .owl-dots .owl-dot {color:#002c55;}
.slider-fade1.owl-theme .owl-dots .owl-dot.active {color: #faa61a;}
.slider-fade1.owl-theme .owl-dots .owl-dot span:before{background-color: #faa61a;}



.section-title {font-family:'poppins'; color: #faa61a; }
.section-title .sm-title:after {background-color: #faa61a; }
.counter-style2:after {background-color: #faa61a;}
.text-primary, .text-primary-hover:hover {color: #faa61a !important; }
.card-style-02 .card-icon:after {border:2px solid #faa61a}
.list-style2 li:before {color: #faa61a;}
.card-style-04 .card-list a {background-color: #0c3246;}

/* Animation */
.line-animated > span:before {background-image: linear-gradient(0deg, #faa61a, transparent);}

.bg-opacity {opacity:1}
.top-line {height:5px; background-color:#1b3281; width:100%;}
  
@media screen and (min-width: 992px) {
	
}
@media screen and (max-width: 991px) {
	.top-bar {height:38px !important; background-color:#1b3281 !important; padding:0px; margin:0px; z-index:99;  }
	.btn-light  {color:#fff !important;}
	
}
@media screen and (max-width: 767px) {
	
}
@media screen and (max-width: 575px) {}
@media screen and (max-width: 1199px) {
	
}



/* X-Small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
		.banner-inner-content {padding:5rem 0 !important}
		
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.banner-inner-content {padding:5rem 0 !important}
	}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.banner-inner-content {background-color:black; width:100%; background:none;padding:5rem 0 !important}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	
}
/* XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1280px) {
	.banner-inner-content {background-color:green; width:95%; background:none; padding:5rem 0 !important}
	
}

@media (min-width: 1360px) {
	.banner-inner-content {background-color:yellow; width:87%; background:none; padding:5rem 0 !important}
	
}


@media (min-width: 1600px) {
	.banner-inner-content {background-color:pink; width:82%; background:none; padding:5rem 0 !important}
	
}


@media (min-width: 1768px) {
	.banner-inner-content {background-color:grey; width:75%; background:none; padding:5rem 0 !important}
	
}


@media (min-width: 1920px) {
	.banner-inner-content {background-color:blue; width:70%; background:none; padding:5rem 0 !important}
	
}

@media (min-width: 2048px) {
	.banner-inner-content {background-color:green; width:65%; background:none; padding:5rem 0 !important}
	.bg-opacity {opacity:1 !important}
}

@media (min-width: 2500px) {
	.carousel-banner {height:550px;}
	.banner-inner-content {background-color:red; width:55%; background:none; padding:6.5rem 0 !important}
	
}


.inner-content-banner {height:450px;}
.inner-content-banner .banner-content {height:450px; display:table; border:0px solid red;}
.inner-content-banner .banner-content1 div { border:0px solid red; vertical-align:middle; display:table-cell;}




/* Contact */
.frameMap {height:550px; margin-top:-50px;}


.box-shadow {box-shadow: 0 0 26px rgba(0, 0, 0, 0.17);}
.imgContain {object-fit: contain;}
.h-15vh { height: 15vh; vertical-align:middle;}






/* tab */
.resp-tabs-list {border-bottom:1px solid #faa61a; }
.resp-tabs-list li {font-family:'poppins'; font-weight:normal !important;}
.resp-tabs-list li {background-color:#1b3281; color:#fff;}
.resp-tabs-list li.resp-tab-active {
  background-color: #faa61a;
}

/* card */
.card-body span {font-family:'poppins';}
.card-pic-icon {top:-30px; position:relative; z-index:2; height:60px; width:60px; }
.card-pic-icon img {width:45px;}
.mt-d25 {margin-top:-25px}

.filter-White {filter:  brightness(0) invert(1);}


ul.tab-custom1 {
	border-color:#ccc; 
}

.tab-custom1 li {
 
  box-shadow: none;
  background: #fff; color:#000; 
  padding: 15px 10px;
}
    
 .tab-custom1 li {
    font-size:11.5pt !important;
}

.tab-custom1 li.resp-tab-active {background-color:#faa61a; }


/* card-style-02a */
.card-style-02a {
  position: relative; }
  .card-style-02a .card-icon {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: relative; }
    .card-style-02a .card-icon:after {
      content: '';
      height:80px;
      width: 80px;
      border-radius: 50%;
      position: absolute;
      left: -5px;
      top: -5px; }

.icon {height:65px; width:auto;}

 .btn-country {
	 background: rgba(255, 255, 255, 0.1);
	 border-color:rgba(255, 255, 255, 0.1);
 }
 .btn-country:hover, .btn-country:focus  {
	background-color:#faa61a !important;
 }

footer a.link-light {color:#fff !important; opacity:0.6 !important}
footer a.link-light:hover {color:#faa61a !important; opacity:1 !important}


.slow { transition-timing-function: linear !important; transition-duration:2s !important; transition-property: width;}

.screen-darken{
  content: ''; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,.5);
  pointer-events: none;
  z-index:10; opacity:1; 
  visibility:visible;
  position: fixed;
}

.navbar{
  position: relative;
  z-index: 
}





.rounded-start-1 {border-radius: 23px 0px 0px 23px;
-webkit-border-radius: 23px 0px 0px 23px;
-moz-border-radius: 23px 0px 0px 23px;}

.rounded-1 {border-radius: 23px  !important;;
-webkit-border-radius: 23px  !important;;
-moz-border-radius: 23px !important;}


.rounded-end-1 {border-radius: 0px 23px 23px 0px;
-webkit-border-radius: 0px 23px 23px 0px;
-moz-border-radius: 0px 23px 23px 0px;}


.page-title-section {height:565px; height:450px;}


.card-style01 .overlay::after {background:#061f75}


.overlay .d-flex img {filter: brightness(0) invert(1);}
.overlay .d-flex:hover h3, .overlay .d-flex:hover p, .overlay .d-flex:hover i
 {color:#faa61a !important;}
 
.overlay .d-flex:hover img {filter: invert(86%) sepia(31%) saturate(5764%) hue-rotate(345deg) brightness(99%) contrast(98%);}



#myCarousel-1 .carousel-indicators button, #myCarousel-1 .carousel-control-next span, #myCarousel-1 .carousel-control-prev span
{background-color:#3c4087; color:#3c4087; }

#myCarousel-1 .carousel-inner {border-radius:20px; border:5px solid #000;}

.popup-banner  { 
	position:fixed;
  top: 0;
  left: 0;
 width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 9999;
 display: none;
  }
.popup-banner div {background:none; border:0;} 
.popup-banner .btn-close {background-color:#fff; float:right;}
.popup-banner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color:transparent;
  padding: 0px;
  
  }
.popup-banner-content .modal-body  img{
	box-shadow: 11px 11px 33px -7px rgba(0,0,0,0.85);
-webkit-box-shadow: 11px 11px 33px -7px rgba(0,0,0,0.85);
-moz-box-shadow: 11px 11px 33px -7px rgba(0,0,0,0.85);
}




.navbar-toggler {background-color:#061f75 !important;}

.youtube-video, .banner img {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.collapsed {font-weight:normal !important}


/* Allow 5 col */

@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}


/* End - Allow 5 col */


/* Cookie Consent */
#cb-cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    display: none;
	background-color:#000; color:#fff; 
  }




/*fixed responsive some part by Roong  */

.VAS_title, .platform_title, .meradmin_title{
	height:400px; display:table-cell; vertical-align:middle!important;
}
.VAS_img, .platform_img, .meradmin_img{
	width:100%;
}
.VAS_carousel, .platform_carousel {
	background-image:url('../img/banner/visa-instalment.png'); background-repeat:no-repeat; background-size:cover; width:100%; height:400px; }
.meradmin_carousel	{
	background-image:url('../img/banner/admin.png'); background-repeat:no-repeat; background-size:cover; width:100%; height:400px; }

.VAS_carousel-inner, .platform_carousel-inner, .meradmnin_carousel-inner {	border-radius:20px;}

.map{
	position: relative; top:-140px;
}


@media screen and (max-width: 991px) {
	.inner-content-banner {height:300px;}
.inner-content-banner .banner-content {height:300px; display:table; border:0px solid red;}
.inner-content-banner .banner-content1 div { border:0px solid red; vertical-align:middle; display:table-cell;}

	.VAS_title, .platform_title, .meradmin_title{
	height:300px; display:table-cell;
}

	.VAS_title > h1 , .platform_title > h1 , .meradmin_title > h1 { font-size:1.7em!important;} 
	.VAS_title > font , .platform_title > font , .meradmin_title > font { font-size:1em!important;} 


	.VAS_img, .platform_img, .meradmin_img{ width:350px!important;}
	.carousel-control-prev, .carousel-control-next  { top:100px!important; }
	.VAS_carousel-inner, .platform_carousel-inner, .meradmin_carousel-inner{
		top:50px;height:100%; width:100%;border-radius:20px;
}
	.VAS_carousel, .platform_carousel{
	background-image:url('../img/banner/VAS_img.png');background-size: contain;background-repeat: no-repeat; height:200px; }
	.meradmin_carousel	{
	background-image:url('../img/banner/admin.png');background-size: contain;background-repeat: no-repeat; height:200px; }

	.map{
	position: relative; top:-130px;
}


}

@media screen and (max-width: 767px) {
	.inner-content-banner {height:200px;}
.inner-content-banner .banner-content {height:300px; display:table; border:0px solid red;}
.inner-content-banner .banner-content1 div { border:0px solid red; vertical-align:middle; display:table-cell;}

	.VAS_title, .meradmin_title{
	 width:250px!important; display:table-cell; vertical-align:top!important;
}
	.platform_title{
	 width:300px!important; display:table-cell; vertical-align:top!important;
}


	.VAS_title > h1 , .platform_title > h1 , .meradmin_title > h1 { font-size:1.3em!important;} 
	.VAS_title > font , .platform_title > font , .meradmin_title > font { font-size:0.8em!important; line-height:0.5em!important;} 
	.platform_title > p { color:#FFFFFF;}


	.VAS_img, .platform_img, .meradmin_img{ width:250px!important;}
	.carousel-control-prev, .carousel-control-next  {/*  top:100px!important; */  display:none;}
	.VAS_carousel-inner, .platform_carousel-inner{
		top:0px; height:100%; width:100%;border-radius:0px;
}
.meradmin_carousel-inner{
		top:0px; height:100%; width:100%;border-radius:0px;
}

	.VAS_carousel, .platform_carousel{
	background-image:url('../img/banner/VAS_img.png');background-size: contain;background-repeat: no-repeat; height:200px; }
	.meradmin_carousel{
	background-image:url('../img/banner/admin.png');background-size: contain;background-repeat: no-repeat; height:200px; }
	
	.map{
	position: relative; top:-200px; left:50px;
}


}



@media screen and (max-width: 575px) {
	.inner-content-banner {height:200px;}
.inner-content-banner .banner-content {height:300px; display:table; border:0px solid red;}
.inner-content-banner .banner-content1 div { border:0px solid red; vertical-align:middle; display:table-cell;}

	.VAS_title, .platform_title, .meradmin_title{
	 width:100%!important; display:table-cell; vertical-align:top!important;
}

	.VAS_title > h1 , .platform_title > h1 , .meradmin_title > h1 { font-size:1.7em!important;} 
	.VAS_title > font , .platform_title > font , .meradmin_title > font { font-size:0.8em!important; line-height:0.5em!important;} 


	.VAS_img, .platform_img, .meradmin_img{ display:none;}
	.carousel-control-prev, .carousel-control-next  { top:100px!important; }
	.VAS_carousel-inner, meradmin_carousel-inner{
		top:0px; height:100%; width:100%;border-radius:0px;
}
	.VAS_carousel, .platform_carousel{
	background-image:url('../img/banner/VAS_img.png');background-size: contain;background-repeat: no-repeat; height:200px; }
	.meradmin_carousel{
	background-image:url('../img/banner/admin.png');background-size: contain;background-repeat: no-repeat; height:200px; }
	.map{
	top:-20px; left:-50px;
}

}


.fixtimestamp{
	 height:1em;
}

@media screen and (max-width: 991px){
	.fixtimestamp{	 
	height:2em;
	}

}

@media screen and (max-width: 767px){
	.fixtimestamp{	 
	height:4em;
	}

}

/* Chatbot */
#bp-web-widget	{position:relative; z-index:999999;}

.cursor-pointer {cursor:pointer;}
.vas article {border:1px solid #fff;}
.vas:hover article {border:1px solid #faa61a;}


/* Tab to Accordion */
#myTabContent .accordion-item {border:0; margin-bottom:200px;}
#myTabContent .accordion-body {margin-top:20px;}
#myTab button {font-family:poppins}
#myTab .nav-link.active {
  color:#000; background-color:#fff;
}
#myTab .nav-link {
	background-color:#061f75; color:#fff;}


.special-offer:hover {background-color:#980202 !important;}



.pointer-hand {cursor:pointer;}