/* body {
        margin-top: 20px;
        background-color: #f4f4f4;
        font-family: Arial, sans-serif;
    }*/
    .article-content {
    	background: white;
    	padding: 20px;
    	border-radius: 5px;
    	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    	margin-bottom: 20px;
    }
    .article-meta {
    	font-size: 14px;
    	color: #777;
    	margin-bottom: 15px;
    	border-top: 1px solid #e7e7e7;
    	padding-top: 10px;
    	display: flex;
    	justify-content: space-between;
    }
    .article-meta div {
    	display: flex;
    	align-items: center;
    }
    .article-meta i {
    	margin-right: 5px;
    	color: #337ab7;
    }
    .article-text {
    	line-height: 1.6;
    	text-align: justify; /* Rata kiri dan kanan */
    	margin-top: 20px;
    }
    .article-text p {
    	margin-bottom: 15px;
    }
    .highlight {
    	background-color: #e7f3fe; /* Warna latar belakang untuk penekanan */
    	padding: 10px;
    	border-radius: 5px;
    	margin: 20px 0;
    }
    .sidebar {
    	background-color: #fff;
    	padding: 15px;
    	border-radius: 5px;
    	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    	margin-bottom: 20px;
    }
    .sidebar h4 {
    	border-bottom: 2px solid #e7e7e7;
    	padding-bottom: 10px;
    	margin-bottom: 15px;
    	margin-top: 10px;
    }

    .sidebar ul {
    	list-style-type: none;
    	padding: 0;
    }
    .sidebar ul li {
    	margin: 10px 0;
    	display: flex;
    	align-items: center;
    }
    .sidebar ul li img {
    	width: 80px;
    	height: 60px;
    	margin-right: 10px;
    	border-radius: 5px;
    	object-fit: cover;
    }
    .sidebar ul li a {
    	text-decoration: none;
    	color: #337ab7;
    	margin-top: 25px;
    }
    .sidebar ul li a:hover {
    	text-decoration: underline;
    	color: #23527c;
    }
    .img-responsive {
    	border-radius: 5px;
    }
    .footer {
    	text-align: center;
    	margin-top: 20px;
    	color: #888;
    }
    .separator {
    	height: 1px;
    	background-color: #e7e7e7;
    	margin: 20px 0;
    }
    .content-wrapper {
    	display: flex;
    	margin-bottom: 20px;
    }
    .content-main {
    	flex: 3; /* Lebar konten utama */
    	margin-right: 20px; /* Jarak antara konten dan sidebar */
    }
    .content-sidebar {
    	flex: 1; /* Lebar sidebar */
    }

    
.rowx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.rowx > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


.product-thumb {
  width: 100%;              /* Lebar penuh */
/*  height: 200px;            /* Tinggi tetap */
  overflow: hidden;         /* Memotong bagian gambar yang keluar */
  border-radius: 8px 8px 0 0; /* Membuat sudut atas card melengkung */
}

/* Gambar responsif dengan aspek rasio yang terjaga */
.product-thumb img {
  width: 100%;              /* Lebar penuh */
  height: 100%;             /* Isi penuh tinggi container */
  object-fit: cover;        /* Memotong dan menyesuaikan gambar agar tidak terdistorsi */
}

.product-nam{
       line-height: 23px;
}



 .social-share {
    margin-top: 20px;
}

.social-share a {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 15px;
    background-color: #4CAF50;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-family: Arial, sans-serif;
    transition: background-color 0.3s;
}

.social-share a.facebook-share {
    background-color: #3b5998;
}

.social-share a.twitter-share {
    background-color: #55acee;
}

.social-share a.whatsapp-share {
    background-color: #25D366;
}

.social-share a.linkedin-share {
    background-color: #0077B5;
}

.social-share a:hover {
    opacity: 0.8;
}