/* =========================================
KATA PENGANTAR KAJIAN
========================================= */

.kajian-intro-section{

padding:90px 0;

}

.kajian-intro-section h2{

color:#1f6b4f;

}

/* ARTIKEL */

.kajian-article{

line-height:1.9;

color:#666;

}

/* FOTO */

.kajian-float-image{

float:left;

width:420px;

max-width:45%;

margin:
0 35px 20px 0;

border-radius:30px;

overflow:hidden;

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

transition:.5s ease;

}

.kajian-float-image:hover{

transform:scale(1.02);

}

.kajian-text p{

margin-bottom:18px;

text-align:justify;

}

/* TOMBOL */

.kajian-readmore-btn{

display:none;

margin-top:25px;

padding:12px 24px;

border:none;

border-radius:999px;

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

color:#222;

font-weight:700;

cursor:pointer;

align-items:center;

gap:10px;

transition:.3s ease;

}

.kajian-readmore-btn:hover{

transform:translateY(-3px);

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

}

/* PANAH */

.kajian-arrow{

display:inline-block;

transition:
transform .35s ease;

}

.kajian-arrow.rotate{

transform:rotate(180deg);

}

/* CLEAR FLOAT */

.kajian-article::after{

content:"";

display:block;

clear:both;

}
/* =========================================
TOMBOL KATA PENGANTAR
========================================= */

.kajian-buttons{

display:flex;

flex-direction:column;

align-items:flex-start;

gap:12px;

margin-top:25px;

}

.kajian-program-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:12px 24px;

border-radius:999px;

background:
linear-gradient(
135deg,
#1f6b4f,
#2e8b68
);

color:white;

font-weight:700;

transition:.3s ease;

box-shadow:
0 8px 18px rgba(31,107,79,.20);

}

.kajian-program-btn:hover{

transform:translateY(-3px);

box-shadow:
0 12px 25px rgba(31,107,79,.30);

}
/* =========================================
PROGRAM KAJIAN
========================================= */

.kajian-program-section{

padding:90px 0;

}

.kajian-grid{

display:grid;

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

gap:20px;

margin-top:40px;

}

.kajian-card{

background:white;

border-radius:25px;

padding:25px;

text-align:center;

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

transition:.35s ease;

border:
1px solid rgba(31,107,79,.08);

}

.kajian-card:hover{

transform:
translateY(-8px);

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

}

.kajian-card h3{

color:#1f6b4f;

font-size:1rem;

font-weight:700;

margin-bottom:20px;

line-height:1.5;

min-height:55px;

display:flex;

align-items:center;

justify-content:center;

text-align:center;

margin-bottom:15px;

line-height:1.4;

}

.kajian-btn{

display:inline-block;

padding:10px 18px;

border-radius:999px;

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

color:#222;

font-size:.85rem;

font-weight:700;

transition:.3s ease;

}

.kajian-btn:hover{

transform:
translateY(-3px);

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

}
.kajian-card{

display:flex;

flex-direction:column;

height:100%;

}

.kajian-card img{

width:100%;

height:120px;

object-fit:cover;

border-radius:18px;

margin-bottom:15px;

transition:.4s ease;

}

.kajian-card:hover img{

transform:scale(1.04);

}
/* =========================================
DETAIL PROGRAM KAJIAN
========================================= */

.kajian-detail-section{

padding:80px 0;

}

.kajian-detail-card{

background:white;

padding:30px;

border-radius:30px;

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

}

.kajian-detail-header{

display:grid;

grid-template-columns:
320px 1fr;

gap:30px;

align-items:center;

margin-bottom:30px;

}

.kajian-detail-header img{

width:100%;

height:260px;

object-fit:cover;

border-radius:24px;

}

.kajian-detail-intro h2{

margin-top:10px;

color:#1f6b4f;

}

.kajian-detail-intro p{

line-height:1.8;

}

.kajian-info-grid{

display:grid;

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

gap:15px;

margin-bottom:30px;

}

.kajian-info-item{

background:#f8f8f8;

padding:18px;

border-radius:18px;

text-align:center;

transition:.3s;

}

.kajian-info-item:hover{

transform:translateY(-3px);

}

.kajian-info-item h3{

color:#1f6b4f;

margin-bottom:8px;

font-size:1rem;

}

.kajian-detail-content p{

line-height:1.9;

text-align:justify;

}

.kajian-action-buttons{

display:flex;

gap:15px;

flex-wrap:wrap;

margin-top:25px;

}

.btn-wa{

padding:12px 24px;

border-radius:999px;

background:
linear-gradient(
135deg,
#1f6b4f,
#2e8b68
);

color:white;

font-weight:700;

transition:.3s;

}

.btn-wa:hover{

transform:translateY(-3px);

}

.btn-lokasi{

padding:12px 24px;

border-radius:999px;

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

color:#222;

font-weight:700;

transition:.3s;

}

.btn-lokasi:hover{

transform:translateY(-3px);

}
@media(max-width:768px){
/* =========================================
KATA PENGANTAR KAJIAN HP
========================================= */

.kajian-float-image{

float:none;

width:100%;

max-width:100%;

margin:0 0 20px;

display:block;

}

.kajian-text{

max-height:220px;

overflow:hidden;

transition:
max-height .5s ease;

}

.kajian-text.active{

max-height:2000px;

}

.kajian-readmore-btn{

display:inline-flex;

}
/* =========================================
PROGRAM KAJIAN HP
========================================= */
.kajian-card img{

height:90px;

}
.kajian-grid{

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

gap:15px;

}

.kajian-card{

padding:18px;

}

.kajian-card h3{

font-size:.9rem;

}

/* CARD KE-5 TENGAH */

.kajian-card:nth-child(5){

grid-column:1 / span 2;

max-width:220px;

margin:auto;

}
/* =========================================
DETAIL PROGRAM KAJIAN HP
========================================= */
.kajian-detail-header{

grid-template-columns:1fr;

}

.kajian-detail-header img{

height:220px;

}

.kajian-info-grid{

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

}

.kajian-action-buttons{

flex-direction:column;

}

.btn-wa,
.btn-lokasi{

width:100%;

text-align:center;

}

.kajian-detail-card{

padding:20px;

}
}
@media(min-width:769px){

.kajian-readmore-btn{

display:none;

}

}