.ourclientBox .innerourclient{
margin:0 2%;
margin-bottom: 5%;
}
.ourclientBox h1{
text-align: center;
font-size: 2.8rem;
font-weight: 500;
color: #fff;
padding: 5% 0;
background-size: 100%;
background-repeat: no-repeat;
background-position:top left;
position: relative;
background-blend-mode: darken;
background-color: rgba(0,0,0,.2);
font-weight: 500;
}
.clientContaner{
display: flex;
margin-top: 5%;
}
.clientContaner .leftClientList{
width: 20%;
}
.clientContaner .leftClientList .listoutclnt{
width: 100%;
height: 370px;
overflow-y: scroll;
position: sticky;
top: 15%;
padding: .5rem;
}
.clientContaner .leftClientList .listoutclnt ul .libtn{
padding: .5rem;
font-weight: 500;
}
.libtn.active {
  background-color: #00172d;
  color: white;
}
.clientContaner .leftClientList .listoutclnt ul .libtn:hover{
background-color: red;
color: #fff;
}
.clientContaner .leftClientList .listoutclnt::-webkit-scrollbar {
    width: 10px;
  }
  
  .clientContaner .leftClientList .listoutclnt::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }

  .clientContaner .leftClientList .listoutclnt::-webkit-scrollbar-thumb {
    background: rgb(211, 211, 9); 
  }
  
  .clientContaner .leftClientList .listoutclnt::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }
.clientContaner .rightClientlogo{
width: 80%;
}
.clientContaner .rightClientlogo .clientlogo, .clientlogo2{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.clientContaner .rightClientlogo .clientlogo img{
  width: 200px;
  height: auto;
  margin:.6rem;
transition: .8s;
display: block;
animation: clientlogo2 1s linear;
animation-delay: .5s;
}
@keyframes clientlogo2{
0%{transform: rotateY(90deg);}
}
.clientContaner .rightClientlogo .clientlogo img.orShow{
  animation: clientlogo1 1s linear;
  display: block;
}
@keyframes clientlogo1{
  0%{transform: rotateY(90deg); display: none;}
  }
.clientContaner .rightClientlogo .clientlogo2 img{
  width: 200px;
  height: auto;
  margin:.6rem;
transition: .8s;
display: none;
}
.clientContaner .rightClientlogo .clientlogo img:hover{
    transform: scale(1.1);
}
.clientContaner .rightClientlogo .clientlogo2 img.show{
    animation: clientlogo 1s linear;
    display: block;
    
}
@keyframes clientlogo{
0%{transform: translateY(50px); opacity: 0;}
}

.GalleryBox{
position: fixed;
top: 0;
left: 0;
background-color: #00172d;
width: 100%;
height: 100vh;
z-index: 999;
display: none;
}
.lightImageShow{
width: 80%;
height: auto;
margin: auto;
margin-top: 5%;
display: flex;
}
.lightImageShow img{
width: 100%;
height: 80vh;
}
.lightboxControl{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 94%;
display: flex;
justify-content: space-between;
}
.lightboxControl i{
font-size: 1.5rem;
color: #fff;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
border: 1px solid #fff;
}
.GalleryBox #close{
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 1.5rem;
  color: #fff;
}