/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.0.1747119403
Updated: 2025-05-13 06:56:43

*/


@font-face {
    font-family: 'Astronomus';
    src: url('assets/fonts/AstronomusRegular.eot');
    src: url('assets/fonts/AstronomusRegular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/AstronomusRegular.woff2') format('woff2'),
        url('assets/fonts/AstronomusRegular.woff') format('woff'),
        url('assets/fonts/AstronomusRegular.ttf') format('truetype'),
        url('assets/fonts/AstronomusRegular.svg#AstronomusRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-Medium.eot');
    src: url('assets/fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Medium.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Medium.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Medium.svg#SFProDisplay-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-LightItalic.eot');
    src: url('assets/fonts/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-LightItalic.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-LightItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-LightItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-LightItalic.svg#SFProDisplay-LightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-HeavyItalic.eot');
    src: url('assets/fonts/SFProDisplay-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-HeavyItalic.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-HeavyItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-HeavyItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-HeavyItalic.svg#SFProDisplay-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-UltralightItalic.eot');
    src: url('assets/fonts/SFProDisplay-UltralightItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-UltralightItalic.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-UltralightItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-UltralightItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-UltralightItalic.svg#SFProDisplay-UltralightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-Regular.eot');
    src: url('assets/fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Regular.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Regular.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-BlackItalic.eot');
    src: url('assets/fonts/SFProDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-BlackItalic.woff2') format('woff2'),
        url('SFProDisplay-BlackItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-BlackItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-BlackItalic.svg#SFProDisplay-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-ThinItalic.eot');
    src: url('assets/fonts/SFProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-ThinItalic.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-ThinItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-ThinItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-ThinItalic.svg#SFProDisplay-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-SemiboldItalic.eot');
    src: url('assets/fonts/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('assets/fonts/SFProDisplay-SemiboldItalic.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-SemiboldItalic.svg#SFProDisplay-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('assets/fonts/SFProDisplay-Bold.eot');
    src: url('assets/fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('assets/fonts/SFProDisplay-Bold.woff') format('woff'),
        url('assets/fonts/SFProDisplay-Bold.ttf') format('truetype'),
        url('assets/fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
img.w-190 {
    width: 190px;
}
ul#menu-footer {
    display: flex;
    gap: 20px;
}
 .swiper {
      height: 485px; 
    }
    .swiper-slide {
      display: flex;
      height: auto !important;
    }
     .comment-card {
      background-color: #f5f7fa;
      border-radius: 1.5rem;
      padding: 1.25rem;
      width: 100%;
    }
    .comment-name {
      font-weight: 600;
      color: #1c1e21;
      font-size: 18px;
      line-height: 22px;
    }
    .profile-img {
      width: 40px;
      height: 40px;
      border-radius: 100%;
      object-fit: cover;
    }
    .comment-content {
        font-size: 16px;
        line-height: 22px;
    }
    .block-card {
        background-color: #f0f3f7;
        border-radius: 1rem;
      padding: 0.75rem 1rem;
      color: #1c1e21;
    }
    
    .about-subtitle-small {
   font-size:70px;      
    }

       body {
      background-color: #0f172a;
      color: white;
      font-family: 'Segoe UI', sans-serif;
    }

    /* Reuse all your existing styles here... (glow-button, section-title, card styling, etc.) */


    .glow-button {
  display: inline-block;
  padding: 12px 28px;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  background-color: #2563eb; /* Blue-600 */
  border: none;
  border-radius: 12px;
  text-decoration: none;
  box-shadow: 0 0 10px rgba(37, 99, 235, 0.4);
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.2s;
}
.section-title {
  color: #345ea9;
}


.glow-button:hover {
  background-color: #1d4ed8; /* Blue-700 */
  box-shadow: 0 0 20px rgba(37, 99, 235, 0.7), 0 0 10px rgba(37, 99, 235, 0.5);
  transform: translateY(-2px);
}

.glow-button:active {
  transform: translateY(0);
  box-shadow: 0 0 5px rgba(37, 99, 235, 0.6);
  
}.why-section {
  background-color: #0d0d0d; /* Dark background */
  padding: 80px 0;
  color: #ffffff;
}
.why-text {
  font-size: 120%;
  color: #cccccc;
  line-height: 1.8;
}

.why-icon {
  max-width: 100%;
  height: auto;
  opacity: 0.95;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}



  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 1s ease, transform 1s ease;
  }

  .fade-in.show {
    opacity: 1;
    transform: translateY(0);
  }
 .solutions-section {
    padding: 60px 0;
    background-color: rgba(31, 41, 55, 1);
  }

  .solutions-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
  }

  .solution-card {
    background-color: #2d3748;
    border-radius: 16px;
    transition: all 0.3s ease;
    height: 100%;
    padding: 30px 20px;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  }

  .solution-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
  }

  .solution-icon {
    font-size: 2.8rem;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
  }

  .solution-card:hover .solution-icon {
    transform: scale(1.2);
  }

  .solution-title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 15px;
  }

  .solution-desc {
    font-size: 1rem;
    color: #d1d5db;
  }

  /* Icon Colors */
  .icon-blue { color: #3B82F6; }
  .icon-green { color: #10B981; }
  .icon-yellow { color: #F59E0B; }
  .icon-red { color: #EF4444; }
  .icon-purple { color: #8B5CF6; }
  .icon-pink { color: #EC4899; }

  .benefits-section {
    background-color: rgba(31, 41, 55, 1);
    padding: 60px 0;
  }

  .benefits-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
  }

  .benefit-card {
    background-color: #1f2937;
    color: #f3f4f6;
    border-radius: 16px;
    padding: 25px;
    transition: all 0.3s ease;
    height: 100%;
    text-align: left;
    box-shadow: 50px 40px 30px rgba(0, 0, 0, 0.2);
  }

  .benefit-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35);
  }

  .benefit-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
  }

  .icon-red { color: #ef4444; }
  .icon-green { color: #10b981; }
  .icon-yellow { color: #f59e0b; }
  .icon-blue { color: #3b82f6; }
  .icon-purple { color: #8b5cf6; }
  .icon-teal { color: #14b8a6; }

  .benefit-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .benefit-desc {
    font-size: 1rem;
    color: #d1d5db;
  }
   .choose-us-section {
    background-color: rgba(31, 41, 55, 1);
    padding: 60px 0;
  }

  .choose-us-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin-bottom: 40px;
  }

  .choose-card {
    background-color: #1f2937;
    color: #f3f4f6;
    border-radius: 16px;
    padding: 25px;
    height: 100%;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  }

  .choose-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
  }

  .choose-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
  }

  .icon-orange { color: #f97316; }
  .icon-cyan { color: #06b6d4; }
  .icon-pink { color: #ec4899; }
  .icon-indigo { color: #6366f1; }

  .choose-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .choose-desc {
    font-size: 1rem;
    color: #d1d5db;
  }

  .centered-row {
    justify-content: center;
  }
  
  
  
  .cta-manufacturing {
    background: linear-gradient(to right, #1e3a8a, #6d28d9); /* blue to purple */
    color: white;
    text-align: center;
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
  }

  .cta-manufacturing h2 {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 20px;
  }

  .cta-manufacturing p {
    font-size: 1.125rem;
    color: #e5e7eb;
    margin-bottom: 40px;
  }

  .cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .cta-btn-primary {
    background-color: #3b82f6;
    border: none;
    color: white;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 1rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;

  }

  .cta-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    text-decoration: none;

  }

  .cta-btn-secondary {
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-weight: 600;
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.2s ease;
    text-decoration: none;

  }

  .cta-btn-secondary:hover {
    background-color: #ffffff;
    color: #111827;
    text-decoration: none;

  }

  /* Decorative Circles */
  .circle {
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
    z-index: 0;
  }

  .circle-left {
    width: 300px;
    height: 300px;
    background: #3b82f6;
    top: -100px;
    left: -100px;
  }

  .circle-right {
    width: 300px;
    height: 300px;
    background: #6d28d9;
    bottom: -100px;
    right: -100px;
  }

/* --- Glow Button --- */
.glow-button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  box-shadow: 0 0 15px rgba(0, 123, 255, 0.6);
  text-decoration: none;
  transition: all 0.3s ease;
}
.glow-button:hover {
  background-color: #0056b3;
  transform: translateY(-3px);
  box-shadow: 0 0 25px rgba(0, 123, 255, 0.8);
}

/* --- Section Title --- */
.section-title {
  font-size: 2.5rem;
  font-weight: bold;
  background: #ebeef9;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-align: center;
  margin-bottom: 3rem;
}

/* --- Benefits Section --- */
.benefits-section {
  background-color: #1e293b;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* --- Card Styles --- */
.benefit-card {
  background-color: #2a3a60;
  border-radius: 1.5rem;
  padding: 2rem;
  height: 100%;
  color: #cbd5e1;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  box-shadow: 0 0 10px transparent;
  display: flex;
  flex-direction: column;
}
.benefit-card:hover {
  background-color: #3b59a6;
  box-shadow: 0 0 25px #3b82f6;
  color: #e0e7ff;
}
.benefit-card h4 {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: inherit;
}
.benefit-card p {
  flex-grow: 1;
  font-size: 1rem;
  line-height: 1.5;
  color: inherit;
  
}.financial-benefits-section {
  background-color: #3b59a6;;
  padding: 60px 0;
}
.financial-benefits-section {
  background-color: #101d34;
  padding: 60px 0;
}

.financial-card {
  background-color: #1e2b4c;
  color:  #3b59a6;;;
  border-radius: 20px;
  padding: 24px 20px;
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}

.financial-card:hover {
  background-color: #3b59a6;;
  box-shadow: 0 0 20px rgba(50, 130, 255, 0.5);
}

.financial-card-icon {
  font-size: 18px;
  margin-right: 8px;
  vertical-align: middle;
  display: inline-block;
  color: inherit;
}

.financial-card-title {
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #ffffff;
  line-height: 1.4;
}

.financial-card-desc {
  font-size: 14px;
  color: #cbd5e1;
  line-height: 1.6;
}
.why-card {
   background-color: cornflowerblue; 
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  color: white;
}

.why-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.corporate-choose-icon i {
  transition: color 0.3s ease;
}

.why-card:hover .corporate-choose-icon i {
  color: #3B82F6; /* Blue on hover */
}





/* --- Responsive Fixes (Optional) --- */
@media (max-width: 767px) {
  .benefit-card {
    padding: 1.5rem;
  }
  .section-title {
    font-size: 2rem;
  }
  div.trust-badges {
    justify-content: flex-start;
}
}

  @media (max-width: 576px) {
    .cta-manufacturing h2 {
      font-size: 2rem;
    }

    .cta-manufacturing p {
      font-size: 1rem;
    }

    .cta-btn-primary, .cta-btn-secondary {
      width: 100%;
    text-decoration: none;

    }

    .cta-buttons {
      flex-direction: column;
      gap: 16px;
    }
  }
  
  
  
/*additonal css 16-09-2025    */

/* --- Base positioning --- */
.hdt-nav li {
  position: relative;
}

/* --- Hide dropdown by default --- */
.hdt-nav .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  min-width: 200px;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  z-index: 1000;
}

/* --- Show dropdown on hover --- */
.hdt-nav li:hover > .dropdown-menu {
  display: block;
}

/* --- Style dropdown items --- */
.hdt-nav .dropdown-menu li a {
  display: block;
  padding: 8px 16px;
  color: #333;
  text-decoration: none;
}

.hdt-nav .dropdown-menu li a:hover {
  background-color: #f2f2f2;
}
.portfolio-card ul {
    list-style: inside;
    margin-top: 15px;
}