.grey-section .bg-move{
    position: absolute;
    left: 35%;
    top: 50%;
    transform: translate(-50% , -50%);
    z-index: -1;
}

.fa-youtube:before{
  color: #ff0000;
  font-size: 20px;
}
.fa-arrow-right:before{
  color: #666;
}
details summary{
  color: #666;
  font-weight: 700;
}
.moveRight{
  animation-name: moveORight;
  animation-duration: 5s;
  animation-fill-mode: forwards; 
}

.carousel-item{
  min-height: 250px;
}

.accordion button:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 4px;
}
.accordion .card-header button.collapsed:after {
  content: "\f106";
}

.accordion button:focus{
  box-shadow: unset;
  outline: none;
}
.exp_img1 img, .exp_img2 img, .exp_img3 img{
  height: 100%;
  object-fit: cover;
}
.exp_img1, .exp_img3{
  padding-left: 0;
}
.exp_img2{
  padding-right: 0;
}
/* a{
  display: inline-block;
} */
a:hover{
  text-decoration: underline;
}
@keyframes moveORight {
    0%{
      left: 35%;
    }

    50%{
        left: 60%;
    }
  
    100%{
      left: 48%;
    }
}

  @media (max-width: 767px){
    .live-event .bg-static{
      position: relative;
    }
    .live-event .bg-static .bg-move{
      top: -140px;
    }
    .row.reverse{
      flex-direction: column-reverse;
    }
    .exp_img1, .exp_img3{
      padding-left: 15px;
    }
    .exp_img2{
      padding-right: 15px;
    }
    .image-section .row{
      margin-bottom: 50px;
    }
    .image-section .row:last-child{
      margin-bottom: 0;
    }
    .image-section h4{
      font-size: 22px !important;
    }
    .grey-section .bg-move img {
      width: max-content !important;
  }
  }