.elementor-1083 .elementor-element.elementor-element-2dce57e{--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;}.elementor-1083 .elementor-element.elementor-element-fafb9bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1083 .elementor-element.elementor-element-ab90753{--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;}.elementor-1083 .elementor-element.elementor-element-ab90753.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1083 .elementor-element.elementor-element-a7b17a7{--display:flex;}.elementor-1083 .elementor-element.elementor-element-1274c1f{--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;}.elementor-1083 .elementor-element.elementor-element-0d9f769{--display:flex;}.elementor-1083 .elementor-element.elementor-element-619adf2{--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;}.elementor-1083 .elementor-element.elementor-element-85790a1{--display:flex;}@media(max-width:767px){.elementor-1083 .elementor-element.elementor-element-ab90753{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1083 .elementor-element.elementor-element-a7b17a7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1083 .elementor-element.elementor-element-905a74f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1083 .elementor-element.elementor-element-1274c1f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1083 .elementor-element.elementor-element-0d9f769{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1083 .elementor-element.elementor-element-073e49d{padding:0px 10px 0px 10px;}.elementor-1083 .elementor-element.elementor-element-619adf2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1083 .elementor-element.elementor-element-85790a1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-e99cc69 */.kave-hero{
position:relative;
height:100vh;
overflow:hidden;
}

.kave-hero video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

.hero-overlay{
position:absolute;
inset:0;
background:rgba(4,35,84,.65);
}

.hero-content{
position:relative;
z-index:2;
color:#fff;
text-align:center;
max-width:900px;
margin:auto;
padding-top:25vh;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-905a74f *//* ==================================================
   PROFIL REPVE
================================================== */

.repve-profile{
padding:120px 0 140px;
background:#fff;
position:relative;
overflow:hidden;
}

/* HEADER */

.repve-header{
text-align:center;
max-width:1000px;
margin:0 auto 70px;
}

.repve-header h2{
font-size:56px;
font-weight:800;
line-height:1.15;
color:#123e8a;
margin-top:20px;
}

.section-badge{
display:inline-block;
padding:12px 24px;
background:#eef4ff;
color:#123e8a;
border-radius:999px;
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
}

/* STORY */

.repve-story{
max-width:1050px;
margin:0 auto;
text-align:center;
}

.repve-story p{
font-size:20px;
line-height:1.9;
color:#555;
margin-bottom:30px;
}

/* FLOW */

.repve-flow{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:24px;
margin:80px 0;
}

.flow-item{
background:#fff;
padding:30px 20px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
transition:.3s ease;
}

.flow-item:hover{
transform:translateY(-8px);
}

.flow-item span{
display:block;
font-size:14px;
font-weight:700;
color:#f4b000;
margin-bottom:12px;
letter-spacing:.5px;
}

.flow-item h4{
font-size:28px;
font-weight:800;
color:#123e8a;
margin:0;
}

/* HIGHLIGHT */

.repve-highlight{
max-width:1200px;
margin:0 auto 80px;
padding:40px 60px;
background:linear-gradient(
135deg,
#123e8a,
#275cc0
);
border-radius:36px;
text-align:center;
}

.repve-highlight p{
font-size:24px;
line-height:1.8;
font-weight:600;
color:#fff;
margin:0;
}

.repve-highlight p{
margin-bottom:20px;
}

.repve-highlight p:last-child{
margin-bottom:0;
}

/* PROGRAMS */

.repve-programs{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-bottom:80px;
}

.program-card{
background:#fff;
padding:40px 35px;
border-radius:28px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
transition:.3s ease;
}

.program-card:hover{
transform:translateY(-8px);
}

.program-year{
font-size:56px;
font-weight:800;
color:#f4b000;
line-height:1;
margin-bottom:20px;
}

.program-card h3{
font-size:38px;
font-weight:800;
color:#123e8a;
margin-bottom:15px;
}

.program-card p{
font-size:18px;
line-height:1.8;
color:#555;
margin:0;
}

/* STATS */

.repve-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
max-width:1000px;
margin:0 auto 90px;
}

.stat-item{
background:#fff;
padding:35px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
text-align:center;
}

.stat-item h3{
font-size:54px;
font-weight:800;
color:#123e8a;
margin-bottom:10px;
line-height:1;
}

.stat-item p{
font-size:18px;
font-weight:600;
color:#666;
margin:0;
}

/* ENTREPRENEUR */

.repve-entrepreneur{
max-width:950px;
margin:0 auto 80px;
text-align:center;
}

.repve-entrepreneur h3{
font-size:48px;
font-weight:800;
color:#123e8a;
margin-bottom:25px;
}

.repve-entrepreneur p{
font-size:22px;
line-height:1.9;
color:#555;
margin:0;
}

/* ACHIEVEMENT */

.repve-achievement{
max-width:1100px;
margin:auto;
}

.achievement-card{
display:flex;
align-items:center;
gap:45px;
padding:50px;
background:#fff;
border:2px solid #f4b000;
border-radius:36px;
box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.achievement-year{
width:150px;
height:150px;
background:#f4b000;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:42px;
font-weight:800;
color:#fff;
flex-shrink:0;
}

.achievement-badge{
display:inline-block;
padding:10px 18px;
background:#fff4d6;
color:#c98d00;
border-radius:999px;
font-size:12px;
font-weight:700;
letter-spacing:1px;
margin-bottom:18px;
}

.achievement-content h3{
font-size:42px;
font-weight:800;
color:#123e8a;
margin-bottom:18px;
line-height:1.2;
}

.achievement-content p{
font-size:20px;
line-height:1.9;
color:#555;
margin:0;
}

/* TABLET */

@media(max-width:1024px){

.repve-header h2{
font-size:46px;
}

.repve-flow{
grid-template-columns:repeat(3,1fr);
}

.repve-programs{
grid-template-columns:1fr;
}

.repve-stats{
grid-template-columns:1fr;
}

.achievement-card{
flex-direction:column;
text-align:center;
}

}

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

@media (max-width:767px){

.repve-profile{
padding:80px 0;
overflow:hidden;
}

.repve-profile .container{
width:100%;
max-width:100%;
padding-left:20px;
padding-right:20px;
margin:auto;
}

/* HEADER */

.repve-header{
margin-bottom:50px;
}

.repve-header h2{
font-size:34px;
line-height:1.15;
margin-top:15px;
}

.section-badge{
font-size:13px;
padding:10px 20px;
}

/* STORY */

.repve-story{
max-width:100%;
}

.repve-story p{
font-size:18px;
line-height:1.9;
margin-bottom:22px;
}

/* FLOW */

.repve-flow{
grid-template-columns:1fr;
gap:16px;
margin:50px 0;
}

.flow-item{
padding:28px 20px;
min-height:auto;
}

.flow-item span{
font-size:15px;
}

.flow-item h4{
font-size:28px;
}

.flow-arrow{
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
line-height:1;
}

/* HIGHLIGHT */

.repve-highlight{
padding:30px 25px;
margin-bottom:45px;
border-radius:24px;
}

.repve-highlight p{
font-size:20px;
line-height:1.7;
}

/* PROGRAM */

.repve-programs{
grid-template-columns:1fr;
gap:20px;
margin-bottom:50px;
}

.program-card{
padding:30px 25px;
}

.program-year{
font-size:48px;
}

.program-card h3{
font-size:32px;
}

.program-card p{
font-size:18px;
line-height:1.8;
}

/* STATS */

.repve-stats{
grid-template-columns:1fr;
gap:20px;
margin-bottom:50px;
}

.stat-item{
padding:28px;
}

.stat-item h3{
font-size:46px;
}

/* ENTREPRENEUR */

.repve-entrepreneur{
margin-bottom:50px;
}

.repve-entrepreneur h3{
font-size:36px;
line-height:1.2;
}

.repve-entrepreneur p{
font-size:18px;
line-height:1.8;
}

/* ACHIEVEMENT */

.achievement-card{
flex-direction:column;
text-align:center;
padding:35px 25px;
gap:25px;
}

.achievement-year{
width:110px;
height:110px;
font-size:34px;
}

.achievement-content h3{
font-size:28px;
}

.achievement-content p{
font-size:17px;
line-height:1.8;
}

}

@media(max-width:767px){

.flow-arrow{
position:relative;
height:48px;
font-size:0;
display:flex;
justify-content:center;
align-items:center;
margin:0;
padding:0;
}

.flow-arrow::before{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:2px;
height:34px;
background:#123e8a;
opacity:.15;
}

.flow-arrow::after{
content:"";
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%);
width:12px;
height:12px;
background:#123e8a;
border-radius:50%;
box-shadow:0 0 0 4px rgba(18,62,138,.08);
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-073e49d *//* ==================================================
   FOUNDER SECTION
================================================== */

.founder-section{
padding:120px 0;
background:#fff;
position:relative;
overflow:hidden;
}

.founder-header{
text-align:center;
max-width:900px;
margin:0 auto 80px;
}

.founder-header h2{
font-size:56px;
font-weight:800;
color:#123e8a;
margin:20px 0;
line-height:1.2;
}

.founder-header p{
font-size:22px;
line-height:1.8;
color:#666;
}

/* GRID */

.founder-grid{
display:grid;
grid-template-columns:420px 1fr;
gap:70px;
align-items:start;
margin-bottom:80px;
}

/* FOTO */

.founder-image{
position:relative;
padding:2px;
background:#fff;
border-radius:32px;
border:3px solid #f4b400;
box-shadow:
0 20px 50px rgba(0,0,0,.08);
}

.founder-image img{
width:100%;
display:block;
border-radius:20px;
}

.founder-image::after{
content:'';
position:absolute;
top:14px;
left:14px;
right:-14px;
bottom:-14px;

background:#123e8a;
border-radius:42px;

z-index:0;
opacity:.08;
}

/* CONTENT */

.founder-content p{
font-size:20px;
line-height:1.9;
color:#555;
margin-bottom:22px;
}

.founder-content strong{
color:#123e8a;
font-weight:700;
}

/* HIGHLIGHT */

.founder-highlight{
background:linear-gradient(
135deg,
#123e8a,
#1f5ec7
);
padding:50px;
border-radius:30px;
text-align:center;
margin-bottom:70px;
}

.founder-highlight h3{
font-size:38px;
font-weight:800;
color:#fff;
margin-bottom:20px;
}

.founder-highlight p{
font-size:22px;
line-height:1.8;
color:#fff;
max-width:900px;
margin:auto;
}

/* JOURNEY */

.founder-journey{
max-width:1000px;
margin:0 auto 70px;
text-align:center;
}

.founder-journey p{
font-size:21px;
line-height:1.9;
color:#555;
margin-bottom:25px;
}

.founder-journey strong{
color:#123e8a;
}

/* STATS */

.founder-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
margin-bottom:70px;
}

.founder-stat{
background:#fff;
padding:35px;
border-radius:24px;
text-align:center;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.3s ease;
}

.founder-stat:hover{
transform:translateY(-8px);
}

.founder-stat h3{
font-size:48px;
font-weight:800;
color:#123e8a;
margin-bottom:10px;
}

.founder-stat span{
font-size:17px;
font-weight:500;
color:#666;
}

/* QUOTE */

.founder-quote{
max-width:1000px;
margin:0 auto 50px;
padding:50px;
background:#f8fbff;
border-left:6px solid #f4b400;
border-radius:24px;
text-align:center;
}

.founder-quote blockquote{
font-size:34px;
font-weight:800;
color:#123e8a;
margin:0;
line-height:1.6;
}

/* SOURCE */

.founder-source{
text-align:center;
}

.founder-source span{
display:block;
font-size:14px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#999;
margin-bottom:12px;
}

.founder-source a{
font-size:18px;
font-weight:700;
color:#123e8a;
text-decoration:none;
transition:.3s ease;
}

.founder-source a:hover{
color:#f4b400;
}

/* ==========================
   TABLET
========================== */

@media (max-width:1024px){

.founder-grid{
grid-template-columns:1fr;
gap:50px;
}

.founder-image{
position:relative;
top:auto;
max-width:500px;
margin:auto;
}

.founder-stats{
grid-template-columns:repeat(2,1fr);
}

.founder-header h2{
font-size:48px;
}

}

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

@media (max-width:767px){

.founder-section{
padding:80px 0;
}

.founder-header{
margin-bottom:50px;
}

.founder-header h2{
font-size:36px;
}

.founder-header p{
font-size:18px;
}

.founder-grid{
gap:35px;
margin-bottom:50px;
}

.founder-content p{
font-size:17px;
line-height:1.8;
}

.founder-highlight{
padding:35px 25px;
margin-bottom:50px;
}

.founder-highlight h3{
font-size:28px;
}

.founder-highlight p{
font-size:18px;
}

.founder-journey p{
font-size:17px;
}

.founder-stats{
grid-template-columns:1fr;
gap:20px;
}

.founder-stat h3{
font-size:38px;
}

.founder-quote{
padding:35px 25px;
}

.founder-quote blockquote{
font-size:24px;
}

.founder-source{
margin-top:60px;
padding-top:40px;
border-top:1px solid #e5e5e5;
text-align:center;
}

.founder-source h4{
font-size:18px;
font-weight:700;
color:#123e8a;
margin-bottom:15px;
}

.founder-source a{
font-size:18px;
font-weight:700;
color:#0d6efd;
text-decoration:none;
word-break:break-word;
transition:.3s ease;
}

.founder-source a:hover{
color:#f4b400;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f28293d *//* =========================
TIMELINE REPUBLIK VANNAMEI
========================= */

.kave-timeline{
max-width:1050px;
margin:0 auto;
padding:100px 20px;
position:relative;
}

/* Garis Tengah */

.kave-timeline::before{
content:'';
position:absolute;
left:50%;
top:0;
width:4px;
height:100%;
background:#d7dfed;
transform:translateX(-50%);
}

.timeline-progress{

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:0;

    background:linear-gradient(
        to bottom,
        #1f57c3,
        #4f8cff
    );

    transform:translateX(-50%);

    z-index:3;

    border-radius:999px;

}

/* ITEM */

.timeline-item{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;

max-width:1100px;
margin:0 auto 140px auto;

gap:100px;
}

.timeline-item.left{
flex-direction:row;
}

.timeline-item.right{
flex-direction:row-reverse;
}

/* KONTEN */

.timeline-content{
width:38%;
}

.timeline-year{
font-size:62px;
font-weight:800;
color:#17479e;
line-height:1;
margin-bottom:25px;
}

.timeline-title{
font-size:32px;
font-weight:700;
line-height:1.15;
color:#143c80;
margin-bottom:20px;
}

.timeline-desc{
font-size:18px;
line-height:1.5;
color:#66758f;
}

/* FOTO CARD */

.timeline-card{
background:#fff;
padding:12px;
border-radius:24px;
box-shadow:
0 10px 30px rgba(0,0,0,.06),
0 20px 60px rgba(0,0,0,.08);

transition:.35s ease;

max-width:480px; /* tambahin */
margin:0 auto;
}

.timeline-card:hover{
transform:translateY(-8px);
}

.timeline-card img{
width:100%;
height:300px;
object-fit:cover;
display:block;
border-radius:18px;
}

.timeline-card{
overflow:hidden;
}

.timeline-card img{
transition:.5s ease;
}

.timeline-card:hover img{
transform:scale(1.05);
}

/* DOT */
.timeline-item .timeline-dot{
    display:none;
}

/* Ring 1 */

.timeline-dot::before{
content:'';
position:absolute;
inset:-12px;
background:rgba(31,87,195,.18);
border-radius:50%;
}

/* Ring 2 */

.timeline-dot::after{
content:'';
position:absolute;
inset:-25px;
background:rgba(31,87,195,.08);
border-radius:50%;
}

/* Milestone */

.timeline-item.milestone .timeline-dot{
background:#f5c542;
}

.timeline-item.milestone .timeline-dot::before{
background:rgba(245,197,66,.2);
}

.timeline-item.milestone .timeline-dot::after{
background:rgba(245,197,66,.08);
}

/* Badge */

.timeline-badge{
display:inline-block;
padding:8px 16px;
border-radius:100px;
background:#f5c542;
color:#143c80;
font-size:13px;
font-weight:700;
margin-bottom:20px;
}

/* Animasi */

.timeline-item{
opacity:0;
transform:translateY(50px);
animation:fadeUp .8s forwards;
}

@keyframes fadeUp{

to{
opacity:1;
transform:translateY(0);
}

}

/* HALAMAN 1 */

@media(max-width:991px){

.timeline-content{
width:100% !important;
max-width:none !important;
flex:unset !important;
}

}

.timeline-box{
background:#fff;
padding:40px;
border-radius:24px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
width:100%;
box-sizing:border-box;
}

.timeline-box h3{
font-size:28px;
font-weight:700;
margin-bottom:20px;
color:#163d87;
}

.timeline-box p{
font-size:18px;
line-height:2;
color:#444;
margin-bottom:15px;
}

.timeline-box.highlight{
border-left:6px solid #f4b400;
background:#fff;
}

.timeline-year{
font-size:38px;
font-weight:800;
color:#1c4ca3;
line-height:1;
margin-bottom:30px;
}

.timeline-gallery{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:10px;
margin-top:25px;
}

.timeline-gallery img{
width:100%;
height:240px;
object-fit:cover;
border-radius:18px;
display:block;
}

.timeline-gallery img:hover{
transform:scale(1.03);
}

.timeline-era{
display:inline-block;
padding:8px 16px;
background:#e8eefc;
color:#1c4ca3;
font-size:13px;
font-weight:700;
letter-spacing:1px;
border-radius:50px;
margin-bottom:15px;
text-transform:uppercase;
}

.timeline-divider{
width:120px;
height:5px;
background:#f4b400;
border-radius:20px;
margin:20px 0 40px;
}

.status-badge{
display:inline-block;
padding:8px 18px;
background:#ffe5e5;
color:#d33;
font-size:12px;
font-weight:700;
border-radius:50px;
margin-bottom:15px;
}

.timeline-label{
display:inline-block;
padding:8px 14px;
background:#eef4ff;
color:#1c4ca3;
font-size:12px;
font-weight:700;
letter-spacing:1px;
border-radius:30px;
margin-bottom:20px;
}

@media(max-width:767px){

.timeline-gallery{
grid-template-columns:1fr;
}

.timeline-gallery img{
height:220px;
}

}

/* =======================================================
   HALAMAN 2
   POTENSI NASIONAL & HOT NEWS
======================================================= */

.timeline-badge{
display:inline-block;
padding:12px 22px;
border-radius:999px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:20px;
}

.timeline-badge.blue{
background:#e7eefb;
color:#1c4ca3;
}

.timeline-badge.red{
background:#fde8e8;
color:#dc2626;
}

.timeline-gallery-single{
margin-top:20px;
}

.timeline-gallery-single img{
width:100%;
display:block;
border-radius:18px;
}

.timeline-box{
padding:35px;
}

/* =====================================
HALAMAN 3 - KAVE 2002
===================================== */

.kave-bubble{
width:320px;
height:180px;
background:linear-gradient(135deg,#0fb4ff,#00a2e8);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:72px;
font-weight:800;
color:#fff;
margin-bottom:30px;
position:relative;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.kave-bubble:after{
content:'';
position:absolute;
right:-70px;
top:50%;
transform:translateY(-50%);
border-top:25px solid transparent;
border-bottom:25px solid transparent;
border-left:90px solid #00a8ee;
}

.timeline-quote{
margin-top:40px;
padding:45px;
border-top:8px solid #f4b400;
border-bottom:8px solid #f4b400;
text-align:center;
}

.timeline-quote span{
font-size:25px;
font-weight:800;
line-height:1.25;
color:#f4b400;
display:block;
}

.timeline-year{
font-size:72px;
font-weight:800;
color:#6b2bbd;
margin-bottom:25px;
}

.timeline-item .timeline-box h3{
margin-bottom:20px;
}

@media(max-width:767px){

.kave-bubble{
width:100%;
height:140px;
font-size:48px;
border-radius:999px;
}

.kave-bubble:after{
display:none;
}

}

/* =====================================
HALAMAN 4
===================================== */

.timeline-badge.green{
background:#e8f7ee;
color:#0c8a4f;
}

.timeline-list{
padding-left:25px;
margin:0;
}

.timeline-list li{
font-size:20px;
line-height:1.9;
margin-bottom:8px;
color:#444;
}

.timeline-shrimp{
margin-top:35px;
display:flex;
justify-content:center;
}

.timeline-shrimp img{
width:420px;
height:420px;
object-fit:cover;
border-radius:50%;
box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.timeline-gallery-single img{
width:100%;
display:block;
border-radius:18px;
}

/* =====================================
HALAMAN 5
===================================== */

.timeline-badge.orange{
background:#fff4df;
color:#d88400;
}

.timeline-badge.green{
background:#e8f7ee;
color:#0c8a4f;
}

.timeline-gallery-single{
margin-top:30px;
}

.timeline-gallery-single img{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* =====================================
HALAMAN 6
===================================== */

.timeline-video{
margin-top:25px;
border-radius:20px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.10);
}

.timeline-video video{
width:100%;
display:block;
border-radius:20px;
}

.timeline-gallery-single{
margin-top:30px;
}

.timeline-gallery-single img{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

/* =====================================
HALAMAN 7
===================================== */

.timeline-gallery-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:25px;
}

.timeline-gallery-grid img{
width:100%;
height:220px;
object-fit:cover;
border-radius:16px;
display:block;
}

/* foto ketiga full bawah */

.timeline-gallery-grid img:nth-child(3){
grid-column:1 / span 2;
height:260px;
}

@media(max-width:767px){

.timeline-gallery-grid,
.timeline-gallery-grid-2,
.timeline-gallery-four,
.timeline-gallery-two{
grid-template-columns:1fr;
}

.timeline-gallery-grid img:nth-child(3){
grid-column:auto;
height:220px;
}

}

/* =====================================
HALAMAN 8
===================================== */

.timeline-media-photo{
margin-top:20px;
}

.timeline-media-photo img{
width:100%;
height:260px;
object-fit:cover;
display:block;
border-radius:18px;
}

.timeline-media-video{
margin-top:18px;
}

.timeline-media-video video{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* =====================================
HALAMAN 9
===================================== */

.timeline-media-photo{
margin-top:20px;
}

.timeline-media-photo img{
width:100%;
height:300px;
object-fit:cover;
display:block;
border-radius:18px;
}

.timeline-media-video{
margin-top:18px;
}

.timeline-media-video video{
width:100%;
display:block;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* =====================================
HALAMAN 10
===================================== */

.timeline-gallery-grid-2{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:12px;
margin-top:20px;
}

.timeline-gallery-grid-2 img{
width:100%;
height:160px;
object-fit:cover;
display:block;
border-radius:18px;
}

/* =====================================
HALAMAN 11
===================================== */

.timeline-media-photo{
margin-top:25px;
}

.timeline-media-photo img{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
display:block;
border-radius:18px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* =====================================
HALAMAN 12
===================================== */

.timeline-gallery-four{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:10px;
margin-top:20px;
}

.timeline-gallery-four img{
width:100%;
height:220px;
object-fit:cover;
border-radius:18px;
display:block;
}

.timeline-video{
position:relative;
margin-top:20px;
overflow:hidden;
border-radius:22px;
}

.timeline-video img{
width:100%;
height:420px;
object-fit:cover;
display:block;
border-radius:22px;
}

.timeline-video .play-button{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:90px;
height:90px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:38px;
font-weight:700;
box-shadow:0 10px 30px rgba(0,0,0,.2);
}

/* =====================================
HALAMAN 13
===================================== */

.timeline-gallery-vertical{
display:flex;
flex-direction:column;
gap:16px;
margin-top:25px;
}

.timeline-gallery-vertical img{
width:100%;
display:block;
border-radius:18px;
object-fit:cover;
}

/* foto panen */

.timeline-gallery-vertical img:first-child{
height:260px;
}

/* tabel produktivitas */

.timeline-gallery-vertical img:last-child{
height:auto;
object-fit:contain;
background:#fff;
}

/* =====================================
HALAMAN 14
===================================== */

.timeline-year-event{
font-size:54px;
font-weight:800;
line-height:1.1;
color:#111;
margin-bottom:25px;
}

.timeline-gallery-two{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:25px;
}

.timeline-gallery-two img{
width:100%;
height:320px;
object-fit:cover;
display:block;
border-radius:18px;
}

.timeline-gallery-single img{
width:100%;
height:260px;
object-fit:cover;
display:block;
border-radius:20px;
}

/* =====================================
HALAMAN 15
===================================== */

.timeline-gallery-single{
margin-top:25px;
}

.timeline-gallery-single img{
width:100%;
height:420px;
object-fit:cover;
display:block;
border-radius:18px;
}

/* =====================================
HALAMAN 16
===================================== */

.rtve-logo{
width:420px;
height:220px;
margin:0 auto 40px;
border-radius:999px;
background:linear-gradient(
135deg,
#27c7ff,
#0099e6
);
display:flex;
align-items:center;
justify-content:center;
font-size:72px;
font-weight:800;
color:#fff;
position:relative;
}

.rtve-logo:after{
content:'';
position:absolute;
right:-150px;
top:50%;
transform:translateY(-50%);
border-left:180px solid #0099e6;
border-top:25px solid transparent;
border-bottom:25px solid transparent;
}

.center-text{
text-align:center;
}

.timeline-year-event.purple{
font-size:72px;
font-weight:800;
color:#7a35b6;
margin-bottom:20px;
}

.timeline-quote{
margin-top:40px;
padding:50px 10px;
border-top:10px solid #f4b400;
border-bottom:10px solid #f4b400;
font-size:30px;
font-weight:700;
line-height:1.4;
text-align:center;
color:#f4b400;
}

@media(max-width:767px){

.rtve-logo{
width:100%;
height:140px;
font-size:54px;
}

.rtve-logo:after{
display:none;
}

}

/* ==========================================
TIMELINE RESPONSIVE FINAL
========================================== */

/* TABLET */
@media(max-width:991px){

.kave-timeline{
padding:90px 25px;
position:relative;
}

.kave-timeline::before{
left:40px;
transform:none;
}

.timeline-item{
flex-direction:column !important;
align-items:flex-start;
padding-left:90px;
margin-bottom:80px;
gap:30px;
}

.timeline-content{
width:100%;
max-width:100%;
padding-bottom:30px;
}

.timeline-card{
width:100%;
max-width:none;
margin-top:0;
}

.timeline-dot{
left:20px;
top:40px;
transform:translateX(-50%);
}

.timeline-year{
font-size:54px;
}

.timeline-title{
font-size:36px;
line-height:1.2;
}

.timeline-card img{
width:100%;
height:auto;
object-fit:contain;
}

}

/* MOBILE */
@media(max-width:767px){

.kave-timeline{
padding:70px 20px;
position:relative;
}

.kave-timeline::before{
left:36px;
transform:none;
}

.timeline-item{
padding-left:75px;
margin-bottom:70px;
gap:25px;
}

.timeline-dot{
left:20px;
top:9px;
transform:translateX(-50%);
width:18px;
height:18px;
}

.timeline-content{
width:100%;
padding-bottom:30px;
}

.timeline-box{
padding:25px;
}

.timeline-year{
font-size:34px;
line-height:1;
margin-bottom:15px;
}

.timeline-title,
.timeline-box h3{
font-size:22px;
line-height:1.3;
margin-bottom:15px;
}

.timeline-desc,
.timeline-box p{
font-size:16px;
line-height:1.8;
}

.kave-bubble,
.rtve-logo{
width:100%;
height:120px;
font-size:42px;
margin-bottom:25px;
}

.kave-bubble:after,
.rtve-logo:after{
display:none;
}

.timeline-card,
.timeline-gallery-single,
.timeline-media-photo,
.timeline-video{
width:100%;
overflow:hidden;
}

.timeline-card img,
.timeline-gallery img,
.timeline-gallery-single img,
.timeline-gallery-grid img,
.timeline-gallery-grid-2 img,
.timeline-gallery-two img,
.timeline-gallery-four img,
.timeline-media-photo img,
.timeline-gallery-vertical img{
width:100%;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
display:block;
background:#fff;
border-radius:16px;
}

.timeline-gallery,
.timeline-gallery-grid,
.timeline-gallery-grid-2,
.timeline-gallery-two,
.timeline-gallery-four{
grid-template-columns:1fr;
}

.timeline-gallery-grid img:nth-child(3){
grid-column:auto;
height:auto !important;
}

}

/* =====================================
MOVING DOT
===================================== */

.timeline-scroll-dot{

    position:absolute;

    left:50%;

    top:0;

    width:26px;

    height:26px;

    background:#1f57c3;

    border-radius:50%;

    transform:translateX(-50%);

    z-index:20;

    box-shadow:
    0 0 0 16px rgba(31,87,195,.15),
    0 0 0 32px rgba(31,87,195,.08);

    transition:top .08s linear;

}

@media(max-width:991px){

.timeline-scroll-dot{

    width:14px;

    height:14px;

    left:37px;

    box-shadow:
    0 0 0 8px rgba(31,87,195,.15),
    0 0 0 16px rgba(31,87,195,.08);

}

}

.timeline-progress{

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:0;

    background:linear-gradient(
        to bottom,
        #1f57c3,
        #4f8cff
    );

    transform:translateX(-50%);

    z-index:3;

    border-radius:999px;

}

/* MOBILE */

@media(max-width:991px){

.timeline-progress{

    left:37px;

    transform:none;

}

}

/* =====================================
ACTIVE TIMELINE ITEM
===================================== */

.timeline-item .timeline-box,
.timeline-item .timeline-card{

    transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;

}

.timeline-item .timeline-gallery img{

    transition:transform .6s ease;

}

.timeline-item.active .timeline-box{

    transform:translateY(-10px);

    box-shadow:
    0 35px 100px rgba(31,87,195,.20),
    0 0 40px rgba(31,87,195,.12);

}

.timeline-item.active .timeline-card{

    transform:translateY(-12px);

    box-shadow:
    0 35px 100px rgba(31,87,195,.20),
    0 0 40px rgba(31,87,195,.12);

}

.timeline-item.active .timeline-gallery img{

    transform:scale(1.04);

}

/* ======================================
KAVE PREMIUM QUOTE
====================================== */

.timeline-quote{

    position:relative;

    margin-top:55px;

    padding:60px 50px;

    background:linear-gradient(
        180deg,
        #FFFDF8,
        #FFFFFF
    );

    border:1px solid rgba(212,160,23,.25);

    border-radius:24px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.06);

    overflow:hidden;

    text-align:center;

}

.timeline-quote::before{

    content:"❝";

    position:absolute;

    top:18px;
    left:28px;

    font-size:90px;

    color:rgba(212,160,23,.18);

    line-height:1;

}

.timeline-quote::after{

    content:"❞";

    position:absolute;

    right:28px;
    bottom:0;

    font-size:90px;

    color:rgba(212,160,23,.18);

    line-height:1;

}

.timeline-quote p{

    margin:0;

    font-size:34px;

    line-height:1.55;

    font-weight:700;

    color:#D4A017;

    max-width:720px;

    margin-inline:auto;

}

.timeline-quote .quote-line{

    width:90px;

    height:4px;

    background:#D4A017;

    border-radius:99px;

    margin:0 auto 35px;

}

.timeline-quote .quote-line.bottom{

    margin:35px auto 0;

}/* End custom CSS */