.elementor-1530 .elementor-element.elementor-element-ba5aa99:not(.elementor-motion-effects-element-type-background), .elementor-1530 .elementor-element.elementor-element-ba5aa99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-1530 .elementor-element.elementor-element-ba5aa99 > .elementor-container{max-width:1400px;}.elementor-1530 .elementor-element.elementor-element-ba5aa99{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-ba5aa99 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1530 .elementor-element.elementor-element-7ec4277 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:75px 0px 60px 0px;}.elementor-1530 .elementor-element.elementor-element-ebcd125{text-align:center;}.elementor-1530 .elementor-element.elementor-element-ebcd125 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:36px;font-weight:800;color:#001636;}.elementor-1530 .elementor-element.elementor-element-5862a20:not(.elementor-motion-effects-element-type-background), .elementor-1530 .elementor-element.elementor-element-5862a20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-1530 .elementor-element.elementor-element-5862a20 > .elementor-container{max-width:1400px;}.elementor-1530 .elementor-element.elementor-element-5862a20{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-5862a20 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1530 .elementor-element.elementor-element-6ec2f79:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1530 .elementor-element.elementor-element-6ec2f79 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-1530 .elementor-element.elementor-element-6ec2f79 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1530 .elementor-element.elementor-element-6ec2f79 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-wrapper{background-color:#F5F7FA;border-radius:0px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul{background:#F5F7FA;margin:0px 0px 0px 0px;border-style:none;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul li.control{padding:10px 20px 10px 20px;margin:0px 29px 45px 0px;font-family:var( --e-global-typography-9cb4634-font-family ), Sans-serif;font-size:var( --e-global-typography-9cb4634-font-size );font-weight:var( --e-global-typography-9cb4634-font-weight );color:var( --e-global-color-1ab46e5d );background:#0044EA33;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul > li.control{border-style:none;border-radius:10px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul li.active{color:#fff;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul li.control.active{background:#001636;border-radius:10px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-grid-fg-box{background-color:#FFFFFF;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{margin:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-gallery-grid-item, 
                .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{border-style:none;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap.card-hover-bg{background-color:rgba(0,0,0,0.7);}.elementor-1530 .elementor-element.elementor-element-fe958bc .video-popup-bg{background-color:rgba(0, 0, 0, .7);}.elementor-1530 .elementor-element.elementor-element-fe958bc .video-popup:hover > img{transform:scale(1.1);}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .gallery-item-caption-wrap.caption-style-card{background-color:#FFFFFF;}.elementor-1530 .elementor-element.elementor-element-fe958bc .fg-layout-3-item-content{background-color:#FFFFFF;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap>img{border-radius:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap.caption-style-card .fg-item-title{color:#F56A6A;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap.caption-style-card .fg-item-content{color:#444;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap .gallery-item-buttons > a span{background:#ff622a;color:#fff;height:50px;line-height:50px;width:50px;font-size:18px;border-radius:100px;transition:300ms;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap .gallery-item-buttons > a span img{height:18px;width:18px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-wrap .gallery-item-buttons > a span:hover{background:#ff622a;color:#fff;border-radius:100px;}.elementor-1530 .elementor-element.elementor-element-fe958bc #eael-fg-no-items-found{text-align:center;color:#858e9a;border-radius:0px;}:root{--page-title-display:none;}@media(max-width:1220px){.elementor-1530 .elementor-element.elementor-element-ba5aa99{padding:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul li.control{font-size:var( --e-global-typography-9cb4634-font-size );}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-gallery-grid-item,
                    .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-grid-fg-box,
                    .elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filterable-gallery-item-wrap .eael-hg-grid__cell-img{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1530 .elementor-element.elementor-element-7ec4277 > .elementor-element-populated{padding:40px 0px 40px 0px;}.elementor-1530 .elementor-element.elementor-element-ebcd125 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1530 .elementor-element.elementor-element-ebcd125 .elementor-heading-title{font-size:25px;}.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control ul li.control{font-size:var( --e-global-typography-9cb4634-font-size );}}/* Start custom CSS for section, class: .elementor-element-ba5aa99 */.aux-container {
    padding: 0 !important;
}

#primary {
    padding-top: 0;
}

.header-title .elementor-widget-wrap>.elementor-element {
    width: 1200px;
    margin: 0 auto;
}

.header-title .elementor-widget-heading {
    width: 100% !important;
    background-color: #132656;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-title .elementor-widget-wrap {
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for eael-filterable-gallery, class: .elementor-element-fe958bc */.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-caption-over {
    display: none;
}

.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-filter-gallery-control {
    margin-bottom: 50px;
}

.elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-hoverer-bg {
    background-color: transparent;
}

.elementor-1530 .elementor-element.elementor-element-fe958bc .eael-gallery-grid-item:hover {
    box-shadow: 0 3px 36px 0 rgb(127 135 154 / 20%);
}

.elementor-1530 .elementor-element.elementor-element-fe958bc .filter-item-disabled {
    opacity: 0.3;
    pointer-events: none;
}

@media (max-width: 1024px) {
    .elementor-1530 .elementor-element.elementor-element-fe958bc .gallery-item-thumbnail-wrap img {
    object-fit: contain !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   Integrated Partners – EA Filterable Gallery (EAEL)
   FULL code (no skips), scoped to this widget via `body.elementor-page-1530`

   GOAL:
   - Mobile cards look EXACTLY like desktop cards (same fonts + sizes too)
   - Fix mobile clipping/cutoff by restoring min-height + restoring padding
   - Keep 1 column on mobile, but card styling stays identical
   - ✅ Override Elementor breakpoint rules that set padding:0 and min-height:0
========================================================= */

/* Remove extra theme spacing (optional) */
body.elementor-page-1530 .hentry .entry-main {
  margin-bottom: 0;
}

body.elementor-page-1530 .hentry .entry-content {
  margin-bottom: 0;
}

/* =========================================================
   FILTER CONTROLS
========================================================= */

body.elementor-page-1530 .eael-filter-gallery-control {
  margin-bottom: 75px;
}

body.elementor-page-1530 .eael-filter-gallery-control ul li.control.active {
  color: #fff !important;
}

body.elementor-page-1530 .eael-filter-gallery-control ul li.control {
  color: #001636 !important;
  text-align: center !important;
  font-family: Lexend, sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
  margin: 0px 29px 35px 0px !important;
}

/* =========================================================
   0) FORCE CAPTION OVERLAY VISIBLE (EAEL sometimes sets display:none)
========================================================= */

body.elementor-page-1530 .gallery-item-caption-over{
  display: block !important;
}

/* =========================================================
   1) WRAPPER / CONTAINER (background + overflow safety)
========================================================= */

body.elementor-page-1530 .eael-filter-gallery-wrapper{
  background: #F5F7FA;
}

/* ✅ Prevent clipping caused by parent overflow rules */
body.elementor-page-1530,
body.elementor-page-1530 .eael-filter-gallery-wrapper,
body.elementor-page-1530 .eael-filter-gallery-container,
body.elementor-page-1530 .eael-filter-gallery-grid,
body.elementor-page-1530 .eael-filterable-gallery-item-wrap,
body.elementor-page-1530 .eael-gallery-grid-item,
body.elementor-page-1530 .gallery-item-caption-wrap,
body.elementor-page-1530 .gallery-item-caption-over{
  overflow: visible !important;
}

body.elementor-page-1530 .eael-filter-gallery-container{
  position: relative;
  display: block;
  overflow: visible !important;
}

/* =========================================================
   2) ABSOLUTE ITEM WRAPS (desktop/tablet gaps via padding)
========================================================= */

body.elementor-page-1530 .eael-filterable-gallery-item-wrap{
  box-sizing: border-box;

  /* Desktop/tablet column gap: 30 + 30 = 60px between cards */
  padding-left: 30px;
  padding-right: 30px;

  margin: 0;

  /* Row gap (EAEL includes in measured height) */
  padding-bottom: 80px;

  /* 4 cols */
  width: 25%;
}

/* 3 cols */
@media (max-width: 1200px){
  body.elementor-page-1530 .eael-filterable-gallery-item-wrap{
    width: 33.3333%;
  }
}

/* 2 cols */
@media (max-width: 900px){
  body.elementor-page-1530 .eael-filterable-gallery-item-wrap{
    width: 50%;
  }
}

/* =========================================================
   3) CARD SHELL (desktop base)
========================================================= */

body.elementor-page-1530 .eael-gallery-grid-item{
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;

  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;

  /* keep rows aligned like desktop */
  min-height: 460px;
  height: auto;

  padding: 10px 27px 46px 27px;

  border-radius: 25.684px;
  border: 2.335px solid #F0F0F0;
  background: #FFFFFF;
  box-shadow: 5px 5px 15px -14px rgba(0, 0, 0, 0.08);
}

/* slightly tighter min-height on smaller screens */
@media (max-width: 1200px){
  body.elementor-page-1530 .eael-gallery-grid-item{
    min-height: 440px;
  }
}
@media (max-width: 900px){
  body.elementor-page-1530 .eael-gallery-grid-item{
    min-height: 420px;
  }
}

/* =========================================================
   4) THUMBNAIL SLOT
========================================================= */

body.elementor-page-1530 .gallery-item-thumbnail-wrap{
  width: 100%;
  padding-top: 85px;
  margin: 0 0 15px 0;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  position: relative;
  z-index: 1;
}

body.elementor-page-1530 img.gallery-item-thumbnail,
body.elementor-page-1530 .gallery-item-thumbnail-wrap img.gallery-item-thumbnail{
  width: auto;
  height: auto;
  max-height: 105px;
  max-width: 100%;

  object-fit: contain;
  object-position: left center;

  display: block;
}

/* =========================================================
   5) CAPTION WRAPPER + CONTENT FLOW
========================================================= */

body.elementor-page-1530 .gallery-item-caption-wrap.caption-style-card{
  width: 100%;
  max-width: 100%;
  padding: 0;
  text-align: left;

  background: transparent;
  background-color: transparent;

  display: flex;
  flex-direction: column;
  flex: 1 1 auto;

  min-width: 0;
}

body.elementor-page-1530 .gallery-item-caption-over{
  position: static;
  width: 100%;
  max-width: 100%;
  height: auto;

  text-align: left;
  min-width: 0;
}

body.elementor-page-1530 .fg-item-content{
  margin: 0;
  padding: 0;

  width: 100%;
  max-width: 100%;
  flex: 1 1 auto;

  min-width: 0;
}

body.elementor-page-1530 .fg-item-content p{
  margin: 0;
}

/* =========================================================
   6) TITLE (desktop fonts)
========================================================= */

body.elementor-page-1530 .fg-item-title{
  font-family: Lexend, sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  color: #000000 !important;

  margin: 0 0 15px 0 !important;
  width: 100%;
  text-align: left !important;

  text-transform: capitalize !important;
  min-width: 0;
}

/* =========================================================
   7) INNER CPM CARD (pill + desc) (desktop fonts)
========================================================= */

body.elementor-page-1530 .cpm-card{
  width: 100%;
  text-align: left;
}

body.elementor-page-1530 .cpm-card-header{
  position: absolute;
  top: 40px;
  left: 27px;
  right: 27px;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  margin: 0;
  pointer-events: none;
  z-index: 3;
}

body.elementor-page-1530 .cpm-card-pill{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 15px;
  border-radius: 30px;

  background: rgba(0, 68, 234, 0.20);
  color: #001636;

  font-family: Lexend, sans-serif;
  font-size: 11.8px;
  font-weight: 600;
  line-height: normal;

  text-transform: uppercase;
  pointer-events: none;
}

body.elementor-page-1530 .cpm-card-desc{
  font-family: Lexend, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.25;
  color: #000000;

  margin: 0;
  width: 100%;
  text-align: left;
  min-width: 0;
}

/* =========================================================
   8) CRITICAL OVERRIDES (Elementor breakpoint CSS)
   - Elementor sets padding:0 at <=1220px on this widget
   - Elementor sets min-height:0 at <=767px on this widget
   ✅ Use `body.elementor-page-1530` + !important to win inside widget CSS
========================================================= */

/* Elementor: @media (max-width: 1220px) { ... padding:0 } */
@media (max-width: 1220px){
  body.elementor-page-1530 .eael-filterable-gallery-item-wrap .eael-gallery-grid-item{
    padding: 10px 27px 46px 27px !important;
  }
}

/* Elementor: @media (max-width: 767px) { ... min-height:0 } */
@media (max-width: 767px){
  body.elementor-page-1530 .eael-gallery-grid-item{
    min-height: 460px !important;
    height: auto !important;
  }
}

/* =========================================================
   9) MOBILE = EXACT SAME CARD STYLE AS DESKTOP (INCLUDING FONTS)
   ✅ Only layout changes: 1 column + safe gutters
========================================================= */

@media (max-width: 767px){

  /* Safe gutters so card + shadow never clip on phone */
  body.elementor-page-1530 .eael-filter-gallery-wrapper{
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 24px !important;
    padding-bottom: 96px !important;
  }

  /* 1 col layout + no inner padding (wrapper provides gutter) */
  body.elementor-page-1530 .eael-filterable-gallery-item-wrap{
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 44px !important;
  }

  /* EXACT desktop card padding + visuals (force win) */
  body.elementor-page-1530 .eael-gallery-grid-item{
    padding: 10px 27px 46px 27px !important;

    border-radius: 25.684px !important;
    border: 2.335px solid #F0F0F0 !important;
    background: #FFFFFF !important;
    box-shadow: 5px 5px 15px -14px rgba(0, 0, 0, 0.08) !important;
  }

  /* Keep desktop logo spacing */
  body.elementor-page-1530 .gallery-item-thumbnail-wrap{
    padding-top: 85px !important;
    margin: 0 0 15px 0 !important;
  }

  body.elementor-page-1530 img.gallery-item-thumbnail,
  body.elementor-page-1530 .gallery-item-thumbnail-wrap img.gallery-item-thumbnail{
    max-height: 105px !important;
  }

  /* Keep desktop pill positioning */
  body.elementor-page-1530 .cpm-card-header{
    top: 40px !important;
    left: 27px !important;
    right: 27px !important;
  }

  body.elementor-page-1530 .cpm-card-pill{
    padding: 10px 15px !important;
    font-size: 11.8px !important;
  }

  /* Keep desktop typography (explicitly re-assert) */
  body.elementor-page-1530 .fg-item-title{
    font-size: 28px !important;
    margin: 0 0 15px 0 !important;
  }

  body.elementor-page-1530 .cpm-card-desc{
    font-size: 21px !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */