.t-bold{
  font-weight: 600;
  font-size: 1rem;
}
.about-content1{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.whyChoseUs-icon-b{
  font-size: 3rem;
  color: #3cbab9;
}
.whyChoseUs-icon-s{
  font-size: 3rem;
  color: white;
}
.home-h-cation{
  background-color: #00000066;
  padding: 10px 10px;
  border-radius: 10px;
  display: block;
  width: max-content;
}
/*about page*/
.ourM-about{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/*contact page*/
.bold-text{
  font-weight: 600;
}
/*footer*/
.Copyright00{
  color: white;
  transition: all .5s ease;
}
.Copyright00 span{
  color: #3bb9b8 ;
  transition: all .5s ease;
  
}
.Copyright00:hover {
  color: rgb(186, 186, 186) ;
}
.Copyright00 span:hover{
  color: #4dd7d7 ;

}

#root {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: fit-content; /* Ensure there's space for content */
}

.cate-2{
  display: flex;
  width: max-content;
  align-items: center;
  font-size: .9rem;
  margin: auto;
  padding: 8px 20px;

  margin-top: 1rem;
  font-family: Roboto-Bold;
}
.fil-p{
  margin-right: 1rem;
  margin-bottom: .6rem;
  color: gray;
  border: solid 1px gray;
  border-radius: 5px;
  padding: 4px 10px;
  transition:all .5s ease;
}

.fil-p:hover{
  background-color: #3cbab9;
  color: #fff;
  border: solid 1px transparent;
  
}
@media (max-width: 600px){
  .cate-2{
    display: flex;
    flex-direction: column;
  }
}
.active-2{
  color: #434343 !important;
  width: 96%;
  box-shadow: 0 0 13px 0 #484848bd;
}

/*animation css*/

/*animation*/
.ani-ltr {
  opacity: 0; 
  transform: translateX(-10vw); 
  transition: transform 2s, opacity 2s;
}

.ani-rtl {
  opacity: 0; 
  transform: translateX(10vw); 
  transition: transform 2s, opacity 2s; 
}
.ani-btt {
  opacity: 0; 
  transform: translateY(10vw);
  transition: transform 2s, opacity 2s; 
}
.ani-btt-s {
  opacity: 0; 
  transform: translateY(12vw);
  transition: transform 2.5s, opacity 2.5s; 
}
.ani-btt-ss {
  opacity: 0; 
  transform: translateY(15vw);
  transition: transform 3s, opacity 3s; 
}
.ani-ttb {
  opacity: 0; 
  transform: translateY(-10vw);
  transition: transform 3s, opacity 2s; 
}
.ani-bts {
  opacity: 0; 
  transform: scale(1.2); 
  transition: transform 2s, opacity 2s;
}
.ani-stb {
  opacity: 0; 
  transform: scale(.8); 
  transition: transform 2s, opacity 2s;
}
.ani-fade-in {
  opacity: 0; 
  transition: transform 3s, opacity 3s;
}


.animate {
  opacity: 1; 
  transform: translateX(0); 
}

/**/
.kit-overlayF{
  background-color: #05233a;
  opacity: .95;
}


.p-bb{
  box-shadow: 0 0 5px 0 #80808024;
  border-radius: 15px;
  overflow: hidden;
  margin-right: -15px;

}

.categ-prodict-contaient{
  display: flex;
}
.categ-container{
  display: flex;
  flex-direction: column;
  margin-bottom: auto;
  padding: 1rem 1rem;
  gap: .7rem;
}
/*.isotope-grid2{*/
/*  margin-left: 1rem;*/
/*  margin-right: 0;*/
/*}*/

@media (max-width: 900px) {
  .categ-prodict-contaient{
    display: flex;
    flex-direction: column;
  }
  .categ-prodict-contaient{
    display: flex;
    align-items: center;
  }
        .categ-container {
          flex-direction: row;
          flex-wrap: nowrap;
        }
  /*.isotope-grid2{*/
  /*  margin-left: 0rem;*/
  /*}*/
}

.row{margin-right: 0 !important
  
}
.container{
  overflow: hidden;
}