/*-------------------------------------------------------------------------------------


    + CSS Reset
    + Header
    + Menu
    + Mainbody
    + Main + Side
    + Footer
    + Komponen
    + Kategori
    + Kategori
    + Detail
 
-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------
CSS Reset
-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------
Main + Side
-------------------------------------------------------------------------------------*/
#packme_main{}
#packme_body{}
#packme_side{
    margin-bottom: 0px;
}
.packme_widget{}
.packme_wigdet_kolom{
    position: relative;
	}
.packme_widget_title{
    float: left;
    width: 100%;
	padding:5px 0 0 5px;
	margin:10px 0 15px 0;
	border-left:10px solid #f75454;
}
.packme_widget_title h2{
    float: left;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    text-transform: capitalize;
	padding:5px 0 5px 10px;
	margin:0 0 15px 0;
	font-size:20px;
	border-left:10px solid #f75454;
	border-bottom: 1px solid #efefef
}
.packme_widget_isi{
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    text-transform: capitalize;
	padding:0px;
	margin:0 0 0px 0;
}
.packme_options_dark_skin .packme_widget_title, .packme_options_dark_skin .packme_widget_title h2{
	border-left:10px solid #fff;}
.packme_options_dark_skin .packme_widget_title h2{
	border-bottom: 1px solid #333;}
	

/*-------------------------------------------------------------------------------------
PILIHAN EDITOR
-------------------------------------------------------------------------------------*/	

.packme_block_section{margin:5px 0 10px 0;padding:15px;background: #0732f0;
background: linear-gradient(90deg, rgba(7, 50, 240, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);border-radius:10px;}

.packme_widget_jl_wrapper{
    position: relative;
}
.widget{
    padding: 0px;
    margin-bottom: 50px !important;
    position: relative;
    z-index: 1;
}
.widget:after{
    display: table;
    content: '';
    clear: both;
}

.packme_cat_img_w{
    width: 100%;
    padding: 0px 10px 0px 10px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.packme_cat_img_w .packme_cat_img_c{
    width: 100%;
    min-height: 60px;
    position: relative;4
}
.packme_cat_img_w .packme_cat_img_c h3{
	left:40px;
	width:auto;
    position: relative;
	display:block;
	padding:10px;
	top:0;
}

.packme_cat_img_w .packme_category_image_bg_image{
    width: 50px;
    height: 50px;
    border-radius: 100px;
	background-image: linear-gradient(-225deg, #2CD8D5 0%, #6B8DD6 48%, #8E37D7 100%);
    left: 10px;
    top: 50%;
	line-height:50px;
    position: absolute;
    -webkit-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    -ms-transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    transform: translate3d(0,0,0) perspective(1px) translateY(-50%);
    z-index: 2;
	text-align:center;
	
}
/*-------------------------------------------------------------------------------------
Pilihan
-------------------------------------------------------------------------------------*/	

.packme_block_section{
	margin:5px 0 10px 0;
	padding:15px;
	background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);

.packme_block_section_title{
    float: left;
    width: 100%;
	padding:5px 20px 0 5px;
	margin:10px 0 15px 10px;
	border-left:10px solid #f75454;
}
.packme_block_section_title h2{
	
    float: left;
    width: 100%;
    position: relative;
    display: block;
    text-align: left;
    text-transform: capitalize;
	padding:5px 0 5px 10px;
	margin:0 0 15px 0;
	font-size:18px;
	color:#fff;
	border-left:10px solid #f75454;
	border-bottom: 1px solid #f75454
	}

.packme_options_dark_skin .packme_block_section{background: #000000;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(34, 34, 36, 1) 35%, rgba(62, 62, 64, 1) 40%, rgba(69, 70, 71, 1) 45%, rgba(85, 86, 89, 1) 52%, rgba(95, 96, 97, 1) 61%, rgba(101, 103, 105, 1) 67%, rgba(126, 127, 128, 1) 100%);	}

.packme_options_dark_skin .packme_block_section_title{
	border-left:10px solid #fff;
}
.packme_options_dark_skin .packme_block_section_title h2{
	border-left:10px solid #fff;
	border-bottom: 1px solid #333;
	}

.packme_grid_wrap_f{
    margin-bottom: 0px;
}
.packme_grid_wrap_f .packme-roww{
    display: flex;
    flex-flow: row wrap;
    margin: 0px -10px;
}
.packme_grid_wrap_f .packme-col3 .packme-grid-cols{
    width: 33.333%;
    padding: 0px 10px;
}
.packme-grid-cols .packme_grid_w .packme-text-box h3 a{
	font-weight:bold;
    font-size: 16px;
	color:#ffffff;
}
.packme-grid-cols .packme_grid_w .packme-text-box h3 a:hover{
	color:#efefef;
}
/*-------------------------------------------------------------------------------------
IKLAN FLOAT
-------------------------------------------------------------------------------------*/	
.packme_float_iklan_tengah {
    position: fixed;
    bottom: 0;                /* Menempel di dasar layar */
    left: 50%;                /* Mulai dari tengah horizontal */
    transform: translateX(-50%); /* Geser balik 50% agar benar-benar di tengah */
    z-index: 999999;          /* Pastikan di atas konten lain */
    text-align: center;
    background: #fff;               /* Opsional: Jarak dalam */
}
.packme_float_iklan {
    position: fixed;
    bottom: 10px; /* Jarak dari bawah */
    z-index: 9999; /* Memastikan iklan berada di atas konten lain */
    width: 140px; /* Lebar iklan */
    height: 500px; /* Tinggi iklan */
    background: #fff;               /* Opsional: Jarak dalam */
}

.packme_iklan_kiri {
    left: 10px; /* Jarak dari kiri */
}

.packme_iklan_kanan {
    right: 10px; /* Jarak dari kanan */
}

.packme_iklan_tengah {
    bottom: 10px; /* Jarak dari kanan */
}

.packme_float_iklan img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.packme_close_iklan {
    position: absolute;
    top: -15px;
    right: 0px;
    background: #f75454;
    color: #fff;
    width: 100%;
    height: 25px;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    font-size: 12px;
    border: 1px solid #fff;
}