.elementor-78 .elementor-element.elementor-element-9990a33{--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;overflow:visible;}.elementor-78 .elementor-element.elementor-element-9990a33:not(.elementor-motion-effects-element-type-background), .elementor-78 .elementor-element.elementor-element-9990a33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-78 .elementor-element.elementor-element-131c302 > .elementor-widget-container{margin:50px 0px 50px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-131c302 */.sn-refund-policy{

font-family:'Poppins',sans-serif;
color:#263238;
background:#f8faf8;

}

/*************************
HERO
**************************/

.refund-hero{

padding:90px 40px;
background:linear-gradient(135deg,#2E7D32,#43A047);
color:#fff;
text-align:center;
border-radius:25px;
margin-bottom:70px;

}

.hero-content{

max-width:900px;
margin:auto;

}

.badge{

display:inline-block;
background:#fff;
color:#2E7D32;
padding:8px 20px;
border-radius:50px;
font-weight:600;
margin-bottom:25px;

}

.refund-hero h1{

font-size:48px;
margin-bottom:25px;
font-weight:700;

}

.refund-hero p{

font-size:18px;
line-height:1.8;

}

/*************************
CARDS
**************************/

.refund-cards{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
margin-bottom:80px;

}

.refund-card{

background:#fff;
padding:35px;
border-radius:20px;
text-align:center;
box-shadow:0 15px 45px rgba(0,0,0,.08);
transition:.35s;

}

.refund-card:hover{

transform:translateY(-10px);

}

.icon{

font-size:55px;
margin-bottom:20px;

}

.refund-card h3{

margin-bottom:15px;
font-size:22px;
color:#2E7D32;

}

/*************************
TIMELINE
**************************/

.refund-process{

margin-bottom:80px;
text-align:center;

}

.refund-process h2{

margin-bottom:50px;
font-size:38px;

}

.timeline{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:35px;

}

.step{

background:#fff;
padding:35px;
border-radius:20px;
position:relative;
box-shadow:0 12px 35px rgba(0,0,0,.06);

}

.number{

width:70px;
height:70px;
border-radius:50%;
background:#2E7D32;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:700;
margin:auto auto 25px;

}

/*************************
INFO
**************************/

.refund-info{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:30px;
margin-bottom:70px;

}

.info-box{

padding:35px;
border-radius:20px;

}

.success{

background:#E8F5E9;
border-left:8px solid #43A047;

}

.danger{

background:#FFF3F3;
border-left:8px solid #D32F2F;

}

.info-box h3{

margin-bottom:20px;

}

.info-box ul{

padding-left:18px;

}

.info-box li{

margin-bottom:15px;
line-height:1.7;

}

/*************************
DOCUMENTOS
**************************/

.refund-documents{

margin-bottom:70px;
text-align:center;

}

.refund-documents h2{

font-size:36px;
margin-bottom:40px;

}

.documents-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:20px;

}

.documents-grid div{

background:#fff;
padding:22px;
border-radius:15px;
box-shadow:0 8px 20px rgba(0,0,0,.05);

}

/*************************
CTA
**************************/

.refund-contact{

background:#2E7D32;
padding:70px 30px;
text-align:center;
color:#fff;
border-radius:25px;

}

.refund-contact h2{

font-size:40px;
margin-bottom:20px;

}

.refund-contact p{

font-size:18px;
margin-bottom:35px;

}

.refund-btn{

display:inline-block;
padding:16px 45px;
background:#fff;
color:#2E7D32;
text-decoration:none;
font-weight:700;
border-radius:50px;
transition:.3s;

}

.refund-btn:hover{

background:#F1F8E9;
transform:translateY(-4px);

}

/*************************
RESPONSIVE
**************************/

@media(max-width:768px){

.refund-hero{

padding:70px 25px;

}

.refund-hero h1{

font-size:34px;

}

.refund-process h2,
.refund-documents h2,
.refund-contact h2{

font-size:30px;

}

.refund-info{

grid-template-columns:1fr;

}

}/* End custom CSS */