body {
  align-items: center;
  justify-content: center;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7));
  }
}



.sliderwrap {
  flex: left;
  width: 100%;
  margin-top: 40px;
  padding: 20px 10%;
  background: #F4F6F7;
}


h1.insurancered {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
    font-size: 80px;
    padding-bottom: 20px;
}

h1.insurancered span{
  float: left;
  width: 100%;
    font-size: 50px;
}

h1.insurancered span.lg{
    font-size: 65px;
}


p.insurance {
  color: #fff;
    font-size: 30px;
    padding-bottom: 20px;
}


h3 {
  text-align: center;
  color: #D72027;
    font-size: 1.8em;
    padding-bottom: 20px;
}

h3.big {
  text-align: center;
  color: #D72027;
    font-size: 3.2em;
    padding-bottom: 0;
}

h3.mid {
  text-align: center;
  color: #D72027;
    font-size: 2.5em;
    padding-bottom: 0;
}


h3.sm {
  text-align: center;
  color: #D72027;
    font-size: 2.2em;
    padding-bottom: 20px;
}

h3.wht {
  text-align: center;
  color: #FFF;
    font-size: 2em;
    padding-bottom: 0px;
}


h3.sm span{
  color: #000;
}

h4.blklt{
  text-align: left;
  color: #000;
  padding-left: 30px;
    font-size: 1.8em;
    padding-bottom: 20px;
}

.slider {
  height: 130px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
}



.slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 14);
}

.slider .slide-track:hover {
  animation-play-state: paused;
}


.slider .slide {
  height: 100px;
  width: 100px;margin:  0 10px;
  padding: 10px 0;
  
}

.slider .slide img{
  float: left;
   background: #fff;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 10%);
}