.elementor-7915 .elementor-element.elementor-element-8203194{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-7915 .elementor-element.elementor-element-0b59bd5{text-align:center;}.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 );}.elementor-7915 .elementor-element.elementor-element-295f4f3{text-align:center;}.elementor-7915 .elementor-element.elementor-element-9759950{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7915 .elementor-element.elementor-element-2dc394e{padding:15px 15px 15px 15px;}}/* Start custom CSS for shortcode, class: .elementor-element-2dc394e */.gallery-container {
      max-width: 1200px;
      margin: 0 auto;
     
    }

    .cases-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
      margin-bottom: 50px;

    }
    
    @media (min-width: 768px) {
    .cases-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    }

    @media (min-width: 1024px) {
    .cases-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    }
    @media (max-width: 768px) {
        .case-item{
            height: 300px !important;
        }
        
        .info-box{
            padding: 0px 10px !important;
        }
        
        .info-box h2{
            font-size: 18px !important;
        }
        
        
    }

    .case-item {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      height: 450px;
      display: flex;
      flex-direction: column;

    }
    
    .img-wrap {
      flex: 1;
      overflow: hidden;
      height: 50%;
    }

    .case-img {
      width: 100%;
      height: 100% !important;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }

    .img-wrap:hover .case-img {
      transform: scale(1.03);
    }

    .info-box {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
      color: #fff;
      padding: 30px 30px 0px 30px;
    }

    .info-box h2 {
      margin-bottom: 0.5rem;
      font-size: 21px;
      letter-spacing: 0.5px;
      font-weight: 600;
      color: white;
    }

    .info-box p {
      font-size: 14px;
      color: white;
    }
    #portfolio-results .elementor img{
      width: 100%;
    }/* End custom CSS */