.elementor-2304 .elementor-element.elementor-element-7bd6b89{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:124px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-7bd6b89:not(.elementor-motion-effects-element-type-background), .elementor-2304 .elementor-element.elementor-element-7bd6b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e3bfb72 );background-image:url("https://vaspa.org/wp-content/uploads/2025/08/6661a2ef51168fa29861026a_hero-2Background-pattern-decorative-2-1-1.png");background-position:top right;background-repeat:no-repeat;background-size:785px auto;}.elementor-2304 .elementor-element.elementor-element-7bd6b89.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2304 .elementor-element.elementor-element-979543a{--display:flex;--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:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-c17073e{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 56px) 0px;text-align:center;}.elementor-2304 .elementor-element.elementor-element-c17073e .elementor-heading-title{font-size:44px;line-height:52px;letter-spacing:-0.48px;color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-54c61b3{--display:flex;--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:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-b035b0d{background-color:var( --e-global-color-44cb76c );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:10px 30px 10px 30px;border-radius:100px 100px 100px 100px;}.elementor-2304 .elementor-element.elementor-element-b035b0d .elementor-heading-title{font-size:18px;font-weight:bold;line-height:24px;color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-43a5b8f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--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-2304 .elementor-element.elementor-element-b1ae4c0{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2304 .elementor-element.elementor-element-8b2f3e5{--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-2304 .elementor-element.elementor-element-2698fb6{--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-2304 .elementor-element.elementor-element-6419942{--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-2304 .elementor-element.elementor-element-9f81d67{--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-2304 .elementor-element.elementor-element-c174179{--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-2304 .elementor-element.elementor-element-ee0f33b{--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-2304 .elementor-element.elementor-element-4a8a136{--display:flex;--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:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-aee3f2a{background-color:var( --e-global-color-44cb76c );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:10px 30px 10px 30px;border-radius:100px 100px 100px 100px;}.elementor-2304 .elementor-element.elementor-element-aee3f2a .elementor-heading-title{font-size:18px;font-weight:bold;line-height:24px;color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-7b96f95{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--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-2304 .elementor-element.elementor-element-ff09c3a{--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-2304 .elementor-element.elementor-element-822f975{--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-2304 .elementor-element.elementor-element-7ac6fa8{--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-2304 .elementor-element.elementor-element-776d25e{--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-2304 .elementor-element.elementor-element-13159ae{--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-2304 .elementor-element.elementor-element-41e6ee9{--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-2304 .elementor-element.elementor-element-e79c672{--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-2304 .elementor-element.elementor-element-46a8721{--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-2304 .elementor-element.elementor-element-3203ebe{--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-2304 .elementor-element.elementor-element-b53ecc0{--display:flex;--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:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-e7fd23e{background-color:var( --e-global-color-44cb76c );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:10px 30px 10px 30px;border-radius:100px 100px 100px 100px;}.elementor-2304 .elementor-element.elementor-element-e7fd23e .elementor-heading-title{font-size:18px;font-weight:bold;line-height:24px;color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-a8b2e93{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-2304 .elementor-element.elementor-element-90acd3d{--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-2304 .elementor-element.elementor-element-3e00f66{--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-2304 .elementor-element.elementor-element-e009417{--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-2304 .elementor-element.elementor-element-e1f646f{--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-2304 .elementor-element.elementor-element-e6764e1{--display:flex;--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:40px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-0bbaf0c{background-color:var( --e-global-color-44cb76c );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:10px 30px 10px 30px;border-radius:100px 100px 100px 100px;}.elementor-2304 .elementor-element.elementor-element-0bbaf0c .elementor-heading-title{font-size:18px;font-weight:bold;line-height:24px;color:var( --e-global-color-primary );}.elementor-2304 .elementor-element.elementor-element-57f16d6{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--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-2304 .elementor-element.elementor-element-05b55d2{--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-2304 .elementor-element.elementor-element-0dcc728{--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;}:root{--page-title-display:none;}body.elementor-page-2304{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-2304 .elementor-element.elementor-element-7bd6b89{--padding-top:124px;--padding-bottom:124px;--padding-left:40px;--padding-right:40px;}.elementor-2304 .elementor-element.elementor-element-43a5b8f{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-7b96f95{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-a8b2e93{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-57f16d6{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-2304 .elementor-element.elementor-element-7bd6b89{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2304 .elementor-element.elementor-element-c17073e .elementor-heading-title{font-size:38px;}.elementor-2304 .elementor-element.elementor-element-43a5b8f{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-7b96f95{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-a8b2e93{--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-57f16d6{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2304 .elementor-element.elementor-element-7bd6b89{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-2304 .elementor-element.elementor-element-c17073e .elementor-heading-title{font-size:34px;line-height:1.3em;}.elementor-2304 .elementor-element.elementor-element-43a5b8f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-7b96f95{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-a8b2e93{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2304 .elementor-element.elementor-element-57f16d6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(max-width:1024px) and (min-width:768px){.elementor-2304 .elementor-element.elementor-element-7bd6b89{--width:739.667px;}}/* Start custom CSS for image, class: .elementor-element-0b3aca5 */.elementor-2304 .elementor-element.elementor-element-0b3aca5 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ca0622 */.elementor-2304 .elementor-element.elementor-element-6ca0622 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-6ca0622 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1ae4c0 */.elementor-2304 .elementor-element.elementor-element-b1ae4c0 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-b1ae4c0:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-09c8fa5 */.elementor-2304 .elementor-element.elementor-element-09c8fa5 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f42174e */.elementor-2304 .elementor-element.elementor-element-f42174e {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-f42174e {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8b2f3e5 */.elementor-2304 .elementor-element.elementor-element-8b2f3e5 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-8b2f3e5:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b113ccf */.elementor-2304 .elementor-element.elementor-element-b113ccf {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25f556c */.elementor-2304 .elementor-element.elementor-element-25f556c {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-25f556c {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2698fb6 */.elementor-2304 .elementor-element.elementor-element-2698fb6 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-2698fb6:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6ab3889 */.elementor-2304 .elementor-element.elementor-element-6ab3889 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ae5dc0 */.elementor-2304 .elementor-element.elementor-element-1ae5dc0 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-1ae5dc0 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6419942 */.elementor-2304 .elementor-element.elementor-element-6419942 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-6419942:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bba492f */.elementor-2304 .elementor-element.elementor-element-bba492f {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aed0b4d */.elementor-2304 .elementor-element.elementor-element-aed0b4d {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-aed0b4d {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f81d67 */.elementor-2304 .elementor-element.elementor-element-9f81d67 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-9f81d67:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fd57ce2 */.elementor-2304 .elementor-element.elementor-element-fd57ce2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4988c61 */.elementor-2304 .elementor-element.elementor-element-4988c61 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-4988c61 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c174179 */.elementor-2304 .elementor-element.elementor-element-c174179 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-c174179:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-223f6d4 */.elementor-2304 .elementor-element.elementor-element-223f6d4 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e0315f9 */.elementor-2304 .elementor-element.elementor-element-e0315f9 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-e0315f9 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ee0f33b */.elementor-2304 .elementor-element.elementor-element-ee0f33b {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-ee0f33b:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-43a5b8f */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');


.lc-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  cursor: pointer;
  background: #1a1f3c;
}

/* The image inside the card — set this on Elementor's image widget */
.lc-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.lc-card:hover img {
  transform: scale(1.05);
}

/* Gradient overlay — add an empty div with this class inside the card */
.lc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 35%,
    rgba(10, 12, 35, 0.55) 60%,
    rgba(10, 12, 35, 0.93) 100%
  );
  pointer-events: none;
}

/* Orange-to-navy accent bar at top — appears on hover */
.lc-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #FF9407, #21295C);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.lc-card:hover .lc-card-accent {
  opacity: 1;
}

/* Bottom content block — sits on top of the overlay */
.lc-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 18px 18px;
  z-index: 1;
  font-family: 'DM Sans', sans-serif;
}

/* Role / title label */
.lc-role {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FF9407;
  margin: 0 0 4px;
}

/* Person's name */
.lc-name {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* Thin separator line */
.lc-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 12px;
}

/* Contact rows container */
.lc-contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Each contact row (email, phone) */
.lc-contact {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11.5px;
  font-family: 'DM Sans', sans-serif;
  transition: color 0.2s ease;
}

.lc-contact:hover {
  color: #FF9407;
}

/* Icon pill wrapper */
.lc-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.lc-contact:hover .lc-icon {
  background: rgba(255, 148, 7, 0.2);
}

/* SVG icons inside the pill */
.lc-icon svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s ease;
}

.lc-contact:hover .lc-icon svg {
  stroke: #FF9407;
}

/* Truncate long emails or numbers */
.lc-contact span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b9b1579 */.elementor-2304 .elementor-element.elementor-element-b9b1579 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-63eea05 */.elementor-2304 .elementor-element.elementor-element-63eea05 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-63eea05 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ff09c3a */.elementor-2304 .elementor-element.elementor-element-ff09c3a {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-ff09c3a:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a650b2f */.elementor-2304 .elementor-element.elementor-element-a650b2f {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-649e788 */.elementor-2304 .elementor-element.elementor-element-649e788 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-649e788 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-822f975 */.elementor-2304 .elementor-element.elementor-element-822f975 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-822f975:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f082bd */.elementor-2304 .elementor-element.elementor-element-2f082bd {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac95644 */.elementor-2304 .elementor-element.elementor-element-ac95644 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-ac95644 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ac6fa8 */.elementor-2304 .elementor-element.elementor-element-7ac6fa8 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-7ac6fa8:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d369abf */.elementor-2304 .elementor-element.elementor-element-d369abf {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fc6e82 */.elementor-2304 .elementor-element.elementor-element-6fc6e82 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-6fc6e82 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-776d25e */.elementor-2304 .elementor-element.elementor-element-776d25e {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-776d25e:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb8959a */.elementor-2304 .elementor-element.elementor-element-cb8959a {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c562d1d */.elementor-2304 .elementor-element.elementor-element-c562d1d {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-c562d1d {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13159ae */.elementor-2304 .elementor-element.elementor-element-13159ae {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-13159ae:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b3a364a */.elementor-2304 .elementor-element.elementor-element-b3a364a {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1239c9c */.elementor-2304 .elementor-element.elementor-element-1239c9c {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-1239c9c {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-41e6ee9 */.elementor-2304 .elementor-element.elementor-element-41e6ee9 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-41e6ee9:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0fc83f6 */.elementor-2304 .elementor-element.elementor-element-0fc83f6 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6081638 */.elementor-2304 .elementor-element.elementor-element-6081638 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-6081638 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e79c672 */.elementor-2304 .elementor-element.elementor-element-e79c672 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-e79c672:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-04ade5a */.elementor-2304 .elementor-element.elementor-element-04ade5a {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4a0d3f */.elementor-2304 .elementor-element.elementor-element-c4a0d3f {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-c4a0d3f {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46a8721 */.elementor-2304 .elementor-element.elementor-element-46a8721 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-46a8721:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ec7b855 */.elementor-2304 .elementor-element.elementor-element-ec7b855 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-34e946e */.elementor-2304 .elementor-element.elementor-element-34e946e {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-34e946e {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3203ebe */.elementor-2304 .elementor-element.elementor-element-3203ebe {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-3203ebe:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b96f95 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');


.lc-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  cursor: pointer;
  background: #1a1f3c;
}

/* The image inside the card — set this on Elementor's image widget */
.lc-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.lc-card:hover img {
  transform: scale(1.05);
}

/* Gradient overlay — add an empty div with this class inside the card */
.lc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 35%,
    rgba(10, 12, 35, 0.55) 60%,
    rgba(10, 12, 35, 0.93) 100%
  );
  pointer-events: none;
}

/* Orange-to-navy accent bar at top — appears on hover */
.lc-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #FF9407, #21295C);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.lc-card:hover .lc-card-accent {
  opacity: 1;
}

/* Bottom content block — sits on top of the overlay */
.lc-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 18px 18px;
  z-index: 1;
  font-family: 'DM Sans', sans-serif;
}

/* Role / title label */
.lc-role {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FF9407;
  margin: 0 0 4px;
}

/* Person's name */
.lc-name {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* Thin separator line */
.lc-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 12px;
}

/* Contact rows container */
.lc-contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Each contact row (email, phone) */
.lc-contact {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11.5px;
  font-family: 'DM Sans', sans-serif;
  transition: color 0.2s ease;
}

.lc-contact:hover {
  color: #FF9407;
}

/* Icon pill wrapper */
.lc-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.lc-contact:hover .lc-icon {
  background: rgba(255, 148, 7, 0.2);
}

/* SVG icons inside the pill */
.lc-icon svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s ease;
}

.lc-contact:hover .lc-icon svg {
  stroke: #FF9407;
}

/* Truncate long emails or numbers */
.lc-contact span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-28048a8 */.elementor-2304 .elementor-element.elementor-element-28048a8 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e3dc79 */.elementor-2304 .elementor-element.elementor-element-5e3dc79 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-5e3dc79 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90acd3d */.elementor-2304 .elementor-element.elementor-element-90acd3d {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-90acd3d:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-af6a576 */.elementor-2304 .elementor-element.elementor-element-af6a576 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d4b3943 */.elementor-2304 .elementor-element.elementor-element-d4b3943 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-d4b3943 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3e00f66 */.elementor-2304 .elementor-element.elementor-element-3e00f66 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-3e00f66:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ae914a */.elementor-2304 .elementor-element.elementor-element-3ae914a {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67c959f */.elementor-2304 .elementor-element.elementor-element-67c959f {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-67c959f {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e009417 */.elementor-2304 .elementor-element.elementor-element-e009417 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-e009417:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5cae902 */.elementor-2304 .elementor-element.elementor-element-5cae902 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f052030 */.elementor-2304 .elementor-element.elementor-element-f052030 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-f052030 {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e1f646f */.elementor-2304 .elementor-element.elementor-element-e1f646f {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-e1f646f:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a8b2e93 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');


.lc-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  cursor: pointer;
  background: #1a1f3c;
}

/* The image inside the card — set this on Elementor's image widget */
.lc-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.lc-card:hover img {
  transform: scale(1.05);
}

/* Gradient overlay — add an empty div with this class inside the card */
.lc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 35%,
    rgba(10, 12, 35, 0.55) 60%,
    rgba(10, 12, 35, 0.93) 100%
  );
  pointer-events: none;
}

/* Orange-to-navy accent bar at top — appears on hover */
.lc-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #FF9407, #21295C);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.lc-card:hover .lc-card-accent {
  opacity: 1;
}

/* Bottom content block — sits on top of the overlay */
.lc-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 18px 18px;
  z-index: 1;
  font-family: 'DM Sans', sans-serif;
}

/* Role / title label */
.lc-role {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FF9407;
  margin: 0 0 4px;
}

/* Person's name */
.lc-name {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* Thin separator line */
.lc-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 12px;
}

/* Contact rows container */
.lc-contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Each contact row (email, phone) */
.lc-contact {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11.5px;
  font-family: 'DM Sans', sans-serif;
  transition: color 0.2s ease;
}

.lc-contact:hover {
  color: #FF9407;
}

/* Icon pill wrapper */
.lc-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.lc-contact:hover .lc-icon {
  background: rgba(255, 148, 7, 0.2);
}

/* SVG icons inside the pill */
.lc-icon svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s ease;
}

.lc-contact:hover .lc-icon svg {
  stroke: #FF9407;
}

/* Truncate long emails or numbers */
.lc-contact span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-38568ad */.elementor-2304 .elementor-element.elementor-element-38568ad {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82692ca */.elementor-2304 .elementor-element.elementor-element-82692ca {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-82692ca {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05b55d2 */.elementor-2304 .elementor-element.elementor-element-05b55d2 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-05b55d2:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-77d9dbe */.elementor-2304 .elementor-element.elementor-element-77d9dbe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08844ac */.elementor-2304 .elementor-element.elementor-element-08844ac {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.elementor-2304 .elementor-element.elementor-element-08844ac {
  background: transparent !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0dcc728 */.elementor-2304 .elementor-element.elementor-element-0dcc728 {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  aspect-ratio: 3 / 4;
  background: #1a1f3c;
}

.elementor-2304 .elementor-element.elementor-element-0dcc728:hover .lc-hover-content {
  max-height: 200px !important;
  opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57f16d6 */@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:wght@600&display=swap');


.lc-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  cursor: pointer;
  background: #1a1f3c;
}

/* The image inside the card — set this on Elementor's image widget */
.lc-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.lc-card:hover img {
  transform: scale(1.05);
}

/* Gradient overlay — add an empty div with this class inside the card */
.lc-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    transparent 35%,
    rgba(10, 12, 35, 0.55) 60%,
    rgba(10, 12, 35, 0.93) 100%
  );
  pointer-events: none;
}

/* Orange-to-navy accent bar at top — appears on hover */
.lc-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #FF9407, #21295C);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.lc-card:hover .lc-card-accent {
  opacity: 1;
}

/* Bottom content block — sits on top of the overlay */
.lc-body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 18px 18px;
  z-index: 1;
  font-family: 'DM Sans', sans-serif;
}

/* Role / title label */
.lc-role {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #FF9407;
  margin: 0 0 4px;
}

/* Person's name */
.lc-name {
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 12px;
  line-height: 1.3;
}

/* Thin separator line */
.lc-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 12px;
}

/* Contact rows container */
.lc-contacts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Each contact row (email, phone) */
.lc-contact {
  display: flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.7);
  font-size: 11.5px;
  font-family: 'DM Sans', sans-serif;
  transition: color 0.2s ease;
}

.lc-contact:hover {
  color: #FF9407;
}

/* Icon pill wrapper */
.lc-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.2s ease;
}

.lc-contact:hover .lc-icon {
  background: rgba(255, 148, 7, 0.2);
}

/* SVG icons inside the pill */
.lc-icon svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: rgba(255, 255, 255, 0.8);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke 0.2s ease;
}

.lc-contact:hover .lc-icon svg {
  stroke: #FF9407;
}

/* Truncate long emails or numbers */
.lc-contact span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}/* End custom CSS */