<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.banner-slide[has_slide_link="no"] .hero-content {
        display: none;
    }
li#mega-menu-item-251 > ul.mega-sub-menu {
    width: 710px !important;
    left: 159px !important;
}
/* li#mega-menu-item-25937 > ul.mega-sub-menu {
    width: 710px !important;
    left: 159px !important;
} */
.hfe-sticky li#mega-menu-item-16465 > a.mega-menu-link {
    font-size: 0 !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.hfe-sticky li#mega-menu-item-16465 a i, .hfe-sticky li#mega-menu-item-16465 a span:after {
    font-size: 19px;
}
/* li#mega-menu-item-text-15 h4 {
    text-align: left;
} */
ul#menu-sme-lending, ul#menu-sme-lending-1{
    display: grid;
    grid-template-columns: 1fr 170px;
}
ul#menu-personal-lending, ul#menu-personal-lending-1 {
    display: grid;
    grid-template-columns: 1fr 290px;
}
li#mega-menu-item-text-18 h4 {
    text-align: left;
}

li#mega-menu-item-24536 > ul.mega-sub-menu {
    width: 710px !important;
    left: 159px !important;
}

.sirat-col li#mega-menu-item-media_image-3 {
    text-align: center !important;
}

.sirat-col img{
	width: 240px;
}

.sirat-col .elementor-button-wrapper {
    text-align: center;
}

.sirat-col .elementor-button-wrapper a {
    color: white;
    transition: 0s;
}

li#mega-menu-item-251 ul#menu-fi-accounts-services, li#mega-menu-item-251 ul#menu-fi-accounts-services-1, ul#menu-personal-account-services.menu.more-then-5, ul#menu-personal-account-services-1.menu.more-then-5 {
    display: grid !important;
    grid-template-columns: 1fr 250px !important;
}

.mega-menu-wrap .mega-menu li.mega-menu-item > ul.mega-sub-menu li nav ul li {
    margin-left: 0;
}

.system-outage-table-cls.font-fix td {
    font-size: inherit !important;
}
/* ul#menu-personal-lending, ul#menu-personal-lending-1 {
    display: grid;
    grid-template-columns: 1fr 250px;
} */
div.wpforms-container-full button[type=submit]:hover{
	background: #ffffff !important;
}
.additional-section:first-child .additional-section-container {
    padding-top: 10px !important;
}
/* .formMode .jfForm-backgroundContainer, .welcomeMode .jfForm-backgroundContainer, .thankyouMode .jfForm-backgroundContainer, .reviewMode .jfForm-backgroundContainer, .sectionHeaderMode .jfForm-backgroundContainer {
    background-image: linear-gradient(#4ca585, #defaf0) !important;
} */

.info-check a.hfe-menu-item:before {
    display: none;
		
}
.info-check i.fa-info-circle:before{
	color: #00664a;

}
.info-check a.hfe-menu-item i.fa-info-circle {
	padding-right: 10px !important;
}

.sub-phone-check span.hfe-menu-toggle {
	background: transparent !important;
	width: auto !important;
	padding: 0 !important;
	margin-left: auto !important;
	display: block !important;
	height: 10px !important;
}

.img-stretch.home img {
    object-fit: contain;
}

.btn-gradient.apply-gradient a {
    background: #00664A ! IMPORTANT;
    background-image: linear-gradient(89deg, #00664A 0%, #2AA785 100%) !important;
}

.hbz-sirat-single .main-row-boxes.cards-simple .box-main {
    grid-template-columns: 1fr 1fr 1fr;
}

.bg-alter-box-cls .box-cls {
    background: white;
}

.li-box .ul-style ul {
    padding: 0;
    list-style: none;
}

.li-box .ul-style ul li a {
    background: #f1f3f4;
    /* box-shadow: 0px 0px 7px 0px #0000001c; */
    padding: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.li-box .ul-style ul li {
    padding: 0;
}

.li-box .ul-style {
    padding-bottom: 15px;
}

.li-box .ul-style ul li:not(:last-child) {
    margin-bottom: 15px;
}

.heading-style .elementor-widget-container b {
    padding-left: 0;
}

li#mega-menu-item-text-8 h4 a, li#mega-menu-item-text-9 h4 a{
    margin-left: -100px;
}

.form-style button.wpforms-submit:hover {
    color: black !important;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    bottom: 22px;
}
.box-cls:hover a {
    color:white !important;
}
h3.elementor-heading-title.elementor-size-default sup {
    padding-left: 0px;
}
/* 

.info-element.drop-up ul#menu-1-cd2d2a9 li ul.sub-menu {
    top: 100% !important;
    bottom: unset;
}
div#sticky-section-top .secondary-row-sticky {
    padding: 0px !important;
} */

/*  

div#sticky-section-top.elementor-sticky--active .info-element.drop-up ul li ul.sub-menu {
    top: 130% !important;
}
#mega-menu-item-text-18 p {
    text-align: center;
}
img.hbz-uae {
    width: 30%;
    margin-top: -8px;
    margin-left: 5px;
    height: 100%;
    padding-left: 0px !important;
}
h1.elementor-heading-title img.hbz-uae {
    width: 25%;
  margin-top: -8px;
    margin-left: 5px;
    height: 100%;
    padding-left: 0px !important;
}
h3.elementor-image-box-title img.hbz-uae {
    width: 45%;
    margin-bottom: 3px;
    margin-top: 0;
    background: none;
    height: auto;
}
 */
 
@media( max-width: 1023px ){
	.img-stretch.home img {
		object-fit: cover;
	}
	.login-icon-mb a.hfe-menu-item:before {
        content: '\f502' !important;
    }
	.flyout-menu li.phone-check.reg-icon-mb a:last-child:before {
		content: '\f15c' !important;
	}
	.hbz-sirat-single .main-row-boxes.cards-simple .box-main {
		grid-template-columns: 1fr 1fr;
	}
}
@media( max-width: 520px ){
	div#timeline-id .swiper.swiper-container {
		padding-top: 20px;
	}
	.banner-custom-slider .hero-image {
        background-position: 100% 30% !important;
		background-size: 150% 130% ! IMPORTANT;
    }
	.hbz-sirat-single .main-row-boxes.cards-simple .box-main {
		grid-template-columns: 1fr;
	}
}

.testimonial-item img{
    transition: transform 1.5s;
}

.testimonial-item:hover img {
    transform: scale(1.2);
}

.flip-card.Rajat.Garg .flipbox-btn, .flip-card.Anjum.Iqbal .flipbox-btn {
    display: none !important;
}
</style>
<!-- end Simple Custom CSS and JS -->
