/* Start custom CSS for html, class: .elementor-element-ee0066d */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.luxury-counter{
    width:100%;
    background:#0b0b0b;
    padding:90px 40px;
}

.counter-container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
}

.counter-box{
    text-align:center;
    position:relative;
    padding:20px 30px;
    transition:.4s ease;
}

.counter-box:not(:last-child){
    border-right:1px solid rgba(212,175,55,.15);
}

.counter-number{
    font-family:'Cormorant Garamond',serif;
    font-size:78px;
    color:#d4af37;
    line-height:1;
    font-weight:500;
    letter-spacing:1px;
    transition:.4s;
}

.counter-line{
    width:42px;
    height:2px;
    background:#d4af37;
    margin:18px auto;
    transition:.4s;
}

.counter-box h4{
    font-family:'Montserrat',sans-serif;
    color:#b8c7d8;
    font-size:13px;
    letter-spacing:4px;
    font-weight:400;
}

/* Hover Effect */

.counter-box:hover .counter-number{
    transform:translateY(-6px);
    text-shadow:0 0 18px rgba(212,175,55,.35);
}

.counter-box:hover .counter-line{
    width:70px;
}

.counter-box:hover{
    background:rgba(255,255,255,.02);
}

/* Tablet */

@media(max-width:991px){

.counter-container{
grid-template-columns:repeat(2,1fr);
}

.counter-box{
border-right:none!important;
border-bottom:1px solid rgba(212,175,55,.15);
padding:40px 20px;
}

.counter-number{
font-size:62px;
}

}

/* Mobile */

@media(max-width:600px){

.luxury-counter{
padding:60px 20px;
}

.counter-container{
grid-template-columns:1fr;
}

.counter-box{
border-bottom:1px solid rgba(212,175,55,.15);
}

.counter-number{
font-size:52px;
}

.counter-box h4{
font-size:11px;
letter-spacing:3px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-65b81ca */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Montserrat:wght@300;400;500&display=swap');

*{
margin:0;
padding:0;
box-sizing:border-box;
}

.features-section{

padding:60px 0;

background:#fff;

}

.features-section .container{

max-width:1350px;

margin:auto;

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

.feature-box{

text-align:center;

padding:10px;

transition:.35s;

}

.icon{

width:52px;

height:52px;

margin:auto;

border:1.5px solid #c7a23c;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:18px;

color:#c7a23c;

transition:.35s;

}

.feature-box h3{

font-family:'Cormorant Garamond',serif;

font-size:28px;

font-weight:500;

margin:18px 0 10px;

color:#111;

line-height:1.2;

}

.feature-box p{

font-family:Montserrat,sans-serif;

font-size:14px;

line-height:1.7;

color:#7b7b7b;

max-width:260px;

margin:auto;

}

/* Hover */

.feature-box:hover .icon{

background:#c7a23c;

color:#fff;

transform:translateY(-6px);

}

.feature-box:hover h3{

color:#c7a23c;

}

/* Tablet */

@media(max-width:991px){

.features-section .container{

grid-template-columns:repeat(2,1fr);

gap:30px;

}

}

/* Mobile */

@media(max-width:600px){

.features-section{

padding:50px 20px;

}

.features-section .container{

grid-template-columns:1fr;

gap:35px;

}

.feature-box h3{

font-size:24px;

}

.feature-box p{

font-size:14px;

line-height:1.6;

}

.icon{

width:48px;

height:48px;

font-size:16px;

}

}/* End custom CSS */