.custom-banner-slider{
    width:100%;
    overflow:hidden;
}

.banner-slider{
    position:relative;
    width:100%;
    overflow:hidden;
}

.banner-track{
    display:flex;
    width:100%;
    transition:transform .5s ease;
}

.banner-slide{
    min-width:100%;
    flex:0 0 100%;
}

.banner-slide img{
    width:100%;
    display:block;
}

/* ===== Navigation ===== */

.nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:45px;
    height:45px;
    border:none;
    border-radius:50%;
    background:rgba(0,0,0,.6);
    color:#fff;
    font-size:24px;
    cursor:pointer;

    z-index:2;

    display:flex;
    align-items:center;
    justify-content:center;

    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.prev{
    left:15px;
}

.next{
    right:15px;
}

/* ===== Dots ===== */

.dots{
    position:absolute;
    bottom:15px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    gap:8px;

    z-index:2;

    opacity:0;
    visibility:hidden;
    transition:.3s;
}

.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    cursor:pointer;
}

.dot.active{
    background:#fff;
}

/* Show controls after JS loads */

.banner-slider.loaded .nav-btn,
.banner-slider.loaded .dots{
    opacity:1;
    visibility:visible;
}

/* Mobile */

.mobile-banner{
    display:none;
}

@media(max-width:767px){

    .desktop-banner{
        display:none;
    }

    .mobile-banner{
        display:block;
    }

    .nav-btn{
        width:36px;
        height:36px;
        font-size:18px;
    }

    .dot{
        width:10px;
        height:10px;
    }
}







    .manufacturing-section{
    background:#ffffff;
}

/* Tag */
.section-tag{
    color:#ff6b00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

/* Title */
.section-title{
    font-size:30px;
    font-weight:700;
    color:#071c39;
    margin:15px 0;
    line-height:1.3;
}

/* Text */
.section-text{
    color:#666;
    line-height:1.9;
    margin-bottom:12px;
}

/* Image */
.factory-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,0.10);
}

/* Key Points */
.key-points{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.point{
    background:#f8fafc;
    border:1px solid #eee;
    padding:10px 14px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    color:#071c39;
    transition:.3s;
}

.point:hover{
    background:#071c39;
    color:#fff;
    transform:translateY(-2px);
}

/* Button */
.cta-btn{
    background:#ff6b00;
    color:#fff;
    text-decoration:none;
    padding:14px 30px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
}

.cta-btn:hover{
    background:#071c39;
    color:#fff;
}

/* Responsive */
@media(max-width:991px){
    .section-title{
        font-size:32px;
    }
}

@media(max-width:767px){
    .section-title{
        font-size:26px;
    }

    .point{
        font-size:13px;
        padding:8px 12px;
    }
}

      
      
      
    .cta-section{
    background:#f8fafc;
}

/* CARD STYLE */
.cta-card{
    background:#071c39;
    color:#fff;
    padding:50px 40px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,0.12);
    transition:.4s;
    width: 100%;
}

.cta-card:hover{
    transform:translateY(-5px);
}

/* TEXT */
.cta-title{
    font-size:38px;
    font-weight:700;
    line-height:1.3;
}

.cta-text{
    font-size:16px;
    color:#d6d9df;
    line-height:1.8;
}

/* BUTTON */
.cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#ff6b00;
    color:#fff;
    text-decoration:none;
    padding:14px 32px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
}

.cta-btn:hover{
    background:#fff;
    color:#071c39;
}

/* RESPONSIVE */
@media(max-width:991px){
    .cta-title{
        font-size:30px;
    }
}

@media(max-width:767px){
    .cta-card{
        padding:35px 25px;
    }

    .cta-title{
        font-size:24px;
    }
}


.founder-section{
    background:#f8f9fb;
    position:relative;
}

.sub-title{
    color:#ff7a00;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:14px;
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#0d2344;
    margin-bottom:15px;
}

.section-title span{
    color:#ff7a00;
}

.founder-name{
    color:#0d2344;
    font-weight:700;
    margin-bottom:20px;
}

.founder-section p{
    color:#555;
    font-size:19px;
    line-height:1.9;
    margin-bottom:15px;
}

.founder-btn{
    background:#ff7a00;
    color:#fff;
    padding:12px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;
}

.founder-btn:hover{
    background:#0d2344;
    color:#fff;
}

.founder-img{
    position:relative;
}

.founder-img img{
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
    border-radius: 15px;
}

/* Responsive */

@media(max-width:991px){

    .section-title{
        font-size:34px;
    }

    .founder-section{
        text-align:center;
    }

    .founder-img{
        margin-top:30px;
    }

}

@media(max-width:576px){

    .section-title{
        font-size:28px;
    }

    .founder-section p{
        font-size:15px;
    }

    .founder-btn{
        padding:10px 25px;
    }

}


    .application-section{
    background:#f8fafc;
}

/* Title */
.section-title span{
    color:#ff6b00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.section-title h2{
    color:#071c39;
    font-size:34px;
    font-weight:700;
    margin:15px 0;
    line-height:1.3;
}

.section-title p{
    max-width:750px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

/* Left text */
.app-text{
    color:#666;
    line-height:1.9;
    font-size:16px;
}

/* Heading accent */
.application-section h5{
    color:#071c39;
    font-weight:700;
    position:relative;
    padding-left:12px;
}

.application-section h5::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    width:4px;
    height:18px;
    background:#ff6b00;
    border-radius:2px;
}

/* LIST STYLE */
.app-list{
    list-style:none;
    padding:0;
    margin:0;
}

.app-list li{
    background:#fff;
    margin-bottom:12px;
    padding:14px 15px 14px 40px;
    border-radius:12px;
    border:1px solid #eee;
    color:#444;
    line-height:1.6;
    transition:.3s;
    position:relative;
}

/* Check icon */
.app-list li::before{
    content:"✔";
    position:absolute;
    left:15px;
    top:14px;
    color:#ff6b00;
    font-weight:700;
}

/* Hover effect */
.app-list li:hover{
    background:#071c39;
    color:#fff;
    transform:translateY(-3px);
}

.app-list li:hover strong{
    color:#ff6b00;
}

/* IMAGE */
.app-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

/* RESPONSIVE */
@media(max-width:991px){
    .section-title h2{
        font-size:32px;
    }
}

@media(max-width:767px){
    .section-title h2{
        font-size:26px;
    }

    .app-list li{
        padding:12px 12px 12px 35px;
    }
}

      
      
    .why-choose-section{
    background:#ffffff;
}

.section-tag{
    color:#ff6b00;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.section-title{
    font-size:30px;
    font-weight:700;
    color:#071c39;
    margin:15px 0;
    line-height:1.3;
}

.section-text{
    color:#666;
    line-height:1.9;
    margin-bottom:15px;
    text-align: justify;
}

/* Feature Box */
.feature-box{
    background:#f8fafc;
    padding:18px 15px;
    border-radius:12px;
    font-size:15px;
    font-weight:600;
    color:#071c39;
    border:1px solid #eee;
    transition:.3s;
    text-align:center;
}

.feature-box:hover{
    background:#071c39;
    color:#fff;
    transform:translateY(-3px);
}

/* Responsive */
@media(max-width:991px){
    .section-title{
        font-size:32px;
    }
}

@media(max-width:767px){
    .section-title{
        font-size:26px;
    }

    .feature-box{
        font-size:14px;
        padding:15px 10px;
    }
}

      



   .about-section{
    overflow:hidden;
}

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.experience-card{
    position:absolute;
    left:20px;
    bottom:20px;
    background:#ff7a00;
    color:#fff;
    padding:18px 25px;
    border-radius:15px;
    text-align:center;
    box-shadow:0 10px 25px rgba(255,122,0,.35);
}

.experience-card h2{
    margin:0;
    font-size:36px;
    font-weight:700;
}

.experience-card p{
    margin:0;
    font-size:15px;
}

.section-tag{
    display:inline-block;
    color:#ff7a00;
    font-weight:700;
    letter-spacing:2px;
    font-size:14px;
    position:relative;
    padding-left:45px;
}

.section-tag::before{
    content:"";
    width:35px;
    height:3px;
    background:#ff7a00;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#0b1f4d;
    line-height:1.3;
}

.section-title span{
    color:#ff7a00;
}

.section-text{
    color:#666;
    font-size:17px;
    line-height:1.9;
}

.list-item{
    font-size:16px;
    font-weight:600;
    color:#0b1f4d;
}

.list-item i{
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center;
    border-radius:50%;
    background:#ff7a00;
    color:#fff;
    margin-right:10px;
}

.about-btn{
    display:inline-block;
    background:#0b1f4d;
    color:#fff;
    text-decoration:none;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.4s;
}

.about-btn:hover{
    background:#ff7a00;
    color:#fff;
}

@media(max-width:991px){

.section-title{
    font-size:34px;
}

.experience-card{
    left:15px;
    bottom:15px;
}

}

@media(max-width:767px){

.section-title{
    font-size:28px;
}

.section-text{
    font-size:16px;
}

.about-btn{
    width:100%;
    text-align:center;
}

.experience-card{
    padding:15px 18px;
}

.experience-card h2{
    font-size:28px;
}

}


.about-section{

background:#ffffff;
position:relative;

}


.about-tag{

display:inline-block;

background:#f58220;

color:#fff;

padding:7px 18px;

font-size:14px;

font-weight:600;

letter-spacing:1px;

border-radius:3px;

}


.about-title{

font-size:42px;

font-weight:700;

color:#082454;

line-height:1.25;

}


.about-title span{

color:#f58220;

}



.about-text{

font-size:16px;

line-height:30px;

color:#526274;

}



.about-image{

position:relative;

padding:15px;

}


.about-image:before{

content:"";

position:absolute;

width:90%;

height:90%;

right:0;

top:0;

background:#f58220;

opacity:.12;

border-radius:25px;

z-index:0;

}


.about-image img{

position:relative;

z-index:2;

border-radius:25px;

width:100%;

box-shadow:0 20px 40px rgba(8,36,84,.18);

}



.experience-box{

position:absolute;

bottom:-25px;

left:35px;

background:#082454;

color:#fff;

padding:18px 35px;

border-radius:15px;

z-index:3;

border-bottom:5px solid #f58220;

}


.experience-box h3{

margin:0;

font-size:40px;

color:#f58220;

font-weight:700;

}


.experience-box p{

margin:0;

color:#fff;

font-size:15px;

}




.feature-box{

background:#f8fafc;

border:1px solid #e5eaf0;

height:110px;

border-radius:15px;

display:flex;

align-items:center;

justify-content:center;

flex-direction:column;

transition:.3s;

}



.feature-box i{

font-size:26px;

color:#f58220;

margin-bottom:10px;

}



.feature-box h5{

margin:0;

color:#082454;

font-size:17px;

}



.feature-box:hover{

background:#082454;

transform:translateY(-8px);

}



.feature-box:hover h5{

color:#fff;

}



.feature-box:hover i{

color:#f58220;

}




.about-btn{

margin-top:35px;

background:#082454;

color:#fff;

padding:15px 38px;

border-radius:40px;

font-weight:600;

text-decoration:none;

display:inline-block;

transition:.3s;

}



.about-btn:hover{

background:#f58220;

color:#fff;

}




@media(max-width:768px){

.about-title{

font-size:32px;

}

.experience-box{

left:20px;

}

}


/* PRODUCT SECTION */
.product-section {
    background: #f8fafc;
    padding: 80px 0;
}


/* HEADER */
.section-subtitle {
    color: #d35400;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section-title {
    color: #0b1f3a;
    font-size: 38px;
    font-weight: 800;
    margin-top: 12px;
}

.section-desc {
    max-width: 780px;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}


/* CARD */
.product-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 25px;
    height:100%;
    border:1px solid #e8edf5;
    box-shadow:0 12px 35px rgba(11,31,58,0.08);
    transition:.35s ease;
}


.product-card:hover {
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(11,31,58,0.15);
}



/* IMAGE AREA */
.product-img {
    height:240px;
    background:#ffffff;
    border-radius:18px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    margin-bottom:25px;
}


.product-img img {
    width:90%;
    height:90%;
    object-fit:contain;
    transition:.4s ease;
}


.product-card:hover .product-img img {
    transform:scale(1.08);
}



/* CONTENT */
.product-content h4 {
    color:#0b1f3a;
    font-size:25px;
    font-weight:700;
    margin-bottom:12px;
}


.product-content p {
    color:#666;
    font-size:15px;
    line-height:1.7;
    min-height:70px;
}


/* BUTTON */
.product-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    background:#d35400 !important;
    color:#fff !important;

    padding:11px 28px !important;
    border-radius:50px;

    font-size:15px;
    font-weight:600;

    border:none;
    box-shadow:0 8px 18px rgba(211,84,0,.25);

    transition:.3s ease;
}


.product-btn:hover {
    background:#0b1f3a !important;
    color:#fff !important;
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(11,31,58,.3);
}



/* Remove unwanted bottom line */
.product-card::after {
    display:none !important;
}


/* Responsive */
@media(max-width:768px){

    .product-section{
        padding:50px 0;
    }

    .section-title{
        font-size:30px;
    }

    .product-img{
        height:200px;
    }

}


/* =========================================
   CLIENT LIST
   Background Color ONLY inside Cards
========================================= */

.client-list-section {
  position: relative;
  width: 100%;
  padding: 80px 0;
  background: transparent !important;
  overflow: hidden;
}


/* =========================================
   HEADING
========================================= */

.client-heading {
  margin-bottom: 50px;
}

.client-heading span {
  display: block;
  margin-bottom: 8px;

  color: #c99a3e;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
}

.client-heading h2 {
  margin: 0;

  color: #101010;
  font-size: 50px;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -1px;
}

.client-heading h2 strong {
  color: #c99a3e;
  font-weight: 600;
}

.client-heading p {
  margin: 14px 0 0;

  color: #666;
  font-size: 16px;
}


/* =========================================
   CLIENT CARD
========================================= */

.client-card {
  position: relative;
  height: 100%;
  min-height: 160px;

  padding: 34px 25px 24px;

  /* NAVY COLOR ONLY CARD */
  background:
    radial-gradient(
      circle at 100% 0%,
      rgba(201, 154, 62, 0.20),
      transparent 38%
    ),
    linear-gradient(
      145deg,
      #071b38 0%,
      #0b2548 55%,
      #06162d 100%
    );

  border: 1px solid rgba(201, 154, 62, 0.65);
  border-radius: 15px;

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  overflow: hidden;

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}


/* =========================================
   CARD BLUR GLOW
========================================= */

.client-card::after {
  content: "";

  position: absolute;
  width: 120px;
  height: 120px;

  right: -45px;
  bottom: -55px;

  background: rgba(201, 154, 62, 0.18);

  filter: blur(35px);
  border-radius: 50%;

  pointer-events: none;
}


/* =========================================
   GOLD TOP LINE
========================================= */

.client-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 22px;

  width: 45px;
  height: 2px;

  background: #d6aa4e;

  box-shadow:
    0 0 12px rgba(214, 170, 78, 0.8);
}


/* =========================================
   CARD HOVER
========================================= */

.client-card:hover {
  transform: translateY(-7px);

  border-color: #e0b75c;

  box-shadow:
    0 18px 40px rgba(0, 0, 0, 0.18),
    0 0 22px rgba(201, 154, 62, 0.12);
}


/* =========================================
   NUMBER
========================================= */

.client-number {
  position: absolute;

  top: 15px;
  right: 18px;

  color: rgba(218, 174, 82, 0.65);

  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
}


/* =========================================
   CLIENT NAME
========================================= */

.client-card h3 {
  position: relative;
  z-index: 2;

  margin: 10px 0 18px;

  color: #ffffff;

  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;

  transition: color 0.3s ease;
}

.client-card:hover h3 {
  color: #e2b65b;
}


/* =========================================
   LOCATION
========================================= */

.client-card p {
  position: relative;
  z-index: 2;

  margin: 0;
  padding-top: 13px;

  color: rgba(255, 255, 255, 0.65);

  font-size: 13px;
  line-height: 1.5;
}


/* Small golden divider before location */
.client-card p::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0;

  width: 30px;
  height: 1px;

  background: rgba(218, 174, 82, 0.7);
}


/* =========================================
   LARGE DESKTOP
   4 CARDS PER ROW
========================================= */

@media (min-width: 1200px) {

  .client-list-section {
    padding: 90px 0;
  }

  .client-card {
    min-height: 165px;
  }

}


/* =========================================
   TABLET
   2 CARDS PER ROW
========================================= */

@media (max-width: 991.98px) {

  .client-list-section {
    padding: 65px 0;
  }

  .client-heading {
    margin-bottom: 40px;
  }

  .client-heading h2 {
    font-size: 42px;
  }

  .client-card {
    min-height: 150px;
  }

}


/* =========================================
   MOBILE
   1 CARD PER ROW
========================================= */

@media (max-width: 575.98px) {

  .client-list-section {
    padding: 50px 0;
  }

  .client-heading {
    margin-bottom: 32px;
  }

  .client-heading span {
    font-size: 10px;
    letter-spacing: 3px;
  }

  .client-heading h2 {
    font-size: 34px;
  }

  .client-heading p {
    font-size: 14px;
    line-height: 1.5;
  }

  .client-card {
    min-height: 140px;
    padding: 31px 20px 22px;
    border-radius: 13px;
  }

  .client-card h3 {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 16px;
  }

  .client-card p {
    font-size: 12px;
  }

}


/* =========================================
   VERY SMALL MOBILE
========================================= */

@media (max-width: 380px) {

  .client-heading h2 {
    font-size: 30px;
  }

  .client-card {
    padding-left: 17px;
    padding-right: 17px;
  }

  .client-card h3 {
    font-size: 15px;
  }

}