.elementor .e-84a5721{flex-direction:column;}.elementor .e-be87e71{flex-direction:column;}.elementor .e-2b61a49{flex-direction:column;/* ===== HOW TO WORK SECTION ===== */
.how-to-work {
background: #000;
padding: 60px 20px;
position: relative;
overflow: hidden;
}

.how-to-work::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('https://wrapster.my.id/wp-content/uploads/2024/01/how-to-work-bg.jpg') center/cover;
opacity: 0.2;
z-index: 0;
}

.how-to-work .container {
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 1;
}

.how-to-work .main-title {
font-size: 4.5rem;
font-weight: bold;
text-align: center;
margin-bottom: 50px;
background: linear-gradient(45deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
background-size: 400% 400%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: gradient 3s ease infinite;
text-shadow:
  -2px -2px 0 #fff,
  2px -2px 0 #fff,
  -2px 2px 0 #fff,
  2px 2px 0 #fff;
}

@keyframes gradient {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.how-to-work .steps-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}

.how-to-work .step-card {
background: rgba(0, 0, 0, 0.7);
padding: 25px 20px;
border-radius: 8px;
border: 1px solid rgba(255, 255, 255, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.how-to-work .step-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
border-color: rgba(255, 255, 255, 0.3);
}

.how-to-work .step-icon {
font-size: 2.5rem;
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 10px;
}

.how-to-work .step-icon i {
color: #ff6b35; /* Warna ikon default */
}

.how-to-work .step-title {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 10px;
color: #fff;
}

.how-to-work .step-desc {
color: #ccc;
line-height: 1.6;
font-size: 0.95rem;
}

/* Warna ikon per step (sesuai gambar) */
.how-to-work .step-card:nth-child(1) .step-icon i { color: #ff6b35; } /* Orange (Create Order) */
.how-to-work .step-card:nth-child(2) .step-icon i { color: #82e0aa; } /* Hijau (Brief) */
.how-to-work .step-card:nth-child(3) .step-icon i { color: #007cbb; } /* Biru (Payment) */
.how-to-work .step-card:nth-child(4) .step-icon i { color: #6a4c93; } /* Ungu (Design Process) */
.how-to-work .step-card:nth-child(5) .step-icon i { color: #ffb347; } /* Oranye (File Delivery) */
.how-to-work .step-card:nth-child(6) .step-icon i { color: #2e86c1; } /* Biru (Revision) */

/* Responsive untuk mobile */
@media (max-width: 768px) {
.how-to-work .steps-grid {
  grid-template-columns: 1fr;
}
.how-to-work .main-title {
  font-size: 3rem;
}
}\n}.elementor .e-d955295{flex-direction:column;}.elementor .e-b356d3c{flex-direction:column;}.elementor .e-4827ca6{flex-direction:column;}.elementor .e-4ff2eeb-847bdaa{flex-direction:column;}.elementor .e-e07e5bf-230970f{flex-direction:column;}.elementor .e-45ec6e3{flex-direction:column;}.elementor .e-55cf1f2-3821992{flex-direction:column;}.elementor .e-47d47f6-34e5044{flex-direction:column;}.elementor .e-da43f3a{flex-direction:column;}