body {
    background-color: #333;
  }
  
    .img-pad{
        padding:30px 0px;
    }
  .side-img-track img{
    width: 100px;
    /* height: 100px; */
    /* padding-top: 50px; */
    max-width: none !important;
    animation: scroll 20s linear infinite;
  }
  .slide-track {
    width: 100%;
    display: flex;
    gap: 20px;
    overflow: hidden;
  }
  
  .slider {
    padding: 8px 2px;
  }
  
  @keyframes scroll {
    0% {transform: translateX(0);}
    100% {transform: translatex(-1000%)}
  }
  .bg-pd{
    padding-top: 0;
  }
  .text-bg{
    margin-top: 245px;
    padding: 0 120px;
  }
  .bt-mt{
    margin-bottom: 0;
  }
  .section-bg-image .flex-control-nav{
    top: 90%;
    max-width: 1140px;
    left: 51.5%;
    transform: translateX(-50%);
    text-align: left;
    margin-left: -5px;
    color: white;
  }
  .pad-bot{
    padding: 0 !important; 
  }
  .whit-border{
    border-color: white !important;
  }
  .tex-siz{
    text-transform: none;
  }
  .logo-left .navbar-nav a.active,
  header .navbar-nav a.active{
      background:#50C878;
      color:#ffffff;
  }

  .spinner{
    width: 80px;
    height: 80px;
    
    border: 2px solid #f3f3f3;
    border-top:3px solid #f25a41;
    border-radius: 100%;
    
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;
    
    animation: spin 1s infinite linear;
}

@keyframes spin {
  from{
      transform: rotate(0deg);
  }to{
      transform: rotate(360deg);
  }
}

#overlay{
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0;
 }