.jarak-konten {
    padding-top:100px;
    padding-bottom:100px;
}
.heading-satu {
    font-weight:800;
}

.bg-muda {
    background: linear-gradient(90deg, rgb(76, 69, 215) 0%, rgb(1, 178, 160) 0%, rgb(236, 236, 236) 100%);
}
 
.bg-biru {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,117,207,1) 0%, rgba(104,229,255,1) 100%);
}
.bg-hijau {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,115,103,1) 0%, rgba(104,255,160,1) 100%);
}
.bg-pink {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(167,0,154,1) 0%, rgba(255,136,209,1) 100%);
}
.bg-gelap {
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,89,167,1) 0%, rgba(136,183,255,1) 100%);
}

.jarak-bawah {
    margin-bottom: 50px;
}

.font-btn {
    font-size:13px;
}

.gambar {
    padding:20px;
    display:flex; 
    flex-direction:column; 
    justify-content:flex-end;
}


.caption {
    display: flex;
    flex-flow: column;
    position: relative;
}

.captiontext {
    width: 100%;
    position:absolute;bottom:0;right:0; background: linear-gradient(to top, rgba(0, 0, 0, 0.848), transparent); padding:10px; color: #fff;
}

.captiondua {
    display: flex;
    position: relative;
}

.content img {
    width: 100%;
    height: 420px; /* Menetapkan tinggi gambar ke 400px */
    object-fit: cover; /* Memastikan gambar tetap memenuhi kontainer dengan zooming */
}

.contentdua img {
    width: 100%;
    height: 200px; /* Menetapkan tinggi gambar ke 400px */
    object-fit: cover;
}

.contenttiga img {
    width: 100%;
    height: 120px; /* Menetapkan tinggi gambar ke 400px */
    object-fit: cover;
}

.contentmobile img {
    margin-top:-3px;
    width: 100%;
    height: 300px; /* Menetapkan tinggi gambar ke 400px */
    object-fit: cover; /* Memastikan gambar tetap memenuhi kontainer dengan zooming */
}

.captionmobile {
    margin-top:-117px;
    padding:20px;
    color:#fff;
    position: relative;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.848), transparent);
}

.carousel-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Ubah opacity (0.5) sesuai keinginan */
    pointer-events: none; /* Mencegah overlay dari menghalangi interaksi dengan gambar di bawahnya */
}