/* =========================================
KATA PENGANTAR PROGRAM DAKWAH
========================================= */

.dakwah-intro-section{
padding:90px 0;
}

.intro-wrapper{

display:block;

background:#fff;

border-radius:32px;

padding:35px;

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

overflow:hidden;

}

.intro-image{

float:left;

width:380px;

max-width:45%;

margin:
0 35px 20px 0;

}

.intro-image img{

width:100%;

display:block;

border-radius:24px;

object-fit:cover;

transition:.6s ease;

}

.intro-wrapper:hover img{

transform:scale(1.03);

}

.intro-content h2{

font-size:2rem;

font-weight:800;

line-height:1.3;

color:#1f6b4f;

margin:
15px 0 20px;

}

.intro-content p{

font-size:1rem;

line-height:1.9;

color:#666;

margin-bottom:16px;

text-align:justify;

}

/* clearfix */

.intro-wrapper::after{

content:"";

display:block;

clear:both;

}

.intro-toggle-btn{

display:none;

}

/* =========================================
PROGRAM UNGGULAN DAKWAH
========================================= */

.dakwah-program-section{
padding:90px 0;
}

.dakwah-program-grid{

display:grid;

grid-template-columns:
repeat(4,1fr);

gap:24px;

margin-top:50px;

}

.dakwah-program-card{

background:#fff;

border-radius:28px;

overflow:hidden;

border:1px solid rgba(0,0,0,.05);

box-shadow:
0 10px 30px rgba(0,0,0,.06);

position:relative;

display:flex;

flex-direction:column;

transition:.4s ease;

}

.dakwah-program-card::before{

content:"";

position:absolute;

inset:0;

background:
linear-gradient(
135deg,
rgba(212,175,55,.12),
transparent
);

opacity:0;

transition:.4s;

pointer-events:none;

}

.dakwah-program-card:hover{

transform:translateY(-10px);

box-shadow:
0 20px 45px rgba(0,0,0,.12);

}

.dakwah-program-card:hover::before{

opacity:1;

}

.dakwah-program-image{

height:220px;

overflow:hidden;

}

.dakwah-program-image img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:.8s ease;

}

.dakwah-program-card:hover img{

transform:scale(1.08);

}

.dakwah-program-card h3{

padding:20px 20px 10px;

font-size:1.2rem;

font-weight:700;

color:#1f6b4f;

text-align:center;

}

.dakwah-program-card p{

padding:0 20px;

font-size:.95rem;

line-height:1.8;

color:#666;

text-align:center;

flex-grow:1;

}

.dakwah-program-btn{

display:flex;

justify-content:center;

align-items:center;

margin:20px;

padding:13px;

border-radius:999px;

background:
linear-gradient(
135deg,
#d4af37,
#f4d06f
);

color:#222;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.dakwah-program-btn:hover{

transform:translateY(-3px);

box-shadow:
0 10px 20px rgba(212,175,55,.35);

}

.dakwah-program-section h2{

color:#1f6b4f;

font-weight:700;

}
/* =========================================
DETAIL PROGRAM DAKWAH
========================================= */

.dakwah-detail-section{
padding:90px 0;
}

.dakwah-detail-card{

display:block;

background:#fff;

border-radius:32px;

padding:35px;

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

overflow:hidden;

}

.dakwah-detail-image{

float:left;

width:380px;

max-width:45%;

margin:
0 35px 20px 0;

}

.dakwah-detail-image img{

width:100%;

display:block;

border-radius:24px;

object-fit:cover;

transition:.7s ease;

}

.dakwah-detail-card:hover img{

transform:scale(1.03);

}

.dakwah-detail-content h2{

font-size:2rem;

font-weight:800;

color:#1f6b4f;

line-height:1.3;

margin:
15px 0 20px;

}

.dakwah-detail-content p{

font-size:1rem;

line-height:1.9;

color:#666;

margin-bottom:16px;

text-align:justify;

}

.dakwah-detail-card::after{

content:"";

display:block;

clear:both;

}

/* =========================================
KATA PENGANTAR PROGRAM DAKWAH HP
========================================= */

@media(max-width:768px){

.intro-wrapper{

padding:20px;

}

.intro-image{

float:none;

width:100%;

max-width:100%;

margin:0 0 20px;

}

.intro-content h2{

font-size:1.6rem;

}

.intro-content p{

font-size:.95rem;

line-height:1.8;

}

.intro-more{

max-height:0;

overflow:hidden;

opacity:0;

transform:translateY(-10px);

transition:
max-height .5s ease,
opacity .4s ease,
transform .4s ease;

}

.intro-more.active{

max-height:600px;

opacity:1;

transform:translateY(0);

}

.intro-toggle-btn{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:10px;

padding:12px 22px;

border:none;

border-radius:999px;

background:
linear-gradient(
135deg,
#d4af37,
#f4d06f
);

color:#222;

font-weight:700;

cursor:pointer;

transition:.3s;

}

.intro-toggle-btn:hover{

transform:translateY(-2px);

}

/* =========================================
PROGRAM UNGGULAN DAKWAH HP
========================================= */

.dakwah-program-grid{

grid-template-columns:
repeat(2,1fr);

gap:15px;

}

.dakwah-program-image{

height:130px;

}

.dakwah-program-card h3{

font-size:1rem;

padding:15px 10px 8px;

}

.dakwah-program-card p{

font-size:.75rem;

line-height:1.5;

padding:0 10px;

}

.dakwah-program-btn{

font-size:.75rem;

padding:10px;

margin:15px 10px;

}
/* =========================================
DETAIL PROGRAM DAKWAH HP
========================================= */
.dakwah-detail-card{

padding:20px;

}

.dakwah-detail-image{

float:none;

width:100%;

max-width:100%;

margin:0 0 20px;

}

.dakwah-detail-content h2{

font-size:1.6rem;

}

.dakwah-detail-content p{

font-size:.95rem;

line-height:1.8;

}

}