.elementor-97444 .elementor-element.elementor-element-f6e9507{--display:flex;}.elementor-97444 .elementor-element.elementor-element-883f63d{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-97444 .elementor-element.elementor-element-883f63d .elementor-divider-separator{width:100%;}.elementor-97444 .elementor-element.elementor-element-883f63d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-97444 .elementor-element.elementor-element-4e5b01b6{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97444 .elementor-element.elementor-element-3d82a3ad{--display:flex;}.elementor-97444 .elementor-element.elementor-element-6237363c .elementor-heading-title{font-weight:500;}.elementor-97444 .elementor-element.elementor-element-6237363c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-97444 .elementor-element.elementor-element-10dcce75{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:column;--justify-items:stretch;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97444 .elementor-element.elementor-element-10dcce75.e-con{--align-self:center;}.elementor-97444 .elementor-element.elementor-element-1f30c10c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97444 .elementor-element.elementor-element-1abdbac0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97444 .elementor-element.elementor-element-686efd17{text-align:center;}.elementor-97444 .elementor-element.elementor-element-686efd17 img{width:100%;height:330px;object-fit:fill;opacity:0.9;filter:brightness( 67% ) contrast( 112% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:9px 9px 9px 9px;box-shadow:0px 0px 10px 0px rgba(91.19793395996095, 91.19793395996095, 91.19793395996095, 0.5);}.elementor-97444 .elementor-element.elementor-element-686efd17:hover img{opacity:1;}.elementor-97444 .elementor-element.elementor-element-6fac6012{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-97444 .elementor-element.elementor-element-74d3cbea{font-size:15px;color:var( --e-global-color-astglobalcolor5 );}.elementor-97444 .elementor-element.elementor-element-74d3cbea > .elementor-widget-container{margin:-60px 0px 0px 010px;}.elementor-97444 .elementor-element.elementor-element-60b0483a{font-family:"Inter", Sans-serif;font-size:13px;font-weight:400;color:var( --e-global-color-astglobalcolor5 );}.elementor-97444 .elementor-element.elementor-element-60b0483a > .elementor-widget-container{margin:0px 05px 10px 05px;}.elementor-97444 .elementor-element.elementor-element-5bb8394d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:25px;font-weight:500;line-height:52px;color:var( --e-global-color-accent );}.elementor-97444 .elementor-element.elementor-element-5bb8394d > .elementor-widget-container{margin:-125px 0px 50px 10px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-97444 .elementor-element.elementor-element-10dcce75{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-97444 .elementor-element.elementor-element-10dcce75{--width:400px;}}@media(min-width:2400px){.elementor-97444 .elementor-element.elementor-element-10dcce75{--grid-auto-flow:column;--align-items:stretch;}.elementor-97444 .elementor-element.elementor-element-74d3cbea{font-size:14px;}.elementor-97444 .elementor-element.elementor-element-60b0483a > .elementor-widget-container{margin:0px 05px 10px 05px;}}@media(max-width:1366px){.elementor-97444 .elementor-element.elementor-element-4e5b01b6{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-97444 .elementor-element.elementor-element-10dcce75{--grid-auto-flow:row;}.elementor-97444 .elementor-element.elementor-element-686efd17 img{height:300px;}.elementor-97444 .elementor-element.elementor-element-74d3cbea{font-size:15px;}.elementor-97444 .elementor-element.elementor-element-60b0483a{font-size:12px;}.elementor-97444 .elementor-element.elementor-element-5bb8394d .elementor-heading-title{font-size:25px;}}@media(max-width:1024px){.elementor-97444 .elementor-element.elementor-element-6237363c .elementor-heading-title{font-size:35px;}.elementor-97444 .elementor-element.elementor-element-10dcce75{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:column;--justify-items:center;--align-items:center;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-97444 .elementor-element.elementor-element-74d3cbea{font-size:15px;}.elementor-97444 .elementor-element.elementor-element-60b0483a{font-size:13px;}.elementor-97444 .elementor-element.elementor-element-60b0483a > .elementor-widget-container{margin:-200px 0px 0px 010px;}.elementor-97444 .elementor-element.elementor-element-5bb8394d .elementor-heading-title{font-size:30px;line-height:49px;}}@media(max-width:767px){.elementor-97444 .elementor-element.elementor-element-6237363c .elementor-heading-title{font-size:40px;}.elementor-97444 .elementor-element.elementor-element-10dcce75{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-97444 .elementor-element.elementor-element-60b0483a{font-size:12px;}.elementor-97444 .elementor-element.elementor-element-5bb8394d .elementor-heading-title{font-size:25px;line-height:41px;}}/* Start custom CSS for container, class: .elementor-element-1f30c10c *//******** CARD BASE ********/
.elementor-97444 .elementor-element.elementor-element-1f30c10c {
  position: relative;
  border-radius: 8px;        
  overflow: hidden;          
  box-shadow: none !important; 
  transition: border-radius .25s ease;
}


.elementor-97444 .elementor-element.elementor-element-1f30c10c:hover {
  border-radius: 15px;
  box-shadow: none !important;
  transform: none !important;  /* no lift */
}

/******** IMAGE AREA (overlay only on the image) ********/
.elementor-97444 .elementor-element.elementor-element-1f30c10c .img-wrap {
  position: relative;
  border-radius: inherit;
  overflow: hidden;
  box-shadow: none !important;
  border-radius: 8px;
  transition: box-shadow .25s ease, transform .25s ease, border-radius .25s ease;
}

.elementor-97444 .elementor-element.elementor-element-1f30c10c .img-wrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
  box-shadow: none !important;

}

.elementor-97444 .elementor-element.elementor-element-1f30c10c .img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 15px;
  background: rgba(0, 50, 120, 0.78);
  opacity: 0;
  transition: opacity .3s ease;
  z-index: 1;
  pointer-events: none;
    
}

.elementor-97444 .elementor-element.elementor-element-1f30c10c:hover .img-wrap::after {
  opacity: 1;
  
}

.elementor-97444 .elementor-element.elementor-element-1f30c10c:hover .front-info { opacity: 0; }

.elementor-97444 .elementor-element.elementor-element-1f30c10c .hover-info {
  position: absolute;
  left: 5px; right: 5px; bottom: 50px;
  z-index: 3;
  color: #fff;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .3s ease, transform .3s ease;
  pointer-events: none;
}
.elementor-97444 .elementor-element.elementor-element-1f30c10c .hover-info .name { color: #B8EE44; font-weight: 800; margin: 0 0 4px; }
.elementor-97444 .elementor-element.elementor-element-1f30c10c .hover-info .role { opacity: .9; margin: 0 0 10px; }
.elementor-97444 .elementor-element.elementor-element-1f30c10c .hover-info .bio { line-height: 1.45; font-size: 15px; margin: 0; }


.elementor-97444 .elementor-element.elementor-element-1f30c10c:hover .hover-info {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS */<!-- ===== Add this CSS (Site Settings → Custom CSS, or page CSS) ===== -->
<style>
/* Icon Box → Advanced → CSS Classes: pressable-box */

/* Base card look */
.pressable-box .elementor-widget-container{
  position: relative;
  border-radius: 16px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(3,8,28,.08);
  box-shadow: 0 2px 8px rgba(16,24,40,.06);
  padding: 24px;
  transition: transform .18s ease, box-shadow .18s ease,
              border-color .18s ease, background .18s ease;
  cursor: pointer;  /* looks clickable */
}

/* Keep all text visible (DO NOT stretch inner links) */
/* (intentionally no rules that position .pressable-box a absolutely) */

/* Hover + active feedback */
.pressable-box:hover .elementor-widget-container{
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(16,24,40,.14);
  border-color: rgba(4,107,210,.25);
  background: rgba(255,255,255,.9);
}
.pressable-box:active .elementor-widget-container{
  transform: translateY(0);
}

/* Title color shift on hover */
.pressable-box:hover .elementor-icon-box-title,
.pressable-box:hover .elementor-icon-box-title a{
  color:#046BD2;
}

/* Keyboard focus ring (for the widget when it contains focus) */
.pressable-box:focus-within .elementor-widget-container{
  outline: 3px solid #B8EE44;   /* brand lime */
  outline-offset: 3px;
}

/* Optional: chevron hint in the corner */
.pressable-box .elementor-widget-container::after{
  content:"›";
  position:absolute; right:16px; bottom:14px;
  font-size:22px; line-height:1;
  color:#046BD2;
  opacity:0; transform:translateX(-6px);
  transition:transform .18s ease, opacity .18s ease;
}
.pressable-box:hover .elementor-widget-container::after{
  opacity:1; transform:translateX(0);
}

/* Responsive spacing (optional) */
@media (max-width: 1024px){
  .pressable-box .elementor-widget-container{ padding:20px; }
}
</style>

<!-- ===== Add this JS once (Site Settings → Custom Code → Body end) ===== -->
<script>
/* Make the whole Icon Box behave like a link without hiding the title */
(function () {
  function getLink(el){
    return el.querySelector('.elementor-icon-box-title a') ||
           el.querySelector('a.elementor-icon-box-title') ||
           el.querySelector('.elementor-icon-box-wrapper a') ||
           el.querySelector('a');
  }

  // Click anywhere on the box -> follow its main link
  document.addEventListener('click', function(e){
    const box = e.target.closest('.pressable-box');
    if(!box) return;

    // If the user clicked an actual link or button inside, let it work normally
    if (e.target.closest('a, button, [role="button"]')) return;

    const link = getLink(box);
    if(link && link.href){
      // Open in same tab unless link specifies otherwise
      window.location.assign(link.href);
    }
  });

  // Keyboard: Enter on focused box triggers navigation
  document.addEventListener('keydown', function(e){
    if(e.key !== 'Enter') return;
    const box = e.target.closest('.pressable-box');
    if(!box) return;
    const link = getLink(box);
    if(link && link.href){
      window.location.assign(link.href);
    }
  });
})();
</script>/* End custom CSS */