.clients_section {
  padding: 3rem 0;
}
.clients_activities_container h2 {
  color: var(--dark-blue-color);
  font-size: 1.7rem;
  padding-bottom: 0.6rem;
}
.clients_activities_container p {
  border-bottom: 1px solid var(--gray-color);
}

.clients_activities_box {
}
.clients_activities_box .clients_activities_flex_box {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
  gap: 1rem;
  margin-top: 3rem;
}
.clients_activities_box .clients_activities_flex_box .client_box {
  /* border: 1px solid; */
}
.clients_activities_box .clients_activities_flex_box .client_box .video_box {
  border-radius: 1rem;
  overflow: hidden;
}
.clients_activities_box
  .clients_activities_flex_box
  .client_box
  .video_box
  video {
  width: 100%;
}
.clients_activities_box .clients_activities_flex_box .client_box h3 {
  font-size: 2rem;
  font-weight: 700;
  padding-bottom: 1rem;
  color: var(--dark-blue-color);
}
.clients_activities_box .clients_activities_flex_box:nth-child(2){
    direction: rtl;
}
.clients_activities_box .clients_activities_flex_box:nth-child(4){
    direction: rtl;
}
.clients_activities_box .clients_activities_flex_box:nth-child(6){
    direction: rtl;
}
.clients_activities_box .clients_activities_flex_box:nth-child(8){
    direction: rtl;
}
/* .clients_activities_flex_box .client_box .video_box video{
    width: 100%;
} */

.video_grid_container{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(49%, 1fr));
    gap: 1rem;
    margin-top: 5rem;
}
.video_grid_container video{
    width: 100%;
}



/* happy clients */
.clients_gallery_container .row_one{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 1rem;
  margin-bottom: 1rem;
}
.clients_gallery_container .row_two{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1rem;
}
.clients_gallery_container .row_one .clients_gallery_box,
.clients_gallery_container .row_two .clients_gallery_box{
  border-radius: .5rem;
  overflow: hidden;
}
.clients_gallery_container .row_one .clients_gallery_box:hover img,
.clients_gallery_container .row_two .clients_gallery_box:hover img{
  transform: scale(1.1) rotate(3deg);
}
.clients_gallery_container .row_one .clients_gallery_box img,
.clients_gallery_container .row_two .clients_gallery_box img{
  width: 100%;
  transition: all .3s ease-in;
}