.elementor-27582 .elementor-element.elementor-element-5395698{--display:flex;}.elementor-27582 .elementor-element.elementor-element-44e0203{--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-27582 .elementor-element.elementor-element-563afc2{--display:flex;}.elementor-27582 .elementor-element.elementor-element-48b3f7e .eael-breadcrumbs .eael-breadcrumbs__content{border-style:none;font-family:"Soehne", Sans-serif;font-size:16px;}.elementor-27582 .elementor-element.elementor-element-48b3f7e .eael-breadcrumbs .eael-breadcrumbs__content a{color:var( --e-global-color-ae43363 );}.elementor-27582 .elementor-element.elementor-element-48b3f7e .eael-breadcrumbs .eael-breadcrumb-separator svg path{fill:#A5A4B0;}.elementor-27582 .elementor-element.elementor-element-48b3f7e .eael-breadcrumbs .eael-breadcrumb-separator{color:#A5A4B0;margin:0 10px;}.elementor-27582 .elementor-element.elementor-element-7a12422{--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:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-27582 .elementor-element.elementor-element-5c42291{--display:flex;}.elementor-27582 .elementor-element.elementor-element-c8b5559{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__thumbnail__link{width:100%;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__meta-data span + span:before{content:"•";}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__card{border-color:#E5E7EB;border-width:1px;border-radius:12px;padding-top:0px;padding-bottom:0px;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__text{padding:0 30px;margin-top:20px;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__meta-data{padding:10px 30px;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__avatar{padding-right:30px;padding-left:30px;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__card .elementor-post__meta-data{border-top-color:#0000000D;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__title, .elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__title a{color:var( --e-global-color-22a90d0e );font-family:"Soehne", Sans-serif;font-size:20px;font-weight:500;text-decoration:none;}.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-pagination{text-align:end;}body:not(.rtl) .elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-27582 .elementor-element.elementor-element-18ab71e{--display:flex;}body.elementor-page-27582:not(.elementor-motion-effects-element-type-background), body.elementor-page-27582 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-27582 .elementor-element.elementor-element-c8b5559 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for posts, class: .elementor-element-c8b5559 *//* ============================================================
   USE CASE CARDS — style for Elementor Posts widget (Classic skin)
   Add CSS class "uc-posts-grid" to the widget, then paste this
   into the widget's Advanced > Custom CSS, or Additional CSS.
============================================================ */

.uc-posts-grid{
  --navy:#10273c;--sky:#4c7398;--mist2:#eef4fa;--line:#e3e9f1;
  --red:#e83541;--orange:#fc8d34;--ink:#3a4a5c;
  --display:'Sora',-apple-system,Segoe UI,Roboto,sans-serif;
  --body:'Inter',-apple-system,Segoe UI,Roboto,sans-serif;
}

/* grid gap between cards + force equal row height */
.uc-posts-grid .elementor-posts-container{
  gap: 26px !important;
  align-items: stretch !important;
  grid-auto-rows: 1fr !important;
}

/* the card itself */
.uc-posts-grid article.elementor-post{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 20px rgba(16,39,60,.05);
  transition:transform .2s ease, box-shadow .2s ease;
  position:relative;
  display:flex;
  flex-direction:column;
  height:100% !important;
}
.uc-posts-grid article.elementor-post:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 44px rgba(16,39,60,.13);
}

/* red-to-orange top bar, animates in on hover */
.uc-posts-grid article.elementor-post::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,var(--red),var(--orange));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s ease;
  z-index:2;
}
.uc-posts-grid article.elementor-post:hover::before{
  transform:scaleX(1);
}

/* thumbnail — fixed aspect ratio regardless of source image dimensions */
.uc-posts-grid .elementor-post__thumbnail__link{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/10 !important;
  overflow:hidden !important;
  flex-shrink:0;
}
.uc-posts-grid .elementor-post__thumbnail{
  width:100% !important;height:100% !important;
}
.uc-posts-grid .elementor-post__thumbnail img{
  width:100% !important;height:100% !important;object-fit:cover !important;
  transition:transform .3s ease;
}
.uc-posts-grid article.elementor-post:hover .elementor-post__thumbnail img{
  transform:scale(1.04);
}

/* text body */
.uc-posts-grid .elementor-post__text{
  padding:24px 24px 28px;
  flex:1;
  display:flex;
  flex-direction:column;
}

/* title — clamp to 2 lines so short/long titles reserve equal space */
.uc-posts-grid .elementor-post__title{
  font-family:var(--display) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  margin:0 0 10px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:calc(19px * 1.35 * 2) !important;
}
.uc-posts-grid .elementor-post__title a{
  color:var(--navy) !important;
  text-decoration:none !important;
}
.uc-posts-grid article.elementor-post:hover .elementor-post__title a{
  color:var(--orange) !important;
}

/* excerpt, if shown */
.uc-posts-grid .elementor-post__excerpt{
  font-family:var(--body);
  font-size:15px;
  color:var(--ink);
  line-height:1.7;
  margin:0 0 14px;
}

/* meta / date — de-emphasize, push to bottom */
.uc-posts-grid .elementor-post__meta-data{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-family:var(--body) !important;
  font-size:12.5px !important;
  color:var(--sky) !important;
}

/* "READ MORE »" link — restyle as a small text link with arrow motion */
.uc-posts-grid .elementor-post__read-more{
  font-family:var(--body) !important;
  font-size:14px !important;
  font-weight:600 !important;
  color:#0a7ceb !important;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:12px;
  transition:gap .2s ease;
}
.uc-posts-grid article.elementor-post:hover .elementor-post__read-more{
  gap:10px;
}

/* remove default Elementor divider/border-bottom rows if present */
.uc-posts-grid .elementor-post__card,
.uc-posts-grid .elementor-post{
  border-bottom:none !important;
}

/* remove focus outline flicker some themes add */
.uc-posts-grid a{ outline:none; }

@media(max-width:640px){
  .uc-posts-grid .elementor-post__title{ font-size:17px !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Soehne';
	font-display: auto;
	src: url('https://pivotalleap.com/wp-content/uploads/2025/11/Sohne-Leicht.ttf') format('truetype');
}
/* End Custom Fonts CSS */