/*

Theme Name: Twenty Twenty

Text Domain: twentytwenty

Version: 1.9

Tested up to: 5.9

Requires at least: 4.7

Requires PHP: 5.2.4

Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.

Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready

Author: the WordPress team

Author URI: https://wordpress.org/

Theme URI: https://wordpress.org/themes/twentytwenty/

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



All files, unless otherwise stated, are released under the GNU General Public

License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned

with others.

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------



	0. 	CSS Reset

	1. 	Document Setup

	2. 	Element Base

	3. 	Helper Classes

	4. 	Site Header

	5. 	Menu Modal

	6. 	Search Modal

	7. 	Page Templates

		a. 	Template: Cover Template

		c. 	Template: Full Width

	8.  Post: Archive

	9.  Post: Single

	10. Blocks

	11. Entry Content

	12. Comments

	13. Site Pagination

	14. Error 404

	15. Widgets

	16. Site Footer

	17. Media Queries



----------------------------------------------------------------------------- */





/* -------------------------------------------------------------------------- */



/*	0. CSS Reset

/* -------------------------------------------------------------------------- */







html {

	scroll-behavior: smooth;

}
.mainMenu>ul {
    direction: rtl;
}
.mainMenu>ul>li {
    float: right;
}
.bodBox h3 {
    direction: rtl;
    text-align: right;
}
.bodBox p {
    direction: rtl;
    text-align: right;
}




* {
	box-sizing: border-box;
	outline: none !important;
	letter-spacing: 0;
}
a, a:hover {
	color: #8c0337;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
}
.mdl {
	display: table;
	width: 100%;
	height: 100%;
}
.mdl_inner {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: "droid-sans", sans-serif;
    color: #0a0f2b;
    font-weight: bold;
}
.uk-table td, .homeNewsTxt span{
	font-family: 'Open Sans', Arial, sans-serif;
}
body {
	font-family: "droid-sans", Arial, sans-serif;
	overflow-x: hidden;
	font-style: normal;
	color: #0a0f2b;
}
table.dataTable, .my-custom-search-from select, .my-custom-search-from input[type=date], .my-custom-search-from label{
	direction: ltr !important;
}
section, header, footer {
	float: left;
	width: 100%;
}
header {
	position: relative;
	z-index: 10;
}
.topBar {
	float: left;
	width: 100%;
	/* background: #8c0337; */
	background: #007743;;
	padding: 8px 0;
}
.topLeft {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topLeft li {
	float: left;
	position: relative;
	margin-right: 1px;
	padding: 5px  10px;
}
.topLeft li:last-child {
	padding-right: 0;
}
.topLeft li:first-child {
	padding-left: 0;
}
.topLeft li:last-child:before {
	display: none;
}
.topLeft li:before {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 20px;
	content: '';
	background: #FFFFFF;
}
.topLeft li a {
	float: left;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
}
.topRight {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topRight li {
	float: left;
	position: relative;
	padding: 5px  10px;
}
.topRight li:last-child {
	padding-right: 0;
}
.topRight li:first-child {
	padding-left: 0;
}
.topRight li a {
	float: left;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
}
.topDropdown {
	padding: 0;
	background-color: #fff;
    border-radius: 0.25rem;
    overflow: hidden;
}
.topDropdown ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.topDropdown ul li {
	float: left;
	width: 100%;
	padding: 0;
}
.topDropdown ul li a {
	float: left;
	width: 100%;
	padding: 0.25rem 1.5rem;
	color: #212529;
}
.topDropdown ul li a:hover {
	color: #ffffff;
	background: #8c0337;
}
.mainHeader {
    position: relative;
    background: #ffffff;
    float: left;
    width: 100%;
    box-shadow: 6px 9px 18px #cecece;
    z-index: 10;
}
.logo {
	float: left;
	max-width: 250px;
	width: 100%;
}
.mainMenu {
	float: right;
	position: relative;
}
.mainMenu>ul {
	float: left;
	margin: 15px 0;
	padding: 0;
	list-style: none;
	direction: rtl;
}
.mainMenu>ul>li {
	float: right;
}
.mainMenu>ul>li>a {
	float: left;
	padding: 20px 10px;
	color: #0a0f2b;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.mainMenu>ul>li:hover>a, .mainMenu>ul>li.active>a {
	color: #8c0337;
}
.menuDropdown {
	padding: 10px;
    max-width: 300px;
    min-width: 250px;
}
.menuDropdown>ul {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}
.menuDropdown>ul>li {
	float: left;
	width: 100%;
}
.menuDropdown>ul>li a {
	float: left;
	color: #0a0f2b;
	margin-bottom: 10px;
	width: 100%;
	padding: 0 15px;
} 
.menuDropdown>ul>li a i {
	color: #bd9730;
	float: left;
	display: none;
}
.menuDropdown>ul>li a span {
	max-width:100%;
	float: right;
}
.menuDropdown ul li ul {
	float: left;
	width: 100%;
	padding: 0 0 0 30px;
	margin: 0;
	list-style: none;
}
.menuDropdown ul li ul li {
	float: left;
	width: 100%;
}
.menuDropdown>ul>li a:hover {
	color: #8c0337;
}
.menuImg {
	float: right;
	width: 40%;
	padding-left: 30px;
}
.menuImg img {
	width: 100%;
}
.homeSlider .sliderImg {
	float: left;
	width: 100%;
} 
.homeSlider .sliderImg img {
	width: 100%;
}
.sliderTxt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.sliderTxt h3 {
	font-size: 50px;
    line-height: 60px;
    max-width: 650px;
    font-weight: normal;
    margin: 0 0 10px;
}
.sliderTxt h1 {
	font-size: 50px;
    line-height: 60px;
    max-width: 650px;
    font-weight: bold;
    margin: 0 0 10px;
}
.sliderTxt h2 {
	font-size: 40px;
    line-height: 50px;
    max-width: 650px;
    font-weight: bold;
    color: #8c0337;
    margin: 0 0 10px;
}
.learnMore {
	display: inline-block;
	padding: 15px 35px;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	/* background: #8c0337; */
	background: #007743;
	margin-top: 20px;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 22px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 22px 0px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	font-weight: bold;
	cursor: pointer;
	border: none;
}
.learnMore:hover {
	color: #8c0337;
	background: #ffffff;
}
.home_link a span{
	display: none;
}
.slider_nav {
	max-width: 250px;

}
.homeFeatureBtns {
	float: left;
    width: 100%;
    background: #ffffff;
    box-shadow: 6px 9px 18px #cecece;
    padding: 20px 20px;
    margin-top: -10px;
    z-index: 1;
    position: relative;
}
.homeFeatureBtns a {
	float: left;
	width: 100%;
}

.homeFeatureBtns a img {
	margin-right: 10px;

}
.bgWhite {
	background: #ffffff;
	padding: 120px 0 80px;
	position: relative;
	margin-top: -40px;

}
.Bg_bfaf {
	min-height: 500px;
	float: left;
	width: 100%;
	position: relative;
}
.Bg_bfaf:before {
	display: none;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(assets/images/before.png);
	width: 166px;
	height: 507px;
}
.Bg_bfaf:after {
	display: none;
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(assets/images/after.png);
	width: 200px;
	height: 517px;
}
.uk-card-media-top img {
	width: 100%;
}
.bgWhite h3 {
	font-size: 40px;
	line-height: 46px;
	font-weight: bold;
}
.uk-card-default .uk-card-title {
	font-size: 24px;
	color: #8c0337;
	font-weight: bold;
}
.bgWhite p {
	color: #595959;
}
.uk-card-default a {
	font-size: 14px;
	/* color: #8c0337; */
	color: #027844;
	font-weight: bold;
}
.whyPQBox .learnMore {
    color: #0a0f2b;
    background: #ffffff;
}
.whyPQBox .learnMore:hover {
	background: #0a0f2b;
	color: #ffffff;
}
.savingToolSec {
	padding: 50px 0;
	background: #ffffff;
	box-shadow: 6px 9px 18px #cecece;
	position: relative;
}
.savingToolSec:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 64%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(assets/images/savingtoolbg.jpg);
}
.savingToolSec .uk-container {
	position: relative;
}

.savingToolTxt {
	display: inline-block;
	width: 100%;
	margin-bottom: 50px;

}
.savingToolTxt h3 {
	float: left;
	color: #bd9730;
	font-size: 40px;
	line-height: 46px;
	font-weight: bold;
	padding-right: 61px;
	position: relative;
}
.savingToolTxt h3:before {
	width: 1px;
	height: 40px;
	position: absolute;
	right: 30px;
	content: '';
	background: #ffffff;
	top: 50%;
	transform: translateY(-50%);
}
.savingToolTxt p {
	color: #ffffff;
}
.savingToolSec .uk-card-default {
	background: #fafafa;
}
.uk-card-default .uk-card-title img {
	margin-right: 5px;
}
.savingToolSec .uk-card-default .uk-card-title {
	color: #0a0f2b;

}
.homeNewsEventSec {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url(assets/images/bgmap.jpg);
	padding: 80px 0;
	background-color: #ffffff;
}
.homeNewsBoxList {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.homeNewsBoxList li {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}
.homeNewsBox {
	float: left;
	width: 100%;
	
}
.homeNewsImg {
	float: right;
	width: 180px;
	margin-left: 20px;
	background: #ffffff;
	box-shadow: 6px 9px 18px #cecece;
	padding: 2px;
}
.homeNewsTxt {
	float: right;
	width: calc(100% - 200px);
}
.homeNewsTxt span {
	float: left;
	width: 100%;
	color: #0a0f2b;
	font-size: 20px;
	margin-top: 10px;
	font-weight: bold;
}
.homeNewsTxt p {
	float: left;
	width: 100%;
	color: #595959;
	margin-top: 10px;
}
.homeNewsEventSec h2 {
    font-size: 40px;
    line-height: 46px;
    font-weight: bold;
}
.fundPriceBox {
	float: left;
	width: 100%;
	background: #8c0337;
	color: #ffffff;
	padding: 30px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:    0px 0px 22px 0px rgba(0, 0, 0, 0.1);
	box-shadow:         0px 0px 22px 0px rgba(0, 0, 0, 0.1);
}
.fundPriceBox h3 {
	font-size: 40px;
    line-height: 46px;
    font-weight: bold;
    color: #bd9730;
}
.fundPriceBox .uk-table th {
	color: #ffffff;
}
.fpBtns .learnMore {
    color: #0a0f2b;
    background: #ffffff;
}
.fpBtns .learnMore:hover {
	background: #0a0f2b;
	color: #ffffff;
}
.linkBtnIcon {
	display: inline-block;
    padding: 15px 0;
    font-size: 14px;
    line-height: 20px;
    color: #bd9730;
    margin-top: 20px;
    font-weight: bold;
    margin-left: 10px;
}
.linkBtnIcon:hover {
	color: #bd9730;
}
.readmorebox {
	float: right;
	width: calc(100% - 200px);
}
.readmorebox .linkBtnIcon {
	margin-top: 0;
	margin-left: 0;
	color: #007743;
	/* color: #8c0337; */
}
.ftrGreenBar {
	background: #008650;
	padding: 15px 0;
}
.ftrGreenBarBox {
	float: right;
}
.ftrGreenBar a {
	float: left;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
}
.ftrGreenBarBox p {
	float: left;
	margin: 0;
	font-size: 18px;
	color: #ffffff;
}
.ftrGreenBarBox a {
	float: left;
	margin-left: 30px;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
}
.ftrGreenBarBox a img {
	width: 30px;
	margin-right: 5px;
}
footer {
    background: #8c0337;
    color: #ffffff;
}
.ftrBox {
	float: left;
	width: 100%;
}
.ftrBox h5 {
	float: left;
	width: 100%;
	font-size: 20px;
	color: #bd9730;
	font-weight: bold;
}
.ftrBox p {
	float: left;
	width: 100%;
	margin-top: 0;
}
.ftrBox ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ftrBox ul li {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.ftrBox ul li a {
	float: right;
	color: #ffffff;
}
.ftrTopBar {
    padding: 50px 0;
    float: left;
	width: 100%;
}
.ftrBtmBar {
	padding: 20px 0;
    float: left;
	width: 100%;
}
.ftrSearch {
	float: left;
	width: 100%;
}
.ftrSearch .nlSearch {
	float: left;
	width: calc(100% - 50px);
	height: 50px;
	background: #ffffff;
	color: #a9a9a9;
	font-size: 16px;
	border:  none;
	border-radius: 5px 0 0 5px;
	padding: 10px 15px;
}
.ftrSearch .nlBtn {
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: none;
	border-radius: 0 5px 5px 0;
	color: #ffffff;
	background: #bd9730;
	cursor: pointer;
	padding: 0;
}
.ftrSocial {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ftrSocial li {
	float: right;
	margin-right: 15px;
}
.ftrSocial li a {
	float: left;
	color: #ffffff;
}
.ftrimgLink {
	float: left;
}
.fltrght {
	float: right;
}
.bdr {
	position: relative;
	float: left;
	width: 100%;
}
.bdr:before {
	content: '';
	position: absolute;
	left: 0;
	top: -20px;
	width: 100%;
	height: 1px;
	background: #ffffff;
}
.bdr p {
	margin: 0;
	float: right;
	font-size: 14px;
	direction: ltr;
}
.bdr p a {
	color: #ffffff;
}
.bdr ul {
	float:left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
}
.bdr ul li {
	float: left;
	margin-left: 15px;
}
.bdr ul li a {
	float: left;
	color: #ffffff;
}
.innerBanner {
	height: 410px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	-webkit-box-shadow: 0px 10px 23px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 10px 23px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 10px 23px 0px rgba(0,0,0,0.15);
	position: relative;
	z-index: 1;
}
.innerBanner h1 {
	position: relative;
	background: #007743;
	/* background: #8c0337; */
	float: right;
	padding: 20px 100px 20px 0;
	padding-right: 100px;
	margin: 0;
	color: #ffffff;
	font-size: 50px;
    line-height: 50px;
    font-weight: 400;
}
.innerBanner h1 strong, .innerBanner h1 b {
	float: left;
	width: 100%;
	font-weight: bold;
}
.innerBanner h1::before {
    content: "";
    position: absolute;
    top: 0;
    width: 2000px;
	background: #007743;
    /* background: #8c0337; */
    left: 100%;
    height: 100%;
}
.innerBanner h1 p{
width: 100%;
text-align: right;	
}
.greySec {
	background: #fff;
	padding: 50px 0;
}
.greySec h2 {
	font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
.greySec p {
	color: #595959;
}
.whiteSec {
	background: #ffffff;
	padding: 50px 0;
}
.aboutCardBox {
	float: left;
	width: 100%;
	-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	text-align: left;
}
.aboutCardHead {
	float: left;
	width: 100%;
	height: 320px;
	background: #8c0337;
}
.aboutCardHeading {
	float: left;
	width: 100%;
	max-width: 450px;
	height: 100%;
	padding: 20px;
}
.aboutCardHeading h3 {
	color: #ffffff;
	font-size: 40px;
	margin: 0;
	font-weight: normal;
}
.aboutCardImg {
	height: 100%;
	width: calc(100% - 450px);
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
}
.aboutCardBody {
	float: left;
	width: 100%;
	padding:30px 20px 20px;
}
.aboutCardBody p {
	color: #595959;
}
.aboutCardBody p span {
    color: #8c0337;
    font-weight: bold;
    text-transform: uppercase;
}
.aboutCardBody p a {
    text-decoration: underline;
}
.bodBox li:last-child hr {
	display: none;
}
.bodBox h3 {
	font-size: 28px;
}
.bodBox p {
	color: #595959;
}
.bodSec {
	display: inline-block;
	width: 100%;
	-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	text-align: left;
	background: #ffffff;
	margin-top: 40px;
}
.bodTabsBtns {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
    flex-wrap: wrap;
}
.bodTabsBtns li {
	width: 100%;
    max-width: 100%;
    flex: 1;
    min-width: 1px;
}
.bodTabsBtns li a {
	float: left;
	width: 100%;
	background: #ffffff;
	border-bottom: solid 1px #d0d0d0;
	text-align: center;
	color: #0a0f2b;
	font-size: 36px;
	padding: 5px 15px;
}
.bodTabsBtns li.uk-active a{
	background: #8c0337;
	color: #ffffff;
}
.bodTabs {
	float: left;
	width: 100%;
}
.bodTabs>li {
	float: left;
	width: 100%;
	padding: 30px;
}
.tableBlt i {
	width: 5px;
	height: 5px;
	background: #595959;
	display: inline-block;
}
.tableBlt th {
	color: #595959;
	font-size: 16px;
	font-weight: 500;
}
.tableBlt td {
	color: #595959;
	font-size: 16px;
}
.bpSec {
	float: left;
	width: 100%;
	padding: 50px 0;
}
.bpSec p {
	color: #595959;
	font-weight: 500;
}
.bpSlider li {
	margin: 5px 15px;
}
.centerImgBox {
	display: inline-block;
	width: 100%;
	max-width: 700px;
	background: #ffffff;
	margin: 20px 0;
	-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
}
.shariahTxt {
	float: left;
	width: 100%;
	text-align: left;
}
.shariahTxt h3 {
	font-size: 40px;
	font-weight: normal;
}
.shariahTxt p {
	color: #595959;
}
.shariahImg {
	float: left;
	width: 100%;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
}
.shariahImg img {
	width: 100%;
}
.shariahTxt {
	float: left;
	width: 100%;
}
.ratingTxt h3 {
	font-size: 40px;
	font-weight: bold;
}
.ratingTxt p {
	color: #595959;
}
.firstBox {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.shariahTxt p strong, .shariahTxt p b {
	color: #8c0337;
}
.shariahTxt h4 {
	color: #8c0337;
	font-size: 24px;
	font-weight: bold;
}
.shariahTxt p span {
	color: #007a47;
	font-weight: bold;
}
.shariahTxt ul {
	list-style: none;
}
.shariahTxt ul li::before {
  content: "\2022";  
  color: #007a47;
  font-weight: bold; 
  display: inline-block; 
  width: 1em; 
  margin-left: -1em; 
}
.InvestorBox {
	float: left;
	width: 100%;
}
.InvestorImg {
	float: left;
	width: 100%;
	position: relative;
}
.InvestorImg img {
	width: 100%;
}
.InvestorImg h3 {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #ffffff;
	margin: 0;
	width: 100%;
	max-width: 700px;
	font-size: 40px;
    font-weight: normal;
    padding: 20px 0;
}
.InvestorBox h4 {
	font-size: 24px;
}
.InvestorBox p {
	color: #595959;
}
.InvestorBox ul{
	color: #595959;
}
.accordionSec {
	display: inline-block;
	width: 100%;
	margin-top: 30px;
}
.accordionBox {
	float: left;
	width: 100%;
}
.accordionBox .uk-accordion-title {
	color: #8c0337;
	font-size: 24px;
	position: relative;
	padding: 15px 30px 15px 0;
    line-height: 30px;
    border-bottom: solid 2px #d5dbe0;
}
.accordionBox .uk-accordion-title::before {
	display: none;
}
.accordionBox .uk-accordion-title span {
	position: absolute;
	right: 0;
	top: 15px;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
.minusIcon {
	display: none;
}
.plusIcon {
	display: block;
}
.uk-open .minusIcon {
	display: block;
}
.uk-open .plusIcon {
	display: none;
}
.accordionBox.uk-accordion>:nth-child(n+2) {
    margin-top: 0;
}
.accordionBox .uk-accordion-content {
	margin: 0;
	padding: 15px 0;
}
.VADbox {
	float: left;
	width: 100%;
	text-align: center;
}
.VADbox p {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	color: #595959;
}
.DSbox {
	float: left;
	width: 100%;
	text-align: center;
	background: #ffffff;
	border-bottom: solid 5px #8c0337;
	padding: 30px 10px;
	-webkit-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 26px 2px rgba(0,0,0,0.15);
}
.DSbox p {
	float: left;
	width: 100%;
	margin: 10px 0 0;
	color: #595959;
	font-weight: bold;
}
.distNetworkSec {
	float: left;
	width: 100%;
	margin-top: 50px;
	position: relative;
}
.distNetworkImg {
	float: left;
	width: 100%;
}
.distNetworkImg img {
	width: 100%;
}
.distNetworkTxt {
	position: relative;
	float: left;
	width: 100%;
	max-width: 455px;
	background: #8c0337;
	margin-left: 100px;
	margin-top: -350px;
	padding: 90px 30px;
}
.distNetworkTxt h3 {
	font-size: 40px;
    font-weight: normal;
    color: #ffffff;
}
.distNetworkTxt p {
	color: #ffffff;
}
.distNetworkTxt p a {
	color: #ffffff;
}
.btnsTabsSec {
	float: left;
	width: 100%;
}
.btnsTabsSec h3 {
	font-size: 40px;
	font-weight: normal;
	margin-bottom: 40px;
}
.tabBtns {
	margin-bottom: 50px;
}
.tabBtns a {
	border: solid 1px #cccccc;
	float: left;
	position: relative;
	padding: 40px 20px 30px;
	width: 100%;
	color: #0a0f2b;
	font-size: 18px;
	background: #ffffff;
}
.tabBtns a span {
	float: left;
	width: 100%;
	margin-top: 20px;
}
.tabBtns .uk-active a {
	border: 1px solid #8c0337;
	color: #8c0337;
}
.tabBtns .uk-active a:after, .tabBtns .uk-active a:before {
	display: block;
}
.tabBtns a:after, .tabBtns a:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	display: none;
}

.tabBtns a:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.tabBtns a:before {
	border-color: rgba(140, 3, 55, 0);
	border-top-color: #8c0337;
	border-width: 31px;
	margin-left: -31px;
}
.tabBtns a img.imgnormal {
	display: inline-block;
}
.tabBtns .uk-active a img.imgnormal {
	display: none;
}
.tabBtns a img.imghover {
	display: none;
}
.tabBtns .uk-active a img.imghover {
	display: inline-block;
}
.TabsuL {
	float: left;
	width: 100%;
}
.tableBox {
	float: left;
	width: 100%;
	margin-top: 40px;
}
.tableBox .uk-table th {
	vertical-align: middle;
	background: #8c0337;
	color: #ffffff;
}
.tableBox .uk-table tbody tr {
	background: #ffffff;
}
.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
    background: #fdf2f3;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
ul.CalculatorTabs {
    display: block;
    list-style: none;
}
ul.CalculatorTabs li {
    display: flex;
    width: 130px;
    height: 100px;
    border-left: 1px solid #d1d1d2;
    text-align: center;
    align-items: center;
    float: left;
    justify-content: center;
    border-top: 1px solid #d1d1d2;
    border-bottom: 1px solid #d1d1d2;
}
ul.CalculatorTabs li:last-child {
	border-right: 1px solid #d1d1d2;
}
ul.CalculatorTabs li a {
    font-size: 14px;
    color: #000;
    width: 100%;
    display: block;
    padding: 25px 10px;
}
.Calculator table th{
	background: #007743;
    color: #ffffff;
}
/*.Calculator .uk-table tbody tr:last-child{
	background: #007743;
	color: #ffffff;
}*/
/* Chrome, Safari, Edge, Opera */
.Calculator input::-webkit-outer-spin-button,
.Calculator input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.Calculator input[type=number] {
  -moz-appearance: textfield;
}
.CalculatorFormLabel p {
    margin-bottom: 25px;
}
.CalculatorForm .fldBox{
	margin-bottom: 20px;
    margin-top: -10px;
}
/* .fldBox .uk-select {
    background-image: url(assets/images/investor/droparrow.png) !important;
    display: inline-block !important;
    background-position: 97% 50% !important;
    background-repeat: no-repeat !important;
	
} */
.fldBox .uk-select {
    max-width: 400px;
	background-image: url(assets/images/investor/droparrow.png) !important;
    display: inline-block !important;
    background-position: 97% 50% !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}
ul.CalculatorTabs li.uk-active a{
	color:#fff;
}
.Calculator .tabsinnerSec{
	margin-top: 30px;

}
.CalculatorFormLabel a,.CalculatorFormLabel button {
    /* background-color: #8c0337; */
	background-color: #007743;
	color: #fff;
    font-size: 14px;
    padding: 10px 35px;
    border: none;
    cursor: pointer;
}
.investmentProfile {
    padding: 85px 0px 0px 0px;
}
.mt-0{
	margin-top: 0px;
}
.subscription {
    padding-top: 50px;
}
.subscriptioncontentbg{
	background: #8c0337;
}
.subscriptioncontent {
    padding:75px;
}
.subscriptioncontent h3 {
    font-size: 35px;
    color: #fff;
    line-height: 40px;
}
.subscriptioncontent p {
    color: #fff !important;
}
section.greySec .uk-container {
    position: relative;
    z-index: 1;
}
.announcementsContent h4 {
    font-size: 18px;
    color: #595959;
    margin-bottom: 5px;
}
.announcementsContent p {
    font-size: 14px;
    margin-top: 5px;
	color:#595959;
}
.announcements {
    padding: 50px 0px;
}
.announcementsContent hr {
    margin-top: 5px;
    color: #dadfe3;
    border: 1px solid;
}
.announcements .shariahTxt h3{
	font-size:35px
}
.mainMenu{
	display: block;
}
nav.MobileMenu {
    display: none;
}
.Calculator {
    width: 100%;
}
ul.CalculatorTabs li.uk-active {
	background: #8c0337;
}
.subscriptionImg img {
    width: 100%;
}
.submit-button-insider {
    position: relative;
    background: url(images/search-icon.svg) no-repeat;
    width: 18px;
    height: 18px;
    border: none;
    cursor: pointer;
    outline: 0;
}
.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.25em;
    box-sizing: border-box;
    min-height: 65px;
    padding: 0 7px;
}
.uk-navbar-dropdown {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 200px;
    padding: 10px;
    background: #fff;
    color: #666;
    box-shadow: 0 5px 12px rgb(0 0 0 / 15%);
}
.uk-navbar-toggle {
    color: #000;
}
.uk-navbar-toggle:hover, .uk-navbar-toggle[aria-expanded=true] {
    color: #000;
    text-decoration: none;
}
.Uh a {
    width: 100%;
    float: right;
	text-align: right !important;
    display: block;
    text-align: end;
    text-decoration: underline;
    margin-bottom: 10px;
}
.homeFeatureBtns a {
    color: #000;
}
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after{
	background-image: url(assets/images/download.svg);
}
.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after{
	background-image: url(assets/images/download.svg);
}
ul.accordionBoxTab li a {
    color:#fff;
	background-color: #007743;
	padding: 15px 30px 15px 0;
}
.accordionBoxTab .uk-accordion-title span {
    color: #fff;
    position: absolute;
    right: 96%;
    top: 15px;
    width: 30px;
    text-align: center;
    height: 13px;
    line-height: 20px;
}
.accordionBoxTab li .uk-accordion-title {
    color: #fff !important;
	padding: 15px 30px 15px 15px;
	font-size: 22px;
    line-height: 25px;
}
.nomargin {
    margin-top: 0px !important;
}
ul.accordionBoxTab .uk-accordion-content {
    background-color: #fff;
    margin-bottom: 10px;
    padding: 20px 40px 30px 40px;
}

.accordionBoxTab .uk-accordion-title span {
    color: #fff;
    position: absolute;
    /* right: 10px; */
    top: 15px;
    width: 30px;
    text-align: center;
    height: 13px;
    line-height: 20px;
}
.fldBox.formSelect select {
    width: 100%;
}

.formInput .uk-form-controls input, .formInput .uk-form-controls textarea {
    background-color: transparent;
    font-size: 14px;
}

.formInput .uk-form-controls .buttonsubmit {
    /* background-color: #8c0337; */
	background-color: #008650;
    border: none;
    color: #fff;
    padding: 15px 40px;
    border-radius: 5px;
    text-transform: capitalize;
    margin-top: 20px;
    cursor: pointer;
}

.formInput label {
    margin-bottom: 10pxpx;
    font-size: 16px;    
    display: block;
    margin-top: 20px;
}
.formInput label span {
    color: red;
}

.download_pdf {
	width: 100%;
	background-color: #fff;
	display: block;
	float: left;
	margin-bottom: 5px;
	position: relative;
	z-index: 5;
}
.download_pdf a {
	width: 100%;
	float: left;
	padding: 10px 20px;
	background: #f5f7f8;
}

.download_pdf a p img {
	padding-left: 20px;
}
.download_pdf a p {
	width: 90%;
	font-size: 16px;
	color: #8c0337;
	float: left;
	margin-bottom: 0px;
	vertical-align: center;
	align-items: center;
	line-height: 40px;
}
.download_pdf a span {
	width: 10%;
	float: right;
	line-height: 40px;
	text-align: end;
	color: #0a0f2b;
	font-weight: 500;
}
.downloadHead h3 {
	margin-bottom: 0px;
	margin-top: 25px;
}
.downloadHead h3{
	text-align: right;
}
ul.accordionBoxTab li .download_pdf a {
	background: #f5f7f8;
	padding: 10px 20px;
}
.Mutual {
    margin-bottom: 50px;
    display: block;
}
.mobileAppSec {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mobileAppSec li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.mobileAppBox {
	float: left;
	width: 100%;
}
.mobileAppBox h4 {
	font-size: 32px;
	line-height: 36px;
	color: #cd2653;
	float: left;
	width: 100%;
	font-weight: bold;
}
.mobileAppBox h5 {
	font-size: 20px;
	line-height: 24px;
	float: left;
	width: 100%;
	font-weight: bold;

}
.mobileAppBox a {
    float: left;
    background-color: #008650;
    border: none;
    color: #fff;
    padding: 15px 40px;
    border-radius: 5px;
    text-transform: capitalize;
    margin: 0px;
    cursor: pointer;
}
.tempwithTable .wp-block-table table, .tempwithTable table {
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}
.tempwithTable .wp-block-table table td, .tempwithTable .wp-block-table table th, .tempwithTable table td, .tempwithTable table th {
    padding: 16px 12px;
    vertical-align: top;
}
.tempwithTable .wp-block-table table tr:nth-of-type(odd), .tempwithTable .wp-block-table table tr:nth-of-type(odd), .tempwithTable table tr:nth-of-type(odd), .tempwithTable table tr:nth-of-type(odd) {
    background: #f5f7f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.tabsCustm {
	display: inline-block;
	width: 100%;
	padding-top: 30px;
}
.CustmtabsBtn {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    position: relative;
}
.CustmtabsBtn li {
    flex: 1;
    min-width: 1px;
    width: 100%;
}
.CustmtabsBtn li a {
	float: left;
	width: 100%;
	background: #f5f7f8;
	color: #595959;
    padding: 10px 15px;
    text-align: center;
}
.CustmtabsBtn li.uk-active a {
	background: #007743;
	color: #ffffff;
}
.CustmtabsSec {
	display: inline-block;
	width: 100%;
	padding: 30px 0;
}
.CustmtabsSec h3 {
	color: #007743;
}
.Howtoinvest h3 {

}
.hti_Boxes {
	display: inline-block;
	width: 100%;
	padding: 50px 0;
}
.htiBoxe {
	float: left;
	width: 20%;
	text-align: center;
	position: relative;
	padding: 0 15px;
}
.htiBoxe:nth-child(even) {
	margin-top: 115px;
}
.htiBoxe .htiBoxeImg {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}
.htiBoxe .htiBoxeTxt {
	float: left;
	width: 100%;
}
.htiBoxe .htiBoxeTxt h4 {
	float: left;
	width: 100%;
	text-transform: uppercase;
	margin: 0 0 10px;
}
.htiBoxe .htiBoxeTxt p {
	float: left;
	width: 100%;
	margin: 0;
}
.htiBoxe:before {
	width: 100%;
    height: 1px;
    background: #eee;
    content: '';
    position: absolute;
    top: 60%;
    z-index: 0;
    left: 60%;
}
.htiBoxe:nth-child(odd):before {
	transform: rotate(21deg);
}
.htiBoxe:nth-child(even):before {
	transform: rotate(-29deg);
	top: -12%;
}
.htiBoxe:last-child:before {
	display: none;
}
.tempwithTable2 .wp-block-table table, .tempwithTable2 table {
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}
.tempwithTable2 table td, .tempwithTable2 table th, .tempwithTable2 .wp-block-table table td, .tempwithTable2 .wp-block-table table th {
    padding: 16px 12px;
    vertical-align: top;
}
.tempwithTable2 table thead tr, .tempwithTable2 .wp-block-table table thead tr {
    background: #f5f7f8;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    color: #8c0337;
    text-align: left;
}
.tempwithTable2 table tr, .tempwithTable2 .wp-block-table table tr {
	border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}
.ComplaintFB textarea {
	resize: none;
	height: 160px;
}
.vasBox {
	float: left;
	width: 100%;
	text-align: center;
}
.vasBox p {
	margin-bottom: 0;
}
.VASSec .uk-grid {
	margin-top: 50px;
}
.CDSec .uk-grid {
	margin-top: 50px;
}
.cdBox {
	float: left;
	width: 100%;
	height: 100%;
	background: #f5f7f8;
	text-align: center;
	padding: 30px 20px;
	border: solid 1px #e5e5e5;
	min-height: 280px;
}
.cdBox h3 {
	color: #007743;
	margin-top: 10px;
}
.cdBox p {
	margin-bottom: 0;
}
.blFrame {
	display: inline-block;
	width: 100%;
	height: 0px;
	padding-bottom: 45%;
	position: relative;
	margin-bottom: 50px;
}
.blFrame iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.BLBox {
	display: inline-block;
	width: 100%;
}
.BLBox .accordionBox .uk-accordion-content {
	border: solid 1px #e0e0e0;
}
.mfb p b, .mfb p strong {
	color: #007743;
}
.ComplaintFB .learnMore {
	margin: 0;
	width: 100%;
}
.ComplaintFB label b, .ComplaintFB label strong {
	color: #007743;
	margin-bottom: 10px;
	display: inline-block;
    width: 100%;
}
.radioBtns label {
	cursor: pointer;
}
.glosrySec .cdBox h3 {
    font-size: 18px;
}
.glosrySec .cdBox {
    text-align: left;
}
.glosrySec .uk-grid >div:nth-child(even) .cdBox {
    background: #fff;
}
.formInput input.learnMore {
	margin: 10px 0 0;
	width: 100%;
	background: #007743;
}
.formInput input.learnMore:hover {
	background: #fff;
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1440px) {
	.uk-container {
		display: flow-root;
		box-sizing: content-box;
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.topLeft li a {
		font-size: 14px;
	}
	.topRight li a {
		font-size: 14px;
	}
	.sliderTxt h3 {
		font-size: 34px;
		line-height: 40px;
		max-width: 480px;
	}
	.sliderTxt h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.sliderTxt h2 {
		font-size: 35px;
		line-height: 40px;
		max-width: 650px;
	}
	.learnMore {
		margin-top: 30px;
	}
	.menuDropdown>ul>li a {
		font-size: 14px;
	}
	.homeFeatureBtns a {
		font-weight: bold;
		color: #000;
		font-size: 15px;
	}
	.bgWhite h3 {
		font-size: 35px;
		line-height: 40px;
	}
	/* .Bg_bfaf:before {
		width: 10%;
		height: 32%;
	}
	.Bg_bfaf:after {
		width: 10%;
		height: 28%;
	} */
	.ourproducts .uk-card-media-top img {
		border-top-left-radius: 5px;
		width: 100%;
		border-top-right-radius: 5px;
	}
	.uk-card-default .uk-card-title {
		font-size: 20px;
	}
	.ourproducts .uk-card-default {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	.bgWhite p {
		color: #595959;
		font-size: 14px;
	}
	.savingToolTxt h3 {
		font-size: 35px;
		line-height: 55px;
		padding-right: 50px;
	}
	.savingToolTxt p {
		font-size: 18px;
		color: #ffffff;
		margin-top: 0px;
	}
	.uk-card-body p {
		font-size: 14px;
	}
	.homeNewsEventSec h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.fundPriceBox h3 {
		font-size: 35px;
		line-height: 40px;
	}
	.homeNewsTxt p {
		font-size: 16px;
	}
	.fundPriceBox .uk-table th {
		color: #ffffff;
		font-weight: bold;
	}
	.fundPriceBox .uk-table td {
		padding: 16px 12px;
		vertical-align: top;
		font-size: 14px;
	}
	.learnMore {
		padding: 10px 25px;
	}
	.ftrGreenBar {
		background: #008650;
		padding: 0px;
		line-height: 50px;
	}
	.ftrGreenBar a {
		font-size: 16px;
	}
	.ftrGreenBarBox p {
		font-size: 16px;
	}
	.ftrGreenBarBox a {
		margin-left: 35px;
		font-size: 16px;
	}
	.ftrBox h5 {
		font-size: 18px;
	}
	.ftrBox p {
		font-size: 16px;
	}
	.bdr p {
		font-size: 12px;
	}
	.bdr ul li a {
		font-size: 12px;
	}
	.greySec h2 {
		font-size: 35px;
		line-height: 40px;
	}
	.greySec p {
		font-size: 16px;
		color: #595959;
	}
	.aboutCardHeading h3 {
		color: #ffffff;
		font-size: 35px;
	}
	.aboutCardBody p {
		font-size: 14px;
		color: #595959;
	}
	.innerBanner h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.bodBox h3 {
		font-size: 26px;
	}
	.bodTabsBtns li a {
		font-size: 30px;
	}
	.tableBlt th {
		font-size: 15px;
	}
	.tableBlt td {
		font-size: 15px;
	}
	.shariahTxt h3 {
		font-size: 28px;
	}
	.ratingTxt h3 {
		font-size: 30px;
	}
	.ftrSearch .nlSearch {
		font-size: 14px;
	}
	.Bg_bfaf:before {
		width: 100px;
		height: 305px;
	}
	.Bg_bfaf:after {
		width: 120px;
		height: 305px;
	}
	.shariahTxt ul li{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.InvestorImg h3 {
		font-size: 30px;
	}
	.InvestorBox h4 {
		font-size: 22px;
	}
	.InvestorBox ul {
		font-size: 15px;
	}
	.accordionBox .uk-accordion-title {
		font-size: 22px;
		line-height: 25px;
	}
	.DSbox p {
		font-size: 14px;
	}
	.distNetworkTxt {
		max-width: 400px;
		background: #8c0337;
	}
	.distNetworkTxt h3 {
		font-size: 34px;
	}
	.distNetworkTxt p {
		color: #fff;
		font-size: 16px;
	}
	.distNetworkTxt p~p {
		font-weight: bold;
	}
	.tabBtns a span {
		font-size: 16px;
	}
	.btnsTabsSec h3 {
		font-size: 35px;
	}
	.tabsinnerSec h4 {
		font-size: 24px;
		font-weight: bold;
	}
	.tabsinnerSec p {
		font-size: 16px;
	}
	.fldBox select {
		width: 50%;
		background-color: transparent;
	}
	.tableBox .uk-table th {
		font-size: 13px;
		padding: 15px 10px;
	}
	.tableBox .uk-table tbody tr td {
		font-size: 13px;
		/* padding: 15px 10px; */
	}
	.paginationleft {
		width: 50%;
		float: left;
		display: block;
	}
	.paginationright {
		width: 50%;
		float: left;
		display: block;
	}
	.paginationright .uk-pagination {
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		padding: 0;
		list-style: none;
		float: right;
	}
	.ourproducts.uk-card.uk-card-default {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	nav.MobileMenu {
		display: none;
	}
	.savingToolTxt h3:before {
		width: 1px;
		height: 60px;
		position: absolute;
		right: 30px;
		content: '';
		background: #ffffff;
		top: 50%;
		transform: translateY(-50%);
	}
	.savingToolTxt {
		display: inline-block;
		width: 100%;
		margin-bottom: 90px;
	}
	.accordionBoxTab li .uk-accordion-title {
		font-size: 16px;
		line-height: 25px;
	}
	ul.accordionBoxTab .uk-accordion-content p {
		font-size: 16px;
		color:#000;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.Mutual h4 {
		font-size: 24px;
		font-weight: normal;
		color: #0a0f2b;
	}
	.Mutual {
		margin-bottom: 50px;
		display: block;
	}
	.Mutual p {
		margin-bottom: 5px;
		margin-top: 5px;
	}
	.download_pdf {
		width: 100%;
		background-color: #fff;
		display: block;
		float: right;
		margin-bottom: 5px;
		position: relative;
		z-index: 5;
	}
	.download_pdf a {
		width: 100%;
		float: left;
		padding: 10px 20px;
	}

	.download_pdf a p img {
		padding-right: 20px;
	}
	.download_pdf a p {
		width: 90%;
		font-size: 16px;
		color: #8c0337;
		float: right;
		margin-bottom: 0px;
		vertical-align: center;
		align-items: center;
		line-height: 40px;
	}
	.download_pdf a span {
		width: 10%;
		float: left;
		line-height: 40px;
		text-align: end;
		color: #0a0f2b;
		font-weight: 500;
	}
	.downloadHead h3 {
		margin-bottom: 0px;
		margin-top: 25px;
	}

}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {}
@media screen and (max-width: 1200px) {
	.mainMenu>ul>li>a {
		float: left;
		padding: 20px 4px;
}
.subscriptioncontent {
    padding: 50px;
}
}
@media screen and (max-width: 1100px) {}

@media screen and (max-width: 1079px) {
	.mainMenu{
		display: none;
	}
	.mob_menu {
		position: relative;
		display: block;
	}
	nav.MobileMenu {
		display: block;
	}
	.mob_menu .mob_menu_btn {
		right: 0;
		position: absolute;
		top: 30px;
		background: transparent;
		border: none;
	}
	#nav-icon2 span.uk-icon svg, .close svg {
		width: 40px;
		color:#000
	}
	.close svg {
		width: 30px;
		color:#000
	}
	.menu_list li a {
		font-size: 18px;
		color: #000 !important;
	}
	.menu_list {
		position: absolute;
		top: 25%;
		width: 93%;
	}
	
	#mobMenu .uk-offcanvas-bar{
		width: 100%;
		background: #ccc;
	}
	.sliderTxt h3 {
		font-size: 28px;
		line-height: 30px;
		max-width: 355px;
	}
	.sliderTxt h1 {
		font-size: 32px;
		line-height: 35px;
	}
	.sliderTxt h2 {
		font-size: 30px;
		line-height: 35px;
	}
	.learnMore {
		margin-top: 20px;
	}
	.bgWhite h3 {
		font-size: 32px;
	}
	.savingToolTxt h3 {
		font-size: 32px;
		line-height: 50px;
	}
	.savingToolTxt p {
		font-size: 16px;
		color: #ffffff;
		margin-top: 0px;
	}
	.homeNewsEventSec h2 {
		font-size: 32px;
		line-height: 35px;
	}
	.homeNewsTxt p {
		font-size: 14px;
	}
	.fundPriceBox h3 {
		font-size: 32px;
		line-height: 35px;
	}
	.fundPriceBox .uk-table th {
		padding: 15px 0px;
		text-align: right;
		vertical-align: bottom;
		font-size: 12px;
	}
	.ftrGreenBar a {
		font-size: 14px;
	}
	.ftrGreenBarBox p {
		font-size: 14px;
		line-height: 25px;
		padding-top: 11px;
	}
	.ftrGreenBarBox a {
		margin-left: 30px;
		font-size: 14px;
	}
	.ftrBox p {
		font-size: 14px;
	}
	.ftrBox ul li a {
		font-size: 14px;
	}
	.bgWhite {
		padding: 90px 0 80px;
	}
	.homeNewsBoxList li {
		margin-bottom: 30px;
	}
	.homeNewsEventSec {
		padding: 80px 0 50px;
	}
	.innerBanner h1 {
		font-size: 32px;
		line-height: 35px;
	}
	.greySec h2 {
		font-size: 30px;
		line-height: 30px;
	}
	.aboutCardHeading h3 {
		font-size: 30px;
	}
	.bodBox h3 {
		font-size: 24px;
	}
	.greySec p {
		font-size: 14px;
		line-height: 20px;
	}
	.uk-panel .uk-align-left {
		margin-top: 0;
		margin-right: 20px;
		float: left;
		margin-bottom: 20px;
	}
	.bodTabsBtns li a {
		font-size: 26px;
	}
	.tableBlt th {
		font-size: 14px;
	}
	.greySec h2 {
		font-size: 32px;
		line-height: 35px;
	}
	.shariahTxt h3 {
		font-size: 26px;
	}
	.shariahTxt h3 {
		font-size: 26px;
	}
	.shariahTxt ul li {
		font-size: 14px;
	}
	.shariahTxt p strong, .shariahTxt p b {
		color: #8c0337;
		font-size: 16px;
	}
	.shariahTxt p span {
		font-size: 16px;
	}
	.InvestorImg h3 {
		font-size: 26px;
	}
	.InvestorBox h4 {
		font-size: 20px;
	}
	.accordionBox .uk-accordion-title {
		font-size: 20px;
		line-height: 20px;
	}
	.distNetworkTxt h3 {
		font-size: 32px;
	}
	.btnsTabsSec h3 {
		font-size: 32px;
	}
	.tabBtns a span {
		font-size: 14px;
	}
	.tableBox .uk-table th {
		font-size: 13px;
		padding: 15px 6px;
	}
	.Calculator {
		width: 100%;
	}
	ul.CalculatorTabs {
		display: flex !important;
	}
	.subscriptioncontent h3 {
		font-size: 30px;
		color: #fff;
		line-height: 40px;
	}
	.subscriptioncontent {
		padding: 40px;
	}
	.announcements .shariahTxt h3 {
		font-size: 32px;
	}
	.announcementsContent h4 {
		font-size: 16px;
	}
	.distNetworkTxt {
		position: relative;
		float: left;
		width: 100%;
		max-width: 100%;
		background: #8c0337;
		margin-left: 0px; 
		margin-top: 0px; 
		padding: 30px;
	}
	.tabBtns .uk-active a {
		margin-bottom: 25px;
	}
	.download_pdf a p {
		width: 100%;
		font-size: 14px;
		line-height: 20px;
	}
	.download_pdf a span {
		width: 100%;
		float: right;
		text-align: end;
		color: #0a0f2b;
		font-weight: 500;
		align-items: center;
	}
	.download_pdf a p img {
		display: block;
		margin-bottom: 20px;
	}
	.CustmtabsBtn li{
		flex: none;
		display: block;
	}
}

@media screen and (max-width: 959px) {
	ul.CalculatorTabs {
		display: flex !important;
		flex-wrap: wrap;
	}
	.htiBoxe {
		width: 33.3333%;
		margin-bottom: 30px;
	}
	.htiBoxe:nth-child(even) {
	    margin-top: 0px;
	}
}
@media screen and (max-width: 767px) {
	.sliderTxt h3 {
		font-size: 18px;
		line-height: 20px;
		max-width: 180px;
		padding-top: 20px;
	}
	.homeFeatureBtns {
		margin-top: 0;
	}
	.sliderTxt h1 {
		font-size: 24px;
		line-height: 25px;
		max-width: 200px;
		font-weight: bold;
		margin: 0 0 10px;
	}
	.topLeft {
		width: 100%;
		float: left;
		margin: 0 auto;
		padding: 0px 30px;
		list-style: none;
	}
	.topRight {
		float: right;
		margin: 0 auto;
		padding: 0 30px;
		list-style: none;
		width: 100%;
	}
	.topRight li {
		width: 50%;
		padding: 5px 5px;
	}
	.homeFeatureBtns .uk-flex-center {
		justify-content: left;
	}
	.sliderTxt h2 {
		font-size: 18px;
		line-height: 20px;
		max-width: 100px;
	}
	.homeSlider .sliderImg img {
		height: 300px;
		width: 100%;
	}
	.learnMore {
		margin-top: 15px;
	}
	.bgWhite {
		padding: 70px 0 70px;
	}
	.bgWhite h3 {
		font-size: 26px;
		line-height: 30px;
	}
	.savingToolTxt h3 {
		font-size: 28px;
		line-height: 30px;
		width: 100%;
	}
	.savingToolTxt h3:before {
		width: 1px;
		height: 40px;
		position: absolute;
		right: 40%;
	}
	.homeNewsImg {
		width: 100%;
	}
	.homeNewsBoxList li {
		margin-bottom: 10px;
	}
	.homeNewsTxt {
		float: left;
		width: 100%;
	}
	.readmorebox {
		float: left;
		width: 100%;
	}
	.homeNewsImg img {
		width: 100%;
	}
	.savingToolTxt p {
		font-size: 14px;
	}
	.uk-card-default .uk-card-title {
		font-size: 18px;
	}
	.homeNewsEventSec {
		padding: 49px 0 50px;
	}
	.homeNewsEventSec h2 {
		font-size: 28px;
		line-height: 30px;
	}
	.homeNewsTxt span {
		font-size: 18px;
	}
	.fundPriceBox h3 {
		font-size: 28px;
		line-height: 20px;
	}
	.ftrGreenBarBox a {
		margin-left: 40px;
		font-size: 14px;
	}
	.ftrGreenBarBox p {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.ftrGreenBarhref {
		text-align: center;
		width: 100%;
		margin: 0px auto;
	}
	.ftrGreenBarhref p a {
		width: 100%;
	}
	.ftrGreenBar {
		line-height: 20px;
		padding: 20px 0px;
	}
	.innerBanner h1 {
		font-size: 28px;
		line-height: 30px;
	}
	.greySec h2 {
		font-size: 26px;
		line-height: 30px;
	}
	.greySec {
		padding: 40px 0;
	}
	.whiteSec {
		padding: 40px 0;
	}
	.aboutCardHeading h3 {
		font-size: 24px;
	}
	.uk-panel .uk-align-left {
		margin-top: 0;
		margin-right: 0px;
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}
	.bodBox h3 {
		font-size: 24px;
	}
	.bodTabsBtns{
		display: block;
	}
	.bodTabsBtns li a {
		font-size: 24px;
	}
	.bodTabs>li {
		float: left;
		width: 100%;
		padding: 10px;
	}
	.tableBlt th {
		font-size: 12px;
	}
	.tableBlt td {
		font-size: 12px;
	}
	.uk-table-small td, .uk-table-small th {
		padding: 7px 8px;
	}
	.shariahTxt h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.ratingTxt h3 {
		font-size: 20px;
	}
	.shariahTxt h4 {
		color: #8c0337;
		font-size: 20px;
		font-weight: bold;
	}
	.InvestorImg h3 {
		font-size: 22px;
	}
	.InvestorBox h4 {
		font-size: 18px;
	}
	.accordionBox .uk-accordion-title {
		font-size: 16px;
		line-height: 25px;
	}
	.distNetworkTxt {
		position: relative;
		float: left;
		width: 100%;
		background: #8c0337;
		margin-left: 0px;
		margin-top: 0px;
		padding:30px;
		max-width: 100%;
	}
	.distNetworkTxt h3 {
		font-size: 26px;
	}
	.btnsTabsSec h3 {
		font-size: 28px;
	}
	.tabBtns a {
		border: solid 1px #cccccc;
		float: left;
		position: relative;
		padding: 20px;
		width: 100%;
		color: #0a0f2b;
		font-size: 18px;
		background: #ffffff;
	}
	.tabBtns a span {
		font-size: 12px;
	}
	.tabBtns {
		margin-bottom: 15px;
	}
	.tabBtns .uk-active a {
		border: 1px solid #8c0337;
		color: #8c0337;
		margin-bottom: 30px;
	}
	.fldBox select {
		width: 100%;
		background-color: transparent;
	}
	.tableBox {
		float: left;
		width: 100%;
		margin-top: 40px;
		overflow-y: scroll;
	}
	ul.CalculatorTabs {
		display: flex !important;
		flex-wrap: wrap;
	}
	ul.CalculatorTabs li {
		border-right: 1px solid #d1d1d2;
	}
	.subscriptioncontent h3 {
		font-size: 24px;
		line-height: 30px;
	}
	.announcements .shariahTxt h3 {
		font-size: 26px;
	}
	.announcementsContent h4 {
		font-size: 14px;
	}
	.announcementsContent p {
		font-size: 12px;
	}
	.menu_list {
		position: absolute;
		top: 10%;
		width: 93%;
	}
	.CalculatorFormLabel a {
		background-color: #007948;
		color: #fff;
		font-size: 14px;
		padding: 10px 10px;
	}
	.ftrGreenBarBox a {
		width: 100%;
		margin-left: 0px;
		font-size: 14px;
		text-align: center;
		margin-bottom: 15px;
	}
	.accordionBoxTab li .uk-accordion-title {
		font-size: 14px;
		line-height: 25px;
	}
	.download_pdf a span {
		font-size: 14px;
	}
	.htiBoxe {
		width: 100%;
	}
}