* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       font-family: 'Inter', sans-serif;
       background-color: #f8fafc;
       color: #1e2a3e;
       scroll-behavior: smooth;
   }

   /* custom theme color: #5bc1ac */
   :root {
       --brand-primary: #5bc1ac;
       --brand-dark: #3f9a87;
       --brand-soft: rgba(91, 193, 172, 0.12);
       --brand-light: rgba(91, 193, 172, 0.2);
       --gray-light: #f1f5f9;
       --card-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.02);
       --hover-shadow: 0 25px 40px -14px rgba(0, 0, 0, 0.12);
   }

   h1,
   h2,
   h3,
   h4,
   .fw-semibold,
   .navbar-brand,
   .btn {
       font-family: 'Poppins', sans-serif;
   }

   /* navbar styling */
   .navbar {
       background-color: rgba(255, 255, 255, 0.96);
       backdrop-filter: blur(8px);
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 4px 12px rgba(0, 0, 0, 0.02);
       padding: 0.9rem 0;
       transition: all 0.2s;
   }

   .navbar-brand {
       font-weight: 700;
       font-size: 1.7rem;
       letter-spacing: -0.3px;
       color: #1e2a3e;
   }

   .navbar-brand span {
       color: var(--brand-primary);
       font-weight: 800;
   }

   .nav-link {
       font-weight: 500;
       color: #2c3e50;
       margin: 0 0.3rem;
       transition: 0.2s;
   }

   .nav-link:hover,
   .nav-link.active {
       color: var(--brand-primary);
   }

   .btn-outline-custom {
       border: 2px solid var(--brand-primary);
       color: var(--brand-primary);
       border-radius: 40px;
       padding: 0.4rem 1.2rem;
       font-weight: 600;
       transition: 0.25s;
   }

   .btn-outline-custom:hover {
       background-color: var(--brand-primary);
       color: white;
       border-color: var(--brand-primary);
   }

   .btn-primary-custom {
       background-color: var(--brand-primary);
       border: none;
       color: white;
       font-weight: 600;
       padding: 0.6rem 1.6rem;
       border-radius: 40px;
       transition: 0.2s;
   }

   .btn-primary-custom:hover {
       background-color: var(--brand-dark);
       transform: translateY(-2px);
       box-shadow: 0 8px 18px rgba(91, 193, 172, 0.3);
   }

   /* Hero section */
   .hero-section {
       background: linear-gradient(135deg, #ffffff 0%, #f9fefc 100%);
       padding: 5rem 0 4rem 0;
       border-bottom: 1px solid rgba(91, 193, 172, 0.2);
   }

   .hero-badge {
       background-color: var(--brand-soft);
       color: var(--brand-primary);
       padding: 0.3rem 1rem;
       border-radius: 60px;
       font-weight: 600;
       font-size: 0.85rem;
       display: inline-block;
       margin-bottom: 1.2rem;
   }

   .hero-title {
       font-size: 3rem;
       font-weight: 700;
       line-height: 1.2;
       color: #0f172a;
   }

   .hero-title .accent {
       color: var(--brand-primary);
   }

   .hero-text {
       font-size: 1.1rem;
       color: #334155;
       max-width: 90%;
   }





   /*---------------------------------------
  NEWS         
-----------------------------------------*/
   .die-detail-header-section {
       background-image: url('../images/important/machine4.jpeg');
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       position: relative;
       padding-top: 150px;
       padding-bottom: 150px;
   }

   .inject-detail-header-section {
       background-image: url('../images/important/machine8.jpeg');
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       position: relative;
       padding-top: 150px;
       padding-bottom: 150px;
   }

   .moulding-detail-header-section {
       background-image: url('../images/important/macchine1.jpeg');
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       position: relative;
       padding-top: 150px;
       padding-bottom: 150px;
   }

   .news-block-top {
       border-radius: var(--border-radius-medium);
       position: relative;
       overflow: hidden;
   }

   .news-block-two-col-image-wrap {
       border-radius: var(--border-radius-small);
       position: relative;
       overflow: hidden;
       width: 150px;
       margin-right: 20px;
   }

   .news-category-block {
       background: var(--secondary-color);
       position: absolute;
       bottom: 0;
       right: 0;
       left: 0;
       padding: 10px 20px;
   }

   .news-category-block .category-block-link {
       color: var(--white-color);
       margin-right: 10px;
   }

   .news-block-info {
       padding-top: 10px;
       padding-bottom: 10px;
   }

   .news-block-title-link {
       color: var(--dark-color);
   }

   .news-detail-image {
       display: block;
       border-radius: var(--border-radius-medium);
   }

   blockquote {
       background: var(--section-bg-color);
       border-radius: var(--border-radius-small);
       font-size: var(--h5-font-size);
       font-weight: var(--font-weight-semibold);
       color: var(--site-footer-bg-color);
       margin-top: 30px;
       margin-bottom: 30px;
       padding: 90px 50px 50px 50px;
       text-align: center;
   }

   blockquote::before {
       content: "“";
       color: var(--custom-btn-bg-color);
       font-size: 100px;
       line-height: 1rem;
       display: block;
   }




   /* section headings */
   .section-heading {
       font-weight: 700;
       font-size: 2.2rem;
       margin-bottom: 1rem;
       position: relative;
       display: inline-block;
   }

   .section-underline {
       width: 70px;
       height: 4px;
       background: var(--brand-primary);
       margin: 0.5rem auto 1rem auto;
       border-radius: 4px;
   }

   .section-sub {
       color: #475569;
       max-width: 680px;
       margin-left: auto;
       margin-right: auto;
   }

   /* cards & facility items */
   .facility-card {
       background: white;
       border-radius: 28px;
       padding: 1.8rem 1.5rem;
       transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
       box-shadow: var(--card-shadow);
       border: 1px solid rgba(0, 0, 0, 0.02);
       height: 100%;
   }

   .facility-card:hover {
       transform: translateY(-8px);
       box-shadow: var(--hover-shadow);
       border-color: rgba(91, 193, 172, 0.3);
   }

   .icon-circle {
       background-color: var(--brand-soft);
       width: 70px;
       height: 70px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 40px;
       margin-bottom: 1.5rem;
   }

   .icon-circle i {
       font-size: 2.3rem;
       color: var(--brand-primary);
   }

   .facility-card h4 {
       font-weight: 700;
       font-size: 1.5rem;
       margin-bottom: 0.75rem;
   }

   .stats-card {
       background: white;
       border-radius: 28px;
       padding: 1.6rem;
       text-align: center;
       transition: 0.2s;
       border: 1px solid #eef2f6;
       box-shadow: 0 5px 12px rgba(0, 0, 0, 0.02);
   }

   .stats-number {
       font-size: 2.8rem;
       font-weight: 800;
       color: var(--brand-primary);
       line-height: 1.2;
   }

   /* gallery / machinery grid */
   .gallery-item {
       border-radius: 24px;
       overflow: hidden;
       position: relative;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03);
       transition: 0.3s;
       background: white;
   }

   .gallery-item img {
       width: 100%;
       height: 220px;
       object-fit: cover;
       transition: 0.4s;
   }

   .gallery-item:hover img {
       transform: scale(1.03);
   }

   .gallery-caption {
       padding: 1rem;
       background: white;
       font-weight: 600;
       text-align: center;
       border-top: 1px solid #eff3f8;
   }

   /* floor plan / modern infrastructure tab */
   .infra-tab-area {
       background: white;
       border-radius: 32px;
       padding: 2rem;
       box-shadow: var(--card-shadow);
   }

   .nav-pills .nav-link {
       border-radius: 60px;
       font-weight: 600;
       padding: 0.6rem 1.5rem;
       color: #2c3e50;
   }

   .nav-pills .nav-link.active {
       background-color: var(--brand-primary);
       color: white;
   }

   .feature-list {
       list-style: none;
       padding-left: 0;
   }

   .feature-list li {
       margin-bottom: 1rem;
       display: flex;
       align-items: center;
       gap: 12px;
   }

   .feature-list i {
       font-size: 1.3rem;
       color: var(--brand-primary);
   }

   /* footer */
   .footer {
       background: #0f172a;
       color: #cbd5e1;
       padding: 3rem 0 2rem;
       margin-top: 4rem;
   }

   .footer a {
       color: #94a3b8;
       text-decoration: none;
       transition: 0.2s;
   }

   .footer a:hover {
       color: var(--brand-primary);
   }

   .brand-footer {
       font-size: 1.7rem;
       font-weight: 700;
       color: white;
   }

   .brand-footer span {
       color: var(--brand-primary);
   }

   @media (max-width: 768px) {
       .hero-title {
           font-size: 2.4rem;
       }

       .section-heading {
           font-size: 1.9rem;
       }

       .stats-number {
           font-size: 2rem;
       }

       .facility-card {
           padding: 1.3rem;
       }
   }