.elementor-835 .elementor-element.elementor-element-4c2ee5ce{--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;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:4px;--padding-bottom:4px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-4c2ee5ce:not(.elementor-motion-effects-element-type-background), .elementor-835 .elementor-element.elementor-element-4c2ee5ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-835 .elementor-element.elementor-element-5b5d1cf{text-align:center;}.elementor-835 .elementor-element.elementor-element-5b5d1cf .elementor-heading-title{font-size:11px;color:var( --e-global-color-secondary );}.elementor-835 .elementor-element.elementor-element-53f00421{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-10f679d9{--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;border-style:none;--border-style:none;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-25dbc7da{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-3bc5a240 > .elementor-widget-container:hover{--e-transform-translateY:-3px;}.elementor-835 .elementor-element.elementor-element-3bc5a240{text-align:start;}.elementor-835 .elementor-element.elementor-element-3bc5a240 img{width:354px;}.elementor-835 .elementor-element.elementor-element-5ea77f39{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-62803d3{--display:flex;}.elementor-835 .elementor-element.elementor-element-eea7bbe{--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;}.elementor-835 .elementor-element.elementor-element-eea7bbe:not(.elementor-motion-effects-element-type-background), .elementor-835 .elementor-element.elementor-element-eea7bbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-47b02c1{--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;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:hover, .elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:hover svg, .elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button-icon{font-size:15px;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button .elementor-button-icon i{color:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button .elementor-button-icon svg *{fill:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button .elementor-button-icon i, .elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button .elementor-button-icon svg{transform:rotate(0deg);}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-4eb0851{--divider-border-style:solid;--divider-color:#4B161F73;--divider-border-width:1px;}.elementor-835 .elementor-element.elementor-element-4eb0851 .elementor-divider-separator{width:100%;}.elementor-835 .elementor-element.elementor-element-4eb0851 .elementor-divider{padding-block-start:14px;padding-block-end:14px;}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 15px 15px 15px;}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:hover, .elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:hover svg, .elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button-icon{font-size:15px;}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button .elementor-button-icon i{color:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button .elementor-button-icon svg *{fill:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button .elementor-button-icon i, .elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button .elementor-button-icon svg{transform:rotate(0deg);}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-1173365{--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;}.elementor-835 .elementor-element.elementor-element-56bb126 img{border-radius:5px 5px 5px 5px;}.elementor-835 .elementor-element.elementor-element-3cc1a05{--display:flex;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;}.elementor-835 .elementor-element.elementor-element-3cc1a05:not(.elementor-motion-effects-element-type-background), .elementor-835 .elementor-element.elementor-element-3cc1a05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-de038d8 );}.elementor-835 .elementor-element.elementor-element-3cc1a05::before, .elementor-835 .elementor-element.elementor-element-3cc1a05 > .elementor-background-video-container::before, .elementor-835 .elementor-element.elementor-element-3cc1a05 > .e-con-inner > .elementor-background-video-container::before, .elementor-835 .elementor-element.elementor-element-3cc1a05 > .elementor-background-slideshow::before, .elementor-835 .elementor-element.elementor-element-3cc1a05 > .e-con-inner > .elementor-background-slideshow::before, .elementor-835 .elementor-element.elementor-element-3cc1a05 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://drjocelynwu.com/wp-content/uploads/2026/06/abstract-white-wave-background-with-subtle-gradien-2026-03-18-11-53-18-utc-scaled.webp");--background-overlay:'';background-size:cover;}.elementor-835 .elementor-element.elementor-element-9c66c26{--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;}.elementor-835 .elementor-element.elementor-element-d9776d0{--display:flex;}.elementor-835 .elementor-element.elementor-element-a337687{--display:flex;}.elementor-835 .elementor-element.elementor-element-b1f2b7d{--display:flex;}.elementor-835 .elementor-element.elementor-element-141f1d3{--display:flex;}.elementor-835 .elementor-element.elementor-element-698fb33{--display:flex;}.elementor-835 .elementor-element.elementor-element-6a6bab5{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:22px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:14px;--n-menu-title-transition:300ms;--n-menu-title-padding:0px 15px 0px 15px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-a7c0836 );}.elementor-835 .elementor-element.elementor-element-6a6bab5 {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-accent );}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{border-style:none;}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{border-style:solid;border-color:#02010100;}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{border-style:solid;border-color:#02010100;}.elementor-835 .elementor-element.elementor-element-5f53806f{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );letter-spacing:var( --e-global-typography-accent-letter-spacing );fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:12px 12px 12px 12px;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:hover, .elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:hover svg, .elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button-icon{font-size:15px;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button .elementor-button-icon i{color:var( --e-global-color-secondary );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button .elementor-button-icon svg *{fill:var( --e-global-color-secondary );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button .elementor-button-icon i, .elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button .elementor-button-icon svg{transform:rotate(0deg);}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-primary );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-835 .elementor-element.elementor-element-4c2ee5ce{--content-width:1300px;}.elementor-835 .elementor-element.elementor-element-53f00421{--content-width:1300px;}.elementor-835 .elementor-element.elementor-element-25dbc7da{--width:20%;}.elementor-835 .elementor-element.elementor-element-5ea77f39{--width:65%;}.elementor-835 .elementor-element.elementor-element-47b02c1{--width:70%;}.elementor-835 .elementor-element.elementor-element-1173365{--width:30%;}.elementor-835 .elementor-element.elementor-element-5f53806f{--width:13%;}}@media(max-width:1024px) and (min-width:768px){.elementor-835 .elementor-element.elementor-element-25dbc7da{--width:74%;}.elementor-835 .elementor-element.elementor-element-5ea77f39{--width:5%;}.elementor-835 .elementor-element.elementor-element-5f53806f{--width:21%;}}@media(max-width:1024px){.elementor-835 .elementor-element.elementor-element-53f00421{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-835 .elementor-element.elementor-element-3bc5a240 img{width:254px;}.elementor-835 .elementor-element.elementor-element-5ea77f39.e-con{--order:99999 /* order end hack */;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-835 .elementor-element.elementor-element-4c2ee5ce{--padding-top:6px;--padding-bottom:6px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-5b5d1cf .elementor-heading-title{font-size:12px;line-height:1.2em;}.elementor-835 .elementor-element.elementor-element-53f00421{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-835 .elementor-element.elementor-element-10f679d9{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-835 .elementor-element.elementor-element-25dbc7da{--width:65%;}.elementor-835 .elementor-element.elementor-element-3bc5a240 img{width:349px;}.elementor-835 .elementor-element.elementor-element-5ea77f39{--width:15%;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-835 .elementor-element.elementor-element-dc58e52 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-835 .elementor-element.elementor-element-d42efd7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-835 .elementor-element.elementor-element-6a6bab5{--n-menu-title-distance-from-content:0px;--n-menu-title-padding:20px 0px 20px 0px;--n-menu-toggle-icon-size:28px;}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{border-width:0px 0px 0px 0px;}.elementor-835 .elementor-element.elementor-element-6a6bab5 > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{border-width:0px 0px 0px 0px;}.elementor-835 .elementor-element.elementor-element-5f53806f{--width:40%;}.elementor-835 .elementor-element.elementor-element-2a5d9e1f .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:10px 10px 10px 10px;}}/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276adb1 *//* Basic Reset for the grid module */
.jec-services-grid * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* 3-Column Grid Container */
.jec-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* Base Card Styling (Desktop) */
.jec-service-card {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15); 
  border-radius: 12px;
  padding: 24px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Card Hover Effects */
.jec-service-card:hover {
  background-color: #f8f9fa;
  border-color: #f8f9fa; 
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
}

/* Card Text Styling */
.jec-card-title {
  color: #a3a3a3; 
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.4;
  z-index: 1;
  transition: color 0.4s ease;
  padding-right: 15px;
}

/* Text becomes dark when the background becomes light */
.jec-service-card:hover .jec-card-title {
  color: #1a1a1a; 
}

/* Animated Arrow Styling */
.jec-card-arrow {
  color: #1a1a1a; 
  font-weight: bold;
  font-size: 1.2rem;
  opacity: 0;
  transform: translateX(-15px);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  z-index: 1;
}

/* Arrow appears on hover */
.jec-service-card:hover .jec-card-arrow {
  opacity: 1;
  transform: translateX(0);
}

/* Tablet Responsive Design */
@media (max-width: 992px) {
  .jec-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Responsive Design - COMPACT MODE */
@media (max-width: 600px) {
  .jec-services-grid {
    grid-template-columns: 1fr;
    gap: 8px; /* Tighter spacing between cards */
  }
  
  .jec-service-card {
    padding: 14px 16px; /* Reduced internal padding */
    border-radius: 8px; /* Slightly sharper corners for a compact feel */
  }
  
  .jec-card-title {
    font-size: 0.85rem; /* Slightly smaller text */
    padding-right: 10px;
  }
  
  .jec-card-arrow {
    font-size: 1.1rem; /* Slightly smaller arrow */
  }
  
  /* Optional: Reduce the hover lift effect on mobile so it doesn't feel jumpy */
  .jec-service-card:hover {
    transform: translateY(-2px);
  }
}/* End custom CSS */