.elementor-2269 .elementor-element.elementor-element-69ef097{--display:flex;--min-height:350px;--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;--overlay-opacity:0.65;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2269 .elementor-element.elementor-element-69ef097::before, .elementor-2269 .elementor-element.elementor-element-69ef097 > .elementor-background-video-container::before, .elementor-2269 .elementor-element.elementor-element-69ef097 > .e-con-inner > .elementor-background-video-container::before, .elementor-2269 .elementor-element.elementor-element-69ef097 > .elementor-background-slideshow::before, .elementor-2269 .elementor-element.elementor-element-69ef097 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2269 .elementor-element.elementor-element-69ef097 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, #00000038 0%, #000000 0%);}.elementor-2269 .elementor-element.elementor-element-69ef097:not(.elementor-motion-effects-element-type-background), .elementor-2269 .elementor-element.elementor-element-69ef097 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2269 .elementor-element.elementor-element-e5b3487 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 0px 0px;font-family:"Playfair Display", Sans-serif;font-size:60px;font-weight:300;line-height:1.08em;letter-spacing:0.01em;}.elementor-2269 .elementor-element.elementor-element-e5b3487 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-2269 .elementor-element.elementor-element-e5b3487 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-2269 .elementor-element.elementor-element-532a33a{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}.elementor-2269 .elementor-element.elementor-element-532a33a:not(.elementor-motion-effects-element-type-background), .elementor-2269 .elementor-element.elementor-element-532a33a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4134bbc );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2269 .elementor-element.elementor-element-6ef582d{--grid-columns:4;}@media(max-width:1024px){.elementor-2269 .elementor-element.elementor-element-69ef097{--min-height:200px;}.elementor-2269 .elementor-element.elementor-element-e5b3487 .elementskit-section-title-wraper .elementskit-section-title{font-size:30px;}.elementor-2269 .elementor-element.elementor-element-532a33a{--padding-top:36px;--padding-bottom:36px;--padding-left:15px;--padding-right:15px;}.elementor-2269 .elementor-element.elementor-element-6ef582d{--grid-columns:2;}}@media(max-width:767px){.elementor-2269 .elementor-element.elementor-element-69ef097{--min-height:250px;--padding-top:150px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2269 .elementor-element.elementor-element-e5b3487 .elementskit-section-title-wraper .elementskit-section-title{font-size:25px;}.elementor-2269 .elementor-element.elementor-element-6ef582d{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-a0d330f */.service-cat-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr); /* ✅ 4 columns */
    gap:25px;
}

.cat-card{
    border-radius:20px;
    overflow:hidden;
}

.cat-img{
    height:380px;
    background-size:cover;
    background-position:center;
    position:relative;
    border-radius:20px;
    transition:.4s;
}

/*.cat-card:hover .cat-img{*/
/*    transform:scale(1.05);*/
/*}*/

.overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.7));
}

.top-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 4px 14px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    background: rgba(255, 255, 255, .25);
    backdrop-filter: blur(6px);
}

.bottom-content{
    position:absolute;
    bottom:20px;
    left:20px;
    color:#fff;
}

.bottom-content h3 {
    color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    font-family: "Playfair Display", Sans-serif;
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.2em;
}

.cat-card .top-btn {
    visibility: hidden;
}
.cat-card:hover .top-btn {
    visibility: visible;
}

.service-cat-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Desktop - 4 columns */
    gap: 25px;
}

/* Tablet */
@media (max-width: 1024px){
    .service-cat-grid{
        grid-template-columns: repeat(3, 1fr); /* 3 columns */
    }
}

/* Mobile */
@media (max-width: 768px){
    .service-cat-grid{
        grid-template-columns: repeat(3, 1fr); /* 2 columns */
    }
    .cat-img{
    height:230px;
}
.bottom-content h3 {
    font-size: 15px;
}
.top-btn {
    
    font-size: 10px;
    
}

}

/* Small Mobile (optional) */
@media (max-width: 480px){
      .service-cat-grid{
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
    .cat-img{
    height:180px;
}
.bottom-content h3 {
    font-size: 15px;
}
.top-btn {
    
    font-size: 10px;
    
}
}/* End custom CSS */