.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #fff;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

.loader-wrapper .loader-container{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999;
    background: #00000021;
}

.fieldset-container{
  position: relative;
}
.template-grids{
  column-count: inherit;
    display: grid;
    grid-gap: 20px;
}
.template-grids a.training-cld-details{
  margin: 0px 5px 10px 0px;
  font-size: 12px;
  padding: 8px;
}
.template-grids .class-container .class-venue h4, .template-grids .class-container h3{
      font-size: 18px;
    line-height: 20px;
}
.template-grids .class-container{ 
  display: block;
      margin: 0;
}
.template-grids .class-image,
.template-grids .class-item-text, 
.template-grids .class-venue{
  width:100% !important;
  padding: 15px 0px 0px 0px !important;
  border: 0px !important;
}
.template-grids .class-container .class-image a img{
  object-fit: cover;
}
@media screen and (min-width: 990px){
  .template-grids.template-grid-count-2{ 
      grid-template-columns: 50%  50%;
  }
  .template-grids.template-grid-count-3{
     grid-template-columns: 33.33%  33.33% 33.33%;
  }
  .template-grids.template-grid-count-4{
     grid-template-columns: 25% 25% 25% 25%;
  }
  .template-grids.template-grid-count-5{
     grid-template-columns: 20% 20% 20% 20%;
  }
}
@media screen and (min-width: 766px) and (max-width: 889px){
  .template-grids.template-grid-md-count-2{
      grid-template-columns: 50%  50%;
  }
  .template-grids.template-grid-md-count-3{
     grid-template-columns: 33.33%  33.33% 33.33%;
  }
  .template-grids.template-grid-md-count-4{
     grid-template-columns: 25% 25% 25% 25%;
  }
  .template-grids.template-grid-md-count-5{
     grid-template-columns: 20% 20% 20% 20%;
  }
}
@media screen and (min-width: 481px) and (max-width: 765px){
  .template-grids.template-grid-sm-count-2{
      grid-template-columns: 50%  50%;
  }
  .template-grids.template-grid-sm-count-3{
     grid-template-columns: 33.33%  33.33% 33.33%;
  }
  .template-grids.template-grid-sm-count-4{
     grid-template-columns: 25% 25% 25% 25%;
  }
  .template-grids.template-grid-sm-count-5{
     grid-template-columns: 20% 20% 20% 20%;
  }
}
@media screen and (max-width: 480px){
  .template-grids{
     grid-template-columns: 100% !important;
  }
}