/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2026 | 08:32:38 */
@media(max-width: 1240px){
	ul.link-list-ebanking a > img {
    width: 106px !important;
    height: 35px !important;
}
	ul.link-list-ebanking {
    flex-wrap: nowrap !important;
}	
	.additional-section ul li::marker {
    content: '' !important;
    display: none !important;
}
}
@media (max-width: 1407px) {
    .mega-menu-cls .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 13px !important;
    }
    .mega-menu-cls .mega-menu-wrap .mega-menu > li.mega-menu-item:not(:last-child) {
    margin-right: 12px !important;
}
}
@media (max-width: 1154px) {
    .mega-menu-cls .mega-menu-wrap .mega-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 12px !important;
    }
}
@media (max-width: 1024px){

		.accordion-my{
    font-size: 14px;
	}
	.additional-section ul li::marker {
    content: '' !important;
    display: none !important;
}
	.deposit_accordion .main-dropdown-row {
    gap: 10px;
}
	.btn-deposits {
    flex-wrap: wrap;
}
	.deposit_accordion span.depositis__percentage {
/*     display: block; */
    font-size: 20px;
/*     line-height: 50px; */
}
	.deposit_accordion p.month-head {
/*     margin-bottom: 10px; */
    font-size: 16px !important;
/*     margin-top: 20px; */
}
	    .deposit_accordion .main-dropdown-row {
        flex-direction: row !important;
    }

    body.admin-bar .dialog-type-lightbox {
/*         height: 100vh; */
        position: fixed;
    }


}
@media (max-width:790px) {
	.arrow-cls {
    left: -100px;
	}
.side-widgets-prod .arrow-cls:hover {
    left: -75px !important;
	}
	.arrow-cls:hover .arrow {
    transform: translateY(-45px) rotate(-90deg);
}
	.footer-menu .elementor-nav-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
	.additional-section ul li::marker {
    content: '' !important;
    display: none !important;
}
	.banner-custom-slider .hero-image {
		background-position: 100% 30% !important;
	}
	.hbz-showcase-section .elementor-swiper-button {
    bottom: -29px !important;
	}
	.side-widgets-prod {
/* 	right: -100px !important; */
}
    .arrow-cls {
        top: 71%;
    }
	    ul.link-list-ebanking a > img {
        width: 132px !important;
        height: 44px !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;
    }
		.login-menu a.hfe-menu-item::before {
    display: none;
}
.login-menu img.login-bar{
    margin-right: 5px;
}		
	.login-menu .hbzplus img {
    width: 18%;
    margin-top: -3px;
}
	.hbzplus img {
    width: 18%;
    margin-left: 6px;
    margin-top: -3px;
}
    .fa.fa-external-link:before {
        content: "\f35d" !important;
        color: #00664a;
    }
	.login-icon-mb a.hfe-menu-item:before {
    content: '\f502' !important;
}
	.info-check a.hfe-menu-item:before {
    display: none;
		
}
	i.fa-info-circle:before{
		color: #00664a;
		
	}
	.info-check a.hfe-menu-item i.fa-info-circle {
    padding-right: 14px !important;
}
	    .sirat-pre-call-scroll table {
        width: 200% !important;
        overflow: hidden;
    }
	.deposit-icon-mb a:before {
    content: '\f15c' !important;
		      color: #00664a;
}
	.hbzplus a.hfe-sub-menu-item:before {
    display: none;
}
/* 	.deposit_accordion .border-bottom-box {
    width: 48% !important;
} */
	.deposit_accordion .main-dropdown-row {
    flex-direction: column !important;
}
	.imp_info_style .tab-container-inner {
    padding: 15px;
}
.imp_info_style .tab button {
    padding: 10px;
	}



}

@media (max-width:690px){


.banner-slide[has_slide_link="no"] .hero-image {
    height: 205px !important;
	margin-top: 20px !important
}


}
@media (max-width: 500px){
	.arrow-cls:hover {
/*     left: -75px !important; */
	}

	.arrow-cls:hover .arrow {
    transform: translateY(-45px) rotate(-90deg) !important;
}
	
	.cky-revisit-bottom-left {
    bottom: 100px;
/*     left: 15px; */
}

		.elementor-17605 .elementor-element.elementor-element-aa86921 img, .elementor-17605 .elementor-element.elementor-element-f178dff img{
		width: 60px !important;
        height: 40px;
    }
		.sticky-btn-cls {
    width: 60px !important;
    height: 40px !important;
		transform: none !important;
}
}