body{
    background-color:#efefef;
}
.down-arrow{
    transform:translateY(-40px);
}
#video-testimonial-slider .slick-next, #video-testimonial-slider .slick-prev{
    background-color:transparent !important;
}
.grid-block-v2{
    margin-top:3rem;
}

.hero .eyebrow{
    transform:translateY(-30px);
    opacity:0;
    animation: 1s ease-in 1.5s 1 forwards heroTextSlideTop;
    -webkit-animation: 1s ease-in 1.5s 1 forwards heroTextSlideTop;
}
.home .hero .sub-header{
    transform:translateY(30px);
    opacity:0;
    animation: 1s ease-in 1.5s 1  forwards heroTextSlideBottom;
    -webkit-animation: 1s ease-in 1.5s 1  forwards heroTextSlideBottom;
}

.down-arrow{
    position:absolute;
    bottom:10px;
    left:49.5%;
    cursor:pointer;
}

.down-arrow svg{
    transform:scale(2.5);
    opacity:.5;
    transition:all 200ms;
}

.down-arrow:hover svg{
    transform:scale(3);
    opacity:1;
}

@keyframes heroTextSlideTop{
    0%{
        transform:translateY(-30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}
@-webkit-keyframes heroTextSlideTop{
    0%{
        transform:translateY(-30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}

@keyframes heroTextSlideBottom{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}
@-webkit-keyframes heroTextSlideBottom{
    0%{
        transform:translateY(30px);
        opacity:0;
    }
    100%{
        transform:translateY(0px);
        opacity:1;
    }
}

@keyframes bounce{
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes bounce{
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(-10px);
    }
}

@keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadeIn{
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.home-hero-button{
    transition:all 300ms;
}
.home-hero-button svg{
    overflow:hidden;
    width:0px;
    transition:all 200ms;
}
.home-hero-button:hover{
    transform:scale(1.1);
}
.home-hero-button:hover svg{
    width:20px;
    margin-left:10px;
}
.slider-underline{
    transition:all 300ms;
}

.active-slide{
    display:flex;
}

.bg-miles-light-blue{
    background-color:#ebf3fe;
}

.features-block{
    background-color:#efefef !important;
    padding-left:0 !important;
    padding-right:0 !important;
}

.slider-button{
    cursor:pointer;
}

/* footer svg:first-child{
    display:none;
} */

.slick-dots{filter:brightness(0.5);}

#video-testimonial-slider{
    padding-right:.5em;
    padding-left:.5em;
}

#video-testimonial-slider .slick-dots{
    bottom:0 !important;
    left:5rem;
}

    .video-slide-container{
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top:56.25%;
    }
    .video-slide-container iframe{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height:100%;
    }
    .logo-quote{
            width:8rem; 
            top:-3.5rem; 
            left:-3rem;
    }
    #video-testimonial-slider .slick-next:before, 
    #video-testimonial-slider .slick-prev:before{
        color:#515252 !important;
    }
    #video-testimonial-slider .slick-next, 
    #video-testimonial-slider .slick-prev{
        transform:scale(2) !important;
        z-index:30;
        background-color:white;
        border-radius:100%;
    }
    #video-testimonial-slider .slick-next{
        right:-75px !important;
    } 
    #video-testimonial-slider .slick-prev{
        left:-75px !important;
    }

    @media only screen and (max-width: 768px) {
        .video-slide-container{
            width:100%;
            padding-top:56.25%;
        }
        .video-slide-container iframe{
            height:100%;
        }
        .logo-quote{
            left:0;
        }
        #video-testimonial-slider .slick-dots{
            left:0;
        }
        
    }

    @media only screen and (max-width: 1024px) {
        #video-testimonial-slider .slick-next{
            right:20px !important;
        } 
        #video-testimonial-slider .slick-prev{
            left:20px !important;
        }
    }

    

.view-more-testimonials{
	color: rgb(81, 82, 82);
  font-size: 0.875rem; /* text-sm */
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
    opacity:.6;
    transition:all 200ms;
}
.view-more-testimonials:hover{
    opacity:1;
	  color: rgb(22, 30, 46);
}
.view-more-testimonials svg{
    margin-left:0;
    transition:all 200ms;
}
.slider-arrow {
  color: rgb(81, 82, 82);
}

.slider-arrow:hover {
  color: rgb(22, 30, 46);
}

.view-more-testimonials:hover svg{
    margin-left:20px;
}

.step-inner{
    border:2px solid #002c68;
}

.step-inner p{
    font-size:1.75rem;
}

.stats-wrapper{
    width:100%;
    max-width:100%;
}
.stats-wrapper .text-miles-accent-yellow{
    color:#00a251;
}
.stats-wrapper .text-gray-900{
    color:#004aa0;
}
.slider .google-business-reviews-rating  > .rating{
    display:none;
}
.google-review-header .listing{
    display:none;
}
.google-business-reviews-rating .text{
    font-size:1rem;
}

.listing .rating{
    display:block;
}

.slider .google-business-reviews-rating {
    width:100%;
    min-height:350px;
    display:flex;
    flex-wrap: wrap;
    align-items:flex-start;
    justify-content:center;
}

.slick-dots:nth-child(2){
    bottom:-60px !important;
}

.slider .google-business-reviews-rating {
    position:relative;
    padding-bottom:30px;
}
.slider .google-business-reviews-rating .attribution{
    display:none;
}
.slider .google-business-reviews-rating .relative-time-description{
    position:absolute;
    bottom:10px;
    left:-15px;
    width:100%;
    /* transform:scale(.9) translateY(-10px); */
}
.slider .google-business-reviews-rating .relative-time-description:before{
   content:' ';
   display:inline-block;
   width:15px;
   height:15px;
   margin-right:20px;
   background-image:url('../image/google-g-logo.svg');
   background-size:contain;
   background-repeat:no-repeat;
}
.slider .google-business-reviews-rating .rating{
    color:#f4a533 !important;
    font-size:2rem !important;
    margin:.5rem 0 .5rem 0 !important;
}

.google-business-reviews-rating .rating{
    cursor:pointer;
}

.grid-block-v2{
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
}
.grid-block-v2 > div{
    padding-left:0 !important;
    padding-right:0 !important;
}

#google-reviews-latest .google-business-reviews-rating{
width:100% !important;
}
#google-reviews-latest .google-business-reviews-rating .listing li{
background-color:white;
padding:20px;
border-radius:10px;
border:2px solid #dbdbdb;
text-align:center;
}

.client-logo-row-1 div:not(:nth-child(5)):not(:nth-child(6)) img,
.client-logo-row-2 div:not(:nth-child(6)) img{
    filter:brightness(0.4);
}

.wave path:not(.fill-current){
    fill:white;
}

/*Hide the yellow down arrow on the hero blue wave block*/
a img[alt="Arrow Down"] {
    display: none;
}

/*fix responsiveness on hero wave section*/
@media screen and (max-width: 1024px) {
    .hero-wave-container-centered .page-template-bg-wave:after, .hero-wave-container-centered .page-template-bg-wave:before {
        height: 854px;
    }
    main#main section.blue-blocks-wave div.hero-wave-container-centered {
        height: 886px;
    }
}

/*prevent lengthy H1s in hero wave from spilling into edges on small screens*/
@media screen and (max-width: 400px) {
    main#main section.blue-blocks-wave div.hero-wave-container-centered div.container div.headline h1 {
        width: 75%;
        margin: auto;
        text-align: center;
    }
}