@font-face {
    font-family:"woff4" ;
    src: url("../font/8vIH7w4qzmVxm2BL9A.woff2");
}

/********** Template CSS **********/
:root {
    --primary: #015FC9;
    --secondary: #0DD3F1;
    --light: #F6F7FC;
    --dark: #15233C;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}


.home-about-img{
object-fit: cover;
}

@media (max-width:991px) {
  .home-about-img{
object-fit: contain;
}
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
}

.btn.btn-primary,
.btn.btn-outline-primary:hover,
.btn.btn-secondary,
.btn.btn-outline-secondary:hover {
    color: #FFFFFF;
}

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

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

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/
.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand img {
    max-height: 70px;
}

.navbar .navbar-nav .nav-link {
    margin-left: 25px;
    padding: 10px 0;
    color: #696E77;
    font-weight: 500;
    font-size: 17px;
    outline: none;
    font-family: "woff4";
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #571369;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

.header-button{
    background-color: #571369;
    color: white;
    font-family: "woff4";
}

@media (max-width: 991.98px) {
    .navbar .navbar-brand img {
        max-height: 45px;
    }

    .navbar .navbar-nav {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .navbar.sticky-top{
        padding: 0px 21px;
    }

    .navbar .nav-item .dropdown-menu {
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        right: 0;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    text-align: start;
    z-index: 1;
}

.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: #571369;
    border: 15px solid #571369;
    border-radius: 50px;
}


.carousel-control-prev-icon{
    margin-left: -65px;
}

.carousel-control-next-icon {
    margin-right: -55px;
}

#header-carousel .carousel-item{
    min-height: 400px;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 172px;
    }
    .carousel-control-prev-icon{
        margin-left: 5px;
    }
    
    .carousel-control-next-icon {
    margin-right: 15px;
}
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.page-header {
    background: url("https://t4.ftcdn.net/jpg/02/75/68/69/360_F_275686936_WedpfoGnA8dB3lDwiBExFPXO0qvLieO5.jpg") center center no-repeat;
    background-size: cover;
}


.pvc-banner{
   background: url("../img/pvc-banner.webp") center center no-repeat;
    background-size: cover;
}


.copper-cable{
   background: url("../img/copper-banner.webp") center center no-repeat;
    background-size: cover;
}

.flexible-banner{
   background: url("../img/flexiable-banner.jpg") center center no-repeat;
    background-size: cover;
}



.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-weight: 500;
    font-family: 'woff4';
}

.page-header h1{
  font-family: "woff4";
  font-weight: 700;
}

.page-header .breadcrumb-item a,
.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: #696E77;
}

.page-header .breadcrumb-item a:hover,
.page-header .breadcrumb-item.active {
    color: var(--primary);
}


/*** Facts ***/
@media (min-width: 992px) {
    .container.facts {
        max-width: 100% !important;
    }

    .container.facts .facts-text {
        padding-left: calc(((100% - 960px) / 2) + .75rem);
    }

    .container.facts .facts-counter {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .container.facts .facts-text  {
        padding-left: calc(((100% - 1140px) / 2) + .75rem);
    }

    .container.facts .facts-counter  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

@media (min-width: 1400px) {
    .container.facts .facts-text  {
        padding-left: calc(((100% - 1320px) / 2) + .75rem);
    }

    .container.facts .facts-counter  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}

.container.facts .facts-text {
    background: linear-gradient(rgba(176, 194, 214, 0.9), #571369), url("https://media.istockphoto.com/id/1845563955/photo/colorful-twisted-ropes-paracords.jpg?s=612x612&w=0&k=20&c=OjbT8OjfvAA9lqQVD8rV6uIC-LjqNq8ODm3fFrISzw4=") center right no-repeat;
    background-size: cover;
}

.container.facts .facts-counter {
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), url("https://media.istockphoto.com/id/1476253414/photo/multi-coloured-twisted-cabled.jpg?s=612x612&w=0&k=20&c=j2JBorWersjwWZUTbp2IVXpSxVJocNGTJ3rElytK4VQ=") center right no-repeat;
    background-size: cover;
}

.container.facts .facts-text .h-100,
.container.facts .facts-counter .h-100 {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.counter-text{
    font-size: 65px;
    font-family: "woff4";
    /* margin-top: -20px; */
    font-weight: 700;
    line-height: 60px;
}

.fact-right{
    padding-left: 60px;
}

.counter-para{
    font-family: "woff4";
    font-size: 26px;
    width: 95%;
}

/* about home page */
.about-heading{
    font-family: "woff4";
}

.homepage-para{
    font-family: "woff4";
}


 .read-more-btn {
  --primary: #571369;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 14px 32px;
  font-size: clamp(14px, 1.1vw, 16px);
  font-weight: 600;
  text-decoration: none;

  color: #fff;
  background-color: var(--primary);
  border-radius: 999px;

  position: relative;
  overflow: hidden;

  transition: 
    background-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* Subtle depth */
.read-more-btn {
  box-shadow: 0 6px 18px rgba(87, 19, 105, 0.35);
  font-family: "woff4";
}

/* Hover animation */
.read-more-btn:hover {
  transform: translateY(-2px);
  color: white;
  box-shadow: 0 10px 28px rgba(87, 19, 105, 0.5);
}

/* Arrow animation */
.read-more-btn .arrow {
  transition: transform 0.3s ease;
}

.read-more-btn:hover .arrow {
  transform: translateX(4px);
}

/* Elegant overlay animation */
.read-more-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0.15),
    transparent
  );
  opacity: 0;
  transition: opacity 0.3s ease;
}

.read-more-btn:hover::after {
  opacity: 1;
}

/* Accessibility */
.read-more-btn:focus-visible {
  outline: 3px solid rgba(87, 19, 105, 0.4);
  outline-offset: 4px;
}

/* Mobile optimization */
@media (max-width: 480px) {
  .read-more-btn {
    padding: 12px 26px;
  }

  .about-heading{
    text-align: justify;
  }

  .homepage-para{
    text-align: justify;
  }
  .counter-text{
    font-size: 46px;
  }
  .fact-right{
    padding-left:0px;
  }
}


/*  */





/* new section designnn */


/* SECTION */
.initiative-section {
  padding: 40px 20px;
  background: #f4f4f4;
}

/* GRID */
.initiative-grid {
  max-width: 1250px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}

/* CARD */
.initiative-card {
  position: relative;
  height: 350px;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 18px 45px rgba(0,0,0,0.15);
  background: #000;
}

/* IMAGE */
.initiative-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 1s ease;
}

/* FREE IMAGES */
.img-one {
  background-image: url("https://balajiwires.in/wp-content/uploads/2025/09/2-1536x864.webp");
}

.img-two {
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQHrcA0PjeMVrg35gVLOTcw3XsXTtmGfL_GJQ&s");
}

/* OVERLAY GRADIENT */
.initiative-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(87, 19, 105, 0.85),
    rgba(0,0,0,0.45),
    transparent
  );
  z-index: 1;
}

/* CONTENT PANEL */
.initiative-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 28px 32px;
  text-align: center;
  z-index: 2;
  backdrop-filter: blur(2px);
  transform: translateY(32px);
  transition: transform 0.6s ease;
}
/* HEADING */
.initiative-content h3 {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "woff4";
  letter-spacing: 0.6px;
  color: #ffb347;
  /* margin-bottom: 10px; */
}

/* PARAGRAPH (hidden initially) */
.initiative-content p {
  font-size: 15px;
  font-family: "woff4";
  line-height: 1.7;
  color: #f2f2f2;
  opacity: 0;
  max-width: 480px;
  margin: auto;
  transition: opacity 0.5s ease;
}

/* HOVER EFFECTS */
.initiative-card:hover .initiative-bg {
  transform: scale(1.12);
}

.initiative-card:hover .initiative-content {
  transform: translateY(0);
}

.initiative-card:hover p {
  opacity: 1;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .initiative-grid {
    grid-template-columns: 1fr;
  }

  .initiative-card {
    height: 380px;
  }

  .initiative-content h3 {
    font-size: 19px;
  }
  .initiative-section{
    padding: 40px 31px;
  }
}



/*  */


/* tristed application */
    /* ===== Section Wrapper ===== */
    .lnk-manufacturer {
      padding: 80px 6%;
      background: linear-gradient(135deg, #faf7fb, #ffffff);
    }

    .lnk-container {
      max-width: 1200px;
      margin: auto;
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 60px;
      align-items: center;
    }

    /* ===== Content Area ===== */
    .lnk-content h2 {
      font-size: 42px;
      line-height: 1.2;
      color: #571369;
      margin-bottom: 20px;
      font-family: "woff4";
      font-weight: 600;
    }

    .lnk-content p {
      font-size: 17px;
      line-height: 1.8;
      color: #6b6b6b;
      margin-bottom: 30px;
      font-family: "woff4";

    }

    /* ===== Feature List ===== */
    .lnk-features {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px 24px;
    }

    .lnk-feature {
      display: flex;
      align-items: center;
      gap: 14px;
      background: #ffffff;
      border-left: 4px solid #571369;
      padding: 16px 18px;
      border-radius: 10px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .lnk-feature:hover {
      transform: translateY(-4px);
      box-shadow: 0 18px 40px rgba(0,0,0,0.1);
    }

    .lnk-icon {
      width: 44px;
      height: 44px;
      min-width: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, #571369, #571369);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
      font-family: "woff4";

    }

    .lnk-feature span {
      font-size: 18px;
      font-weight: 600;
      color: #1c1c1c;
      font-family: "woff4";

    }

    /* ===== Image Area ===== */
    .lnk-image {
      position: relative;
    }

    .lnk-image img {
      width: 100%;
      border-radius: 18px;
      height: 500px;
      box-shadow: 0 25px 60px rgba(87,19,105,0.25);
    }

    .lnk-badge {
      position: absolute;
      bottom: -20px;
      left: -20px;
      background: #571369;
      color: #ffffff;
      padding: 18px 22px;
      border-radius: 14px;
      font-family: "woff4";
      font-size: 17px;
      font-weight: 600;
      box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    }

    /* ===== Responsive ===== */
    @media (max-width: 992px) {
      .lnk-container {
        grid-template-columns: 1fr;
        gap: 50px;
      }

      .lnk-content h2 {
        font-size: 34px;
      }
    }

    @media (max-width: 576px) {
      .lnk-manufacturer {
        padding: 60px 5%;
      }

      .lnk-content h2 {
        font-size: 28px;
      }

      .lnk-features {
        grid-template-columns: 1fr;
      }

      .lnk-badge {
        position: static;
        margin-top: 16px;
        display: inline-block;
      }
    }

/*  */


/* product range */
  /* ===== Section Wrapper ===== */
    .product-range-section{
      padding:40px 6%;
      background:#faf7fb;
    }

    .product-range-container{
      max-width:1200px;
      margin:auto;
    }

    .product-range-heading{
      font-size:47px;
      font-family: "woff4";
      color:#571369;
      margin-bottom:50px;
      font-weight:700;
      position:relative;
    }

    .product-range-heading::after{
      content:"";
      width:120px;
      height:4px;
      background:#571369;
      display:block;
      margin-top:14px;
      border-radius:2px;
    }

    /* ===== Product Cards Grid ===== */
    .product-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
    }

    .product-card{
      background:#ffffff;
      border-radius:18px;
      padding:26px 18px 38px;
      box-shadow:0 20px 45px rgba(0,0,0,0.08);
      position:relative;
      transition:transform 0.35s ease, box-shadow 0.35s ease;
      overflow:hidden;
    }
    

    .product-image{
      width:100%;
      height:180px;
      overflow:hidden;
    }

    .product-image img{
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .product-image::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.35));
    }
    

    .product-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform 0.5s ease;
    }

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

    .product-content{
      padding:34px 4px 0;
    }
    

    .product-card:hover{
      transform:translateY(-8px);
      box-shadow:0 30px 60px rgba(0,0,0,0.14);
    }

    .product-card::before{
      content:"";
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:6px;
      background:#571369;
    }

    /* ===== Product Number ===== */
    .product-number{
      font-size:53px;
      font-family: "woff4";
      font-weight:800;
      color:rgba(87,19,105,0.08);
      position:absolute;
      top:230px;
      right:22px;
      line-height:1;
    }
    

    /* ===== Product Title ===== */
    .product-title{
      font-size:25px;
      font-weight:700;
      color:#571369;
      font-family: "woff4";
      margin-bottom:18px;
      max-width:85%;
    }

    /* ===== Product Description ===== */
    .product-description{
      font-size:15.5px;
      font-family: "woff4";
      line-height:1.5;
      color:#4f4f4f;
    }

    /* ===== Responsive ===== */
    @media(max-width:992px){
      .product-grid{
        grid-template-columns:1fr 1fr;
      }

      .product-range-heading{
        font-size:34px;
      }
    }

    @media(max-width:576px){
      .product-range-section{
        padding:60px 5%;
      }

      .product-grid{
        grid-template-columns:1fr;
      }

      .product-range-heading{
        font-size:28px;
      }

      .product-card{
        padding:28px 22px 32px;
      }

      .product-title{
        font-size:20px;
      }
    }

/*  */

/* why chooose */


.lnk-why-pro {
  position: relative;
  background-image: url("https://media.istockphoto.com/id/1476253414/photo/multi-coloured-twisted-cabled.jpg?s=612x612&w=0&k=20&c=j2JBorWersjwWZUTbp2IVXpSxVJocNGTJ3rElytK4VQ=");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 50px 20px;
  font-family: 'Inter', 'Segoe UI', sans-serif;
  color: #ffffff;
}

/* Overlay using brand color */
.lnk-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to right,
    rgba(43, 34, 46, 0.527),
    rgba(86, 19, 105, 0.596)
  );
}

.lnk-container-pro {
  position: relative;
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 40% 60%;
  gap: 70px;
  z-index: 2;
}

/* LEFT STICKY */


.lnk-left1 h2 {
  font-size: 65px;
  color: white;
  font-weight: 700;
  line-height: 1.2;
  font-family: "woff4";
 
  
}



.lnk-left1 p {
  margin-top: 18px;
  font-size: 30px;
  color: white;
  /* color: #f1e8fb; */
  font-family: "woff4";
  line-height: 1.5;
}

/* RIGHT CONTENT */
.lnk-right {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.lnk-item {
  display: flex;
  gap: 22px;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.lnk-item span {
  font-size: 35px;
  font-weight: 700;
  color: #e2c6ff;
  font-family: "woff4";
  min-width: 42px;
}

.lnk-item h4 {
  font-size: 23px;
  margin-bottom: 6px;
  font-family: "woff4";
  font-weight: 600;
  color: white;
  
}

.lnk-item p {
  font-size: 15.5px;
  color: #efe7f7;
  font-family: "woff4";
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .lnk-container-pro {
    grid-template-columns: 1fr;
  }

  .lnk-left {
    position: relative;
    top: 0;
    margin-bottom: 50px;
  }

  .lnk-why-pro {
    background-attachment: scroll;
  }
  .lnk-left1 h2{
    font-size: 53px;
  }
}


/*  */



/*** Footer Start ***/
.footer {
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer .footer-item a {
    line-height: 35px;
    font-size: 17px;
    color: var(--bs-body);
    transition: 0.5s;
    font-family: "woff4";
}

.footer-name{
    font-family: "woff4";
    color: #ff6600;
}



.footer-anchor{
    font-family: "woff4";
    color: #FF6A00;
}

.footer .footer-item p {
    font-family: "woff4";
    line-height: 25px;
    font-size: 18px;
}

.footer .footer-item a:hover {
    letter-spacing: 0.1px;
    color:#ff6a00;
}

/*** Footer End ***/

/*** copyright Start ***/
.copyright {
    /* background: var(--bs-dark) !important; */
    background-color: #571369;
}
/*** copyright end ***/

/* product pages */

.product-name{
  width: 50%;
}




/*  */