.elementor-14 .elementor-element.elementor-element-d7e533d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-fd6db32{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-fd6db32:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fd6db32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mhb.com.my/wp-content/uploads/2026/04/gradient-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-dc59805{--display:flex;}.elementor-14 .elementor-element.elementor-element-93ba429 .elementor-heading-title{color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri{writing-mode:inherit;}.elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri .elementor-heading-title{writing-mode:inherit;}.elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri div{writing-mode:inherit;}.elementor-14 .elementor-element.elementor-element-5bc2acd{text-align:justify;font-size:18px;font-weight:400;color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > div, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h1, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h2, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h3, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h4, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h5, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > h6, .elementor-14 .elementor-element.elementor-element-5bc2acd.ob-harakiri > p{transform:rotate(0deg);}.elementor-14 .elementor-element.elementor-element-5bc2acd > div{text-indent:0px;mix-blend-mode:inherit;}.elementor-14 .elementor-element.elementor-element-5bc2acd.ob-postman p{padding:0px 0px 20px 0px;}.elementor-14 .elementor-element.elementor-element-7d20472{--display:flex;}.elementor-14 .elementor-element.elementor-element-26b7a75{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-26b7a75.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-26b7a75 .elementor-wrapper{--video-aspect-ratio:1.33333;}.elementor-14 .elementor-element.elementor-element-6651a51 .elementor-icon-box-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-6651a51 .elementor-icon-box-title{color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-316fe31{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-72def07{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-2b6f92d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-5db609a img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center right;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-14 .elementor-element.elementor-element-899b5ac{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-899b5ac > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-899b5ac.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-899b5ac .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-899b5ac.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-899b5ac .elementor-icon{font-size:16px;}.elementor-14 .elementor-element.elementor-element-899b5ac .elementor-icon-box-img{overflow:hidden;}.elementor-14 .elementor-element.elementor-element-899b5ac .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-f96a439{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-e881371 img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center center;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-14 .elementor-element.elementor-element-f488d81{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-f488d81 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-f488d81.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-f488d81 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-f488d81.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-f488d81 .elementor-icon{font-size:16px;}.elementor-14 .elementor-element.elementor-element-f488d81 .elementor-icon-box-img{overflow:hidden;}.elementor-14 .elementor-element.elementor-element-f488d81 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-dd9685c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-4b3edac img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-14 .elementor-element.elementor-element-fa82752{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-fa82752 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-fa82752.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-fa82752 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-fa82752.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-fa82752 .elementor-icon{font-size:16px;}.elementor-14 .elementor-element.elementor-element-fa82752 .elementor-icon-box-img{overflow:hidden;}.elementor-14 .elementor-element.elementor-element-fa82752 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-47762cc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-01d8797 img{width:100%;max-width:100%;height:200px;object-fit:cover;object-position:center left;transition-duration:0.5s;border-radius:8px 8px 8px 8px;}.elementor-14 .elementor-element.elementor-element-9f548e2{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-9f548e2 > .elementor-widget-container{padding:0px 0px 20px 0px;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-9f548e2.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-14 .elementor-element.elementor-element-9f548e2 .elementor-icon-box-wrapper{align-items:center;text-align:start;}.elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-default .elementor-icon{fill:var( --e-global-color-3bc8db4 );color:var( --e-global-color-3bc8db4 );border-color:var( --e-global-color-3bc8db4 );}.elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-14 .elementor-element.elementor-element-9f548e2.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence9 );}.elementor-14 .elementor-element.elementor-element-9f548e2 .elementor-icon{font-size:16px;}.elementor-14 .elementor-element.elementor-element-9f548e2 .elementor-icon-box-img{overflow:hidden;}.elementor-14 .elementor-element.elementor-element-9f548e2 .elementor-icon-box-title{color:var( --e-global-color-3bc8db4 );}html, body{overflow-x:auto;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-dc59805{--width:50%;}.elementor-14 .elementor-element.elementor-element-7d20472{--width:50%;}}@media(max-width:1200px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-dc59805{--width:100%;}.elementor-14 .elementor-element.elementor-element-7d20472{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14 .elementor-element.elementor-element-dc59805{--width:100%;}.elementor-14 .elementor-element.elementor-element-7d20472{--width:100%;}}@media(max-width:1200px){.elementor-14 .elementor-element.elementor-element-fd6db32{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-72def07{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-fd6db32{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-26b7a75{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-72def07{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-d7e533d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-316fe31{--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-72def07{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for icon-box, class: .elementor-element-899b5ac *//* ============================================================
   MHB Icon Box — Gradient Border + Hover-Only Icon Background
   ============================================================ */

.mhb-gradient-card {
	position: relative;
	border-bottom: none !important;
}

/* Gradient bottom border (MISC palette) */
.mhb-gradient-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(
		90deg,
		#00009d 0%,
		#002398 32%,
		#005e8f 58%,
		#00818a 75%,
		#00ff78 100%
	);
	pointer-events: none;
}

/* Icon — default state: NO background, just the arrow */
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	color: #00009d;
	transition: background-color 0.2s ease, color 0.2s ease,
		transform 0.3s ease, box-shadow 0.3s ease;
}

.mhb-gradient-card .elementor-icon-box-icon .elementor-icon i,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg {
	color: inherit;
	font-size: 16px;
	transition: color 0.2s ease;
}

/* Disable Elementor's default pulse animation */
.mhb-gradient-card .elementor-icon.elementor-animation-pulse {
	animation: none !important;
}

/* Disable hover effect on the title text */
.mhb-gradient-card .elementor-icon-box-title,
.mhb-gradient-card .elementor-icon-box-title a {
	transition: none !important;
}

.mhb-gradient-card .elementor-icon-box-title a:hover,
.mhb-gradient-card .elementor-icon-box-title a:focus {
	color: inherit !important;
	text-decoration: none !important;
}

/* HOVER STATE — circle background appears, arrow turns white */
.mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus {
	background: #00009d;
	color: #ffffff;
	transform: scale(1.05);
	
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f488d81 *//* ============================================================
   MHB Icon Box — Gradient Border + Hover-Only Icon Background
   ============================================================ */

.mhb-gradient-card {
	position: relative;
	border-bottom: none !important;
}

/* Gradient bottom border (MISC palette) */
.mhb-gradient-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(
		90deg,
		#00009d 0%,
		#002398 32%,
		#005e8f 58%,
		#00818a 75%,
		#00ff78 100%
	);
	pointer-events: none;
}

/* Icon — default state: NO background, just the arrow */
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	color: #00009d;
	transition: background-color 0.2s ease, color 0.2s ease,
		transform 0.3s ease, box-shadow 0.3s ease;
}

.mhb-gradient-card .elementor-icon-box-icon .elementor-icon i,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg {
	color: inherit;
	font-size: 16px;
	transition: color 0.2s ease;
}

/* Disable Elementor's default pulse animation */
.mhb-gradient-card .elementor-icon.elementor-animation-pulse {
	animation: none !important;
}

/* Disable hover effect on the title text */
.mhb-gradient-card .elementor-icon-box-title,
.mhb-gradient-card .elementor-icon-box-title a {
	transition: none !important;
}

.mhb-gradient-card .elementor-icon-box-title a:hover,
.mhb-gradient-card .elementor-icon-box-title a:focus {
	color: inherit !important;
	text-decoration: none !important;
}

/* HOVER STATE — circle background appears, arrow turns white */
.mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus {
	background: #00009d;
	color: #ffffff;
	transform: scale(1.05);
	
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-fa82752 *//* ============================================================
   MHB Icon Box — Gradient Border + Hover-Only Icon Background
   ============================================================ */

.mhb-gradient-card {
	position: relative;
	border-bottom: none !important;
}

/* Gradient bottom border (MISC palette) */
.mhb-gradient-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(
		90deg,
		#00009d 0%,
		#002398 32%,
		#005e8f 58%,
		#00818a 75%,
		#00ff78 100%
	);
	pointer-events: none;
}

/* Icon — default state: NO background, just the arrow */
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	color: #00009d;
	transition: background-color 0.2s ease, color 0.2s ease,
		transform 0.3s ease, box-shadow 0.3s ease;
}

.mhb-gradient-card .elementor-icon-box-icon .elementor-icon i,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg {
	color: inherit;
	font-size: 16px;
	transition: color 0.2s ease;
}

/* Disable Elementor's default pulse animation */
.mhb-gradient-card .elementor-icon.elementor-animation-pulse {
	animation: none !important;
}

/* Disable hover effect on the title text */
.mhb-gradient-card .elementor-icon-box-title,
.mhb-gradient-card .elementor-icon-box-title a {
	transition: none !important;
}

.mhb-gradient-card .elementor-icon-box-title a:hover,
.mhb-gradient-card .elementor-icon-box-title a:focus {
	color: inherit !important;
	text-decoration: none !important;
}

/* HOVER STATE — circle background appears, arrow turns white */
.mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus {
	background: #00009d;
	color: #ffffff;
	transform: scale(1.05);
	
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9f548e2 *//* ============================================================
   MHB Icon Box — Gradient Border + Hover-Only Icon Background
   ============================================================ */

.mhb-gradient-card {
	position: relative;
	border-bottom: none !important;
}

/* Gradient bottom border (MISC palette) */
.mhb-gradient-card::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: linear-gradient(
		90deg,
		#00009d 0%,
		#002398 32%,
		#005e8f 58%,
		#00818a 75%,
		#00ff78 100%
	);
	pointer-events: none;
}

/* Icon — default state: NO background, just the arrow */
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: transparent;
	color: #00009d;
	transition: background-color 0.2s ease, color 0.2s ease,
		transform 0.3s ease, box-shadow 0.3s ease;
}

.mhb-gradient-card .elementor-icon-box-icon .elementor-icon i,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon svg {
	color: inherit;
	font-size: 16px;
	transition: color 0.2s ease;
}

/* Disable Elementor's default pulse animation */
.mhb-gradient-card .elementor-icon.elementor-animation-pulse {
	animation: none !important;
}

/* Disable hover effect on the title text */
.mhb-gradient-card .elementor-icon-box-title,
.mhb-gradient-card .elementor-icon-box-title a {
	transition: none !important;
}

.mhb-gradient-card .elementor-icon-box-title a:hover,
.mhb-gradient-card .elementor-icon-box-title a:focus {
	color: inherit !important;
	text-decoration: none !important;
}

/* HOVER STATE — circle background appears, arrow turns white */
.mhb-gradient-card:hover .elementor-icon-box-icon .elementor-icon,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:hover,
.mhb-gradient-card .elementor-icon-box-icon .elementor-icon:focus {
	background: #00009d;
	color: #ffffff;
	transform: scale(1.05);
	
}/* End custom CSS */