/* Start custom CSS for html, class: .elementor-element-ff05821 */:root{
--primary:#2563eb;
--primary-light:#eff6ff;
--dark:#0f172a;
--text:#475569;
--border:#e2e8f0;
--white:#ffffff;
--radius:24px;
}

/* Main Content Area */
.content-section{
position:relative;
background:#ffffff;
border:1px solid var(--border);
border-radius:var(--radius);
padding:40px;
margin-bottom:35px;
transition:all .3s ease;
overflow:hidden;
}

/* Premium Hover Effect */
.content-section:hover{
transform:translateY(-4px);
box-shadow:
0 20px 50px rgba(15,23,42,.08),
0 8px 20px rgba(37,99,235,.08);
}

/* Accent Bar */
.content-section::before{
content:"";
position:absolute;
left:0;
top:0;
width:6px;
height:100%;
background:linear-gradient(
180deg,
#2563eb,
#3b82f6,
#60a5fa
);
}

/* Section Heading */
.section-title{
font-size:2rem;
line-height:1.3;
font-weight:800;
color:var(--dark);
margin-bottom:25px;
letter-spacing:-0.5px;
}

/* Decorative underline */
.section-title::after{
content:"";
display:block;
width:80px;
height:4px;
background:linear-gradient(
90deg,
#2563eb,
#60a5fa
);
border-radius:50px;
margin-top:15px;
}

/* Paragraphs */
.section-text{
font-size:1.08rem;
line-height:1.9;
color:var(--text);
margin-bottom:18px;
}

/* Bold Text */
.section-text strong{
color:var(--dark);
font-weight:700;
}

/* Lists */
.feature-list,
.service-list{
list-style:none;
margin:30px 0;
padding:0;
}

.feature-list li,
.service-list li{
position:relative;
padding:16px 20px 16px 55px;
margin-bottom:15px;
background:#f8fafc;
border:1px solid #edf2f7;
border-radius:16px;
transition:.3s ease;
}

.feature-list li:hover,
.service-list li:hover{
background:#eff6ff;
border-color:#bfdbfe;
transform:translateX(8px);
}

/* Custom Check Icon */
.feature-list li::before,
.service-list li::before{
content:"✓";
position:absolute;
left:18px;
top:50%;
transform:translateY(-50%);
width:24px;
height:24px;
border-radius:50%;
background:#2563eb;
color:#fff;
font-size:13px;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
}

/* FAQ Section */
.faq-section{
background:linear-gradient(
180deg,
#ffffff,
#f8fafc
);
}

.faq-item{
background:#fff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:25px;
margin-bottom:20px;
transition:.3s ease;
}

.faq-item:hover{
border-color:#bfdbfe;
box-shadow:
0 10px 30px rgba(37,99,235,.08);
}

/* FAQ Question */
.faq-title{
font-size:1.25rem;
font-weight:700;
color:var(--dark);
margin-bottom:12px;
display:flex;
align-items:center;
gap:12px;
}

/* FAQ Icon */
.faq-title::before{
content:"?";
min-width:32px;
height:32px;
border-radius:50%;
background:#2563eb;
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:15px;
font-weight:700;
}

/* FAQ Answer */
.faq-answer{
color:var(--text);
line-height:1.8;
margin-left:44px;
}

/* Mobile Optimization */
@media(max-width:768px){

```
.content-section{
    padding:25px;
    border-radius:18px;
}

.section-title{
    font-size:1.6rem;
}

.section-text{
    font-size:1rem;
}

.feature-list li,
.service-list li{
    padding:14px 14px 14px 50px;
}
```

}/* End custom CSS */