.warna1{
background-color: #876445;
}

.warna2{
background-color: #ca965c;
}

.warna3{
    background-color: #EEC373;
    }

.warna4{
    background-color: #f4dfba;
    }

.warna5{
    background-color: #f0b445;
    height: 150px;
    }

.warna6{
    text-decoration:none;
    color: black;
    height: auto;
}



/*baner bagian Home menu Utaama*/
.banner {
    height: 70vh; /* memperbesar tinggi container */
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../image/barulah.jpg');
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
}


.highlighted-kategori {
    height: 250px;
}

.kategori-keris {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../Galeri/kerisbik.png');
    background-size: 75%;
    background-position: center;
}

.kategori-Ring {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../Galeri/NEKA SOUVENIRS GALLERY 17.png');
    background-size: 75%;
    background-position: center;
}

.kategori-kain {
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../Galeri/ring2.jpg');
    background-size: 72%;
    background-position: center;
}

.no-decoration{
    text-decoration: none;
    color: white;
}

.no-decoration:hover{
    color: #89e104;;
}

.text-harga{
  font-size: 22px;
  color: hwb(52 5% 24% / 0.827);
}

.image-box{
    height: 250px;
}

.image-box img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.content-subcribe{
    background-color:rgba(0,0,0,0.7) ;
}

.content-subcribe a { 
    color: #fff;
}

    /*produk menu */
.banner2{     
    height: 45vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('../Galeri/Neka_Logo_23.jpg');
    background-position:50% 35%;
   
}
/*image 3 terkait di bagian atas footer*/   
.produk-terkait-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.image-cart{
    height: 10px;
}