.section_item_cooler {
  position: relative;
  background-color: black; /* atau sesuai desain */
  overflow: hidden; /* penting untuk mencegah keluar dari area */
}

.section_item_cooler::before,
.section_item_cooler::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0; /* di bawah konten */
  pointer-events: none;
}

.section_item_cooler::before {
  background-image: url('../../../../uploads/cooler/G_1920x1080_atas.png');
  top: -70px;
  left: 0;
}

.section_item_cooler::after {
  background-image: url('../../../../uploads/cooler/G_1920x1080_bawah.png');
  bottom: -250px;
  right: -30px;
}

.section_item_cooler{
	background:#000000;
	padding:50px 0 100px;
	height:auto;
	color:#FFFFFF;
	position:relative;
	
}
.power{color:#FFFFFF;text-align:center;width:100%;font-size:28px;font-weight:500}
.Temukan_berbagai_kebutuhan_rakitan_PC_Anda__dar {
  font-size: 17px;
  
  color: rgb( 255, 255, 255 );
 
  text-align: center;
  
 width:50%;
 margin: 0 auto;

}
.section_catelog{
	background-image: url('../../../../uploads/cooler/Scenario-1-2-Black.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: 100%;
	height:384px;
	background-color:#000;
}
.title-frame{color:#FFFFFF;font-size:88px;margin-top:50px}
.isi-frame{color:#FFFFFF;font-size:14px}

.section_catelog2{
	background-image: url('../../../../uploads/cooler/MWE-Gold-V3-Black-07-650.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: 100%;
	height:384px;
	background-color:#000;
}
.title-frame2{color:#FFFFFF;font-size:88px;margin-top:50px;text-align:right}
.isi-frame2{color:#FFFFFF;font-size:14px;text-align:right}

.section_catelog3{
	background-image: url('../../../../uploads/cooler/Left.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: 100%;
	height:384px;
	background-color:#000;
}
.title-frame3{color:#FFFFFF;font-size:55px;margin-top:50px}
.isi-frame3{color:#FFFFFF;font-size:15px;margin-top:20px}

.section_blue{
	background-image: url('../../../../uploads/cooler/B_1080x1080.jpg');
	background-repeat:no-repeat;
	background-size: 100%;
	height:1200px;
	background-color:#000;
}
.blue1{padding:40px;border-bottom:4px solid #35363B}
.title-frame4{color:#FFFFFF;font-size:75px;margin-top:0px;margin-left:30px}
.isi-frame4{color:#FFFFFF;font-size:15px;margin-top:20px;margin-left:30px}
.blue2{padding:40px;border-bottom:4px solid #35363B}
.title-frame5{color:#FFFFFF;font-size:75px;margin-top:0px;margin-right:30px;text-align:right}
.isi-frame5{color:#FFFFFF;font-size:15px;margin-top:20px;margin-right:30px;text-align:right}
.blue3{padding:40px;}
.title-frame6{color:#FFFFFF;font-size:50px;margin-top:0px;margin-left:30px;text-align:left}
.isi-frame6{color:#FFFFFF;font-size:15px;margin-top:20px;margin-left:30px;text-align:left}

.section_footer{
	background-image: url('../../../../uploads/cooler/F_1920x1080.jpg');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
	height:600px;
	background-color:#000;
}

.fot{color:#FFFFFF;font-size:24px;width:80%;margin:0 auto;padding-top:150px}
.section-produk{background:#330782}
.content_1{background:#470DBA;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_1:hover{background:#4F26E2}
.content_2{background:#330782;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_2:hover{background:#4F26E2}
.content_3{background:#231142;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_3:hover{background:#4F26E2}
.content_title{color:#FFF!important;font-size:42px;text-align:center;width:100%;font-weight:500}

@media only screen and (max-width: 480px) {
.section_item_cooler {
  position: relative;
  background-color: black; /* atau sesuai desain */
  overflow: hidden; /* penting untuk mencegah keluar dari area */
}

.section_item_cooler::before,
.section_item_cooler::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0; /* di bawah konten */
  pointer-events: none;
}

.section_item_cooler::before {
  background-image: url('../../../../uploads/cooler/G_1920x1080_atas.png');
  top: -52px;
  left: 0;
}

.section_item_cooler::after {
  background-image: url('../../../../uploads/cooler/G_1920x1080_bawah.png');
  bottom: -117px;
  right: -16px;
}

.section_item_cooler{
	background:#000000;
	padding:50px 0 100px;
	height:auto;
	color:#FFFFFF;
	position:relative;
	
}
.power{color:#FFFFFF;text-align:center;width:100%;font-size:18px;font-weight:500}
.Temukan_berbagai_kebutuhan_rakitan_PC_Anda__dar {
  font-size: 14px;
  
  color: rgb( 255, 255, 255 );
 
  text-align: center;
  
 width:50%;
 margin: 0 auto;

}
.section_catelog{
	background-image: url('../../../../uploads/cooler/Scenario-1-2-Black.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: 100%;
	height:120px;
	background-color:#000;
	padding:0 20px;
}
.title-frame{color:#FFFFFF;font-size:12px;margin-top:10px}
.isi-frame{color:#FFFFFF;font-size:8px}

.section_catelog2{
	background-image: url('../../../../uploads/cooler/MWE-Gold-V3-Black-07-650.jpg');
	background-repeat:no-repeat;
	background-position:bottom;
	background-size: 100%;
	height:120px;
	background-color:#000;
}
.title-frame2{color:#FFFFFF;font-size:12px;margin-top:10px;text-align:right}
.isi-frame2{color:#FFFFFF;font-size:8px;text-align:right}

.section_catelog3{
	background-image: url('../../../../uploads/cooler/Left.jpg');
	background-repeat:no-repeat;
	background-position:left;
	background-size: 80%;
	height:165px;
	background-color:#000;
}
.title-frame3{color:#FFFFFF;font-size:12px;margin-top:10px}
.isi-frame3{color:#FFFFFF;font-size:8px;margin-top:20px}

.section_blue{
	background-image: url('../../../../uploads/cooler/B_1080x1080.jpg');
	background-repeat:repeat-y;
	background-size: 100%;
	height:auto;
	background-color:#fff;
}
.blue1{padding:40px;border-bottom:4px solid #35363B}
.title-frame4{color:#FFFFFF;font-size:18px;margin-top:0px;margin-left:10px}
.isi-frame4{color:#FFFFFF;font-size:15px;margin-top:20px;margin-left:10px}
.blue2{padding:40px;border-bottom:4px solid #35363B}
.title-frame5{color:#FFFFFF;font-size:18px;margin-top:0px;margin-right:10px;text-align:right}
.isi-frame5{color:#FFFFFF;font-size:15px;margin-top:20px;margin-right:10px;text-align:right}
.blue3{padding:40px;}
.title-frame6{color:#FFFFFF;font-size:18px;margin-top:0px;margin-left:10px;text-align:left}
.isi-frame6{color:#FFFFFF;font-size:15px;margin-top:20px;margin-left:10px;text-align:left}

.section_footer{
	background-image: url('../../../../uploads/cooler/F_1920x1080.jpg');
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
	height:180px;
	background-color:#000;
}

.fot{color:#FFFFFF;font-size:14px;width:80%;margin:0 auto;padding-top:10px}
.section-produk{background:#330782}
.content_1{background:#470DBA;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_1:hover{background:#4F26E2}
.content_2{background:#330782;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_2:hover{background:#4F26E2}
.content_3{background:#231142;padding:50px 10px 80px;color:#FFF!important;font-size:17px;}
.content_3:hover{background:#4F26E2}
.content_title{color:#FFF!important;font-size:22px;text-align:center;width:100%;font-weight:500}
.btn-default{font-size:14px!important;padding:5px 10px!important}
}