.hero-section {
  height: 90vh;
  background:url("/assets/images/Home-Page-Image.webp") !important;
  background-size: 100% 100% !important;
  background-position: center;
  display: flex;
  align-items: center;
background-repeat: no-repeat !important;
  margin-top: -2%;
}

.hero-section {
  /* height: 98vh;
  background-image: url(http://kvn.prodmax.tech/assets/images/heroimage.jpg) !important;
  background-size: 100% 100%;
  background-position: center;
  display: flex;
  align-items: center; 
   margin-top: -97px; */
}

.incard{
  /* margin-top:-60px; */
  float:right;
}
.indu-carrd1{
  margin-left: 87px;
}
  .indus-img-card22{
    margin-left:75px ;
  }
.industries-card-card11{
  /*width: 446px;*/
  height: 446.016px;
}
.view-btn:hover{
    background-color: #FFFFFF;
    color: #BF2429;
}
.view-btn:hover .view-hover-img111{
    content: url('/assets/images/home-hover-arrow-btn1.webp'); 
}

.footer-anchor a {
    margin-bottom: 22px;
    font-size:18px;
}
.carousel {
  width: 100vw;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.carousel-slide {
  min-width: 100vw;
  height: 200px;
  background: #bf2429;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.marginStyle
{
  margin-top:80px;
}
.marginStyle1
{
  margin-top:70px;
}

.text-align-center{
  text-align: center;
}
/* Accordian Starts */

    .accordion {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      row-gap: 40px;
    }

    .accordion .column-1,.accordion .column-2{
      width: 48%;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .accordion-items {
        width: 100%;
      border-bottom: 1px solid #FFFFFF;
     box-shadow: 0px 28.1px 37.47px -16.86px #95959540;
      padding: 30px;
    }

    .accordion-items p{
        margin: 0;
        font-family: "Montserrat";
    }

    .frequent-heading{
        text-align: center;
        margin-bottom: 90px;
    }

    .accordion-header {
      cursor: pointer;
      font-weight: bold;
      transition: background 0.3s ease;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .accordion-header h4{
      margin:0;
      font-size: 20px;
      font-family: "Montserrat";
    }
    

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 2.5rem;
    }

    

    .toggle-icon {
        transition: transform 0.3s ease;
        width: 20px;
        aspect-ratio: 25/22;
        height: auto;
        margin-right: 10px;
        vertical-align: middle;
    }

    .rotated {
        transform: rotate(180deg);
    }


    .faq-section{
     margin-bottom: 82px;
      padding-top: 100px;
    }

    /* Accordian Ends */

@media (max-width: 768px) {
  .carousel-slide {
    height: 53px;
    font-size: 16px;
    color: #ffffff;
  }
  .lll1{
padding-left:0px;
padding-right:0px;
  }
}

.section-center{
  margin-bottom: 5%;
}

@media only screen and (max-width:768px){
  .text-color{
    color:#000000;
  }
  .dropdown-item {
    /* color: #ffffff;  */
    transition: color 0.3s ease;
    font-size:20px;
    font-weight:600;
  }
  .dropdown-item:active {
    color: #000000; 
  font-weight: bold;
  }

  .secondary-menu-links .dropdown-item {
     border:1px solid #ffffff;
     color:#ffffff;
     /* border:1px solid #bf2429; */
    font-size:14px;
    font-weight:600;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  border-radius:5px;
  margin:19px 5px;
  /* background:#BF2924; */
  transition: color 0.3s, border-bottom 0.3s;
}

.secondary-menu-links .dropdown-item.active {
  color:#000000;
    background:#ffffff;
  border:1px solid #000000;
  /* color: red;               */
  font-weight: bold;
  /* border:1px solid none; */
  
}

  .contact-hero-section2 {
    height: 100vh;
    background-image: url(https://www.kvnsteels.com/assets/images/contactus/contact_us_bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 114%;
}


  .industries-card-title {
    font-size: 16px;
    line-height: 25.01px;
}
.industries-img {
        width: 100px;
        height: 100px;
        padding-top: 0px;
    }
    .industries-section-head {
        font-size: 26px;
        font-weight: 600;
        padding-left: 16px;
        margin-bottom: 0px;
    }
    .prod-section-para {
        font-size: 14px;
        line-height: 25px;
    }
.ptmlr{
  padding-left: 26px;
}
.pipeandtube {
        margin-left: 30px;
    }
    .industries-section-para {
    margin-top: 10px;
    margin-bottom: 35px;
}
.fa-arrow-right {
    margin-top: 5px;;
}
.benefits_section {
    padding-top: 15px;
    padding-bottom: 15px;
}

.benefits-head {
        line-height: 38px;
    }
    .benefits-card {
    margin-top: 0px;
}
.product_head {
        font-size: 24px;
        padding: 0px 16px;
    }
    .sol-section-para1 {
        font-size: 20px;
        padding: 0px 16px;
        line-height: 31px;
    }
    .sol-section-para2 {
        font-size: 14px;
        padding: 0px 16px;
    }
    .metal-sol-content {
      padding-top: 10px;
    }

    .owl-carousel .item {
  background: #bf2429;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  height: 50px;               
  display: flex;
  align-items: center;
  justify-content: center;
}

body {
  overflow-x: hidden;
}

.owl-carousel{
  border-bottom:0px;
}

.owl-carousel.owl-drag .owl-item{
  margin-right: 10px;
  margin-right: 10px;

}

.owl-carousel .owl-stage-outer {
    margin-top: -25px;
}


.hero-section{
  /* height: calc(100vh - 53px); */
  height: 100vh !important;
  background:url("/assets/images/mobile-hero-bg111.webp") !important;
  background-size: 100% 100% !important;
  background-position:center !important;
  display: flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin-bottom: 25px !important;

}

.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    background: #000000B2;
    backdrop-filter: blur(9.5px);
}

.hero-section-heading{
  margin-top:114%!important;
font-size: 26px;
font-weight: 700;
line-height:40px;

}
.navbar-brand {
        width: 200px;
    }
}
@media only screen and (max-width:990px){
  .industries-btn{
    margin-top: 50px !important;
  }
  .incard{
  margin-top:1px;
  float:right;
}

.accordion{
            flex-direction: column;
        }

        .faq-section{
      padding-top: 50px;
    }

        .accordion .column-1,.accordion .column-2{
            width: 100%;
        }

        .frequent-heading {
            margin-bottom: 30px;
        }

        .accordion-header{
            padding-bottom: 0;
        }

        .accordion-header h4{
          margin:0;
          height: auto;
        }
  .indu-carrd1{
margin-left:-6px !important;
}
  .indus-img-card22{
    margin-left:10px;
  }
  .indu-card-123{
    margin-left:35px !important;
  }
  .indu-carrd{
    /* margin-left:23px !important; */
    float:right;
  }
  .industries-card-card11{
  width: 100%;
  height: auto;
}
.benefits_section{
   background-image: url("/assets/images/KVN-benefit-mobile-Image.webp") !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top: 50px;
}

  .prod-details-header-bottom.py-lg-3 {
    padding-top: 0rem !important;  
    padding-bottom: 0rem !important;
}

#secondary-menu {
        display: block;
        /* background-color: #BF2924; */
        transition: opacity 0.3s ease-in-out;
    }

    .secondary-menu-links {
  overflow-x: auto;
  display: flex;
  white-space: nowrap; /* Prevents line breaks */
  scroll-behavior: smooth; /* Enables smooth scrolling */
  scrollbar-width: none; /* Hide scrollbar (Firefox) */
}
.secondary-menu-links .nav-link {
  color: #ffffff; 
  transition: color 0.3s ease;
}
.secondary-menu-links .nav-link.active {
  color: #000000; 
  font-weight: bold;
}
.secondary-menu-links .nav-link {
     border:1px solid #ffffff;
     color:#ffffff;
     /* border:1px solid #bf2429; */
    font-size:14px;
    font-weight:600;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  border-radius:5px;
  margin:19px 5px;
  /* background:#BF2924; */
  transition: color 0.3s, border-bottom 0.3s;
}

.secondary-menu-links .nav-link.active {
  color:#000000;
    background:#ffffff;
  border:1px solid #000000;
  /* color: red;               */
  font-weight: bold;
  /* border:1px solid none; */
  
}
.secondary-menu-links {
  overflow-x: auto;
  display: flex;
  white-space: nowrap; /* Prevents line breaks */
  scroll-behavior: smooth; /* Enables smooth scrolling */
  scrollbar-width: none; /* Hide scrollbar (Firefox) */
}

.nav-link.nl {
  padding: 10px 15px;
  cursor: pointer;
  color: #ffffff;
  transition: color 0.3s ease;
}

.nav-link.nl.active {
        color: #000000;
        font-weight: bold;
        /* border-bottom: 2px solid #007bff; */
    }


    .marginStyle
{
  margin-top:61px;
}
.marginStyle1
{
  margin-top:70px;
}
.imgStyle
{
  width: 22%;
}
.margintStyle
{
  margin-top: 19px;
}

}
body{font-family:'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;}.sliding-form-container{z-index:100000;top:0;width:100vw;height:100%;position:fixed;overflow:hidden;pointer-events:none}.sliding-form-container.active{pointer-events:auto}.sliding-form-container .under-lay{position:absolute;top:0;bottom:0;right:0;left:0;background-color:#000;opacity:0;transition:opacity 0.5s ease-in-out}.kvn-logo{width:280px;height:71px}.sliding-form{position:absolute;background-color:#f2f5f7;background:linear-gradient(to bottom,#00000066,#00000066);width:37vw;height:100vh;z-index:100000;top:0;bottom:0;right:0;border-top-left-radius:2rem;border-bottom-left-radius:2rem;transform:translateX(100%);transition:transform 0.5s ease-in-out}.sliding-form-container.active .sliding-form{transform:translateX(0%) !important;}.sliding-form-container.active .under-lay{opacity:.9}.close-btn-form-slider{position:absolute;height:30px;width:30px;margin-top:10px;margin-left:10px;object-fit:contain;object-position:center;background-color:#fff0;border:none}.close-btn-form-slider img{height:25px;width:25px;max-width:25px;filter:invert(1)}.contact-form-csr{padding:2rem 3rem;margin:auto}.contact-form-csr h3{font-size:24px;font-weight:700;text-align:center;margin:0 0 30px 0;color:#fff}.contact-form-csr .left h3{font-size:4.8rem;font-weight:700}.contact-form-csr .right{width:100%;height:100vh;overflow-y:scroll;scrollbar-width:none}.contact-form-csr .right form{width:100%;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;padding-bottom:100px}.contact-form-csr .right form input{width:100%;border:none;background:#fff0;color:#ffffff45;font-size:18px;font-weight:500;padding:15px 10px;position:relative}.contact-form-csr .right form textarea{width:100%;height:100px;background:#fff;border:none;color:#000;font-size:18px;font-weight:500;padding:20px 10px;resize:none;}.contact-form-csr .right form textarea::placeholder{color:#1f1f1f}.contact-form-csr .right form select{width:100%;border:none;background:#fff0;color:#ffffff45;font-size:18px;font-weight:500;padding:15px 10px;height:auto;outline:none}.contact-form-csr .right form select option{width:100%;border:none;background:#3aa0f24d;color:#000;font-size:18px;font-weight:500;padding:15px 10px;height:auto}.border-gradient{position:relative;background:#3aa0f24d;border-radius:12px}.border-gradient::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:2px;background:linear-gradient(95.22deg,#1f2385 .65%,#3aa0f2 53.89%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.contact-form-csr .right form input::placeholder{color:#ffffff45}.contact-form-csr .right form input:focus{border:none;outline:none}.contact-form-csr .right form button{width:20.7rem;background-color:#ee3142;border:none;border-radius:1.5rem;font-size:1.6rem;font-weight:700;color:#fff;padding:2.2rem 0}.contact-form-csr .right form input.submit-btn{width:fit-content;background-color:#bf2429;border:none;font-size:20px;font-weight:700;color:#fff;padding:14px 34px;margin-top:13px}.return-shop a{width:25.7rem;background-color:#006b3e;border:none;border-radius:1.5rem;font-size:2.4rem;font-weight:700;color:#fff;padding:1.4rem 0;text-decoration:none}.are-you-conposting-container{background-color:#fff;padding:10px}.are-you-conposting-container h5{font-weight:700}.buttons-container{display:flex;width:50%}.contact-form-csr .right form .radio-btn-container{display:flex;gap:15px;align-items:center;margin:10px 0;width:50%}.contact-form-csr .right form .radio-btn-container input{margin-bottom:0;cursor:pointer;width:auto;font-weight:700;height:20px;width:20px}.contact-form-csr .right form .radio-btn-container label{font-size:20px}.text-danger{color:#dc3545}.rows,.are-you-conposting-container{display:flex;justify-content:space-between;flex-direction:column;gap:20px}.are-you-conposting-container{align-items:center}.cols{width:100%}#are-you-composting{margin-bottom:0}@media (max-width:990px){.kvn-logo{width:199.95px;height:50.7px}.enquire-btn{display:none;right:0;padding:1rem 0!important;font-weight:500;width:100%;font-size:20px;bottom:0;transform:rotateZ(0);top:auto;border-radius:.5rem .5rem 0 0;background-color:#bf2429e8}.contact-form-csr .right form input{font-size:16px}.are-you-conposting-container h5{font-size:16px}.contact-form-csr .right form .radio-btn-container label{font-size:16px}.contact-form-csr .right form select{font-size:16px;padding:10px 10px}.contact-form-csr .right form textarea{font-size:16px;height:70px}.contact-form-csr .right form input.submit-btn{font-size:16px}.contact-form-csr{padding:1rem}.sliding-form{width:100vw;transform:translateY(100%);transition:transform 0.5s ease-in-out}.sliding-form-container.active .sliding-form{transform:translateY(3%);border-top-left-radius:10px;border-top-right-radius:10px}.close-btn-form-slider{margin-top:10px}.rows.mobile-cols{flex-direction:column;gap:10px}.are-you-conposting-container{flex-direction:column;align-items:flex-start}.rows.mobile-cols .cols{width:100%}.contact-form-csr h3{font-size:20px;margin:15px 0}.close-btn-form-slider img{height:20px;width:20px;max-width:20px}.buttons-container{width:100%}.contact-form-csr .right form input.submit-btn{width:fit-content;padding:10px 20px}}.nav-item .dropdown-menu .dropdown-item:hover{background-color:rgb(0 0 0 / .7);color:#fff}.nav-item .dropdown-menu .dropdown-item.active{background-color:#000;color:#fff}.nav-item .dropdown-toggle.custom-icon::after{font-family:"Font Awesome 5 Free";font-weight:900;margin-left:5px}.nav-item .dropdown-menu{background-color:#f8f9fa;border-radius:5px;box-shadow:0 8px 16px rgb(0 0 0 / .2)}.nav-item .dropdown-menu .dropdown-item{transition:background-color 0.3s,color 0.3s}.sticky-navbar{background:rgb(0 0 0 / .7)}.nav-link{color:#fff;font-size:16px;font-weight:600;line-height:24.38px}.nav-link:hover{color:#fff}.navbar-brand{margin-left:69px}ul{margin-right:69px}.hero-section{height:98vh;background-image:url(https://www.kvnsteels.com/assets/images/heroimage.jpg);background-size:100% 100%;background-position:center;display:flex;align-items:center;margin-top:-97px}.hero-section-content{width:700px;height:auto;left:69px}.hero-section-content{font-size:54px;font-weight:600;line-height:75.99px;text-align:left}.hero-section-heading{color:#fff;font-size:45px;font-weight:700;line-height:67.99px}.view-btn{font-size:20px;font-weight:500;line-height:24.2px;text-align:center;background-color:#242424;color:#fff}.view-btn:hover{background-color:#242424}.fa-arrow-right{color:#bf2429}.iron-ore{position:relative;font-size:30px;font-weight:700;line-height:36.57px;color:#000}.iron-ore-para{position:absolute;top:50;left:160px}.bottom-head-anchor{color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:39.01px;text-align:left}.bottom-head-anchor:hover{color:#fff}.bottom-head{background-color:#bf2429;margin-top:-71px}.industries-section-head{font-size:48px;font-weight:600;line-height:58.51px}.industries-section-pipe1{position:absolute;right:0;margin-top:-1px;width:auto}.industries-img{margin-left:-17px;padding-top:20px;width:auto;height:auto}.industries-card-title{color:#000;font-size:24px;font-weight:600;line-height:39.01px;text-align:left;padding-left:20px}.industries-card-text{padding-left:20px;color:#000;font-size:16px;font-weight:400;line-height:33px}.industries-btn{color:#fff;background-color:#252525;font-size:16px;font-weight:600;line-height:24.2px;margin-top:192px;float:right}.industries-btn:hover{color:#fff;background-color:#252525}.card{border:.5px solid #bf2429}.psd{padding-left:70px;padding-right:70px}.industries-pipe-1{width:263px;height:262px}.industries-pipe-2{background-image:url(https://www.kvnsteels.com/assets/images/group7.png);background-size:100% 100%;background-position:center;height:100vh}.card-industries-left{margin-left:410px}.prod-section-para{font-size:16px;font-weight:400;line-height:33px}.benefits_section{background:url(https://www.kvnsteels.com/assets/images/aaa.webp);color:var(--text-color);background-size:100% 100%;background-repeat:no-repeat;background-attachment:fixed}.benefits_section{padding-top:75px;padding-bottom:128px}.benefits-head{color:var(--black-color);font-weight:600;font-size:25px;line-height:67.54px}.benefits-head{font-size:48px}.benefits-card-text{font-weight:500;font-size:16px;line-height:28.14px}.benefits-card{margin-top:52px}.benefits-card-text{color:var(--black-color);font-weight:500;font-size:14px;line-height:28.14px}.benefits-logo{margin-top:152px}.product_head{font-size:48px;font-weight:600;line-height:72px;text-align:left}.industries-section-para{color:var(--text-color);font-size:16px;font-weight:700;text-align:left}.industries-section-para:hover{color:var(--text-color)}.metal-sol-content{padding:50px 50px}.sol-section-para1{font-size:32px;font-weight:500;line-height:45.03px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin-left:25px}.sol-section-para2{margin-left:25px;font-size:16px;font-weight:300;line-height:27.68px;text-align:left;margin-top:14px}.met-sol-btn{margin-left:25px;margin-top:-4px}.met-sol-btn{margin-top:32px;margin-bottom:52px}.footer_section{background-color: #212121!important;background-size:100% 100%;background-repeat:no-repeat;padding-top:50px}.footer-logo{margin-top:61px}.footer-head{font-weight:600;font-size:16px;line-height:22.4px;letter-spacing:2px}.footer-anchor a{color:#fff;text-decoration:none}.footer-head{margin-top:72px;font-size:20px;font-weight:600;line-height:22.4px;letter-spacing:2px;text-align:left}.Industrial_Valve1{position:absolute;right:0;margin-top:9px}.cardin{margin-top:-143px}.pipeandtube{font-size:24px;font-weight:600;line-height:36.57px;color:#000}.buttwelded-pipes-fittings{margin-top:45px}.sec-down{background-image:url(https://www.kvnsteels.com/assets/images/group7.png);background-size:100% 100%;height:700px}.cd1{margin-left:17px;margin-right:17px}.cd2{margin-left:-17px;margin-right:54px}.footer-head{font-size:24px;font-weight:600;line-height:22.4px;letter-spacing:2px}.footer-para2{font-size:13.56px;font-weight:400;line-height:22.4px;padding-top:50px}.card-img-5{height:244px}.card-img-8{height:244px}.card-img-9{height:244px}.footer-para1{margin-top:21px}.footer-para3{margin-top:16px}.fa-times{color:#fff;font-size:40px}@media only screen and (max-width:600px){.fa-times{color:#fff;font-size:40px}.navbar-collapse{position:fixed;display:block!important;transform:translateX(-100%);height:100vh;top:0;background:#000;color:#fff;left:0;right:0;z-index:100000000;transition:0.5s linear transform}.navbar-collapse.show{transform:translateX(0%)}.navbar ul li a{margin:8px 0}.navbar-toggler-icon{display:none}.fa-bars{color:#fff}.navbar-toggler:focus{box-shadow:none}.navbar-brand{margin-left:67px}.footer-logo{margin:-20px 0 8px 20px}.footer_icon{margin-left:25px}.footer-head{font-size:19px;margin:40px 0 0 20px}.footer-para1{margin-top:0}.footer-para3{margin-top:0}.industries-section-head{font-size:26px;font-weight:600}.industries-card-text{font-size:14px}.industries-btn{font-size:14px;margin-left:10px}.industries-img{width:auto;height:auto}.prod-section-para{font-size:14px;padding:0 15px}.pipeandtube{font-size:16px}.benefits-head{font-size:26px;padding:0 15px}.benefits-card-text{font-size:14px}.product_head{font-size:26px;padding:0 15px}.us-section-img{width:70px;padding:0 15px}.sol-section-para1{font-size:26px;padding:0 15px}.sol-section-para2{font-size:14px;padding:0 15px}.met-sol-btn{margin:0 15px}}@media (max-width:990px){.footer-anchor a{margin-left:20px}.hero-section-content{width:100%;height:auto;left:69px}.hero-section{margin-top:-120px}.psd{padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}.psd .row{gap:10px}.metal-sol-content{padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5)}.Industrial_Valve1{display:none}.cd1{margin-left:0;margin-right:0}.cd2{margin-left:0;margin-right:0;margin-top:10px}.sec-down{height:auto;margin:10px 0;background-image:none}.industries-section-pipe1{display:none}.metal-sol-content{padding-right:0;padding-left:0}.sol-section-para1{margin-left:0}.sol-section-para2{margin-left:0}.secondary-menu{flex-wrap:wrap}}@media (max-width:480px){.hero-section{margin-top:-145px}}@media (max-width:768px){.fa-times{color:#fff;font-size:40px}.navbar-collapse{position:fixed;display:block!important;transform:translateX(-100%);height:100vh;top:0;background:#000;color:#fff;left:0;right:0;z-index:100000000;transition:0.5s linear transform}.navbar-collapse.show{transform:translateX(0%)}.navbar ul li a{margin:8px 0}.navbar-toggler-icon{display:none}.fa-bars{color:#fff}}@media (max-width:820px){.fa-times{color:#fff;font-size:30px}.navbar-collapse{position:fixed;display:block!important;transform:translateX(-100%);height:100vh;top:0;background:#000;color:#fff;left:0;right:0;z-index:100000000;transition:0.3s linear transform}.navbar-collapse.show{transform:translateX(0%)}.navbar ul li a{margin:8px 0}.navbar-toggler-icon{display:none}.fa-bars{color:#fff}}
.footer-anchor a {
    margin-bottom: 20px;
}
.navbar {
	background: #000000CC;
	backdrop-filter: blur(9.5px)

}

.navbar ul li a {
    font-size: 20px;
}
    .enquire-btn.show-mobile{
        display : none;
    }

    .enquire-btn{
			position: static;
			font-size: 16px;
			background-color: #bf2429;
			color: #fff;
			text-decoration: none;
			transform: none;
			padding: var(--bs-nav-link-padding-y);
			font-weight: 700;
			text-align: center;
			cursor: pointer;
			z-index: 100000;
			border-radius: 5px;
			border: none;
		}

		 .sliding-form-container{
			z-index: 100000;
			top: 0;
			width: 100vw;
			height: 100%;
			position: fixed;
			overflow: hidden;
			pointer-events: none;			
		 }

		 .sliding-form-container.active{
			pointer-events: auto;
		 }

		 .sliding-form-container .under-lay{
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			background-color: #000;
			opacity: 0;
			transition: opacity 0.5s ease-in-out;
		 }

		.sliding-form{
			position: absolute;
			background-color: #101010;
			width: 37vw;
			height: 100vh;
			z-index: 100000;
			top: 0;
			bottom: 0;
			right: 0;
			border-top-left-radius: 2rem;
			border-bottom-left-radius: 2rem;
			transform: translateX(100%);
			transition: transform 0.5s ease-in-out;
		}

		.sliding-form-container.active .sliding-form{
			transform: translateX(0%);
		}

		.sliding-form-container.active .under-lay{
			opacity: 0.9;
		}

		.close-btn-form-slider{
			position: absolute;
			height: 30px;
			width: 30px;
			margin-top: 10px;
			margin-left: 10px;
			object-fit: contain;
			object-position: center;
			background-color: transparent;
			border: none;

		}

		.close-btn-form-slider img{
			height: 25px;
			width: 25px;
			max-width : 25px;
			filter: invert(1);
		}
		
		.contact-form-csr{
			padding: 4rem;
			margin: auto;
		}

		.contact-form-csr h3{
			font-size: 24px;
			font-weight: 700;
			text-align: center;
			margin: 0 0 30px 0;
			color: #fff;
		}

		.contact-form-csr .left h3{
			font-size: 4.8rem;
			font-weight: 700;
		}

		.contact-form-csr .right{
			width: 100%;
			height: 100vh;
			overflow-y: scroll;
			scrollbar-width: none;
		}

		.contact-form-csr .right form{
			width: 100%;
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			gap: 20px;
			padding-bottom : 100px;		
		}

		.contact-form-csr .right form input{
			width: 100%;
			border: none;
			background : #fff;
			color: #000;
			font-size: 18px;
			font-weight: 500;
			padding: 15px 10px;	
		}

		.contact-form-csr .right form textarea{
			width: 100%;
			height: 100px;
			background : #fff;
			border: none;
			color: #000;
			font-size: 18px;
			font-weight: 500;
			padding: 20px 10px;
			resize : none;
		
		}

		.contact-form-csr .right form textarea::placeholder{
		   color: #1f1f1f;
		}

		.contact-form-csr .right form select{
			width: 100%;
			border: none;
			background : #fff;
			font-size: 18px;
			font-weight: 500;
			padding: 15px 10px;
			color: #000;
			height : auto;
		}

		
		.contact-form-csr .right form input::placeholder{
			color: #1f1f1f;
		}

		.contact-form-csr .right form input:focus{
			border: none;
			outline: none;
			
			
		}

		.contact-form-csr .right form button{
			width: 20.7rem;
			background-color: #EE3142;
			border: none;
			border-radius: 1.5rem;
			font-size: 1.6rem;
			font-weight: 700;
			color: #fff;
			padding: 2.2rem 0;
		}

		 .contact-form-csr .right form input.submit-btn{
			width: fit-content;
			background-color: #bf2429;
			border: none;
			border-radius: 11px;
			font-size: 20px;
			font-weight: 700;
			color: #fff;
			padding: 14px 34px;
			margin-top: 13px;
		}

		.return-shop a{
			width: 25.7rem;
			background-color: #006b3e;
			border: none;
			border-radius: 1.5rem;
			font-size: 2.4rem;
			font-weight: 700;
			color: #fff;
			padding: 1.4rem 0;
			text-decoration: none;
		}
		
		.are-you-conposting-container{
			
			background-color: #fff;
			padding: 10px;
		}
		.are-you-conposting-container h5{
			font-weight: 700;
			
		}
		
		.buttons-container{
			display : flex;
			width : 50%;		
		}
		
		.contact-form-csr .right form .radio-btn-container {
				display: flex;
				gap: 15px;
				align-items: center;
				margin: 10px 0;
				width: 50%;
			}
		
		.contact-form-csr .right form .radio-btn-container input {
			margin-bottom: 0;
			cursor: pointer;
			width: auto;
			font-weight: 700;
			height: 20px;
			width: 20px;
		}
		
		.contact-form-csr .right form .radio-btn-container label {
			font-size : 20px;
		}

		.text-danger{
			color : #dc3545;
		}
		
		.rows, .are-you-conposting-container{
			display : flex;
			justify-content : space-between;
			flex-direction: column;
			gap: 20px;
		}
		
		.are-you-conposting-container{
			align-items : center;
		}
		
		.cols{
			width : 100%;
		}
		
		#are-you-composting{
			margin-bottom : 0;
		}
		
		#submitBtn1
		{
			width: fit-content;
    background-color: #bf2429;
    border: none;
    border-radius: 11px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    padding: 14px 34px;
    margin-top: 13px;
		}
		
		@media (max-width: 990px) {
		    
		    		#whatsapp-btn img {
    width: 35px !important;
    height: 35px !important;
    transition: transform 0.3sease-in-out;
}
#phone-btn img {
    width: 35px !important;
    height: 35px !important;
    transition: transform 0.3sease-in-out;
}

#phone-btn {
	/* bottom: 57% !important;	 */
    bottom: 45% !important;
	
}
#whatsapp-btn {
	bottom: 37% !important;
	/* bottom: 30% !important; */
}

			.nav-item .dropdown-menu {
    width: fit-content;
    background-color: #f8f9fa;
    border-radius: 5px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
}

			.enquire-btn.show-mobile{
				font-size:20px;
        display : block;
    }

			.contact-form-csr .right {
    width: 100% !important;
    height: 90vh !important;
    overflow-y: scroll !important;
    scrollbar-width: none !important;
}
			.enquire-btn {
                position: fixed;
				right: 0;
				padding: 10px 0;
				font-weight: 500;
				width: 100vw;
				font-size: 24px;
				bottom: 0;
				transform: rotateZ(0);
				top: auto;
				border-radius: 0.5rem 0.5rem 0 0;
				/* background-color: #bf2429c7; */
				/* color: #000000; */
				background-color: #bf2429db;
			}
			
			.contact-form-csr .right form input{
				font-size : 16px;
			}
			
			.are-you-conposting-container h5{
				font-size : 16px;
			}
			
			.contact-form-csr .right form .radio-btn-container label{
				font-size : 16px;
			}
			
			.contact-form-csr .right form select{
				font-size : 16px;
				padding: 10px 10px;
			}
			
			.contact-form-csr .right form textarea{
				font-size : 16px;
				height : 70px;
			}
			.contact-form-csr .right form input.submit-btn{
				font-size : 16px;
			}
			
			.contact-form-csr{
				padding: 1rem;
			}
			
			.sliding-form{
				width: 100vw;
				transform: translateY(100%) !important;
				transition: transform 0.5s ease-in-out;
			}

			.sliding-form-container.active .sliding-form{
				transform: translateY(3%) !important;
				border-top-left-radius: 10px;
				border-top-right-radius: 10px;
			}
			.close-btn-form-slider{
				margin-top: 10px;
				

			}
			
			.rows.mobile-cols{
				flex-direction: column;
				gap: 10px;
			}
			
			.are-you-conposting-container{
				flex-direction: column;
				align-items: flex-start;
			}
			
			.rows.mobile-cols .cols{
				width : 100%;
			}
			
			.contact-form-csr h3 {
				font-size: 20px;
				margin: 15px 0;
			}
			
			.close-btn-form-slider img {
				height: 20px;
				width: 20px;
				max-width: 20px;
			}		
			
			.buttons-container{
				width : 100%;		
			}
			
			.contact-form-csr .right form input.submit-btn{
				width: fit-content;
				padding: 10px 20px;
			}
			
			.fa-bars {
        font-size: 27px;
    }
	.hero-section {
		margin-top: -155px !important;
	}
	.navbar-brand {
        margin-left: 0px;
    }
	.navbar ul{
		padding-left:20px;
	}
		}


		@media (max-width: 820px) {
    .fa-times {
        font-size: 45px !important;
		padding-right: 20px;
		padding-top:20px
    }
	@media only screen and (max-width: 990px) {
    .navbar-brand {
        width: 200px;
    }
}
}
/* Custom dropdown styles */
        .custom-select {
			background-color: #fff;
            position: relative;
            display: inline-block;
            width: 100%;
        }
        .select-box {
            position: relative;
            color: #000;
            font-size: 18px;
            font-weight: 500;
            padding: 10px;
            cursor: pointer;
        }
        .select-box .selected-items {
            display: inline-block;
            max-width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        .checkbox-list {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background-color: white;
            border: 1px solid #ccc;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
            z-index: 10;
        }
        .checkbox-list label {
            display: block;
            padding: 8px;
            cursor: pointer;
        }
        .checkbox-list label:hover {
            background-color: #f1f1f1;
        }
        .checkbox-list input[type="checkbox"] {
            margin-right: 10px;
        }
        
        /* Ensure the first checkbox and label appear in one line */
        .checkbox-list label:first-child {
            display: flex;
            align-items: center;
			gap: 10px;
        }
        .checkbox-list label:first-child input[type="checkbox"] {
            margin-right: 5px;  /* Adjust the margin to make it look better */
        }
        
        
		#phone-btn {
        position: fixed;  /* Fixed position on screen */
        right: 5px;      /* Distance from right */
        bottom: 40%;     /* Distance from bottom */
        z-index: 1000;    /* Keeps it above other elements */
    }

    #phone-btn img {
        width: 50px;  /* Adjust size */
        height: 50px;
        transition: transform 0.3s ease-in-out;
    }

    #phone-btn img:hover {
        transform: scale(1.1);  /* Slight zoom effect on hover */
    }
		

		#whatsapp-btn {
        position: fixed;  /* Fixed position on screen */
        right: 5px;      /* Distance from right */
        bottom: 30%;     /* Distance from bottom */
        z-index: 1000;    /* Keeps it above other elements */
    }

    #whatsapp-btn img {
        width: 50px;  /* Adjust size */
        height: 50px;
        transition: transform 0.3s ease-in-out;
    }

    #whatsapp-btn img:hover {
        transform: scale(1.1);  /* Slight zoom effect on hover */
    }
	.dropDownBtn{
font-size:20px;
	}