.elementor-3155 .elementor-element.elementor-element-74b2574{--display:flex;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for gallery-tab, class: .elementor-element-667c1e3 */.cs-portfolio.cs-style1 .cs-portfolio_bg {
      background-position: top;
}


.cs-portfolio:hover .cs-portfolio_bg {
    animation: scrollImage 12s linear infinite alternate;
}

@keyframes scrollImage {
    0% {
        background-position: top;
    }
    100% {
        background-position: bottom;
    }
}



.cs-portfolio.cs-style1 .cs-portfolio_info {
       padding: 80px 20px 100px 65px;
  
}


.cs-isotop.cs-style1.cs-isotop_col_3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  height: auto !important;
  width: 100%;
  max-width: 100%;
}

.cs-isotop_item {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.cs-grid_sizer {
  display: none;
}

.cs-portfolio {
  display: block;
  position: relative;
  width: 100% !important;
  height: 0;
  padding-bottom: 600px; /* Desktop height */
}

.cs-portfolio_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.cs-portfolio.cs-style1.cs-type1 {
  width: 100% !important;
}

.cs-portfolio_info {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}

/* Mobile Styles */
@media screen and (max-width: 767px) {
  .cs-isotop.cs-style1.cs-isotop_col_3 {
    grid-template-columns: 1fr; /* Single column */
    gap: 16px; /* Smaller gap for mobile */
    margin-left: 0px;
  }

  .cs-portfolio {
    padding-bottom: 550px; /* Different height for mobile */
  }
  .cs-portfolio.cs-style1 .cs-portfolio_info {
       padding: 80px 20px 100px 65px;
  
}
}

/* Tablet Breakpoint (optional) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .cs-portfolio {
    padding-bottom: 85%; /* Optional different height for tablet */
  }
}/* End custom CSS */