/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 28 2025 | 11:53:15 */
/* Global Gradient */
.gradient-bg{
	background: #00664A;
	background-image: linear-gradient(89deg, #00664A 0%, #2AA785 100%);
}

.btn-gradient a{
	background: #00664A;
	background-image: linear-gradient(89deg, #00664A 0%, #2AA785 100%);
}
/* hover white on links */
.box-cls:hover a {
    color: white;
    font-weight: 600;
	position: relative;
	z-index: 9;
}
.box-cls a {
    font-weight: 600;
}
button.accordion-my:after,  button.accordion-my-two:after, button.accordion-my-three:after {
    content: "\f067";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0px;
    font-size: 18px;
    position: absolute;
}
.sirat-pre-call-scroll table.system-outage-table-cls {
    direction: rtl;
}
.system-outage-table-cls td {
    text-align: right;
}
.system-outage-table-cls th{
	text-align: right;
	color: white;
}
/* clickable global */

.clickable {
    cursor: pointer;
}

/* global Cover Height */

.img-cover {
    height: 100%;
}

.img-cover img{
    height: 100%;
	object-fit: cover;
}

/* Global Padding 0 */
.pad-top-0 .e-con-inner{
	padding-top: 0;
}

.pad-bottom-0 .e-con-inner{
	padding-bottom: 0;
}

.pad-left-0{
	padding-left: 0;
}

.pad-right-0{
	padding-right: 0;
}

/* Global Basic Page Heading Style
 */

.content-heading-style h1 {
    position: relative;
    padding-left: 15px;
    font-size: 35px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 45px;
    letter-spacing: 1.2px;
}

.content-heading-style h1:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #00664A;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

/* Hide Find Us on Sticky */

#header-main.hfe-sticky .hide-sticky{
	display: none !important;
}

/* Heading Style */
.heading-style .elementor-widget-container:before {
    content: '';
    width: 4px;
    height: 100%;
    background: #00664A;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
	left: unset !important;
}

.heading-style.side-white .elementor-widget-container:before {
    background: white;
}

.heading-style .elementor-widget-container * {
    padding-right: 15px !important;
    text-align: right !important;
}


/* About Section Style */
ul.link-list {
    margin: 0;
    padding-left: 0px;
    list-style: circle;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: .7rem 8rem;
	justify-items: end;
}

ul.link-list[style-type="Button"] {
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

ul.link-list li::marker {
    content: '';
	display: none;
}

ul.link-list li {
    padding-left: 10px;
	font-size: 18px;
	color: black;
}

ul.link-list li a {
	color: black;
}

ul.link-list[style-type="Button"] {
    padding: 0;
    list-style: none;
}

ul.link-list[style-type="Button"] li{
	padding-left: 0px;
}

ul.link-list[style-type="Button"] li::marker {
    content: '';
}

ul.link-list[style-type="Button"] li a {
    padding: 15px 20px;
    background: #00664A;
    width: auto;
    position: relative;
    display: -webkit-inline-box;
    color: white;
	border-radius: 5px;
	padding-right: 40px; 
}

ul.link-list[style-type="Button"] li a:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: white;
    right: 20px;
    position: absolute;
	top: 50%;
    transform: translateY(-50%);
}


.ul-style ul{
	margin: 0;
    padding-left: 20px;
    list-style: circle;
	margin-bottom: 20px;
}

.ul-style ul:last-child{
	margin-bottom: 0px;
}

/* .ul-style ul li::marker {
    content: "\f058";
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    color: #00664a;
    position: relative;
}

 */
.ul-white.ul-style ul li::marker{
	color: #fff;
}


.ul-style ul li {
    padding-left: 0px;
}

.ul-style ul li:not(:last-child){
	margin-bottom: 15px;
}

/* Services Section CSS */
.service-box-cls:after {
    content: '';
    position: absolute;
    right: -55px;
    width: 95px;
    height: 95px;
    top: -55px;
    border-radius: 50px;
    background-color: rgb(0 102 74);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 0;
    background-image: linear-gradient(89deg, #00664A 0%, #2AA785 100%);
}

.service-box-cls {
    overflow: hidden;
}

.service-box-cls:hover:after {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0;
    top: 0;
    right: 0;
}

.service-box-cls .service-icon-cls, .service-box-cls .service-divider-cls, .service-box-cls .service-content-cls{
	z-index: 2;
}

.service-box-cls:hover img {
    filter: brightness(0) invert(1);
}

.service-box-cls:hover h3, .service-box-cls:hover p, .service-box-cls:hover .elementor-widget-container {
    color: white !important;
}

.service-box-cls:hover .service-divider-cls .elementor-divider-separator {
    border-color: white !important;
}

.service-boxes-center .e-loop-item:last-child:nth-child(even) {
    position: relative;
    left: 50%;
}

.service-icon-cls img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.service-icon-cls figure.elementor-image-box-img {
    margin: 0 !important;
}

/* Showcase Section Style */

.border-shadow[yes]{
	overflow: hidden;
	padding: 10px;
}

.border-shadow[yes] img{
	border-radius: 20px 20px 20px 20px !important;
    filter: drop-shadow(2px 0px 5px black);
}

.hbz-showcase-section .elementor-swiper-button {
    bottom: 0px !important;
    background: #00664A;
    top: unset !important;
    right: 0 !important;
    left: unset !important;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	display: none !important;
}
.hbz-showcase-section .elementor-swiper-button {
    bottom: 0px !important;
    background: #00664A;
    top: unset !important;
    left: 70px !important;
    right: unset !important;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	display: none !important;
}
.hbz-showcase-section .elementor-swiper-button[aria-label="Previous slide"], .hbz-showcase-section .elementor-swiper-button[aria-label="Next slide"]{
	display: flex !important;
}

.hbz-showcase-section .elementor-swiper-button.elementor-swiper-button-next {
    left: 0px !important;
}

.blinking img {
    webkit-animation: star_blinker 3s infinite;
    animation: star_blinker 2s linear infinite alternate;
    stroke-width: 0;
    opacity: 0.4;
    filter: invert(13%) sepia(100%) saturate(3708%) hue-rotate(163deg) brightness(77%) contrast(101%);
}

@-webkit-keyframes star_blinker {
				50% { stroke-width: 2; opacity: 1; }
			}
			@keyframes star_blinker {
				50% { stroke-width: 2; opacity: 1;  }
}

.hbz-showcase-section .cstm-arrow .elementor-swiper-button {
    left: 100px !important;
}

.hbz-showcase-section .cstm-arrow .elementor-swiper-button {
    left: 100px !important;
}

.hbz-showcase-section .cstm-arrow .elementor-swiper-button.elementor-swiper-button-next {
    left: 170px !important;
}

/* eBanking Style */
ul.link-list-ebanking {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap: wrap;
	padding: 0;
	justify-content: flex-end;
}

ul.link-list-ebanking a {
    position: relative;
}

ul.link-list-ebanking img {
    width: 150px;
    height: 50px;
}

ul.link-list-ebanking span {
    padding: 15px 20px;
	line-height: 16px;
    background: #00664A;
    width: auto;
    position: relative;
    display: -webkit-inline-box;
    color: white;
    border-radius: 5px;
    padding-right: 40px;
}

ul.link-list-ebanking li[style-type="Text"] a:after {
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: white;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

ul.link-list-ebanking li[style-type="Image"] span {
    display: none;
}

ul.link-list-ebanking li[style-type="Text"] img {
    display: none;
}

.img-scale img{
	transform: scale(1.3);
}

/* Careers Section CSS */

.img-stretch {
    height: 100%;
}

.img-stretch img {
    height: 100%;
	object-fit: cover;
}

/* Carousal Style */
.carousal-style .elementor-swiper-button {
    top: -60px !important;
    transform: unset !important;
	width: 45px;
    height: 45px;
    border-radius: 50px;
	background: #00664A;
	display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	left: 70px !important;
}



.carousal-style .elementor-swiper-button.elementor-swiper-button-prev {
    right: unset !important;
    left: 0px !important;
}

/* .carousal-style .elementor-swiper-button.swiper-button-lock {
    display: none !important;
} */
/* Post Setting */
.post-inner-div {
    height: 100% !important;
}

.btn-last{
	margin-top: auto;
}

/* Global Dropdown 
 */

.accordion-my, .accordion-my:focus, .accordion-my-two, .accordion-my-two:focus, .accordion-my-three, .accordion-my-three:focus {
	background-color: transparent;
	color: #00694E;
	cursor: pointer;
	padding: 18px 0;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 20px;
	transition: 0.4s;
	font-family: 'Poppins';
	line-height: 30px;
	position: relative;
}

.active-my, .active-my-two, .active-my-three, .accordion-my:hover, .accordion-my-two:hover, .accordion-my-three:hover, .active-my:focus, .active-my-two:focus, .active-my-three:focus {
	background-color: transparent;
	color: #00694E;
}

.panel-my, .panel-my-two, .panel-my-three  {
	padding: 0;
	display: none;
	overflow: hidden;
	animation: 1s fadeIn;
}

.border-bottom-box:only-child button.accordion-my.active-my{
	display: none;
}

.office-section-container .border-bottom-box:only-child button.accordion-my.active-my {
    display: block;
}

.border-bottom-box:not(:last-child) {
    border-bottom: 1px solid #F1F3F4;
}
button.accordion-my {
    display: flex;
    flex-direction: row-reverse;
}
button.accordion-my:after,  button.accordion-my-two:after, button.accordion-my-three:after {
    content: "\f067";
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 0;
    font-size: 18px;
    position: absolute;
}

button.accordion-my.active-my:after, button.accordion-my-two.active-my-two:after, button.accordion-my-three.active-my-three:after {
    content: "\f068";
}
.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;
}
@media( min-width: 1930px ){
	.noexceed-width{
		width: 1900px;
		margin: 40px auto;
		border-radius: 15px !important;
		overflow: hidden;
	}
}

@media (max-width: 1024px) {
    .service-icon-cls figure.elementor-image-box-img {
        margin: 0 !IMPORTANT;
        margin-right: 10px !important;
    }
	.service-icon-cls img {
		width: 44px;
		height: 44px;
	}
	.service-box-cls:after {
		right: -65px;
		top: -65px;
	}
}
/* 
@media( max-width: 520px ){
	.slider-home .carousal-style .elementor-swiper-button {
		top: -120px;
	}

} */