.elementor-34424 .elementor-element.elementor-element-21972af{--display:flex;--min-height:200px;--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:center;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#0000005C;--border-color:#0000005C;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34424 .elementor-element.elementor-element-21972af:not(.elementor-motion-effects-element-type-background), .elementor-34424 .elementor-element.elementor-element-21972af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E7E7E7 0%, #13131426 122%);}.elementor-34424 .elementor-element.elementor-element-21972af > .elementor-shape-bottom svg, .elementor-34424 .elementor-element.elementor-element-21972af > .e-con-inner > .elementor-shape-bottom svg{height:47px;}.elementor-34424 .elementor-element.elementor-element-6023867 .elementor-heading-title{font-family:"Bricolage Grotesque", Sans-serif;font-size:42px;color:var( --e-global-color-278b752 );}.elementor-34424 .elementor-element.elementor-element-fb26c4c{--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:66px;--padding-bottom:77px;--padding-left:10px;--padding-right:10px;}.elementor-34424 .elementor-element.elementor-element-8fc0e5f .e-search-submit{background-color:var( --e-global-color-278b752 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-34424 .elementor-element.elementor-element-8fc0e5f .e-search-submit:hover{background-color:var( --e-global-color-52051f9d );--e-search-icon-submit-color:var( --e-global-color-7d2b92a7 );}.elementor-34424 .elementor-element.elementor-element-8fc0e5f{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;--e-search-input-padding-block-start:11px;--e-search-input-padding-inline-start:11px;--e-search-input-padding-block-end:11px;--e-search-input-padding-inline-end:11px;--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:16px;--e-search-submit-icon-gap:8px;--e-search-submit-color:var( --e-global-color-7d2b92a7 );--e-search-icon-submit-color:var( --e-global-color-7d2b92a7 );--e-search-submit-border-radius:0px 0px 0px 0px;--e-search-submit-padding:11px 11px 11px 11px;}.elementor-34424 .elementor-element.elementor-element-8fc0e5f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-34424 .elementor-element.elementor-element-8fc0e5f .e-search-input{font-size:16px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );}.elementor-34424 .elementor-element.elementor-element-ab90042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:22px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-34424 .elementor-element.elementor-element-9bb6437{--display:flex;}.elementor-34424 .elementor-element.elementor-element-32ee325{--grid-columns:4;--grid-row-gap:0px;}.elementor-34424 .elementor-element.elementor-element-60b9f7c{--grid-columns:4;--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:0px;}.elementor-34424 .elementor-element.elementor-element-07f0a88{--display:flex;}.elementor-34424 .elementor-element.elementor-element-9079170{--grid-columns:4;}.elementor-34424 .elementor-element.elementor-element-9f4c38f{--grid-columns:4;--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:0px;}.elementor-34424 .elementor-element.elementor-element-9f4c38f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-34424 .elementor-element.elementor-element-9f4c38f .e-loop-item > .elementor-section, .elementor-34424 .elementor-element.elementor-element-9f4c38f .e-loop-item > .elementor-section > .elementor-container, .elementor-34424 .elementor-element.elementor-element-9f4c38f .e-loop-item > .e-con, .elementor-34424 .elementor-element.elementor-element-9f4c38f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-34424 .elementor-element.elementor-element-b8f7709{--display:flex;}.elementor-34424 .elementor-element.elementor-element-0727d75{--grid-columns:4;}.elementor-34424 .elementor-element.elementor-element-aa073d0{--grid-columns:4;--grid-row-gap:30px;width:100%;max-width:100%;--grid-column-gap:0px;}.elementor-34424 .elementor-element.elementor-element-aa073d0 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-34424 .elementor-element.elementor-element-aa073d0 .e-loop-item > .elementor-section, .elementor-34424 .elementor-element.elementor-element-aa073d0 .e-loop-item > .elementor-section > .elementor-container, .elementor-34424 .elementor-element.elementor-element-aa073d0 .e-loop-item > .e-con, .elementor-34424 .elementor-element.elementor-element-aa073d0 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-34424 .elementor-element.elementor-element-8ea0622{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:11px;--n-tabs-gap:45px;--n-tabs-title-border-radius:7px 7px 7px 7px;--n-tabs-title-padding-top:7px;--n-tabs-title-padding-right:7px;--n-tabs-title-padding-bottom:7px;--n-tabs-title-padding-left:7px;--n-tabs-title-font-size:18px;--n-tabs-title-color:var( --e-global-color-278b752 );--n-tabs-title-color-active:var( --e-global-color-7d2b92a7 );}.elementor-34424 .elementor-element.elementor-element-8ea0622 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#F5F5F5A8;}.elementor-34424 .elementor-element.elementor-element-8ea0622.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-aa7f623 );background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-aa7f623 ) 0%, var( --e-global-color-aa7f623 ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-aa7f623 );}.elementor-34424 .elementor-element.elementor-element-8ea0622.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-34424 .elementor-element.elementor-element-8ea0622.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-aa7f623 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-aa7f623 );}.elementor-34424 .elementor-element.elementor-element-8ea0622.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#02010133;}.elementor-34424 .elementor-element.elementor-element-8ea0622 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-7d2b92a7 );}.elementor-34424 .elementor-element.elementor-element-e5e1505{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:77px;--margin-left:0px;--margin-right:0px;}.elementor-34424 .elementor-element.elementor-element-b03672e{--display:flex;}.elementor-34424 .elementor-element.elementor-element-58dcb2c:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-34424 .elementor-element.elementor-element-58dcb2c img{transition-duration:1s;}.elementor-34424 .elementor-element.elementor-element-e2305b6{--display:flex;}.elementor-34424 .elementor-element.elementor-element-8e2efcd:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-34424 .elementor-element.elementor-element-8e2efcd img{transition-duration:1s;}@media(max-width:1024px){.elementor-34424 .elementor-element.elementor-element-6023867 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-34424 .elementor-element.elementor-element-6023867 .elementor-heading-title{font-size:40px;}.elementor-34424 .elementor-element.elementor-element-8fc0e5f{width:var( --container-widget-width, 481.475px );max-width:481.475px;--container-widget-width:481.475px;--container-widget-flex-grow:0;}.elementor-34424 .elementor-element.elementor-element-32ee325{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-60b9f7c{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-9079170{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-9f4c38f{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-0727d75{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-aa073d0{--grid-columns:2;}}@media(max-width:767px){.elementor-34424 .elementor-element.elementor-element-21972af{--min-height:200px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34424 .elementor-element.elementor-element-21972af > .elementor-shape-bottom svg, .elementor-34424 .elementor-element.elementor-element-21972af > .e-con-inner > .elementor-shape-bottom svg{height:34px;}.elementor-34424 .elementor-element.elementor-element-6023867{text-align:center;}.elementor-34424 .elementor-element.elementor-element-6023867 .elementor-heading-title{font-size:30px;}.elementor-34424 .elementor-element.elementor-element-8fc0e5f{width:100%;max-width:100%;}.elementor-34424 .elementor-element.elementor-element-9bb6437{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34424 .elementor-element.elementor-element-32ee325{--grid-columns:1;}.elementor-34424 .elementor-element.elementor-element-60b9f7c{--grid-columns:2;width:100%;max-width:100%;}.elementor-34424 .elementor-element.elementor-element-07f0a88{--width:100%;}.elementor-34424 .elementor-element.elementor-element-9079170{--grid-columns:1;}.elementor-34424 .elementor-element.elementor-element-9f4c38f{--grid-columns:2;}.elementor-34424 .elementor-element.elementor-element-b8f7709{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34424 .elementor-element.elementor-element-0727d75{--grid-columns:1;}.elementor-34424 .elementor-element.elementor-element-aa073d0{--grid-columns:2;--grid-row-gap:22px;--grid-column-gap:11px;}.elementor-34424 .elementor-element.elementor-element-8ea0622{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;--n-tabs-title-font-size:16px;}.elementor-34424 .elementor-element.elementor-element-8ea0622.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:1.3em;}.elementor-34424 .elementor-element.elementor-element-b03672e{--width:48%;}.elementor-34424 .elementor-element.elementor-element-e2305b6{--width:48%;}}@media(min-width:768px){.elementor-34424 .elementor-element.elementor-element-ab90042{--content-width:1280px;}.elementor-34424 .elementor-element.elementor-element-b03672e{--width:25%;}.elementor-34424 .elementor-element.elementor-element-e2305b6{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-34424 .elementor-element.elementor-element-9bb6437{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-9bb6437 *//* --------------------------
  Stable Loop Grid wrapper
  Use: add class "my-loop-grid" to the container/section that wraps your loop items
  -------------------------- */

.my-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* desktop: 3 columns */
  gap: 34px !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* responsive: 2 columns tablet, 1 column mobile */
@media (max-width: 1024px) {
  .my-loop-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .my-loop-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Ensure each loop item becomes a block-level card */
.my-loop-grid > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important; /* prevents flex item overflow when long words exist */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card inner reset — change .card, .team-card etc to match your markup if needed */
.my-loop-grid .card,
.my-loop-grid .team-card,
.my-loop-grid .acf-post,
.my-loop-grid .post {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Media area: fixed aspect, cover image, avoid stretching */
.my-loop-grid .card-media,
.my-loop-grid .post-thumbnail,
.my-loop-grid .entry-media {
  width: 100% !important;
  height: 420px !important; /* change height if you want different aspect */
  overflow: hidden !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset !important;
}

/* Make sure image fills the media area without distortion */
.my-loop-grid .card-media img,
.my-loop-grid .post-thumbnail img,
.my-loop-grid .entry-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Title area & text alignment */
.my-loop-grid .card-title,
.my-loop-grid .entry-title,
.my-loop-grid h3,
.my-loop-grid .card .title {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Force removal of floats and inline-blocks that break grid */
.my-loop-grid * {
  float: none !important;
  vertical-align: baseline !important;
}

/* Protect against parent overflow:hidden blocking shadows/spacing */
.my-loop-grid,
.my-loop-grid > * {
  overflow: visible !important;
}

/* Optional: minor visual polishing */
.my-loop-grid .card {
  padding: 18px 16px 26px 16px !important;
  gap: 12px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bb6437 *//* --------------------------
  Stable Loop Grid wrapper
  Use: add class "my-loop-grid" to the container/section that wraps your loop items
  -------------------------- */

.my-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* desktop: 3 columns */
  gap: 34px !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* responsive: 2 columns tablet, 1 column mobile */
@media (max-width: 1024px) {
  .my-loop-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .my-loop-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Ensure each loop item becomes a block-level card */
.my-loop-grid > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important; /* prevents flex item overflow when long words exist */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card inner reset — change .card, .team-card etc to match your markup if needed */
.my-loop-grid .card,
.my-loop-grid .team-card,
.my-loop-grid .acf-post,
.my-loop-grid .post {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Media area: fixed aspect, cover image, avoid stretching */
.my-loop-grid .card-media,
.my-loop-grid .post-thumbnail,
.my-loop-grid .entry-media {
  width: 100% !important;
  height: 420px !important; /* change height if you want different aspect */
  overflow: hidden !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset !important;
}

/* Make sure image fills the media area without distortion */
.my-loop-grid .card-media img,
.my-loop-grid .post-thumbnail img,
.my-loop-grid .entry-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Title area & text alignment */
.my-loop-grid .card-title,
.my-loop-grid .entry-title,
.my-loop-grid h3,
.my-loop-grid .card .title {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Force removal of floats and inline-blocks that break grid */
.my-loop-grid * {
  float: none !important;
  vertical-align: baseline !important;
}

/* Protect against parent overflow:hidden blocking shadows/spacing */
.my-loop-grid,
.my-loop-grid > * {
  overflow: visible !important;
}

/* Optional: minor visual polishing */
.my-loop-grid .card {
  padding: 18px 16px 26px 16px !important;
  gap: 12px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bb6437 *//* --------------------------
  Stable Loop Grid wrapper
  Use: add class "my-loop-grid" to the container/section that wraps your loop items
  -------------------------- */

.my-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* desktop: 3 columns */
  gap: 34px !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* responsive: 2 columns tablet, 1 column mobile */
@media (max-width: 1024px) {
  .my-loop-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .my-loop-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Ensure each loop item becomes a block-level card */
.my-loop-grid > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important; /* prevents flex item overflow when long words exist */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card inner reset — change .card, .team-card etc to match your markup if needed */
.my-loop-grid .card,
.my-loop-grid .team-card,
.my-loop-grid .acf-post,
.my-loop-grid .post {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Media area: fixed aspect, cover image, avoid stretching */
.my-loop-grid .card-media,
.my-loop-grid .post-thumbnail,
.my-loop-grid .entry-media {
  width: 100% !important;
  height: 420px !important; /* change height if you want different aspect */
  overflow: hidden !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset !important;
}

/* Make sure image fills the media area without distortion */
.my-loop-grid .card-media img,
.my-loop-grid .post-thumbnail img,
.my-loop-grid .entry-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Title area & text alignment */
.my-loop-grid .card-title,
.my-loop-grid .entry-title,
.my-loop-grid h3,
.my-loop-grid .card .title {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Force removal of floats and inline-blocks that break grid */
.my-loop-grid * {
  float: none !important;
  vertical-align: baseline !important;
}

/* Protect against parent overflow:hidden blocking shadows/spacing */
.my-loop-grid,
.my-loop-grid > * {
  overflow: visible !important;
}

/* Optional: minor visual polishing */
.my-loop-grid .card {
  padding: 18px 16px 26px 16px !important;
  gap: 12px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9bb6437 *//* --------------------------
  Stable Loop Grid wrapper
  Use: add class "my-loop-grid" to the container/section that wraps your loop items
  -------------------------- */

.my-loop-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* desktop: 3 columns */
  gap: 34px !important;
  align-items: start !important;
  justify-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* responsive: 2 columns tablet, 1 column mobile */
@media (max-width: 1024px) {
  .my-loop-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 600px) {
  .my-loop-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* Ensure each loop item becomes a block-level card */
.my-loop-grid > * {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  min-width: 0 !important; /* prevents flex item overflow when long words exist */
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Card inner reset — change .card, .team-card etc to match your markup if needed */
.my-loop-grid .card,
.my-loop-grid .team-card,
.my-loop-grid .acf-post,
.my-loop-grid .post {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Media area: fixed aspect, cover image, avoid stretching */
.my-loop-grid .card-media,
.my-loop-grid .post-thumbnail,
.my-loop-grid .entry-media {
  width: 100% !important;
  height: 420px !important; /* change height if you want different aspect */
  overflow: hidden !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 0 rgba(0,0,0,0.03) inset !important;
}

/* Make sure image fills the media area without distortion */
.my-loop-grid .card-media img,
.my-loop-grid .post-thumbnail img,
.my-loop-grid .entry-media img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Title area & text alignment */
.my-loop-grid .card-title,
.my-loop-grid .entry-title,
.my-loop-grid h3,
.my-loop-grid .card .title {
  margin: 18px 0 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Force removal of floats and inline-blocks that break grid */
.my-loop-grid * {
  float: none !important;
  vertical-align: baseline !important;
}

/* Protect against parent overflow:hidden blocking shadows/spacing */
.my-loop-grid,
.my-loop-grid > * {
  overflow: visible !important;
}

/* Optional: minor visual polishing */
.my-loop-grid .card {
  padding: 18px 16px 26px 16px !important;
  gap: 12px !important;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-8ea0622 */.usman-tab-scroll-wrapper{
    display:block !important;
    width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-behavior:smooth !important;
    touch-action: pan-x !important;
    box-sizing: border-box !important;
    padding: 6px 6px !important;
  }

  /* scrollbar only for this wrapper */
  .usman-tab-scroll-wrapper::-webkit-scrollbar { height:7px; }
  .usman-tab-scroll-wrapper::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.24); border-radius:6px; }
  .usman-tab-scroll-wrapper { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.24) transparent; }

  /* keep each tab inline and visible */
  .usman-tab-scroll-wrapper .e-n-tab-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    min-width: -webkit-fit-content !important;
    min-width: -moz-fit-content !important;
    min-width: fit-content !important;
    margin: 0 8px !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
  }

  /* ensure the original container doesn't clip */
  .e-n-tabs-heading {
    overflow: visible !important;
    width: 100% !important;
  }/* End custom CSS */