.elementor-66 .elementor-element.elementor-element-6b4ac31{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-6b4ac31:not(.elementor-motion-effects-element-type-background), .elementor-66 .elementor-element.elementor-element-6b4ac31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F3EE;}.elementor-66 .elementor-element.elementor-element-33cd17c{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-66 .elementor-element.elementor-element-c18542d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-66 .elementor-element.elementor-element-33cd17c{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c18542d */.luxury-cat-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px;
}

.luxury-cat-item{
position:relative;
display:block;
overflow:hidden;
aspect-ratio:1/1;
text-decoration:none;
background:#eee;
}

.luxury-cat-item img{
width:100%;
height:100%;
object-fit:cover;
transition:all .6s ease;
}

.luxury-cat-item:hover img{
transform:scale(1.08);
}

.luxury-cat-item .overlay{
position:absolute;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.08));
transition:.35s;
}

.luxury-cat-item:hover .overlay{
background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.15));
}

.luxury-cat-item .content{
position:absolute;
left:25px;
right:25px;
bottom:25px;
display:flex;
justify-content:space-between;
align-items:flex-end;
z-index:2;
}

.luxury-cat-item h3{
margin:0;
font-size:20px;
font-family:"Cormorant Garamond",serif;
font-weight:400;
color:#fff;
transition:.35s;
}

.arrow{
display:flex;
align-items:center;
justify-content:center;
width:38px;
height:38px;
color:#fff;
opacity:0;
transform:translateX(-15px);
transition:all .35s ease;
}

.luxury-cat-item:hover .arrow{
opacity:1;
transform:translateX(0);
}

.luxury-cat-item:hover h3{
transform:translateY(-3px);
}

.arrow svg{
width:22px;
height:22px;
}

@media(max-width:1024px){

.luxury-cat-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.luxury-cat-grid{
grid-template-columns:1fr;
}

}/* End custom CSS */