/* =========================================================
INCOME AFFIDAVIT FULL CUSTOM CSS
MOBILE FIX + TEXT PADDING FIX + UNIQUE DESIGN
========================================================= */

body{
margin:0;
padding:0;
background:#edf2f7;
font-family:'Poppins',sans-serif;
color:#0f172a;
overflow-x:hidden;
}

/* =========================================================
MAIN CONTAINER
========================================================= */

.content-area{
max-width:1150px;
margin:30px auto;
background:#ffffff;
border-radius:30px;
padding:40px;
box-shadow:0 10px 40px rgba(15,23,42,0.08);
box-sizing:border-box;
overflow:hidden;
}

/* =========================================================
BREADCRUMB
========================================================= */

.breadcrumb{
font-size:14px;
margin-bottom:20px;
color:#64748b;
}

.breadcrumb a{
color:#2563eb;
text-decoration:none;
font-weight:600;
}

/* =========================================================
TITLE
========================================================= */

.article-title{
font-size:48px;
line-height:1.2;
font-weight:800;
margin-bottom:18px;
color:#0f172a;
letter-spacing:-1px;
word-break:break-word;
}

.article-description{
font-size:18px;
line-height:2;
color:#475569;
margin-bottom:40px;
word-break:break-word;
}

/* =========================================================
HERO SECTION
========================================================= */

.gov-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
padding:40px;
border-radius:28px;
background:linear-gradient(135deg,#f8fbff,#e8f2ff);
border:1px solid #dbeafe;
position:relative;
overflow:hidden;
margin-bottom:45px;
}

.gov-hero::before{
content:'';
position:absolute;
right:-80px;
top:-80px;
width:240px;
height:240px;
background:rgba(59,130,246,0.08);
border-radius:50%;
}

.gov-content{
flex:1;
position:relative;
z-index:2;
}

.gov-content h2{
font-size:36px;
line-height:1.3;
margin-bottom:18px;
font-weight:800;
color:#0f172a;
word-break:break-word;
}

.gov-content p{
font-size:16px;
line-height:1.9;
color:#475569;
margin-bottom:20px;
word-break:break-word;
}

.gov-content ul{
padding-left:22px;
margin:0 0 24px;
}

.gov-content ul li{
margin-bottom:10px;
line-height:1.8;
font-size:15px;
color:#334155;
}

.hero-btn{
display:inline-block;
padding:14px 28px;
border-radius:14px;
background:linear-gradient(135deg,#0f766e,#14b8a6);
color:#fff;
font-size:15px;
font-weight:700;
text-decoration:none;
transition:.3s;
box-shadow:0 8px 20px rgba(20,184,166,0.3);
}

.hero-btn:hover{
transform:translateY(-2px);
}

.gov-image{
flex:1;
display:flex;
justify-content:center;
align-items:center;
position:relative;
z-index:2;
}

.gov-image img{
width:100%;
max-width:330px;
border-radius:18px;
background:#fff;
padding:10px;
box-shadow:0 15px 40px rgba(15,23,42,0.18);
border:3px solid #60a5fa;
}

/* =========================================================
SECTION
========================================================= */

.article-card{
margin-bottom:40px;
background:#ffffff;
border-radius:24px;
padding:34px;
border:1px solid #e2e8f0;
box-shadow:0 8px 25px rgba(15,23,42,0.05);
box-sizing:border-box;
overflow:hidden;
}

.content-heading{
font-size:30px;
font-weight:800;
line-height:1.4;
margin-bottom:20px;
color:#0f172a;
position:relative;
padding-left:18px;
word-break:break-word;
}

.content-heading::before{
content:'';
position:absolute;
left:0;
top:6px;
width:6px;
height:80%;
border-radius:20px;
background:linear-gradient(180deg,#06b6d4,#2563eb);
}

.content-text{
font-size:16px;
line-height:2;
color:#475569;
margin-bottom:18px;
padding-right:10px;
word-break:break-word;
overflow-wrap:break-word;
}

/* =========================================================
LIST
========================================================= */

.custom-list{
padding-left:24px;
margin:20px 0;
}

.custom-list li{
font-size:15px;
line-height:2;
margin-bottom:10px;
color:#334155;
padding-right:10px;
word-break:break-word;
}

/* =========================================================
FEATURE BOXES
========================================================= */

.feature-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
margin-top:25px;
}

.feature-box{
background:#ffffff;
border:1px solid #dbeafe;
border-radius:20px;
padding:28px;
text-align:center;
transition:.3s;
box-shadow:0 6px 20px rgba(15,23,42,0.05);
}

.feature-box:hover{
transform:translateY(-5px);
box-shadow:0 12px 30px rgba(37,99,235,0.15);
}

.feature-icon{
width:65px;
height:65px;
margin:auto;
border-radius:50%;
background:linear-gradient(135deg,#2563eb,#06b6d4);
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#fff;
margin-bottom:18px;
}

.feature-box h3{
font-size:20px;
margin-bottom:10px;
font-weight:700;
}

.feature-box p{
font-size:14px;
line-height:1.8;
color:#64748b;
}

/* =========================================================
DOWNLOAD BOX
========================================================= */

.download-box{
margin-top:50px;
padding:40px;
border-radius:30px;
background:linear-gradient(135deg,#0f766e,#0f766e,#115e59);
color:#fff;
text-align:center;
position:relative;
overflow:hidden;
}

.download-box::before{
content:'';
position:absolute;
right:-80px;
bottom:-80px;
width:220px;
height:220px;
background:rgba(255,255,255,0.08);
border-radius:50%;
}

.download-box h2{
font-size:38px;
font-weight:800;
margin-bottom:16px;
position:relative;
z-index:2;
word-break:break-word;
}

.download-box p{
font-size:16px;
line-height:1.9;
position:relative;
z-index:2;
margin-bottom:25px;
word-break:break-word;
}

.download-btn{
display:inline-block;
padding:14px 30px;
background:#ffffff;
color:#0f766e;
border-radius:14px;
font-weight:700;
text-decoration:none;
position:relative;
z-index:2;
}

/* =========================================================
FAQ
========================================================= */

.faq-box{
margin-top:30px;
background:#ffffff;
border:1px solid #e2e8f0;
border-radius:18px;
padding:26px;
margin-bottom:18px;
box-shadow:0 5px 18px rgba(15,23,42,0.05);
box-sizing:border-box;
overflow:hidden;
}

.faq-box h3{
font-size:21px;
margin-bottom:12px;
font-weight:700;
color:#0f172a;
word-break:break-word;
}

.faq-box p{
font-size:15px;
line-height:1.9;
color:#475569;
word-break:break-word;
overflow-wrap:break-word;
}

/* =========================================================
IMPORTANT BOX
========================================================= */

.info-box{
padding:28px;
border-radius:22px;
background:#fff7ed;
border:1px solid #fdba74;
margin-top:35px;
}

.info-box h3{
font-size:24px;
margin-bottom:14px;
font-weight:800;
color:#9a3412;
}

.info-box p{
font-size:15px;
line-height:1.9;
color:#7c2d12;
}

/* =========================================================
RELATED LINKS
========================================================= */

.related-links{
padding:22px;
background:#fff;
border-radius:20px;
border:1px solid #dbe4ee;
margin-top:30px;
}

.related-links a{
display:block;
padding:16px 18px;
border:1px solid #e2e8f0;
border-radius:12px;
margin-bottom:14px;
text-decoration:none;
font-size:15px;
font-weight:600;
color:#334155;
transition:.3s;
word-break:break-word;
}

.related-links a:hover{
background:#f8fafc;
}

/* =========================================================
RELATED DRAFTS
========================================================= */

.related-drafts{
padding:24px;
background:#fff;
border-radius:20px;
border:1px solid #dbe4ee;
margin-top:40px;
}

.related-drafts a{
display:block;
padding:14px 18px;
border-bottom:1px solid #e2e8f0;
text-decoration:none;
font-size:15px;
font-weight:600;
color:#0f172a;
word-break:break-word;
}

.related-drafts a:last-child{
border-bottom:none;
}

/* =========================================================
WRITER
========================================================= */

.writer-box{
margin-top:40px;
font-size:14px;
color:#64748b;
line-height:1.8;
}

/* =========================================================
MOBILE RESPONSIVE
========================================================= */

@media(max-width:992px){

.gov-hero{
flex-direction:column;
text-align:left;
padding:30px 24px;
}

.feature-grid{
grid-template-columns:1fr;
}

.article-title{
font-size:38px;
}

.content-heading{
font-size:28px;
}

.download-box h2{
font-size:30px;
}

}

/* =========================================================
MOBILE FIX
========================================================= */

@media(max-width:768px){

.content-area{
padding:18px 14px !important;
margin:12px;
border-radius:24px;
}

.article-card{
padding:22px 16px !important;
}

.article-title{
font-size:32px;
line-height:1.35;
padding-right:10px;
}

.article-description{
font-size:15px;
line-height:1.95;
padding-right:10px;
}

.gov-hero{
padding:24px 16px;
border-radius:22px;
gap:25px;
}

.gov-content h2{
font-size:26px;
line-height:1.4;
padding-right:12px;
}

.gov-content p{
font-size:15px;
line-height:1.95;
padding-right:12px;
}

.gov-content ul{
padding-left:20px;
padding-right:10px;
}

.gov-content ul li{
font-size:15px;
line-height:1.9;
padding-right:12px;
}

.gov-image img{
max-width:100%;
}

.content-heading{
font-size:24px;
line-height:1.45;
padding-right:12px;
}

.content-text{
font-size:15px;
line-height:1.95;
padding-left:2px;
padding-right:14px;
}

.custom-list{
padding-left:20px;
padding-right:10px;
}

.custom-list li{
font-size:15px;
line-height:1.9;
padding-right:14px;
}

.feature-box{
padding:22px 16px;
}

.feature-box h3{
font-size:19px;
line-height:1.4;
padding-right:10px;
}

.feature-box p{
font-size:14px;
line-height:1.85;
padding-right:12px;
}

.download-box{
padding:30px 16px;
border-radius:22px;
}

.download-box h2{
font-size:26px;
line-height:1.4;
padding-right:10px;
}

.download-box p{
font-size:15px;
line-height:1.95;
padding-right:14px;
}

.info-box{
padding:22px 16px;
}

.info-box h3{
font-size:21px;
line-height:1.4;
padding-right:10px;
}

.info-box p{
font-size:15px;
line-height:1.9;
padding-right:14px;
}

.faq-box{
padding:20px 16px;
}

.faq-box h3{
font-size:19px;
line-height:1.45;
padding-right:10px;
}

.faq-box p{
font-size:15px;
line-height:1.9;
padding-right:14px;
}

.related-links{
padding:16px;
}

.related-links a{
padding:14px 14px;
font-size:14px;
}

.related-drafts{
padding:16px;
}

.related-drafts a{
padding:14px 10px;
font-size:14px;
}

.writer-box{
padding-right:12px;
line-height:1.9;
}

}