@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Regular.woff") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Medium.woff") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-SemiBold.woff") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic";
  src: url("../fonts/NotoNaskhArabic-Bold.woff") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Noto Naskh Arabic Variable";
  src: url("../fonts/NotoNaskhArabic-VariableFont_wght.woff")
    format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
}

html[lang="ur"] body {
  font-family: "Noto Naskh Arabic", "Noto Naskh Arabic Variable", "Geeza Pro",
    Arial, sans-serif !important;
}
/*----------------------------*\
	Header
\*----------------------------*/
html[lang="ur"] .top-left-menu li.current_page_item > a::after {
  top: 46px;
}

html[lang="ur"] .bottom-left-menu > nav > div > ul > li > ul > li > ul > li {
  margin: 0px;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li::before {
  content: "";
  display: none;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  position: relative;
  display: block;
  text-align: right;
}
html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a::after {
  content: "\f104";
  font-family: "fontAwesome";
  font-weight: bold;
  font-size: 12px;
  color: var(--color-secondary);
  opacity: 0;
  transition: 0.4s;
  position: absolute;
  right: -14px;
  top: 4px;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > a {
  margin-right: 5px;
}
html[lang="ur"] .meta-bar ul li i {
  padding: 5px 5px 0px 5px;
}
html[lang="ur"] .out-reach-text-box h4 {
  margin: 0px 0px 6px 0px;
}
html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li:hover
  > a::after {
  opacity: 1;
}

html[lang="ur"] .flex-rev {
  flex-direction: row-reverse;
}

html[lang="ur"] .flex-rev .marquee-placeholder {
  flex-direction: row-reverse;
  padding: 0px 40px 0px 0px;
  justify-content: end;
}

html[lang="ur"] .calc-home-modal .with_frm_style.frm_style_formidable-style * {
  direction: ltr;
}

html[lang="ur"] .calc-home-modal .frm_message p {
  font-weight: 400 !important;
  line-height: 40px !important;
}

/*html[lang="ur"] .top-left-menu ul li a{
	font-size: 12px
}*/

html[lang="ur"] .top-right-menu ul li a {
  font-size: 16px;
}

html[lang="ur"] .bottom-left-menu > nav > div > ul > li > a {
  font-size: 16px;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li:first-child
  > a {
  font-size: 22px;
  line-height: 3;
  text-align: right;
}

html[lang="ur"]
  .mobile-side-bar-menus
  > nav
  > div
  > ul
  > li
  > ul
  > li.expanded.menu-item-has-children::before {
  left: 15px;
  right: unset;
}
html[lang="ur"]
  .mobile-side-bar-menus
  > nav
  > div
  > ul
  > li
  > ul
  > li.menu-item-has-children::before {
  font-family: fontAwesome;
  left: 15px;
  right: unset;
}

html[lang="ur"] .bottom-left-menu > nav > div > ul > li > ul > li > a {
  font-size: 16px;
  line-height: 3;
  text-align: right;
}
html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li
  > ul
  > li
  > ul
  > li
  > a {
  font-size: 16px;
  line-height: 2;
}
html[lang="ur"] .marquee-content * {
  direction: rtl;
}

/*----------------------------*\
	Hero Slider
\*----------------------------*/

/*html[lang="ur"] .slider-text-box h1{
	font-size: 30px;
	line-height: 2;
}*/
html[lang="ur"] .slider-text-box p {
  font-size: 20px;
  line-height: 2;
}

html[lang="ur"] .slider-text-box ul li {
  /*font-size: 16px;*/
  line-height: 2;
  padding: 0px 30px 0px 0px;
}

html[lang="ur"] .slider-text-box ul li::before {
  content: "\f104";
  right: 0;
  top: 9px;
  padding: 0px 2px 0px 0px;
}

/*----------------------------*\
	Promotional Slider
\*----------------------------*/

/*html[lang="ur"] .out-reach-text-box h2{
	font-size: 22px;
	line-height: 2.5;
}*/
html[lang="ur"] .section-heading > h2 {
  font-size: 26px;
}

/*----------------------------*\
	Section Heading
\*----------------------------*/
html[lang="ur"] .multiline-heading-1 h3 {
  line-height: 2;
  font-size: 30px;
}
html[lang="ur"] .multiline-heading-1 p {
  font-size: 16px;
  line-height: 2;
}
html[lang="ur"] .multiline-heading-2 h3 {
  line-height: 2;
  font-size: 30px;
}
html[lang="ur"] .multiline-heading-2 p {
  font-size: 16px;
  line-height: 2;
}

/*----------------------------*\
	What We Offer
\*----------------------------*/

/*html[lang="ur"] .what-we-offer-item h4{
	font-size: 16px;
}*/

html[lang="ur"] .what-we-offer-item p {
  line-height: 1.7;
  font-size: 16px;
}

/*----------------------------*\
	Tabs Pane
\*----------------------------*/
html[lang="ur"] .tab {
  font-size: 16px;
}
/*html[lang="ur"] .ubank-text-box h4{
	line-height: 2.4;
}*/
html[lang="ur"] .ubank-text-box .page-over-view-box {
  min-height: 59px;
  max-height: 59px;
}

html[lang="ur"] .ubank-text-box p {
  line-height: 1.7;
  font-size: 16px;
}

/*----------------------------*\
	Digital App
\*----------------------------*/

html[lang="ur"] #digital-banking::after {
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

html[lang="ur"] .app-text-box .mob-banking {
  margin: 0px;
}
html[lang="ur"] .double-line-heading h3 {
  font-size: 30px;
  line-height: 2;
}

html[lang="ur"] .double-line-heading p {
  font-size: 16px;
  line-height: 2;
}

/*----------------------------*\
	Calculator
\*----------------------------*/
html[lang="ur"] .calc-heading-box > h3 {
  font-size: 24px;
  line-height: 1.5;
}
html[lang="ur"] .result-output-box h3 {
  font-size: 14px;
}
html[lang="ur"] .calc-heading-box > h5 {
  font-size: 16px;
}

html[lang="ur"] .awards-recognition-card-detail {
  min-height: 170px;
}

html[lang="ur"] .awards-recognition-card-detail h3 {
  font-size: 16px;
  min-height: 30px;
}

html[lang="ur"] .awards-recognition-card-detail h5 {
  /*font-size: 12px;*/
  line-height: 1.7;
  min-height: 50px;
}
html[lang="ur"] .awards-recognition-card-detail p {
  font-size: 14px;
  line-height: 34px;
}

html[lang="ur"] .bank-meta-text-box h4 {
  /*font-size: 16px;*/
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 30px;
}

html[lang="ur"] .bank-meta-text-box p {
  /*font-size: 12px;*/
  line-height: 2;
}

/*----------------------------*\
	Single Pages
\*----------------------------*/
/*html[lang="ur"] h2{
font-size: 24px;

}*/
/*
html[lang="ur"] h3{
font-size: 22px;

}*/

html[lang="ur"] p {
  line-height: 2;
}
html[lang="ur"] .detail-top-heading p {
  font-size: 16px;
}

html[lang="ur"] .page-child .single-page-template p {
  line-height: 1.7;
  font-size: 16px;
}

/*html[lang="ur"] .accordion-header h3 {
	font-size: 15px;
	line-height: 2.5;
}
*/
html[lang="ur"] .widget_text h4 {
  /*font-size: 16px;*/
}

html[lang="ur"] .aside-box-slider h4 {
  font-size: 20px;
}
html[lang="ur"] .page-child .single-page-template .aside-box-slider p {
  font-size: 16px;
}

html[lang="ur"] .product-faq h4 {
  font-size: 22px;
  line-height: 2.4;
}

html[lang="ur"] .newsletter .newsletter-detail form button {
  border-radius: 25px 0px 0px 25px;
  font-size: 16px;
  line-height: 1;
}

html[lang="ur"] .slider-bg-img:before,
html[lang="ur"] #what-we-offer:before,
html[lang="ur"] #banking-with-us:before,
html[lang="ur"] #digital-banking:before,
html[lang="ur"] #calculate-loan:before,
html[lang="ur"] #awards-home:before,
html[lang="ur"] #stories:before {
  left: unset;
  right: -226px;
}

html[lang="ur"] .slick-track {
  margin-right: 0;
}
html[lang="ur"] .dark-mode-toggler > ul > li:first-child {
  margin: 0px 20px 0px 0px;
}
html[lang="ur"] .dark-mode-toggler > ul::after {
  left: 24px;
}
html[lang="ur"] .mob-side-bar {
  right: -100%;
}
html[lang="ur"] .open-mob-side-bar {
  right: 0%;
}
html[lang="ur"] .desktop-menu header,
#ticker {
  direction: ltr;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li.menu-item-has-children
  > a::before {
  font-family: "fontAwesome";
  content: "\f0d7";
  right: 10px;
  position: relative;
  color: var(--color-primary);
  display: none;
}

html[lang="ur"]
  .bottom-left-menu
  > nav
  > div
  > ul
  > li.menu-item-has-children
  > a::after {
  font-family: "fontAwesome";
  content: "\f0d7";
  right: -13px;
  position: relative;
  color: var(--color-primary);
}

html[lang="ur"]
  .mobile-side-bar-menus
  > nav
  > div
  > ul
  > li.menu-item-has-children::before {
  left: 15px;
  right: unset;
}

html[lang="ur"].mobile-side-bar-menus
  > nav
  > div
  > ul
  > li
  > ul
  > li.menu-item-has-children::before {
  left: 15px;
  right: unset;
}

html[lang="ur"] .out-reach-icon-box {
  margin-right: 0px;
  margin-left: 30px;
}

html[lang="ur"] #what-we-offer .slick-dots {
  right: 0;
  left: unset;
}

html[lang="ur"] .what-we-offer-item {
  border-left: 0.5px solid #70707026;
  border-right: unset;
}

html[lang="ur"] #what-we-offer .slick-slide:nth-child(4n) .what-we-offer-item {
  border-left: none;
  border-right: unset;
}

html[lang="ur"] .bank-meta-icon-box {
  margin-right: unset;
  margin-left: 24px;
}

html[lang="ur"] .company-counetr .counter-box:nth-child(1) {
  margin-right: unset;
  margin-left: 40px;
}

html[lang="ur"] .awards-view-more {
  text-align: left;
}

html[lang="ur"].salient-feature-box-wrapper:hover:before {
  left: unset;
  right: 0;
}

html[lang="ur"] .salient-feature-box-wrapper:before {
  transition: right 0.6s ease;
  right: -100%;
  left: unset;
}

html[lang="ur"] .salient-feature-box-wrapper p {
  font-size: 16px;
}

html[lang="ur"] .footer-links h4::before {
  left: 0px;
  right: unset;
}

html[lang="ur"] #cat-detail-section ul {
  margin: 0px 0px 16px 0px;
  padding: 0px;
  list-style: none;
}

html[lang="ur"] #cat-detail-section ul li {
  /*	font-size: 14px;
	line-height: 2.4;*/
  position: relative;
  padding: 0px 24px 0px 0px;
}

html[lang="ur"] #cat-detail-section ul li::before {
  padding: 0px 20px 0px 0px;
  right: 0px;
  left: unset;
  transform: rotate(180deg);
  top: 5px;
}
html[lang="ur"] .resource-text-box p {
  line-height: 2;
}
html[lang="ur"] input[type="text"] {
  font-size: 12px;
}
html[lang="ur"] .resource-icon-box {
  margin: 0px 0px 0px 20px;
}
html[lang="ur"] .resources-accordion-header h3 {
  font-size: 16px;
}
html[lang="ur"] .resource-download {
  text-align: left;
}

html[lang="ur"] #ubank-styling .resources-tabs {
  margin: 20px auto;
}

html[lang="ur"] #ubank-styling .resources-tabs li {
  padding: 0px 10px 5px 10px;
}

html[lang="ur"] .calculation-box select {
  background-position: calc(0% - -15px) 13px;
}

html[lang="ur"] .newsletter .newsletter-detail h3 {
  font-size: 22px;
}
html[lang="ur"] .main-footer .footer-links ul li a {
  font-size: 16px;
  line-height: 2;
}
html[lang="ur"] .main-footer .footer-links h4,
.subscribe-to-news-letter h4 {
  font-size: 16px;
}

html[lang="ur"] .team-management-detail h5 {
  font-size: 16px;
}

html[lang="ur"] .team-management-detail h3 {
  font-size: 20px;
}

html[lang="ur"] .search-form-wrapper input {
  padding-right: 10px;
}
html[lang="ur"] .search-input-icon-wrapper button {
  right: unset;
  left: 10px;
}
html[lang="ur"] #ubank-styling #wpsl-wrap #wpsl-result-list li * {
  direction: ltr;
  text-align: left;
}

html[lang="ur"] .resource-icon-box p {
  direction: ltr;
}
html[lang="ur"] .resource-download a {
  font-size: 16px;
}
html[lang="ur"] .bottom-left-menu > nav > div > ul > li > ul {
  justify-content: flex-end;
}

/*New Fixes*/
html[lang="ur"] .aside-calc-box select {
  background-position-x: 12px;
}

html[lang="ur"] #ubank-styling .aside-box-slider .slick-dots {
  margin: 0px;
}