.elementor-1675 .elementor-element.elementor-element-5229b0f{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.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-1675 .elementor-element.elementor-element-dd72881 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:700;line-height:60px;color:#231F20;}.elementor-1675 .elementor-element.elementor-element-cebe13d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:30px;color:#0000008C;}.elementor-1675 .elementor-element.elementor-element-cebe13d{width:var( --container-widget-width, 771px );max-width:771px;--container-widget-width:771px;--container-widget-flex-grow:0;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-1675 .elementor-element.elementor-element-8d15fcd:after{content:"0.66";position:absolute;color:transparent;}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio-item__title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio__filter{color:#1C75BC;font-family:"Montserrat", Sans-serif;font-size:13px;font-weight:700;line-height:20px;}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio__filter.elementor-active{color:#FFFFFF;}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-1675 .elementor-element.elementor-element-8d15fcd > .elementor-widget-container{margin:50px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1675 .elementor-element.elementor-element-5229b0f{--padding-top:50px;--padding-bottom:50px;--padding-left:18px;--padding-right:18px;}.elementor-1675 .elementor-element.elementor-element-8d15fcd .elementor-portfolio-item__title{font-size:18px;}}/* Start custom CSS for portfolio, class: .elementor-element-8d15fcd */.beck-portfolio {
  --beck-column-gap: 56px;
  --beck-row-gap: 42px;
  --beck-title-image-gap: 18px;
}

/* Fix Elementor ratio padding that creates huge row gaps */
.beck-portfolio .elementor-portfolio.elementor-has-item-ratio .elementor-post__thumbnail__link {
  padding-bottom: 0 !important;
}

.beck-portfolio .elementor-grid,
.beck-portfolio .elementor-portfolio {
  column-gap: var(--beck-column-gap) !important;
  row-gap: var(--beck-row-gap) !important;
}

.beck-portfolio .elementor-portfolio-item {
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.beck-portfolio .elementor-post__thumbnail__link {
  display: flex !important;
  flex-direction: column;
  gap: var(--beck-title-image-gap);
  height: auto !important;
  overflow: visible !important;
  text-decoration: none !important;
}

/* New title/categories row */
.beck-portfolio .beck-portfolio-head {
  order: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  min-height: 36px;
  direction: ltr;
}

.beck-portfolio .elementor-portfolio-item__title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  color: #252525 !important;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.15;
  text-align: left !important;
  white-space: normal;
}

.beck-portfolio .beck-portfolio-cats {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  max-width: 55%;
  margin-left: auto;
      font-family: Montserrat;
    font-weight: 500;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 0%;
}

.beck-portfolio .beck-portfolio-cat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 4px 18px;
  border: 1px solid #EDEDED;
  border-radius: 5px;
  background: #fff;
  color: #0070c9;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}

/* Kill original overlay */
.beck-portfolio .elementor-portfolio-item__overlay {
  display: none !important;
}

/* Image only */
.beck-portfolio .elementor-portfolio-item__img {
  order: 2;
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 16px;
  overflow: hidden !important;
  background: transparent !important;
  transform: none !important;
}

.beck-portfolio .elementor-portfolio-item__img img {
  position: static !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  border-radius: 16px;
  opacity: 1 !important;
  transform: none !important;
}

.beck-portfolio .elementor-post__thumbnail__link:hover img {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width: 767px) {
  .beck-portfolio {
    --beck-column-gap: 0px;
    --beck-row-gap: 32px;
    --beck-title-image-gap: 12px;
  }

  .beck-portfolio .beck-portfolio-head {
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
  }

  .beck-portfolio .elementor-portfolio-item__title {
    flex-basis: 100%;
   
  }

  .beck-portfolio .beck-portfolio-cats {
    max-width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .beck-portfolio .beck-portfolio-cat {
    font-size: 10px;
    font-weight: 500;
    min-height: 24px;
    padding: 4px 12px;
  }

  .beck-portfolio .elementor-portfolio-item__img,
  .beck-portfolio .elementor-portfolio-item__img img {
    border-radius: 12px;
  }
}











/* Portfolio filters */
.beck-portfolio .elementor-portfolio__filters {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
  margin: 0 0 68px !important;
  padding: 0 !important;
  list-style: none !important;
  direction: ltr;
}

.beck-portfolio .elementor-portfolio__filter {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 5px 20px !important;
  margin: 0 !important;
  border: 1px solid #EDEDED;
  border-radius: 10px;
  background: #fff;
  color: #0870bd;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.beck-portfolio .elementor-portfolio__filter:hover,
.beck-portfolio .elementor-portfolio__filter:focus {
  border-color: #cfd8e2;
  background: #f8fbff;
  color: #0870bd;
  outline: none;
}

.beck-portfolio .elementor-portfolio__filter.elementor-active {
  border-color: #1d78bd;
  background: #1d78bd;
  color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
  .beck-portfolio .elementor-portfolio__filters {
    gap: 10px;
    margin-bottom: 32px !important;
  }

  .beck-portfolio .elementor-portfolio__filter {
    min-height: 25px;
    padding: 0px 14px !important;
    border-radius: 10px;
    font-size: 14px;
  }
}/* End custom CSS */