.elementor-1199 .elementor-element.elementor-element-c7a00cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1199 .elementor-element.elementor-element-ff1d28c{padding:0px 0px 0px 0px;}.elementor-1199 .elementor-element.elementor-element-d0dbd93{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1199 .elementor-element.elementor-element-b9574aa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1199 .elementor-element.elementor-element-4c18ef6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-c87f12e *//* ==========================
CAPSULE FLOAT GALLERY
========================== */

.capsule-float-sec{
background:
linear-gradient(
135deg,
#F0E8DC,
#E7D8C5
);
padding:90px 7%;
position:relative;
overflow:hidden;
}

/* orbs */

.capsule-orb{
position:absolute;
border-radius:50%;
filter:blur(80px);
opacity:.12;
}

.orb1{
width:260px;
height:260px;
background:#C68C5F;
top:100px;
left:-80px;
}

.orb2{
width:320px;
height:320px;
background:#7F4713;
right:-120px;
bottom:0;
}

/* heading */

.capsule-float-head{
text-align:center;
max-width:850px;
margin:auto;
margin-bottom:60px;
}

.capsule-float-head span{
color:#7F4713;
letter-spacing:4px;
font-size:11px;
}

.capsule-float-head h2{
font-size:48px;
color:#1a1a1a;
margin:15px 0;
}

.capsule-float-head p{
color:#555;
line-height:1.8;
}

/* layout */

.capsule-layout{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
max-width:1200px;
margin:auto;
}

.capsule-card{
height:280px;
overflow:hidden;
border-radius:28px;
position:relative;

```
background:rgba(255,255,255,.35);

backdrop-filter:blur(12px);

box-shadow:
0 15px 40px rgba(0,0,0,.08);

transition:.5s ease;
```

}

.capsule-card.center{
transform:translateY(-25px);
}

.capsule-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.6s ease;
}

.capsule-card:hover{

```
transform:
translateY(-12px);

box-shadow:
0 0 30px rgba(198,140,95,.25),
0 20px 50px rgba(0,0,0,.12);
```

}

.capsule-card:hover img{
transform:scale(1.08);
}

/* glow border */

.capsule-card::after{

```
content:'';

position:absolute;

inset:0;

border:2px solid transparent;

border-radius:28px;

transition:.4s;
```

}

.capsule-card:hover::after{
border-color:#C68C5F;
}

/* CTA */

.capsule-cta-wrap{
text-align:center;
margin-top:60px;
}

.capsule-btn{
display:inline-block;
padding:16px 36px;
background:#7F4713 !important;
color:#F0E8DC !important;
text-decoration:none !important;
border-radius:40px;
transition:.35s ease;
}

.capsule-btn:hover{
background:#5A3210 !important;
color:#F0E8DC !important;
transform:translateY(-4px);
}

/* mobile */

@media(max-width:768px){

```
.capsule-layout{
    grid-template-columns:1fr;
}

.capsule-card,
.capsule-card.center{
    height:240px;
    transform:none;
}

.capsule-float-head h2{
    font-size:32px;
}
```

}

```
```/* End custom CSS */