@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@media (max-width: 1400px) {
  .nav-bar .button2,
  .nav-bar .button1 {
    font-size: 14px;
    padding: 15px 15px;
  }
  .nav-bar .bottom .container .bottomMenuContainer .list .pages-list2 li {
    font-size: 14px;
  }
  .nav-bar .bottom .container .bottomMenuContainer .logo-container {
    width: 190px;
    margin-right: 20px;
  }
  .contact-us .link-container {
    width: 100%;
  }
  .contact-us .link-container .links {
    padding: 50px 30px;
  }
  .NotFound {
    padding: 250px 0;
  }
  .scrollable-container {
    padding-inline-end: 30px !important;
  }
  .header-component .top .main-title {
    font-size: 35px;
    line-height: 45px;
  }
}
@media (max-width: 1200px) {
  .side-links .icon-container {
    margin-bottom: 20px;
  }
  .alternatives .contact-alt {
    margin-bottom: 30px;
  }
  .link-info {
    width: 100%;
  }
  .contact-us .link-container .links .link {
    flex-direction: column;
    align-items: start;
  }
  .header-section .title {
    font-size: 45px;
  }
  .header-section .description {
    font-size: 28px;
  }
  .image-text-container {
    margin-bottom: 100px;
  }
  .image-text-container .listingHolder .listingItem .listingInfo .listingTitle {
    font-size: 14px;
  }
  .image-text-container .listingHolder .listingItem .listingInfo .listingDescription {
    font-size: 35px;
  }
  .image-text-container .listingHolder .listingItem .listingInfo .links ul li {
    font-size: 16px;
  }
  .finance-calculator #personal-calculator {
    display: block;
    padding-right: 20px;
  }
  .nav-bar .nav-buttons .button1,
  .nav-bar .nav-buttons .button2 {
    font-size: 12px;
  }
  .nav-bar .bottom .container .logo-container {
    width: 200px;
    margin-right: auto;
  }
  .nav-bar .bottom .container .list .pages-list2 {
    margin-inline-end: 10px;
  }
  .nav-bar .bottom .container .list .pages-list2 li:not(:last-child) {
    margin-inline-end: 10px;
  }
  .nav-bar .nav-buttons {
    display: flex !important;
  }
  .nav-bar .button2,
  .nav-bar .button1 {
    padding: 12px 15px;
  }
  .nav-bar .container .list .pages-list2 li {
    font-size: 14px !important;
  }
  .nav-bar .container .logo-container img {
    width: 80% !important;
  }
  .list-item .title {
    font-size: 25px;
  }
  .list-item .description {
    font-size: 16px;
  }
  .years-reports .report-col {
    width: 50%;
    margin-bottom: 20px;
  }
  .header-component {
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .header-component .top .main-title {
    font-size: 35px;
    line-height: 45px;
  }
  .header-component .component-row .content {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .overview {
    padding: 50px 0;
  }
  .overview .applybtn {
    width: 100%;
  }
  .overview .overview-subtitle {
    font-size: 25px;
  }
  .overview .overview-desc {
    font-size: 16px;
  }
  .footer .logo-container {
    margin-bottom: 43px;
  }
  .footer .logo-container img {
    width: 88%;
  }
  .stats .stat-number {
    font-size: 60px;
  }
  .stats .sfc-info {
    font-size: 18px;
  }
  .stats .main-title {
    font-size: 35px;
    line-height: 45px;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .listingItemDIV a {
    font-size: 17px;
  }
  .header-component .banner-img {
    padding-inline-end: 100px;
  }
  .SupportSections .listingHolder .listingItemDIV:not(:last-child) .listingItem .listingInfo .listingTitle {
    font-size: 22px;
  }
  .SupportSections .listingHolder .listingItemDIV:not(:last-child) .listingItem .listingInfo .listingDescription {
    font-size: 14px;
  }
  .SupportSections .listingHolder .listingItemDIV:not(:last-child) .listingItem::after {
    display: none;
  }
  .documents .documents-title {
    font-size: 30px;
  }
  .documents .document {
    font-size: 16px;
  }
  .finance-calculator .calculator .calculator-col .results .main-result {
    font-size: 38px;
  }
  .finance-calculator {
    background-color: #EBF1F4;
    padding-bottom: 50px;
  }
  .finance-calculator .calculator {
    padding: 40px 30px 30px 40px;
  }
  .finance-calculator .calculator .calculator-col .results .result:last-child {
    margin-bottom: 0;
  }
  .finance-calculator .calculator .calculator-col:nth-of-type(2) {
    padding-inline-start: 20px;
  }
  .finance-calculator .calculator .calculator-col:nth-of-type(1) {
    padding-inline-end: 20px;
  }
  .finance-calculator .calculator .calculator-col:nth-of-type(1)::after {
    display: none;
  }
  .finance-calculator .financing-title {
    margin-bottom: 25px;
    font-size: 30px;
    width: 100%;
  }
  .finance-calculator .calculator-input {
    margin-bottom: 30px !important;
  }
  .finance-calculator .calc-info {
    padding-top: 50px;
  }
  .finance-calculator::after {
    display: none;
  }
  .finance-calculator #personal-option {
    display: none;
  }
  .Principles .title {
    font-size: 35px;
    width: 100%;
  }
  .Principles .subtitle {
    font-size: 16px;
  }
  .Principles .button-col .downloadbtn {
    width: 100%;
  }
  .FAQ-Container .blockHead .blockTitle {
    font-size: 35px;
  }
  .newsListing .listingHolder .listingTitle {
    font-size: 20px;
  }
  .footerBanner .bannerTitle {
    font-size: 50px;
  }
  .NotFound {
    padding: 200px 0;
  }
}
@media (max-width: 992px) {
  .BoardMemberPopup {
    width: 80%;
  }
  .overview-text {
    max-width: 100%;
  }
  .calculator {
    margin-bottom: 25px;
  }
  .finance-calculator .calculator-container {
    margin-bottom: 25px;
  }
  .finance-calculator .CTAButton {
    min-width: 185px;
  }
  .finance-calculator .actions {
    margin-bottom: 0;
  }
  .finance-calculator .actions:not(:has(.mobile)) {
    display: none;
  }
  .finance-calculator .actions.mobile {
    display: block;
  }
  .finance-calculator .calculator .calculator-input {
    padding: 0 15px;
  }
  .image-text-container .listingItemDIV:first-child .listingImage {
    border-radius: 10px;
  }
  .image-text-container .listingHolder .listingItem .listingInfo .listingDescription {
    max-width: 100%;
  }
  .image-text-container .listingItemDIV:nth-child(2) .listingImage {
    border-radius: 10px;
  }
  .finance-calculator .calculator .calculator-col:nth-of-type(1) {
    padding-inline-start: 0 !important;
  }
  .list {
    display: none;
    padding-inline-start: 20px;
  }
  .main {
    padding-top: 80px;
  }
  .map-container {
    padding-inline-start: 0;
  }
  .branches .branches-subtitle {
    font-size: 30px;
  }
  .branches .branches-subtitle:last-of-type {
    margin-bottom: 40px;
  }
  .branches .branches-title {
    font-size: 45px;
    margin-bottom: 30px;
  }
  .branches .branches-container {
    margin-bottom: 50px;
  }
  .nav-bar .bottom {
    display: block;
    position: relative;
  }
  .nav-bar .bottom .toggle-menu {
    display: block;
  }
  .nav-bar .bottom .toggle-menu:hover {
    opacity: 0.8;
  }
  .nav-bar .bottom .toggle-menu.burgerClicked {
    background-image: url("../images/close-menu.jpg") !important;
    background-repeat: no-repeat;
    scale: 0.7;
  }
  .nav-bar .bottom .container {
    justify-content: space-between;
  }
  .nav-bar .bottom .container .bottomMenuContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .nav-bar .bottom .container .bottomMenuContainer .language {
    display: inline-block;
  }
  .nav-bar .bottom .container .bottomMenuContainer .logo-container {
    width: 230px;
    margin-right: 0;
  }
  .nav-bar .bottom .container .bottomMenuContainer .list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: left;
    padding: 20px;
    background: white;
    display: none;
    height: 100vh;
    padding-top: 25px;
    text-align: left;
  }
  .nav-bar .bottom .container .bottomMenuContainer .list .pages-list2 {
    display: block;
  }
  .nav-bar .bottom .container .bottomMenuContainer .list .pages-list2 li {
    padding-bottom: 10px;
    margin-bottom: 25px;
    border-bottom: 1px solid #DEDEDE;
  }
  .nav-bar .bottom .container .bottomMenuContainer .list .pages-list2 li a {
    font-size: 18px;
  }
  .nav-bar .bottom .toggle-menu {
    background-image: url("../images/menu.jpg");
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-size: contain;
  }
  .nav-bar .top {
    display: none;
  }
  .nav-bar .nav-buttons {
    display: none !important;
  }
  .PersonalFinanceFeatures .listingItemDIV {
    width: 100% !important;
  }
  .documents {
    padding: 50px 0 0;
  }
  .documents .line {
    padding-bottom: 30px;
  }
  .documents .documents-title {
    margin-bottom: 30px;
  }
  .documents .document-list .document {
    margin-bottom: 20px;
  }
  .FAQ-Container .expandCollapse {
    display: block;
  }
  .FAQ-Container .blockBody {
    width: 100%;
  }
  .FAQ-Container .listingItemDIV {
    padding-inline-start: 0;
  }
  .FAQ-Container .blockHead {
    width: 100%;
  }
  .FAQ-Container .blockHead .blockTitle {
    margin-bottom: 20px;
  }
  .SupportSections {
    padding: 50px 0 !important;
  }
  .SupportSections .listingHolder .listingItemDIV {
    margin-bottom: 20px !important;
  }
  .SupportSections .listingHolder .listingItem .listingInfo .listingTitle {
    font-size: 21px;
  }
  .SupportSections .listingHolder .listingItemDIV:not(:last-child) .listingItem::after {
    display: none;
  }
  .line {
    padding-top: 0;
  }
  .overview .overview-desc {
    margin-bottom: 0;
  }
  .overview .applybtn {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .docs-prices .prices {
    padding: 50px 0;
  }
  .portlet-container:has(> .FAQ-Container) {
    padding: 50px 0;
  }
  .error-message {
    font-size: 16px;
  }
  .header-component {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .header-component .banner-img {
    padding-inline-end: 40px;
  }
  .header-component:has(> .inquirebtn) {
    padding: 100px 0;
  }
  .header-component {
    margin-bottom: 0;
  }
  .header-component .foot .buttons .applybtn {
    margin-inline-end: 10px;
  }
  .header-component .top .main-title {
    font-size: 35px;
  }
  .header-component .component-row .content {
    position: static;
    padding-bottom: 20px;
    padding-top: 0;
  }
  .header-component .foot {
    position: absolute;
    bottom: 0;
  }
  .RightsContainer .blockBody::before, .RightsContainer .blockBody::after {
    display: none;
  }
  .RightsContainer .listingHolder {
    height: auto;
    padding: 0;
    padding-top: 10px;
  }
  .RightsContainer .blockHead {
    margin-bottom: 30px;
  }
  .RightsContainer .sideBySide {
    flex-direction: column;
  }
  .RightsContainer .sideBySide .blockTitle {
    font-size: 35px;
    margin-bottom: 30px;
  }
  .Principles {
    padding: 50px 0;
  }
  .Principles .principle-col {
    margin-bottom: 50px;
  }
  .Principles .button-col {
    justify-content: flex-start;
  }
  .Principles .button-col .downloadbtn {
    width: 100%;
  }
  .header-section {
    padding: 80px 0 50px;
  }
  .header-section .title {
    margin-bottom: 30px;
  }
  .header-section .description {
    width: 100%;
    font-size: 30px;
  }
  .footer-col .page .page-title {
    font-size: 15px;
  }
  .footer .pages-listing .footer-col .page .page-sections .page-section {
    font-size: 12px;
  }
  .contact-us .link-container .links .link {
    flex-direction: row;
  }
  .years-reports .report-col {
    width: 100%;
  }
  .years-reports .years .reports {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .years-reports .years .reports::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(11, 160, 223, 0.3);
  }
  .years-reports .years .reports::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(11, 160, 223, 0.3);
    display: none;
  }
  .years-reports .years .reports::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #0BA0DF;
  }
  .years-reports .years .reports .report-col {
    flex-shrink: 0;
    width: 100%;
  }
  .years-reports .years .reports .report-col .report {
    width: 100%;
  }
  .footer .footer-logo {
    width: 100%;
    display: inline-block;
  }
  .footer .footer-logo img {
    width: 95%;
  }
  .image-text-container {
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .image-text-container .listingItemDIV {
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  .image-text-container .listingImage {
    padding: 0 !important;
    width: 100% !important;
  }
  .image-text-container .listingHolder {
    max-width: 100%;
  }
  .image-text-container .listingHolder .listingInfo {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .image-text-container .listingHolder .listingItem {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .image-text-container .listingHolder .listingItemDIV {
    padding-top: 50px !important;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(odd) .listingItem {
    flex-direction: column !important;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingImage {
    max-width: 100%;
    margin-bottom: 60px;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(odd) .listingItem .listingInfo {
    width: 100%;
    max-width: 100%;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(even) .listingItem {
    flex-direction: column !important;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingImage {
    max-width: 100%;
    margin-bottom: 60px;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(even) .listingItem .listingInfo {
    max-width: 100%;
    padding-inline-start: 0 !important;
  }
  .footer .logo-container {
    width: 180px;
    margin-bottom: 70px;
  }
  .footer .logo-container img {
    width: 100%;
  }
  .mobile-option {
    display: block;
  }
  .newListing {
    padding-top: 60px;
  }
  .newListing .listingHolder {
    margin: 0;
    padding: 0 15px;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type {
    margin-bottom: 50px;
    padding: 0;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem {
    flex-direction: column;
    border-radius: 0;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingImage {
    width: 100%;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingInfos {
    width: 100%;
    padding: 20px 15px;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingInfos .listingTitle {
    margin-bottom: 35px;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingInfos .listingDescription {
    font-size: 17px;
    line-height: 145%;
  }
  .newListing .listingHolder .listingItemDIV {
    margin-bottom: 50px;
  }
  .newListing .listingHolder .listingItemDIV .listingItem .listingInfos .listingTitle {
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  .form-rows {
    margin-bottom: 30px;
  }
  .form-rows .form-row {
    margin-bottom: 0;
  }
  .form-rows .form-row .input-container {
    margin-bottom: 20px;
  }
  .contact-us {
    padding: 80px 0 50px;
  }
  .contact-us.whistleblowing-form .recaptcha {
    padding: 0;
  }
  .contact-us.whistt .contact-us.careers .form-row-container .form-col-container {
    width: 100%;
  }
  .contact-us .submit {
    margin-bottom: 40px;
  }
  .contact-us .submit .submitbtn {
    width: 30%;
  }
  .contact-us .contact-title {
    margin-bottom: 40px;
  }
  .contact-us .alternatives {
    margin-bottom: 10px;
  }
  .contact-us .alternatives .contact-alt:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .contact-us .submit {
    margin-bottom: 0;
  }
  .alternatives {
    margin-bottom: 10px;
  }
  .alternatives .contact-alt:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .valuesList {
    display: block !important;
    padding-left: 0 !important;
  }
  .value-img {
    display: none;
  }
  .scrollable-container {
    height: auto !important;
    padding-inline-end: 20px !important;
    overflow-y: hidden;
  }
  .list-item {
    margin-bottom: 40px;
    padding: 0;
  }
  .list-item.active .values-img-mobile {
    max-height: 100%;
    opacity: 1;
  }
  .list-item.active .values-img-mobile img {
    max-height: 100%;
  }
  .CoreValues {
    padding: 50px 0;
  }
  .CoreValues .MainTitle {
    padding-left: 0;
    padding-inline-start: 20px;
  }
  .CoreValues .values-img-mobile {
    display: block;
    max-width: 100%;
    max-height: 0;
    opacity: 0;
  }
  .CoreValues .values-img-mobile img {
    width: 100%;
    max-height: 0;
  }
  .pattern-header .pattern-banner {
    padding: 100px 50px;
  }
  .pattern-header .pattern-banner .banner-title {
    font-size: 40px;
  }
  .list-item .description {
    margin-bottom: 20px;
  }
  .socials {
    margin-bottom: 25px;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingImage {
    border-radius: 20px 20px 0 0 !important;
  }
  .RightsContainer .listingItemDIV:first-child {
    opacity: 0.5 !important;
  }
}
@media (max-width: 768px) {
  .conditions .conditions-container .terms-paragraph {
    font-size: 16px;
  }
  .BoardMemberPopup {
    width: 95%;
  }
  .BoardMemberPopup .content .content-head .header-title .main-title {
    font-size: 18px;
  }
  .BoardMemberPopup .content .content-head .header-title .subtitle {
    font-size: 14px;
  }
  .BoardMemberPopup .content .content-body .member-description .bio-list li {
    font-size: 15px;
  }
  .homeBanner .owl-carousel .owl-dots {
    margin-bottom: 0;
  }
  .listingHolder .owl-dots {
    margin-bottom: 0;
  }
  .homeBanner {
    padding-bottom: 35px;
  }
  .homeBanner .listingHolder {
    padding-bottom: 30px;
  }
  .homeBanner .owl-carousel .owl-dots {
    bottom: 66px !important;
  }
  .homeBanner .owl-carousel .owl-nav {
    bottom: 0 !important;
  }
  .finance-calculator .disclaimer {
    font-size: 14px;
    padding-top: 20px;
  }
  .container {
    margin: 0 !important;
  }
  .footerBanner {
    height: 300px !important;
  }
  .image-text-container .listingHolder .listingItem .listingInfo .listingDescription {
    font-size: 30px;
  }
  .header-component.dark::before {
    display: none;
  }
  .docs-prices .prices .prices-table .table-row.header {
    border-radius: 10px 0 0 10px;
  }
  .header-component.light {
    background-image: url("../images/mobile-wave1.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .header-component.dark {
    background-image: url("../images/mobile-wave2.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .branches .branches-subtitle {
    font-size: 25px;
  }
  .branches .branches-container {
    height: auto;
    margin-bottom: 25px;
  }
  .contact-us .alternatives .contact-alt {
    margin-bottom: 40px;
  }
  .map-container {
    padding-inline-start: 0;
  }
  .branches .branches-subtitle:last-of-type {
    margin-bottom: 30px;
  }
  .newListing .blockHead .blockTitle {
    margin-bottom: 50px;
    color: #011E4F;
    font-size: 45px;
  }
  .nav-bar .bottom .container .bottomMenuContainer .logo-container {
    width: 190px;
    margin-right: 0;
  }
  .footerItemContainer .footer-col {
    padding-inline-start: 0;
  }
  .branches .branches-title {
    font-size: 45px;
    margin-bottom: 25px;
  }
  .FooterContent.col-md-9 {
    height: auto;
    flex-direction: column;
    display: flex;
  }
  .footer {
    padding: 50px 0 50px;
  }
  .footer .footer-bottom .bottom-col .terms-privacy p:first-child {
    margin-right: 0;
  }
  .footer .disclaimer {
    margin-bottom: 20px;
  }
  .footer .line {
    padding-top: 0;
  }
  .footer .line::before {
    display: none;
  }
  .footer .footer-bottom {
    flex-direction: column;
    gap: 15px;
  }
  .footer .bottom-col:nth-of-type(1) {
    order: 1;
  }
  .footer .socials {
    margin-bottom: 25px;
  }
  .footer .logo-container {
    margin-bottom: 43px;
  }
  .footer .logo-container img {
    width: 100%;
  }
  .footer .Principles .title {
    width: 100%;
  }
  .footer .pages-listing {
    margin-bottom: 5px;
  }
  .footer .pages-listing .footer-col .page:not(:only-child) {
    margin-bottom: 20px;
  }
  .footer .pages-listing .footer-col .page:has(:only-child) {
    margin-bottom: 20px;
  }
  .footer .pages-listing .footer-col .page .page-title:not(:last-child) {
    margin-bottom: 0;
  }
  .footer .pages-listing .footer-col .page .page-sections .page-section {
    display: none;
  }
  .SupportSections {
    padding: 50px 0 !important;
  }
  .SupportSections .listingHolder {
    margin: 0 !important;
  }
  .meetus-container.sharia .listingHolder {
    margin: 0;
  }
  .RelatedNews {
    padding: 50px 0;
  }
  .RelatedNews .blockTitle {
    font-size: 30px;
  }
  .RelatedNews .listingTitle {
    font-size: 16px;
  }
  .RelatedNews .listingItemDIV {
    margin-bottom: 20px !important;
  }
  .list {
    display: none;
  }
  .list .pages-list2 {
    padding-inline-start: 20px;
  }
  .list-item .description {
    padding-inline-end: 10px;
  }
  .button1,
  .button2 {
    padding: 15px 30px !important;
  }
  .portlet-container:has(> .RightsContainer) {
    background-image: unset;
  }
  .years-reports {
    padding: 50px 0;
  }
  .FAQ-Container .blockHead .blockTitle {
    font-size: 30px;
    margin-bottom: 25px;
  }
  .FAQ-Container .blockHead .listing-intro {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .portlet-container:has(> .RightsContainer) {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .newsListing .listingItem {
    max-width: 100%;
  }
  .newsListing .listingHolder {
    margin: 0;
  }
  .overview {
    padding-bottom: 60px;
  }
  .overview .applybtn {
    width: 50%;
  }
  .overview .overview-subtitle {
    width: 100%;
  }
  .overview .overview-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .overview .overview-desc {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .footer .socials {
    margin-bottom: 0 !important;
    padding-bottom: 30px;
  }
  .newListing .listingItem:hover img {
    transform: scale(1) !important;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingImage:hover img {
    scale: 1 !important;
  }
  .Principles .title {
    font-size: 30px;
  }
  .Principles .button-col {
    margin-bottom: 0;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .PersonalFinanceFeatures .listingItemDIV .listingTitle {
    font-size: 20px;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .listingHolder {
    margin: 10px 0 !important;
  }
  .Principles .button-col .downloadbtn {
    font-size: 13px;
  }
  .documents .line {
    padding-bottom: 60px;
  }
  .documents .line::after {
    display: none;
  }
  .docs-prices .prices .prices-title {
    color: #011E4F;
    font-size: 35px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 10px;
  }
  .docs-prices .prices {
    padding: 0 0 50px;
  }
  .docs-prices .prices .prices-table {
    flex-direction: row;
  }
  .docs-prices .prices .prices-table .table-row {
    flex-direction: column;
  }
  .docs-prices .prices .prices-table .table-row.header .table-cell {
    text-align: left;
  }
  .docs-prices .prices .prices-table .table-row .table-cell {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .docs-prices .prices .prices-table .table-row .table-cell:last-child {
    margin-bottom: 0;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .listingItemDIV {
    margin-right: 0;
  }
  .form-rows .form-row .input-container input[type=range] {
    height: 5px;
  }
  .RightsContainer .blockHead .listing-intro {
    max-width: 100%;
  }
  .docs-prices .prices .prices-table .table-row {
    padding: 20px;
  }
  .prices-table {
    overflow: auto;
  }
  .prices-table::-webkit-scrollbar {
    width: 1px;
    height: 4px;
    background-color: #001746;
  }
  .prices-table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #001746;
    width: 1px;
  }
  .contact-us .submit .submitbtn {
    width: 45%;
  }
  .FAQ-Container .blockHead .sideLinks .viewAll {
    padding: 10px 12px !important;
  }
  .portlet-container:has(> .MissionAndValues) {
    padding: 50px 0;
  }
  .MissionAndValues .sub-container {
    flex-direction: column;
  }
  .MissionAndValues .sub-container .blockHead {
    margin-bottom: 40px;
  }
  .MissionAndValues .sub-container .blockHead,
  .MissionAndValues .sub-container .blockBody {
    width: 100%;
  }
  .CoreValues {
    padding: 100px 0;
  }
  .CoreValues .MainTitle {
    margin: 0;
    margin-bottom: 30px;
  }
  .CoreValues .row {
    margin: 0;
  }
  .meetus-container .listingItemDIV {
    width: 100%;
    flex-grow: 1;
  }
  .meetus-container .listingItemDIV .listingImage img {
    width: 100%;
  }
  .meetus-container.sharia .listingHolder .listingItemDIV {
    width: 100% !important;
  }
  .meetus-container.sharia .listingImage {
    height: auto !important;
  }
  .meetus-container.sharia .listingImage img {
    width: 100% !important;
  }
  .years-reports .main-title {
    margin-bottom: 50px;
    font-size: 35px;
  }
  .portlet-container:has(> .meetus-container) {
    padding: 45px 0;
  }
  .portlet-container:has(> .sharia) {
    padding: 50px 0;
  }
  .alternatives.careers {
    padding: 50px 0;
  }
  .CoreValues {
    padding: 50px 0 !important;
  }
  .pattern-header .pattern-banner {
    padding: 50px 50px;
  }
  .pattern-header .pattern-banner .banner-title {
    font-size: 25px;
  }
  .meetus-container .listingHolder {
    display: flex;
    flex-wrap: wrap;
  }
  .RelatedNews .listingHolder {
    margin: 0 !important;
  }
  .meetus-container .blockHead .blockTitle {
    font-size: 35px;
    margin-bottom: 50px;
  }
  .overview .overview-summary {
    font-size: 25px;
  }
  .scrollable-container {
    padding-inline-end: 0 !important;
  }
  .BoardMembers .listingHolder {
    margin: 0;
  }
  .meetus-container.Executive .blockHead .blockTitle {
    font-size: 30px;
  }
  .meetus-container .blockHead .blockTitle {
    margin-bottom: 25px;
    font-size: 30px;
  }
  .meetus-container.Executive .blockHead .blockTitle {
    font-size: 30px;
  }
  .meetus-container.Executive .blockHead .listing-intro {
    font-size: 25px;
  }
  .about-us {
    padding: 50px 0;
  }
  .about-us .title-link-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .about-us .about-image {
    margin-bottom: 60px !important;
  }
  .about-us .subtitle {
    font-size: 25px;
  }
  .about-us .main-title {
    margin-bottom: 20px;
  }
  .about-us .houses-container {
    padding: 15px;
  }
  .about-us .houses-container img {
    border-radius: 10px !important;
  }
  .about-us .subtitle {
    margin-bottom: 20px;
  }
  .about-us .main-title {
    font-size: 35px;
  }
  .about-us .adib-link {
    margin-bottom: 40px;
    display: inline-block;
    width: 50%;
  }
  .about-us .header-paragraph {
    margin-bottom: 30px;
    font-size: 25px;
  }
  .about-us .about-image {
    margin-bottom: 60px;
    max-width: 100%;
  }
  .about-us .row.Alkhorayef {
    margin-bottom: 50px;
  }
  .about-us .row.Alkhorayef .header-paragraph {
    margin-bottom: 40px;
  }
  .about-us .about-subtext-container {
    flex-direction: column;
  }
  .contact-us {
    padding: 50px 0 50px;
  }
  .button1 {
    min-width: 130px;
  }
  .button2 {
    min-width: 130px;
  }
  .image-text-container .listingHolder .listingItemDIV:nth-child(odd) .listingItem {
    padding-inline-start: 0 !important;
  }
  .stats {
    padding: 50px 0;
  }
  .stats .stat1 {
    padding-inline-end: 30px;
    margin-inline-end: 30px;
  }
  .stats .sfc-info {
    font-size: 16px;
  }
  .stats .main-title {
    font-size: 30px;
  }
  .stats .stat-unit {
    font-size: 16px;
  }
  .stats .stat-number {
    font-size: 60px;
  }
  .stats .sfc-bg .intro .row {
    display: flex;
  }
  .stats .sfc-bg .intro .row .col-md-6:first-of-type {
    margin-inline-end: 40px;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .blockHead {
    margin-inline-start: 0;
  }
  .SMEFinancingPrices .button1,
  .SMEFinancingPrices .button2,
  .PersonalFinancingPrices .button1,
  .PersonalFinancingPrices .button2 {
    min-width: 160px;
    text-align: center;
  }
  .portlet-container:has(> .PersonalFinanceFeatures) .blockHead .blockTitle {
    margin-bottom: 30px;
    font-size: 40px;
  }
  .newsListing .listingItemDIV {
    margin-bottom: 20px !important;
  }
  .newsListing .listingImage {
    width: 100%;
  }
  .newsListing .blockHead {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 25px;
  }
  .newsListing .blockHead .sideLinks a {
    padding-left: 0 !important;
  }
  .newsListing .blockTitle {
    font-size: 30px !important;
  }
  .newsListing .listingHolder {
    flex-direction: column;
    flex-wrap: unset;
    overflow: unset;
    padding-bottom: 0;
  }
  .newsListing .listingHolder .listingItem:not(:last-of-type) {
    margin-bottom: 60px;
  }
  .newsListing .listingHolder .listingDate {
    font-size: 14px;
  }
  .newsListing .listingHolder .listingItemDIV {
    margin-bottom: 0;
  }
  .newsListing .listingHolder .listingTitle a {
    font-size: 16px;
  }
  .branches .branches-container {
    padding-inline-end: 0;
  }
  .branches .branches-title {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .branches {
    padding: 50px 0;
  }
  .header-component.dark::before {
    background-image: url('../images/wave1.png');
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    width: 244%;
    height: 100%;
    bottom: 0;
    z-index: -1;
    left: 0;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingInfos .listingTitle {
    font-size: 25px;
    margin-bottom: 30px;
  }
  .newListing {
    padding-bottom: 25px;
  }
  .footerBanner {
    padding: 100px 0;
  }
  .footerBanner .bannerTitle {
    font-size: 30px;
  }
  .years-reports .years .reports:last-child {
    margin-bottom: 0;
  }
  .years-reports .year:last-of-type {
    margin-bottom: 0 !important;
  }
  .overview-text {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 34px;
  }
  .FAQ-Container .blockHead .sideLinks .viewAll {
    min-width: 170px;
  }
  .finance-calculator .calculator .calculator-col .results .main-result {
    margin-bottom: 20px !important;
    line-height: 40px !important;
  }
  .finance-calculator .calculator-container {
    margin-bottom: 0;
  }
  .years-reports .year:last-of-type {
    margin-bottom: 25px;
  }
  .finance-calculator .calculator .monthly-income {
    margin-bottom: 5px;
  }
  .finance-calculator .calculator .calculator-col .results .result {
    margin-bottom: 20px;
  }
  .homeBanner .listingItemDIV {
    width: auto !important;
    max-width: 1150px;
  }
  .homeBanner .listingImage:before {
    display: none;
  }
  .homeBanner .listingImage > * {
    position: relative;
  }
  .homeBanner .owl-carousel .owl-nav {
    display: flex !important;
    gap: 4px;
  }
  .homeBanner .owl-carousel .owl-item .listingItemDIV {
    transform: scale(1);
  }
  .main {
    padding-top: 58px;
  }
  .news .news-info {
    width: 100%;
    margin-bottom: 30px;
  }
  .news .information {
    align-items: flex-start;
    padding: 50px 0 50px;
  }
  .news .information .news-img-container {
    margin-bottom: 40px;
  }
  .news .information .news-title {
    font-size: 25px;
    line-height: normal;
    text-align: left;
  }
  .news .information .date {
    margin-bottom: 40px;
  }
  .news .information .news-writing {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 30px;
    line-height: 145%;
  }
  .header-section {
    padding: 65px 0 50px;
  }
  .header-section .title {
    margin-bottom: 30px;
  }
  .header-section .description {
    font-size: 20px;
    width: 100%;
    line-height: 25px;
  }
  .MissionAndValues {
    padding: 0 20px !important;
  }
  .MissionAndValues .listingHolder {
    margin: 0;
  }
  .NotFound {
    padding: 150px 0;
  }
  .NotFound .container .error-title {
    font-size: 35px;
    margin-bottom: 25px;
  }
  .NotFound .container .error-subtitle {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .PersonalFinancingPrices {
    padding-top: 0 !important;
  }
  .years-reports .year .reports .report-col .report {
    width: 100%;
  }
  .news .information .share-links {
    margin-bottom: 30px;
  }
  .newListing .listingHolder .listingItemDIV:first-of-type .listingItem .listingImage {
    border-radius: 20px 20px 0 0 !important;
  }
  .finance-calculator .calculator .calculator-col .results .main-result {
    font-size: 40px;
  }
  .PersonalFinanceFeatures {
    padding: 0 20px !important;
  }
  .finance-calculator .calculator {
    padding: 25px 20px;
  }
  .SupportSections .listingHolder .listingItemDIV:not(:last-child) .listingItem .listingInfo .listingTitle {
    font-size: 18px;
  }
  .SupportSections .listingHolder .listingItem .listingInfo .listingTitle {
    font-size: 20px !important;
  }
  .news .button2 {
    min-width: 160px;
  }
  .RightsContainer .listingInfo {
    padding-top: 10px !important;
  }
  .header-component .top .main-title {
    font-size: 30px;
  }
  .pad {
    padding: 50px 0;
  }
  .success-message .success-img {
    margin-bottom: 25px;
  }
  .success-message .title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 25px;
  }
  .success-message .subtitle {
    font-size: 20px;
    line-height: 36px;
  }
  .header-section .title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .alternatives .contact-alt .contact-detail {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .overview .applybtn {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
@media (max-width: 480px) {
  .docs-prices .prices .prices-table .table-cell {
    flex: 1;
    padding: 0px;
    text-align: center;
  }
  .docs-prices .prices .prices-table .table-row.header .table-cell {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    max-width: 60%;
  }
  .docs-prices .prices .prices-table .table-row .table-cell {
    font-size: 15px;
    margin-bottom: 30px;
  }
  .NotFound {
    padding: 120px 0;
  }
  .NotFound .container .error-title {
    font-size: 25px;
  }
  .homeBanner {
    padding-bottom: 10px;
  }
  .homeBanner .owl-carousel .owl-dots {
    transform: translate(-50%, 70%);
  }
  .homeBanner .owl-carousel .owl-item {
    transition: 0.3s scale ease-in-out;
  }
  .homeBanner .owl-carousel .owl-item.center {
    margin-bottom: 0;
  }
  .contact-us .submit .submitbtn {
    width: 100%;
  }
  .SMEFinancingPrices .button1,
  .SMEFinancingPrices .button2,
  .PersonalFinancingPrices .button1,
  .PersonalFinancingPrices .button2 {
    min-width: auto;
    text-align: center;
  }
  .button1,
  .button2 {
    padding: 15px 25px !important;
  }
  .finance-calculator .calculator .calculator-col .results .main-result {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 64px;
    margin-bottom: 40px;
  }
  .header-component .top .main-title {
    font-size: 25px;
  }
  .error-text {
    font-size: 13px;
  }
  .error-message {
    font-size: 15px;
    padding: 25px 0;
  }
}
/* styles.css */
@media (max-width: 350px) {
  .header-component .inquirebtn,
  .header-component .applybtn {
    min-width: 130px;
    text-align: center;
    font-size: 11px;
  }
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1380px;
    max-width: 1400px;
  }
}
@media (max-width: 1200px) {
  .header-component .banner-img img {
    border-top-right-radius: 10px;
    overflow: hidden;
    border-bottom-right-radius: 10px;
  }
}/*# sourceMappingURL=sfc-responsive-en.css.map */