.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;
}

/* ===== Site Switcher Nav ===== */
.site-switcher-nav-item {
    display: inline-flex;
    align-items: center;
}
.site-switcher-nav-item .site-switcher-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 14px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12px;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    white-space: nowrap;
}
.site-switcher-nav-item .solar-link {
       background: #00b1e814;
    color: #00b0e7 !important;
    border-color: #00b1e8;
}
.site-switcher-nav-item .solar-link:hover {
    background: #00b2e87c;
    color: #fff !important;
}

/* Reduce nav spacing when many items */
@media (min-width: 992px) and (max-width: 1400px) {
    .header__area-menubar-center-menu ul li {
        margin: 0 12px;
    }
    .header__area-menubar-center-menu ul li a {
        font-size: 14px;
    }
    .header__area-menubar-center {
        gap: 20px;
    }
    .header__area-menubar-right {
        gap: 20px;
    }
}
@media (min-width: 1401px) and (max-width: 1600px) {
    .header__area-menubar-center-menu ul li {
        margin: 0 16px;
    }
}

/* Site switcher in mobile vertical menu */
.vertical_menu .site-switcher-nav-item {
    display: block;
    margin-top: 10px;
    padding: 0;
}
.vertical_menu .site-switcher-nav-item .site-switcher-link {
    display: inline-flex;
    font-size: 14px;
    padding: 8px 20px;
}