.elementor-610 .elementor-element.elementor-element-4c649c34{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:70px;--padding-right:70px;}.elementor-610 .elementor-element.elementor-element-e578b72{--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:space-between;--align-items:center;--border-radius:0px 0px 20px 20px;--padding-top:20px;--padding-bottom:020px;--padding-left:22px;--padding-right:22px;}.elementor-610 .elementor-element.elementor-element-e578b72:not(.elementor-motion-effects-element-type-background), .elementor-610 .elementor-element.elementor-element-e578b72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F2F3;}.elementor-610 .elementor-element.elementor-element-7c94a397{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-610 .elementor-element.elementor-element-3e3938b{text-align:start;}.elementor-610 .elementor-element.elementor-element-3e3938b img{width:100px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{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 );}.elementor-610 .elementor-element.elementor-element-2999837{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -5px) 0px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-menu-toggle{margin:0 auto;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item:focus{color:#B3B3B3;fill:#B3B3B3;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0D388A;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a, .elementor-610 .elementor-element.elementor-element-2999837 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#EAEAEA9C;border-radius:5px 5px 5px 5px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a:hover,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a:focus,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-menu-toggle:hover,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-menu-toggle:focus{color:#B3B3B3;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a:hover,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a:focus,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a.elementor-item-active{color:#152E64;background-color:#FFFFFF;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--dropdown a{padding-left:21px;padding-right:21px;padding-top:12px;padding-bottom:12px;}.elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-610 .elementor-element.elementor-element-2999837 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-610 .elementor-element.elementor-element-2999837 div.elementor-menu-toggle{color:#000000;}.elementor-610 .elementor-element.elementor-element-2999837 div.elementor-menu-toggle svg{fill:#000000;}.elementor-610 .elementor-element.elementor-element-45d83e73{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );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 );}.elementor-610 .elementor-element.elementor-element-6e6b3198 .elementor-button{background-color:#000000;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#F1F1F1;border-radius:15px 15px 15px 15px;padding:015px 25px 15px 25px;}.elementor-610 .elementor-element.elementor-element-6e6b3198 .elementor-button:hover, .elementor-610 .elementor-element.elementor-element-6e6b3198 .elementor-button:focus{background-color:#363636;color:#FFFFFF;}.elementor-610 .elementor-element.elementor-element-6e6b3198 .elementor-button:hover svg, .elementor-610 .elementor-element.elementor-element-6e6b3198 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-610 .elementor-element.elementor-element-5817ea4a{--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:space-between;--align-items:center;--flex-wrap:nowrap;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-610 .elementor-element.elementor-element-39d08a96{--display:flex;}.elementor-610 .elementor-element.elementor-element-19ac3e28{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-610 .elementor-element.elementor-element-e79a377 .elementor-icon-wrapper{text-align:center;}.elementor-610 .elementor-element.elementor-element-e79a377.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-610 .elementor-element.elementor-element-e79a377.elementor-view-framed .elementor-icon, .elementor-610 .elementor-element.elementor-element-e79a377.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-610 .elementor-element.elementor-element-e79a377.elementor-view-framed .elementor-icon, .elementor-610 .elementor-element.elementor-element-e79a377.elementor-view-default .elementor-icon svg{fill:#000000;}.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-610 .elementor-element.elementor-element-e578b72{--content-width:100%;}.elementor-610 .elementor-element.elementor-element-7c94a397{--width:20%;}.elementor-610 .elementor-element.elementor-element-45d83e73{--width:20%;}.elementor-610 .elementor-element.elementor-element-39d08a96{--width:60%;}.elementor-610 .elementor-element.elementor-element-19ac3e28{--width:40%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-610 .elementor-element.elementor-element-39d08a96{--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;}.elementor-610 .elementor-element.elementor-element-b6ac73c{text-align:start;}.elementor-610 .elementor-element.elementor-element-b6ac73c img{width:150px;}.elementor-610 .elementor-element.elementor-element-19ac3e28{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:015px;}.elementor-610 .elementor-element.elementor-element-e79a377 .elementor-icon{font-size:35px;}.elementor-610 .elementor-element.elementor-element-e79a377 .elementor-icon svg{height:35px;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-610 .elementor-element.elementor-element-5817ea4a{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-610 .elementor-element.elementor-element-39d08a96{--width:60%;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;}.elementor-610 .elementor-element.elementor-element-b6ac73c{text-align:start;}.elementor-610 .elementor-element.elementor-element-b6ac73c img{width:100px;}.elementor-610 .elementor-element.elementor-element-19ac3e28{--width:40%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;}.elementor-610 .elementor-element.elementor-element-e79a377{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-610 .elementor-element.elementor-element-e79a377 .elementor-icon{font-size:22px;}.elementor-610 .elementor-element.elementor-element-e79a377 .elementor-icon svg{height:22px;}}/* Start custom CSS */.service-card {
  position: relative;
  cursor: pointer;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  background: transparent !important;
  border: none;
  transition:
    box-shadow 0.5s cubic-bezier(0.23, 1, 0.32, 1),    /* smoother "out" feel */
    background 0.5s ease;                               /* added for safety */
  will-change: box-shadow, transform;
  transform: translateZ(0);
}

/* Glassmorphism layer */
.service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 20px;
  z-index: -1;
  opacity: 1;
  transition: opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1);   /* gentler fade */
}

/* ──────────────────────────────────────────────── */
/*             IMPROVED CONTENT ANIMATION             */
/* ──────────────────────────────────────────────── */

.card-content {
  /* Use visibility instead of only opacity → prevents interaction during close */
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition:
    max-height 0.65s cubic-bezier(0.4, 0.14, 0.3, 1),
    opacity   0.65s ease,
    visibility 0.65s step-end,          /* snap visibility off at end */
    margin-top 0.65s ease;
  will-change: max-height, opacity, margin-top;
}

.service-card.active-card .card-content {
  visibility: visible;
  opacity: 1;
  max-height: 800px;          /* ← raise this value if you have very long content */
  margin-top: 15px;
  transition:
    max-height 0.72s cubic-bezier(0.17, 0.89, 0.38, 1.3),   /* overshoot + settle = lively */
    opacity   0.5s ease-out 0.1s,                           /* slight delay feels polished */
    visibility 0.01s step-start,                            /* show immediately when opening */
    margin-top 0.5s ease-out 0.1s;
}

/* Active card – solid background */
.service-card.active-card {
  background: #ffffff !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  transition:
    box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1),
    background 0.45s ease;
}

.service-card.active-card::before {
  opacity: 0;
  transition: opacity 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

.service-card .elementor-heading-title,
.service-card .elementor-heading-title * {
  color: #ffffff !important;           /* white by default (glass state) */
  transition: color 0.35s ease;
}

/* Only when ACTIVE → switch to black */
.service-card.active-card .elementor-heading-title,
.service-card.active-card .elementor-heading-title * {
  color: #000000 !important;
}/* End custom CSS */