:root {
   --primary-color: #1a5276;
   --secondary-color: #7d3c98;
   --accent-color: #f39c12;
   --light-bg: #f8f9fa;
   --dark-bg: #2c3e50;
 }

 .section-title {
   position: relative;
   padding-bottom: 15px;
   margin-bottom: 30px;
   text-align: center;
 }

 .section-title:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 80px;
   height: 3px;
   background-color: var(--accent-color);
 }

 .card {
   transition: transform 0.3s, box-shadow 0.3s;
   margin-bottom: 20px;
   border: none;
   border-radius: 8px;
   overflow: hidden;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
 }

 .card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
 }

 .card-icon {
   font-size: 2.5rem;
   color: var(--primary-color);
   margin-bottom: 15px;
 }

 .process-item {
   padding: 20px;
   border-radius: 8px;
   background-color: white;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
   margin-bottom: 20px;
   transition: transform 0.3s;
 }

 .process-item:hover {
   transform: translateY(-5px);
 }

 .contact-info {
   background-color: var(--dark-bg);
   color: white;
   padding: 50px 0;
 }

 .contact-icon {
   font-size: 1.5rem;
   margin-right: 10px;
   color: var(--accent-color);
 }

 .quality-badge {
   background-color: var(--primary-color);
   color: white;
   padding: 8px 15px;
   border-radius: 30px;
   display: inline-block;
   margin: 5px;
   font-size: 0.9rem;
 }

 .btn-primary {
   background-color: var(--primary-color);
   border-color: var(--primary-color);
 }

 .btn-primary:hover {
   background-color: #144360;
   border-color: #144360;
 }

 .capacity-card {
   background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
   color: white;
   border-radius: 10px;
   padding: 25px;
 }
 
 /* ---------- MARKET CARD ---------- */
.market-card {
  background: #fff;
  transition: all 0.4s ease;
  border: 1px solid #f0f0f0;
}
.market-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08);
}

/* ---------- IMAGE EFFECT ---------- */
.zoom-in {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}
.zoom-in:hover {
  transform: scale(1.05);
  box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
}

/* ---------- BUTTON HOVER ---------- */
.hover-glow {
  transition: all 0.3s ease;
}
.hover-glow:hover {
  box-shadow: 0 0 20px rgba(234, 85, 1, 0.6);
  transform: translateY(-3px);
}

/* ---------- ANIMATIONS ---------- */
.fade-in {
  animation: fadeIn 1.2s ease forwards;
  opacity: 0;
}
.fade-up {
  animation: fadeUp 1.2s ease forwards;
  opacity: 0;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 768px) {
  .hero-banner { height: 300px; }
  .section-title { font-size: 1.8rem; }
  .market-card h4 { font-size: 1.4rem; }
}
.text_color
{
  color:#003a6b;
}
  .machine-section-title {
      color: #002147;
      font-weight: bold;
      font-size: 28px;
    }

    .machine-section-title span {
      color: #f2c21a;
    }

    .machine-underline {
      width: 70px;
      height: 3px;
      background-color: #002147;
      margin-bottom: 20px;
    }

    .machine-table-title {
      color: #002147;
      font-weight: bold;
      font-size: 20px;
      margin-bottom: 10px;
    }

    .table-bordered th,
    .table-bordered td {
      vertical-align: middle;
      text-align: left;
    }

    @media (max-width: 768px) {
      .machine-table-title {
        margin-top: 30px;
      }
    }



        /* ===== PATTERN SHOP SECTION ===== */
    
    
    
    
    
    
        /* ===== IMAGE STYLING ===== */
        .pattern-image-wrapper {
          overflow: hidden;
          border-radius: 16px;
        }
    
        .pattern-image-wrapper img {
          width: 100%;
          height: auto;
          transition: transform 0.6s ease, box-shadow 0.6s ease;
        }
    
        .pattern-image-wrapper img:hover {
          transform: scale(1.05);
          box-shadow: 0 25px 45px rgba(0, 0, 0, 0.15);
        }
    
        /* ===== ANIMATIONS ===== */
        .fade-up {
          animation: fadeUp 1.2s ease forwards;
          opacity: 0;
        }
    
        @keyframes fadeUp {
          from {
            opacity: 0;
            transform: translateY(40px);
          }
    
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }
    
        /* ===== RESPONSIVE ===== */
        @media (max-width: 768px) {
          .pattern-shop-section h2 {
            font-size: 1.8rem;
          }
    
          .pattern-image-wrapper img {
            margin-bottom: 15px;
          }
        }