.elementor-24684 .elementor-element.elementor-element-a4c6e48{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:35px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-24684 .elementor-element.elementor-element-3f1a5ab{--display:flex;overflow:visible;}.elementor-24684 .elementor-element.elementor-element-387c674{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;overflow:visible;}.elementor-24684 .elementor-element.elementor-element-bbc2157 .ekit-breadcrumb{justify-content:start;}.elementor-24684 .elementor-element.elementor-element-bbc2157 .ekit-breadcrumb > li:is(.brd_sep) .separate_icon {font-size:9px;}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 .elementskit-section-title-wraper .elementskit-section-title > span{background-color:transparent;color:var( --e-global-color-primary );padding:0px 0px 0px 0px;background-image:linear-gradient(180deg, #FFFFFF 64%, var( --e-global-color-accent ) 0%);border-radius:0px 0px 0px 0px;}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 .ekit-heading__description{max-width:480px;}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 .elementskit-section-title-wraper .elementskit-section-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 .elementskit-section-title-wraper p{font-size:18px;margin:0px 0px 0px 0px;}.elementor-24684 .elementor-element.elementor-element-b06b4a7{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-24684 .elementor-element.elementor-element-6486a48{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;overflow:visible;}.elementor-24684 .elementor-element.elementor-element-cc2bf83 .keydesign-portfolio-grid-item{margin-bottom:30px;}.elementor-24684 .elementor-element.elementor-element-cc2bf83 .keydesign-portfolio-grid{--portfolio-gap:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24684 .elementor-element.elementor-element-1a4e7d3 .elementskit-section-title-wraper p{font-size:16px;}}@media(max-width:767px){.elementor-24684 .elementor-element.elementor-element-a4c6e48{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24684 .elementor-element.elementor-element-1a4e7d3 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-24684 .elementor-element.elementor-element-b06b4a7{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for portfolio-grid, class: .elementor-element-cc2bf83 *//* Base style for filter tabs */
.keydesign-portfolio-grid__filters.portfolio_filter-design-2 li {
  padding: 0px 10px;
  margin: 5px 4px;
  border: 1.5px solid #dcdcdc; /* light grey border by default */
  border-radius: 999px; /* fully rounded pill */
  font-size: 14px;
  font-weight: 500;
  color: #26D16D;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0 6px;
  position: relative;
  list-style: none;
}

/* Hover state */
.keydesign-portfolio-grid__filters.portfolio_filter-design-2 li:hover {
  border-color: #26D16D;  /* red border */
  color: #26D16D;         /* red text */
}

/* Active state */
.keydesign-portfolio-grid__filters.portfolio_filter-design-2 li.active {
  border-color: #26D16D;  /* red border */
  color: #26D16D;         /* red text */
  font-weight: 600;
}



/*TEXT CODE  HOVER OR CLICK */
.keydesign-portfolio-grid__filters.portfolio_filter-design-2 li:hover, .keydesign-portfolio-grid__filters.portfolio_filter-design-2 li.active {
  color: #26D16D !important;
}


.keydesign-portfolio-grid__filters.portfolio_filter-design-2 li::before {
  display: none !important;
}






/* --- Card hover reveal for KeyDesign Portfolio (Design 2) --- */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__wrapper{
  position: relative;
  overflow: hidden;
}

/* subtle image zoom on hover */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__wrapper img{
  transition: transform var(--global-transition, .35s ease);
  will-change: transform;
}
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__wrapper:hover img{
  transform: scale(1.03);
}

/* content panel hidden by default */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__content{
  position: absolute;
  left: var(--grid-columns-gap, 20px);
  right: var(--grid-columns-gap, 20px);
  bottom: -1px;
  transform: translateY(110%);
  opacity: 0;
  background: #fff;
  padding: var(--column-spacing, 18px);
  border-radius: var(--global-border-radius, 14px);
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  z-index: 5;
  transition:
    transform var(--global-transition, .35s ease),
    bottom var(--global-transition, .35s ease),
    opacity var(--global-transition, .35s ease);
}

/* reveal on hover */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__wrapper:hover .keydesign-portfolio-grid-item__content{
  bottom: var(--grid-columns-gap, 20px);
  transform: translateY(0%);
  opacity: 1;
}

/* typography inside overlay */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__title{
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
  color: #111;
}
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__categories{
  margin-top: 8px;
}
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__categories__category{
  font-size: 13px;
  color: #3d4a5d;
}

/* ensure links don't cover the overlay */
.keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__link{
  position: relative;
  z-index: 1;
}

/* optional: always show overlay on touch devices */
@media (hover: none){
  .keydesign-portfolio-item-design-2 .keydesign-portfolio-grid-item__content{
    transform: none;
    bottom: var(--grid-columns-gap, 20px);
    opacity: 1;
  }
}

/*IMAGE RADIUS OR WHEN HOVER ON IT*/
/* Normal state - no border radius */
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    border-radius: 0 !important;
    transition: border-radius 0.3s ease !important;
}

/* On hover - rounded corners */
.attachment-post-thumbnail.size-post-thumbnail.wp-post-image:hover {
    border-radius: 20px !importan;
}


/*Card BOrder Radius*/

.elementor-24684 .elementor-element.elementor-element-cc2bf83 .keydesign-portfolio-grid-item__img {
  border-radius: 20px;
}


/*Contact BOrder radius */
.keydesign-portfolio-item-design-1 .keydesign-portfolio-grid-item__wrapper .keydesign-portfolio-grid-item__content {
    border-radius: 20px !important;
}/* End custom CSS */