/*-------------Banner----------*/
.banner-section {
  width: auto;
  height: auto;
}
.banner-section{
  min-height: 600px;
}
.banner-section .wp-block-column{
  position: relative;
  left: 10%;
}
.banner-section h1 {
  font-weight: 800;
  text-transform: uppercase;
}
.banner-section p{
  letter-spacing: 0;
  margin-top: 10px !important;
}
.banner-section a.wp-block-button__link, .trainer-section a.wp-block-button__link{
  color: #fff;
  letter-spacing: 0;
  background: #2acb35;
  padding: 12px 20px !important;
  border-radius: 30px;
  border:  0;
  text-decoration: none !important;
  text-transform: capitalize !important;
  letter-spacing: 1px;
}
.banner-section a.wp-block-button__link:hover, .trainer-section a.wp-block-button__link:hover{
  background: #fff !important;
  color: #313a43 !important;
  border:  0;
}
.banner-section a.wp-block-button__link:after, .trainer-section a.wp-block-button__link:after{
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  opacity: 0;
  color: #313a43;
  transition: 0.3s ease-in-out;
}
.banner-section a.wp-block-button__link:hover:after, .trainer-section a.wp-block-button__link:hover:after{
  opacity: 1;
  padding-left: 8px;
}
/*----------------Trainer Section-----------*/
.trainer-boxes img{
  width: 100%;
}
.trainer-boxes figure{
  margin-bottom: 0;
}
.trainer-boxes{
  background: linear-gradient(#16222A,#2acb35);
  text-align: center;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease 0s;
}
.trainer-boxes:hover{ 
  box-shadow: 0 0 25px -12px rgba(0,0,0,0.7); 
}
.trainer-boxes img{
  width: 100%;
  height: 100%;
  transform: scale(1.1) translateX(4%);
  transition: all 0.4s;
}
.trainer-boxes:hover img{
  opacity: .4;
  transform: scale(1.1) translateX(-4%);
}
.trainer-boxes .boxes-content{
  color: #fff;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
}
.trainer-boxes .box-title{
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0;
  transform: translateX(-100%);
  transition: all .4s;
  color: #fff;
}
.trainer-boxes .box-post{
  font-size: 15px;
  display: block;
  opacity: 0;
  transform: translateX(100%);
  transition: all .4s;
}
.trainer-boxes .box-btn{
  opacity: 0;
  transform: translateX(100%);
  transition: all .4s;
}
.trainer-boxes:hover .box-title,
.trainer-boxes:hover .box-post,
.trainer-boxes:hover .box-btn {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (max-width: 720px) {
  .banner-section{
    min-height: auto;
  }
  .banner-section .wp-block-column{
    left: 0%;
  }
}

@media screen and (max-width: 992px) and (min-width: 767px) {
  .banner-section{
    min-height: auto;
  }
  .trainer-section .wp-block-columns{
    flex-wrap: nowrap !important;
  }
  .banner-section .wp-block-column{
    left: 0%;
  }
}

@media screen and (max-width: 1024px) and (min-width: 1000px) {
  .banner-section{
    min-height: auto;
  }
  .banner-section .wp-block-column{
    left: 0%;
  }
}