.top-bar {
  background-color: #000407;
  color: white;
  font-size: 14px;
  padding: 5px 0;
}
.top-bar a {
  color: #ffffff;
  /* text-decoration: none; */
  margin-left: 10px;
}
.navbar-brand img {
  max-height: 50px;
}
.navbar {
  background-color: white;
 
}

.copyright{
  padding-left: 30px;
}

.navbar-nav{
  gap: 8px;
}

.navbar-nav .nav-link {
  color: #000;
  font-weight: 600;
  transition: 0.4s;
}
.navbar-nav .nav-link:hover {
  color:#9d7c39;
  transition: 0.4s;
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #825B1C !important;
  text-align: left;
 

}

.img-responsive{
  border: 1px solid #ddd;
  width: 100%
}

.product-items {
  border: 1px solid #ddd;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background-color: rgb(255, 255, 255);
  height: 345px;

}

#pharagrap-p{
  text-align: center !important;
}
#pharagrap-text{
  text-align: center !important;
}

#pharagrap-text{
  font-size: 20px;
}
#text-banner{
  margin-top: -500px;
  font-size: 40px;
  text-align: center !important;
}
.product-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.item-thumbb img {
  width: 100%;
  height: auto;
}

.carousel-box {
  background-color: #ffffff;
  padding: 20px;
}

.carousel-item {
  transition: transform 0.5s ease-in-out;
}


.heading-sub h5 {
  font-size: 24px;
  color: #ffffff;
  text-transform: uppercase;
}

.heading-sub p {
  font-size: 16px;
  line-height: 1.8;
  color: white !important; 
}

.line{
  
  text-decoration: none;
}


/* responsive media query */
/* General Reset and Box-Sizing */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Default Styles (Desktop First) */
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
 
}

.closeouter{
  display: none;
}



/* Medium Devices (Tablets: 768px to 991px) */
@media (max-width: 991px) {

  
  
}

/* Small Devices (Phones: 576px to 767px) */
@media (max-width: 767px) {


  .feature-item {
    flex-direction: column;
    align-items: center;
  }

  .feature-item img {
    width: 100%;
    margin-bottom: 20px;
  }

  .feature-text {
    max-width: 80%;
  }


    .feature-item {
      flex-direction: column;
      align-items: center;
    }
  
    
  
    .feature-text {
      max-width: 80%;
    }
  


  .heritage-container h2 {
    font-size: 20px;
    padding-top: 50px;
  }

  .columns {
    flex-direction: column;
  }

  .column {
    margin: 0 auto;
  }
  
  .heading-sub h5 {
    font-size: 20px;
  }
  .heading-sub p {
    font-size: 14px;
    text-align: justify;
  }

  .navbar-toggler{
    border: none !important;
    padding: 0 !important;
  }

  .navbar-toggler:focus{
    border: 1px solid !important;
    transition: 0.4s;
    box-shadow: none !important;;
  }

  .navbar-collapse {
    position: fixed;
    top: 52px;
    left: -100%; /* Hide off the screen initially */
    width: 100%;
    height: 100%;
    background-color: #fff; /* Set the background color */
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5);
    transition:0.4s;
    z-index: 9999;
  }

  .closeouter{
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 15px;
  }
  
  /* Make the sidebar visible when toggled */
  .navbar-collapse.show {
    transition: 0.4s;
    left: 0;
  }

  .closeMenu{
    width: 30px;
    cursor: pointer;
  }

  /* Styling the navbar items */
  .navbar-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
  }

  .navbar-nav .nav-item {
    width: 100%;
  }

  .navbar-toggler {
    z-index: 99; /* Ensure the button is clickable */
  }
 
  .item-card {
    margin-bottom: 20px;
  }


  .image-text-section {
    flex-direction: column; /* Stack image and text vertically */
  }

  .image-container {
    max-width: 100%; /* Full width for image */
  }

  .text-container {
    max-width: 100%; /* Full width for text */
  }

  .text-container h2 {
    font-size: 26px;
  }

  .text-container p {
    font-size: 15px;
  }

  .text-container .cta-button {
    font-size: 15px;
    padding: 10px 20px;
  }
  .recipe-card h3 {
    font-size: 16px;
  }

  .recipe-card p {
    font-size: 13px;
  }
}



/* Extra Small Devices (Small Phones: 0px to 575px) */
@media (max-width: 575px) {

  #Seamless {
    margin-left: -66px;
  }
  #text-sem {
    margin-left: -4px;
  }


 
  #section-box {
    margin-left: 1px;
  }


  .services-section {
    margin-left: -115px;
  }



  /* #section-eight{
    margin-left: -37px;
  } */

  /* #section-one{
    margin-left: 1px;
    
  } */
  
  .image-container img {
    width: 100%;
    max-width: 600px; 
    height: auto;
    border-radius: 8px;
    margin-left: -100px;
  }
  #conat{
   padding-left: 30px;
  }
  .flinks-h{
   padding-left: 20px;
  }
  .copyright{
   padding-left: 20px;
  }
  #text {
    text-align: center !important;
    float: left;
    padding-left: 20px;
}

  .flinkss{
    padding-left: 20px;
  }

  #footer-h3{
    padding-left: 8px;
  }

  .heritage-container {
    padding: 10px;
  }

  .column {
    padding: 10px;
  }

  .column h3 {
    font-size: 16px;
  }

  .column p {
    font-size: 13px;
    
  }
  
  .text-muted{
    text-align: justify;
  }
  .item-card {
    width: 100%; /* Full width for mobile devices */
  }
  .image-text-section {
    flex-direction: column; /* Stack image and text vertically */
    text-align: center; /* Center-align text */
    margin-left: 40px;
   
  }

  .image-container {
    max-width: 100%; /* Full width for image */
  }

  .text-container {
    max-width: 100%; /* Full width for text */
  }

  .text-container h2 {
    font-size: 24px;
  }

  .text-container p {
    font-size: 14px;
  }

  .text-container .cta-button {
    font-size: 14px;
    padding: 10px 18px;
  }
  h2{
    text-align: justify;
  }
  .recipe-container {
    grid-template-columns: 1fr;
  }

  .recipe-card {
    margin: 0 auto;
  }

  .badge {
    font-size: 10px;
    padding: 4px 8px;
  }
}

  
  /* Add more styles for tiny devices if necessary */


/* responsive media query */


.patches-section {
  background-color: #ffffff; /* White background */
}

.patches-section h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 15px;
}

.patches-section h3 {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
}

.item-card {
  border: 1px solid #ddd;
  min-height: 495px ;

  transition: transform 0.3s, box-shadow 0.3s;
}

.item-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.item-card img {
  max-width: 100%;
  height: auto;
  border-radius: 5px;
}

.item-card h3 {
  font-size: 18px;
  color: #000000;
  margin: 10px 0;
  transition: color 0.3s;
  text-decoration: none;
}

.item-card h3:hover {
  color: #111111;
}

.item-card p {
  font-size: 14px;
  color: #666;
  text-align: justify;
}


.text-muted{
  /* padding-bottom: px; */
}

#step-h4{
  font-weight: 400;
}

/* testimonils */
.image-text-section {
  margin-left: 9%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap; /* Ensure content wraps on smaller screens */
  gap: 20px;
  padding: 20px;
  background-color: #fff;
  box-sizing: border-box;
}

/* Image Styling */
.image-container {
  flex: 1;
  max-width: 50%; /* Limit the width of the image on larger screens */
  text-align: center;
}

.image-container img {
  width: 100%;
  /* max-width: 600px; Restrict max size on desktops */
  height: auto;
  border-radius: 8px;
 
}

/* Text Container Styling */
.text-container {
  flex: 1;
  max-width: 50%;
  padding: 10px;
  margin-right: 132px;
 
}

.text-container h2 {
  font-size: 28px;
  color: #333;
  margin-bottom: 15px;
}

.text-container p {
  font-size: 16px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 20px;
  text-align: justify;
}

.text-container .cta-button {
  display: inline-block;
  padding: 12px 20px;
  background-color: #0a0a0a;
  color: #fff;
  text-decoration: none;
  
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.text-container .cta-button:hover {
  background-color: #ffffff;
  color: black;
  border: 2px solid black;
 
  font-weight: bold;
}
#slide a{
  text-decoration: none;
 
}


/* Responsive Styling */


.custom-section {
  
  padding: 50px 20px;
  text-align: center;
 
}
.custom-section h2 {
  color: #8c6239;
  font-weight: 700;
  margin-bottom: 20px;
}
.custom-section p {
  color: #333;
  font-size: 1.1rem;
}



/* section 4 */
.recipe-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin: 20px auto;
  max-width: 1330px;
  padding: 0 15px;
}

.recipe-card {
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.recipe-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.recipe-card img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #ddd;
}

.recipe-card h3 {
  font-size: 18px;
  margin: 15px 10px 5px;
  color: #252525;
}

.recipe-card h3 a {
  text-decoration: none;
  color: inherit;
}

.recipe-card h3 a:hover {
  color: #050505;
}

.recipe-card p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 10px 15px;
  color: #555;
}

#top{
  text-decoration: none;
  transition: 0.4s;
  display: inline-block;
}
#top:hover{
  color: #9d7c39;
  transition: 0.4s;
}


/* .badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #050505;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  text-transform: uppercase;
} */
.badge-product{
  font-size: 18px;
  padding: 15px 5px 0;
  
}

/* pharagraph start */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.space10 {
  margin: 10px 0;
}



.container{
  width: 1320px;

}

.heritage-container {
  max-width: 1351px;
  margin: 0 auto;
  padding: 20px;
  padding-top: 60px;
}

.heritage-container h2 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
 
}

.columns {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.column {
  flex: 1;
  min-width: 300px;
  padding: 15px;
  background: white;
  
}

.column h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #825B1C;
}

.column p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  text-align: justify;
  padding-bottom: 15px;
}

.column strong {
  color: #000;
}


.text-h2{
  text-align: left;
}
/* pharagraph end */

/* policy start */
/* General Styles */


.services-section {
  padding: 40px 20px;
  /* background-color: #f9f9f9; */
  text-align: center;
  width: auto;
  padding-top: 1px;
  margin-left: -78px;
}

.services-section h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
}

.services-section h3 {
  font-size: 1.2rem;
  line-height: 1.6;
  margin-bottom: 40px;
  color: #555;
}

.cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between; /* Ensures equal spacing on larger screens */
}

.card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: calc(25% - 20px); /* 4 cards in one row for larger screens */
  min-width: 250px;
  text-align: center;
  transition: transform 0.3s ease;
}

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

.card i {
  font-size: 50px;
  color: #0a0a0a;
  margin-bottom: 10px;
}

.card h2 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color: #333;
}

.card p {
  font-size: 1rem;
  line-height: 1.5;
  color: #666;
}

.card .button {
  display: inline-block;
  margin-top: 15px;
}

 .button button {
  background-color: #070707;
  color: #fff;
  border: none;
  padding: 10px 20px;
  transition: 0.4s;
  
  cursor: pointer;
  transition: background-color 0.3s ease;
}

 .button button:hover {
  box-shadow: 3px 3px #fff, 3px 3px 0 1px #000;
  transition: 0.4s;
}

/* Highlighted Cards */
.card.highlight {
  background-color: white;
  /* border-color: gray; */
}

/* Responsive Styles */
/* Tablets and Smaller Screens (max-width: 992px) */
@media (max-width: 992px) {
  .card {
    width: calc(50% - 20px); /* 2 cards per row for tablets */
  }
}

/* Mobile Screens (max-width: 576px) */
 

@media (max-width: 576px) {

  .images-section {
    /* height: 261px; */
   
}

#footer li a{
  font-weight: 600;
}

  .services-section{
    margin-left: -125px;
  }
  #section-text{
    margin-left: -1px;
  }
  
 
  .img-with{
    height: 152px;
    max-width: 382px;
  }
  .cards {
    flex-direction: column;
    gap: 20px; /* Adjust vertical spacing between cards */
  }

  .card {
    width: 100%; /* Full width for each card */
  }

  .services-section h2 {
    font-size: 2rem;
  }

  .services-section h3 {
    font-size: 1rem;
  }

  .card i {
    font-size: 50px;
  }
  .services-section h2{
    text-align: center;
  }
  .services-section h3{
    text-align: justify;
  }
}



/* policy end */
/* footer  */
#footer-h3{
  font-size: 18px;
  color: white;
  margin-top: 50px;
  padding-left: 32px; 
}

#footer-h3 li a{
  
  color: white;
  list-style: none;
  
}


#footer-add-h3{
  font-size: 13px;
  font-weight: 300;
  color: white;  
 } 
#footer{
  background-color: black;
}
#footer li{
  list-style: none;
  
}

#footer li a{
  display: inline-block;
  color: white;
  font-size: 13px;
  transition: 0.4s;
}
#footer li a:hover{
  transition: 0.4s;
  color: #825B1C !important;
}

.flinks-h li{
  display: inline-block;  
  color: white;
}
.flinks-h li a{
  display: inline-block;  
  color: white;
  text-decoration: none;
}
.flinks-h li a:hover{
  color:#825B1C !important;
}
.flinkss li a{
  color: rgb(255, 255, 255);
  list-style: none;
  text-decoration: none;
}
#bottam{
  background-color: black;
  padding-top: 30px;
  
}
#Copyright{
  color: white;
}
#text{
 margin-right: 50px;
}

.flinks-h li::after {
  content: "|";
  color: #555;
  position: relative;
  right: -3px;
  padding: 12px;
}

.f-social li{
  display: inline-block; 
}
.f-social li a{
  text-decoration: none;
 
}
ul.f-social {
  margin-left: -30px;
}


.bcrumbs{
  background-color: #f8f8f8;
   padding: 17px 0;
}
.bcrumbs ul li {
  list-style: none;
  display: inline-block;
}






/* Basic Section Styling */
section {
  max-width: 1539px;
  margin: 0 auto;
  padding: 20px;
  font-family: Arial, sans-serif;
}

h2 {
  text-align: left;
  font-size: 2em;
  margin-bottom: 40px;
  color: #333;
  
}

#heading-custom{
  font-size: 17px;
  padding: 16px;
}

/* Feature Item Styling */
.feature-item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.feature-item img {
  max-width: 16%;
}


.feature-text .highlight {
  font-weight: bold;
  color: #2b2b2b;
  font-size: 1.1em;
}

.feature-text p {
  font-size: 1em;
  color: #555;
  line-height: 1.6;
  font-size: 13px;
  text-align: justify;
}

/* Responsive Styling */



/* section 4 */
 
 #heading{
  text-align: left;
 }

/* #bottom-text{
  padding-bottom: 50px;
}
  */

   


/* section 2 */




.side-widget h3 {
  font-size: 1.25rem;
  margin-bottom: 15px;
}

.cat-list, .color-list, .brand-list {
  list-style: none;
  padding: 0;
  
}

.cat-list li, .color-list li, .brand-list li {
  margin-bottom: 10px;
}

.color-list span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 0%;
  margin-right: 10px;
  
}

.nav-tabs .nav-link {
  color: #000;
}

.nav-tabs .nav-link.active {
  background-color: #007bff;
  color: #fff;
}

.product-item h2 {
  font-size: 1.1rem;
  text-align: center;
  margin-top: 10px;
}

.related-posts {
  border-top: 1px solid #CCC;
  width: 100%;
}
 
.related-posts ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
}

.related-posts ul li {
  flex: 1 1 calc(20% - 10px);
  list-style: none;
}

@media (max-width: 768px) { 
  

  #footer-h3{
    padding-left: 20px;
  }
 
  .side-widget {
      margin-bottom: 20px;
      max-height: 250px !important;
      top: 0 !important;
      z-index: 9;
  }

  .product-item {
      margin-bottom: 20px;
      height: 320px !important;
  }

  .related-posts ul li {
      flex: 1 1 calc(50% - 10px);
  }
}

@media (max-width: 576px) {
  #section-b {
    margin-left: 8px;
}
  .related-posts ul li {
      flex: 1 1 100%;
  }
}



/* body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f8f9fa;
} */

.product-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}

.product-col {
  flex: 1 1 calc(33.33% - 20px); /* Adjust for 3 items in a row */
  max-width: calc(33.33% - 20px);
  box-sizing: border-box;
}

.product-item {
  background: #fff;
  padding: 30px;
  text-align: center;
  box-shadow:  0px 0px rgba(0, 0, 0, 0);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 460px;
}

.product-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
}

.product-item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
  border: solid 1px #ccc;
}

.product-item h2 {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-top: 10px;
}

.side-widget {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
  max-height: 660px;
  position: sticky;
  top: 40px;
  background: #fff;
  padding: 15px;
}

::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #a3a3a3; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #959595; 
}

#list li a{
  text-decoration: none;
  color: #212121;
}
.Designing{
  text-decoration: none;
  color: #000000;
 font-weight: bold;
}

.Designing:hover{
  text-decoration: none;
  color: #000000;
}
.data{
  text-decoration: none;
  color: #f50000;
  padding-right: 20px;

}
.data:hover{
  color: #000000;
  text-decoration: none;
}
.data::after{
  content: "|";
  color: #555;
  position: relative;
  right: -3px;
}

.color-list a span.navy-blue {
  background: #031c38;
 
}

.color-list a span.tan {
  background: #b19861;
}

.color-list a span.sky-blue {
  background: #4f91d4;
}

.color-list a span.black {
  background: #151515;
}

.color-list a span.purple {
  background: #350871;
}

.color-list a span.kelly-green {
  background: #06661a;
}

.color-list a span.orange {
  background: #ec4503;
}

.color-list a span.grey {
  background: #878377;
}
.color-list a span.gold {
  background: gold;
}

.color-list a span.cardina {
  background: #660000;
}

.color-list a span.red {
  background: #be0113;
}
.color-list a span.forest-green {
  background: #052901;
}

.color-list a span.maroon {
  background: maroon;
}

.color-list a span.royal-blue {
  background: #103799;
}

.color-list a span.brown{
  background: #351e04;
}

.color-list a span.white {
  background: #ffffff;
}

.color-list a span.cream {
  background: #d9cf9f;
}

.color-list a span.pink {
  background: #fcadaf;
}

.color-list a span.old-gold {
  background: #9d6d29;
}

.color-list a span.teal-blue{
  background: #007f99;
}



.black {
  background: #000000;
}

.brown {
  background: #635c63;
}

.red {
  background: #a30014;
}

.darkgrey {
  background: #2f3c4d;
}

.litebrown {
  background: #c3c2c0;
}

.white {
  background: #f2f2f2;
}

.liteblue {
  background: #859cbc;
}

.cream {
  background: #f7d2c2;
}

.yellow {
  background: #c8c258;
}
#custom-box{
  
}

#sort-t2{
  text-align: left;
}
.custom-checkbox{
  text-align: left;
  margin-top: -80px !important;
}
.related{
  padding-bottom: 20px;
}
#list li a{
  font-size: 13px;
}

.bcrumbs ul li a{
  text-decoration: none;
  color: black;
  font-weight: 500;
  transition: color 0.3s ease;
}

.bcrumbs ul li a:hover{
  color: #9d7c39;
  transition: color 0.3s ease;
}


p{
  font-size: 15px;
}

.tab-pane{
 
 font-size: 13px;
}
.pharagrap{
  margin-right: 100px;
}
#tabp{
 padding-top: 50px;
  padding-bottom: 30px;
}

.tab-content {
  padding: 20px 20px 4px;
  background: #fff;
  border: 1px solid rgb(204, 204, 204);
}

.text14{
  font-size: 14px;
  line-height: 140%;
  text-align: justify;
}
 


.nav-tabs > li > a {
  font-family: Montserrat;
  font-size: 12px;
  color: #444;
  text-transform: uppercase;
  border-radius: 0px;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.79);
  position: relative;
  border-bottom: none;
  border: 1px solid rgb(214, 220, 222);

  transition: 0.4s;


}

.nav-tabs > li > a:hover,.nav-tabs > li > a.active  {
  background:#ceb788;
  transition: 0.4s;
}


#dataa{
  text-decoration: none;
}
.nav-tabs {
  border-bottom: none;
}


.bcrumbs {
  background-color: #f9f9f9; /* Optional background color */
  padding: 10px 0;
  font-size: 16px; /* Adjust font size for better readability */
}

.bcrumbs .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.bcrumbs ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap; /* Ensures responsiveness on small devices */
  margin: 0;
  padding: 0;
}

.bcrumbs ul li {
  display: inline; /* Inline display for items */
  color: #555; /* Text color */
}



.bcrumbs ul li:not(:last-child)::after {
  content: '/';
  margin: 0 5px; /* Space around the slash */
  color: #999; /* Color for the slash */
}

.img-with{
  width: 100%;
  height: auto;
  padding-bottom: 30px;
}
#text-p{
 text-align: left;
 /* margin-left: 140px; */
 text-align: justify;
}

.button.navbar-toggler{
  margin-right: 35px;
}



#container-text{
  margin-left: 170px;
}
/* section fourth */
/* #features-sec{
  margin-left: -60px;
} */
.text-container-h2{
  text-align: left;
}
.pahragraph_text{
  padding-top: 30px;
  /* padding-bottom: 10px; */
  text-align: justify;
  font-weight: 400;
}
#textttt{
  padding-top: 30px;
}
#section-text{
 /* margin-left: 140px; */
}

#section-one{
  margin-left: 40px;
  margin-bottom: -60px;
}
/* #section-five{

  margin-left: 150px;
} */

/* #section-six{
  margin-left: 100px;
} */

#section-eight{
  margin-top: -70px;
  margin-left: 170px; 
}


.carousel-inner img {
  width: 100%;
  height: auto; /* Maintain aspect ratio */
}

.carousel-inner, .carousel-item {
  padding: 0;
  position: relative;
  margin: 0;
}

.overlayout{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
 z-index: 1;
}

.carousel-caption {
  position: relative;
  z-index: 2; /* Ensures caption stays above the overlay */
}

.carousel {
  overflow: hidden;
}


/* #Success{
  margin-left: 12px;
}
#Seamless{
  margin-left: 1px;
}
.boxx{
margin-left: 58px;
}
#heading-text{
  margin-left: 10px;
} */
/* #section-light{
  margin-left: 150px;
} */

#Seamless{
  margin-left: 0px;
}
#text-sem{
  margin-left: 140px;
}

/* CSS */




@media (max-width: 480px) {


  #contact-info {
    margin-top: -107;
    margin-left: 17px;
}
  .contact-form {
    padding: 15px;
  }

  .contact-form h2 {
    font-size: 20px;
  }

  .contact-form input, 
  .contact-form textarea {
    font-size: 14px;
  }
  .product-items{
    margin-top: 20px;
    height: 450px;
  }

  .feature-item img {
    max-width: 46%;
   
}
  #section-one{
    margin-left: 19px;
  }

  .custom-section{
    padding: 0;
  }
  
  .boxx {
    margin-left: 3px;
}
  

  .images-section{
    margin-left: 0px;
  }
  #text-sem {
    margin-left: -17px;
}

.services-section {
  margin-left: -130px;
}


.image-text-section{
  margin-left: 40px;
}

/* section {
  margin-left: 68px;  
} */
 

#section-box {
  margin-left: -1px;
}


  }


  .boxx{
    margin-left: 161px;
  }
  /* img{
    /* height: 435px; */
    /* border-radius: 8px; */
  /* } */

  /* #images-section-text{
    margin-top: 128px;
    text-align: left;
    padding: 54px;
    text-align: justify;
  }
  #heading-h2{
    text-align: left;
  } */ 
  
  /* .images-section { 
    height: 438px;
    border-radius: 8px;
}
#images-section-text{
  padding: 70px;
  text-align: left;  
  margin-top: 98px;
}
#heading-h2{
  text-align: left;
} */


/* Custom CSS */

.images-section {
  margin-bottom: 20px; /* Adds spacing for small devices */
  height:900px;
}

#images-section-text {
  padding: 15px;
}

#heading-h2 {
  font-size: 2rem;
  margin-bottom: 15px;
  text-align: left;
}

#images-section-text p {
  font-size: 1rem;
  line-height: 1.5;
  text-align: justify;
}

/* Media Queries for Extra Customization */
@media (max-width: 768px) {

   
  #Success{
    margin-left: 0px; 
  }

  
  #heading-h2 {
    font-size: 1.5rem;
  }

  #images-section-text p {
    font-size: 0.9rem;
  }
}

@media (max-width: 480px) {
  #Success{
    margin-left: 0px; 
  }

  #section-boxx {
    margin-left: 3px;
}

 

  #features-sec{
    margin-left: 5px;
  }
 
  .boxx {
    margin-left: 6px;
}

 


  #heading-h2 {
    font-size: 1.2rem;
  }

  #images-section-text p {
    font-size: 0.8rem;
  }
}
                                                           
.img-fluid {
  width: 100%;
  height: auto;
}


#features-sec{
  margin-left: 24px;
}
#Success{
  margin-left: 23px;
}
#Seamless {
  margin-left: 7px;
}

#section-b{
  margin-left: 0px;
}
#section-boxx {
  margin-left: 3px;
}

.product-items-bb {
  height: 229px;
  text-align: justify;
  width: 240px;
  padding: 13px;
  border: 1px solid #CCC;
}
#tab-h1{
  margin-top: -66px !important;
}






























/* hhjkk */
/* Remove unnecessary spacing */
body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* Make sure images scale responsively */
img {
  max-width: 100%;
  height: auto;
  /*  */
}
#image-inner{
  border: solid 1px #ccc;
}

/* Adjust containers */
.container-fluid, .row {
  padding: 0;
  margin: 0;
}

.col-12 {
  padding: 0;
}

/* Add media queries for custom responsive behavior */
@media (max-width: 768px) {
  h1 {
      font-size: 1.5rem; /* Adjust heading size for smaller screens */
  }

  img {
      width: 100%; /* Ensure images resize for small screens */
  }
}

.row {
  display: flex;
  flex-wrap: wrap; /* Wrap content on smaller screens */
  margin: 0;
  padding: 0;
}

.col {
  flex: 1; /* Make columns equal width */
  padding: 0;
}


@media (max-width: 576px) {
  .col {
      flex: 1 0 100%; /* Stack columns on very small screens */
  }

  .container-fluid {
      padding: 10px; /* Add some spacing for small screens */
  }
}

/* contact form */
body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
}

.contact-form {
  max-width: 600px;
  margin: 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.contact-form h2 {
  margin-bottom: 20px;
  font-size: 24px;
  color: #333;
  text-align: center;
}

.contact-form .form-group {
  margin-bottom: 15px;
}

.contact-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}

.contact-form input, 
.contact-form textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
}

.contact-form textarea {
  resize: vertical;
  height: 100px;
}

.contact-form button {
  width: 100%;
  padding: 10px;
  background-color: #1a1a1a;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.contact-form button:hover {
  background-color: #070707;
}


#contact-text{
  text-align: center;
}
#info-bold{
  font-weight: bold;
}
#contact-info{
  padding-top: 100px;
  margin-left: 30px;
}
#contact-p{
  margin-left: 20px;
  font-size: 18px;
}
#contact-h2{  
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;      
}
  
#contact-h4{
  font-weight: 100;
}
#contact-h3{
  font-weight: 400;
}
#contact-pharagraph{
  font-weight: bold;
}
#text-h3{
  font-weight: 400 !important;
}
#text-left{
  text-align: left;   
}
          

 #t{
  padding-top: 30px;
  padding-bottom: 10px;
 }

h4{
  font-weight: 400 !important;
  font-size: 18px !important;
}
h3{
  font-weight: 100 !important;
  font-size: 24px !important;
}
#bold-p{
  font-weight: bold;
}
#patches-h2{
  text-align: center;
}
h1{
  margin-top: 10px !important;
  padding-bottom: 10px;
}
#product-item-h2{
  font-size: 16px !important;
  text-align: left;
}


 .product-items-box{
  height: 452px;
  position: relative;
  overflow: hidden;
  border: 1px solid #CCC;
  width: 240px;
  padding: 10px;
  height: auto;

}
.img-responsive-box{

  border: px solid #CCC;
}
 .btn-info{

  background-color: #01204e !important;
  color: white;
  border-color: #074355;
  
 }
 .product-items-b{
  height: 480px;
  text-align: justify;
  width: 240px;
  padding: 13px;
  border: 1px solid #CCC;
 }
#items-p{
  text-align: justify;
  margin-top: -57px;
  margin-bottom: -22px;
}
#items-pp{
  margin-top: 30px;
  text-align: justify;
  margin-bottom: 12px;
}
#items-ppp{
  margin-top: -5px;
  text-align: justify;
}


/* .contact-form */

.contact-form-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #eaeaea;
}

.contact-form {
  background: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  width: 100%;
}

.contact-form h2 {
  margin-bottom: 20px;
  font-size: 24px;
  text-align: center;
  color: #333;
}

.contact-form label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
  color: #555;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #007bff;
  outline: none;
}

.contact-form button {
  width: 100%;
  padding: 10px;
  background: #007bff;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.contact-form button:hover {
  background: #0056b3;
}
#bold{
  font-weight: bold !important;
}
#btn-white{
  color: white;
}
p{
  text-align: justify !important;
}
h3{
  text-align: justify !important;
  margin-bottom: 30px !important;
}
h4{
  text-align: justify;
}
h1{
  text-align: left;
}
#check-box{
  margin-top: 0px !important;
}
#slide-p{
text-align: center !important;  
}
#download-h1{
  text-align: center;
}
#lead-p{
  text-align: center !important;
}