.bg-black{
    background-color: black !important;
}
.featured-item-shadow{
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px !important; */
    padding: 20px !important;
}
.plus-parent{
    position: relative;
}
.plus-child{
    position: absolute;
    top:-10px;
    right:80px;
    font-size: 30px !important;
}
.plus-parent-2{
    position: relative;
}
.plus-child-2{
    position: absolute;
    top:-10px;
    right:100px;
    font-size: 30px !important;
}
.footer {
  
    margin-top:unset !important;
}


.footer{
    background: rgb(0,0,0) !important; 
}


.header-4 #header-wrap ,.dark-bg,.bg-black{
    /* background: rgb(0,0,0);
  background: linear-gradient(66deg, #1a1a1a 0%, #2c2c2c 50%, #333333 100%); */
 
/* background-color: #D91656 !important; */
background-color: #3F3F44 !important;


}

.bg-bg{
    background: rgb(0,0,0);
  /* background: linear-gradient(66deg, #1a1a1a 0%, #2c2c2c 50%, #333333 100%); */
 
  background-color: #3F3F44 !important;

}


.breadcrumb-item+.breadcrumb-item::before {
    float:  left !important;
    content: var(--bs-breadcrumb-divider, "Home /") !important;
}
.page-breadcrumb {
left: unset !important;
}

.section-padding{
    padding:unset !important;
    /* background: rgb(0,0,0);
  background: linear-gradient(66deg, #1a1a1a 0%, #2c2c2c 50%, #333333 100%); */
  background-color: #3F3F44 !important;



}

.mission,.vission{
    background-color: white;
    padding:30px !important;
    height: 230px !important;
}
.h-tag-ceo{
color: #ff7f43 !important;
}

.name-box{
    border: 3px double #ff7f43 !important;
    padding: 20px ;
    margin-top: 10px ;

}

@media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        min-width: 15em;
        max-width: 15em;
    }
}


.navbar-nav .nav-link:before {
    content: "";
    background:none !important;
    height: 2px;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.logo img{
height: 100% !important;
}

.portfolio-item:hover .portfolio-icon  {
    display: none !important;
}
.header-4 #header-wrap{
padding: 6px !important;
}

.footer{
    padding-top: unset !important;
}

.footer-img{
    width: 150px !important;
    height: 150px !important;
    object-fit: contain;
}

.dropdown-submenu {
    position: relative;
  }
  
  .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0.1rem;
    margin-top: -0.1rem;
  }

  
  @media (max-width: 768px) {
    .dropdown-menu li {
      padding: 5px 10px; /* Adjust padding */
    }
  
    .dropdown-menu li a {
      display: block; /* Ensure full width for links */
      padding: 5px 10px;
    }
  }
  
  .cart-container-product{
    box-shadow: #ff7f43 0px 3px 6px, #ff7f43 0px 3px 6px !important;
  }

  table, th, td {
    border:1px solid black;
    padding: 20px;

  }

  .font-weight-bold{
    font-weight: bold !important;
  }

  .faq-image{
    object-fit:fill ;
    height: 690px !important;
  }

  .blockquote{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    padding:10px !important;
  }

  .benifit-card{
    box-shadow: #ff551c8c 0px 3px 6px, #ff551c9a 0px 3px 6px !important;
    border-radius: 35px !important;
    width: 99%;
    padding:5px !important ;
  }


  .swiper {
    width: 100%;
    height: 300px; /* Adjust height as needed */
    display: flex;
    align-items: center; /* Center Swiper container vertically */
  }

  .swiper-wrapper {
    display: flex;
  }

  .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 18px;
    background: #fff;
  }

  .swiper-slide img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Keeps images responsive */
  }

  .swiper-hidden{
    overflow: hidden !important;
  }

#Features{
  overflow-x:hidden;
}


/* Style tab links */
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 100%;
}

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  color: black;
  display: none;
  padding: 10px 20px;
  height: 100%;
}

#Home {
  background-color: #555; 

}
#News {
  background-color: #555;
}
#Contact {
  background-color: #555;
}
#About {
  background-color: #555;
}
.total-tab{
background: #555 !important;
}


/* Table Styling */
.table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  /* font-size: 16px; */
  text-align: left;
  border: 1px solid black !important;
}

.table thead {
  background-color: #343a40; /* Dark background for header */
  color: #ffffff;          /* White text for header */
}

.table th, .table td {
  border: 1px solid #000000;
  padding: 12px 15px;
}

.table tbody tr:nth-child(even) {
  background-color: #f9f9f9; /* Alternate row color */
}

.table tbody tr:hover {
  background-color: #f1f1f1; /* Highlight row on hover */
}

.table-bordered th, .table-bordered td {
  border: 1px solid #cacaca; /* Slightly thicker border */
}

/* Additional Styling for Bold Text */
.table tbody td b {
  color: #343a40; /* Dark color for bold text */
}

/* Responsive Styling */
@media screen and (max-width: 768px) {
  .table {
    font-size: 14px;
  }
}

/* Responsive Styling */
@media screen and (min-width: 768px) {
  .table {
   margin-top: 40px !important;
  }
}


.page-title {
  display: block;
  /* padding-bottom: 100px !important;
  padding-top: 100px !important; */
}





.custom-swiper-container {
  width: 100%;
  height: 100%;
}

.custom-swiper-slide {
  background-position: center;
  background-size: cover;
}

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


.owl-carousel .owl-dots {
 display: none !important;
}

.title::before{
background: none !important;
}
.title::after{
display: none !important;
}

section{
  padding: 20px 0;
}

.page-title h1{
  text-transform: unset !important;
  font-weight: 600;
  line-height: 0px;
}

h5{
  text-transform: unset !important;
}
/* Correcrion in Navbar */




.kito-logo{
  width: 100% !important;
}

.owl-prev,.owl-next,.btn.btn-theme{
  background: rgb(255,127,67);
  background: linear-gradient(309deg, rgba(255,127,67,1) 50%, rgba(253,197,0,1) 100%);
}



@media only screen and (min-width: 600px) {
  .who-we-are-inde-page{
padding-right: 100px !important; 
padding-left: 120px !important;
  }
}


@media only screen and (max-width: 600px) {
  .who-we-are-inde-page{
padding-right: 1px !important; 
padding-left: 10px !important;
  }

  .item{
    height: 250px;
    object-fit: cover;

  }
}

@media only screen and (min-width: 998px) {
  .navbar-nav{
margin-left: 50px !important;
  }
  /* #logo-img{
margin-left: 300px !important;
  } */
}



@media only screen and (min-width: 900px) {
  .product-slider-img{
    width: 100% !important;
 
    object-fit: cover !important;
 
  }
}

.kito-card{
 border:1px solid #343a405d ;
 background-color: #e7e9eb !important;
 border-radius: 10px !important;
}


.fullscreen-banner{
  position: relative; 
  min-height:unset !important;

}

[data-bg-img] {
  background-size: cover;
  background-position: none !important;
  background-repeat: no-repeat;
}

.social-icons.social-colored .social-facebook a, .social-icons.social-hover .social-facebook a:hover {
    background-color:unset !important;
        background-color:none !important;
}

.social-media-1{

}


  @media only screen and (max-width:1025px) {
  .Empowering-Industries{
margin-top: 35px !important;
}

  
}

  @media only screen and (max-width:900px) {
  .section-title-Empowering-Industries{
margin-top: 205px !important;
}

  
}

.section-title {
    margin-bottom: 0px !important; 
}

@media screen and (min-width: 768px) {
    .table {
        margin-top: 10px !important;
    }
}

.title {
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
    position: relative;
    color: #23244a;
}

h2,h1 {
    font-size: 28px !important;
   /* line-height: 50px; */
}

.owl-stage-outer{
    padding-bottom: unset !important;
}


.banner-1::before {
    border:none !important;
   
}

.cerficate-img{
  object-fit: cover !important;
 
}

#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: rgba(255,127,67,1) !important;
  color: white;
}

.kito-img{
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}