.caption {
  font-family: 'Century Gothic';
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  /* or 127% */
  /* Inchcape Dark Blue */
  color: #00233A;
  text-align: center;
}

.ourbrand{
    margin-top: 152.5px;
    margin-bottom: 157px;
}


.brand-img{
    margin-bottom: 93px;
}

.slider{
    padding-top: 23px;
}


/* button:hover {
    background: #0066B1;
    color: white;
    font-weight: bold;
} */

.slider-img:hover {
    filter: opacity(0.85);
}




    .arrow_prev span,
    .arrow_next span {
        font-size: 80px;
        cursor: pointer;
        color:  #858A8D;
        /* padding-bottom: 20px; */
    }




@media screen and (max-width: 570px) {

    .ourbrand{
    margin-top: 40px;
    margin-bottom: 133px;
}

    .container{
        max-width: 100%;
        margin-left: 0px;

    }
    /* CSS */
    .slider-img{
        padding: 0;
        margin: 0px;
    }

    /* .arrow_prev span{
        margin: 0;
        top: 30px;
    }

    .arrow_next span{
        padding-left: 0px;
    } */
    .slider{
        padding-left: 0px;
        padding-right: 0px;
    }
    

    .arrow_prev span,
    .arrow_next span {
        font-size: 70px;
        /* cursor: pointer;
        color:  #858A8D; */
        /* padding-bottom: 20px; */
    }

    .slick-dots li button:before {

        top: 30px;
        font-size: 10px;
        align-items: center;
        
    }
    .container-arrows{
        padding: 0px;
    }

    .brandSpacing{
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .brandSpacing2{
        padding-left: 8px;
    }
    
}

.slick-dots li button:before {

    top: 52px;
    /* width: 10px;
    height: 10px; */
    font-size: 10px;

    
}

@media screen and (max-width: 376px) {
    .brandSpacing{
        padding-right: 13px;
        padding-left: 13px;
        justify-content: center;
    }
    
    .brandSpacing2{
        padding-left: 3px;
    }
}