:root {
	--static-primary-color:#064366;
	--static-secondary-color:#9BB93C;
	--color-primary: #064366;
	--color-secondary: #9BB93C;
	--color-white: #fff;
	--color-black: #000;
	--main-text: #000;
	--color-grey: #6A747B;
	--color-danger: #B93C3C;
	--color-dark-grey: #666666;
	--global-border-btm-grey: #f0f0f091;
	--global-color-white: #fff;
	--global-color-black: #000;
	--global-color-light-grey: #666666;
	--global-color-lgiht-blue: #3D7396;
	--global-color-sky-blue: #6E91AB;
	--global-primary-color: #064366;
	--bg-primary-color: #064366;
	--bg-grey-color: #F5F5F5;
	--bg-overlay: rgba(0, 0, 0, 0.6);
	--bg-secondary-color: #9BB93C;
	--global-bg-color-white: #fff;
	--global-bg-body-white: #fff;
	--global-bg-body-grey: #F5F5F5;
	--global-border-color-dark-grey: #818181;
	 /*--global-img-color: grayscale(100%); */
	--global-bg-white: #fff;
	--global-heading-white: #fff;
	--global-heading-primary: #064366;
	--border-grey: #818181;
	--slider-bg-grey-color: #DBE3EA;
	--slider-gradient-bg-blue: transparent linear-gradient(270deg, #63A6D1 0%, #004573 100%) 0% 0% no-repeat padding-box;
	--footer-bg-color: rgba(6, 67, 102, 1);
	--text-white: #fff;
	--text-grey: #999999;
	--section-bg-image: url('/wp-content/uploads/2023/07/bg-img-1.png');
	--global-text-grey: #818181;
	--islamic-bg-secondary-color: #9BB93C;
	--islamic-secondary-color: #9BB93C;
	--global-img-color-hover: brightness(0) invert(1);
	--grey-img-color-filter: grayscale(100%);
	--green-img-color-filter: filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(5537%) hue-rotate(177deg) brightness(97%) contrast(95%);
	--mega-menu-bg-color: #fffffff2;
	--login-bg:#9BB93C;
}

html[data-theme="dark"] {
	--main-text: #fff;
	--color-primary: #fff;
	--color-dark-grey: #D1D3D4;
	--bg-grey-color: #101C26;
	--global-color-black: #fff;
	--global-color-light-grey: #D1D3D4;
	--global-border-btm-grey: #fff;
	--global-bg-color-white: #1E2F3C;
	--global-bg-body-white: #101C26;
	--global-bg-body-grey: #101C26;
	--global-border-color-dark-grey: #fff;
	--global-img-color: brightness(0) invert(1);
	--global-primary-color: #fff;
	--global-bg-white: #1E2F3C;
	--bg-overlay: rgba(0, 0, 0, 0.7);
	--global-heading-white: #fff;
	--global-heading-primary: #fff;
	--slider-bg-grey-color: #324758;
	--color-white: #000;
	--footer-bg-color: rgba(30, 47, 60, 1);
	--text-grey: #D1D3D4;
	--loan-section-overlay: rgba(30, 47, 60, 0.84);
	--section-bg-image: url('/wp-content/uploads/2023/08/bg-dark-mode.png');
	--global-text-grey: #fff;
	/*--islamic-secondary-color: #fff;*/
	--mega-menu-bg-color: #1E2F3CEB;
	--bg-primary-color: #fff;
	--green-img-color-filter: filter: brightness(0) saturate(100%) invert(18%) sepia(18%) saturate(5537%) hue-rotate(177deg) brightness(97%) contrast(95%);
	--login-bg:#064366;
}

/*===================== 
   ISLAMIC PAGE LAYOUT
 ======================*/
/*#ubank-styling.page-islamic-banking .ubank-btn-primary,
#ubank-styling.page-islamic-banking .user-login-box {
	background-color: var(--bg-secondary-color);
}*/

#ubank-styling.page-islamic-banking .mobile-main-menu .menu-top-left-menu-container > ul > li.current_page_item > a {
  color: var(--islamic-secondary-color);
}

#ubank-styling.page-islamic-banking .mobile-main-menu .menu-top-left-menu-container > ul > li.current_page_item > a::after{
  background: var(--islamic-secondary-color);
}

#ubank-styling.page-islamic-banking .top-left-menu ul li a {
	color: var(--color-primary);
}

#ubank-styling.page-islamic-banking .top-left-menu li.current_page_item>a::after {
	background-color: var(--islamic-secondary-color) !important;
}

#ubank-styling.page-islamic-banking .top-left-menu li.current_page_item>a {
	color: var(--islamic-secondary-color) !important;
}

#ubank-styling.page-islamic-banking .bottom-left-menu>nav>div>ul>li:hover>a {
	color: var(--color-secondary);
}

/* #ubank-styling.page-islamic-banking #digital-banking {
	background: url(/wp-content/uploads/2023/09/Group-2478@2x.png) no-repeat top;
	background-attachment: fixed;
} */
#ubank-styling.page-islamic-banking #digital-banking::after {
	content: "";
	background: url(/wp-content/uploads/2023/09/Group-2478@2x.png) no-repeat top;
	background-attachment: fixed;
	background-size: auto;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1000;
  }


.slider-bg-img , #what-we-offer , #banking-with-us , #digital-banking , #calculate-loan ,  #awards-home ,  #stories {
	position: relative;
	overflow-y: hidden;
}

.slider-bg-img:before , #what-we-offer:before , #banking-with-us:before , #digital-banking:before , #calculate-loan:before , #awards-home:before , #stories:before{
	content: "";
	position: absolute;
	background: url(/wp-content/uploads/2024/01/Islamic-Motif.png);
	background-repeat: no-repeat;
	z-index: 0;
	width: 30%;
	height: 100%;
	background-size: contain;
	left: -226px;
	top: 20%;
	opacity: .2;
}