.warna1 {
    background-color: #876445;
}

.warna2 {
     background-color: #CA965C;
}

.warna3 {
    background-color: #EEC373;
}
.warna4 {
    background-color: #F4DFBA;
}

.banner{
    height: 80vh;
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), url('../image/Banner-01.webp');
}

.highligted-kategori{
    height: 250px;
}

.kategori-laptop{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/bjKPezERakN25nGaL3nD.jpg');
    background-size: cover;
    background-position: center;
}

.kategori-laptop1{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/w5trqMPqYQOpQ05p0vEw.jpg');
    background-size: cover;
    background-position: center;
}

.kategori-laptop2{
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), 
    url('../image/iJX0XsTz3epMN4WTDO6v.jpg');
    background-size: cover;
    background-position: center;
}
.no-decoration {
    text-decoration: none;
    color: white;
}
.no-decoration:hover{
    color: #6a98dd;
}

.text-harga {
    font-size: 22px;
    color: #CA965C;
}

.image-box {
    height: 400px;

}

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

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

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

.banner2 {
    height: 50vh;
    background: linear-gradient(rgb(0, 0, 0,0.4),rgb(0, 0, 0,0.4)), url('../image/Banner-01.webp');
    background-position: 50% 10%;
}

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