.sectorBox { transition:.6s; position:relative; min-height:350px; border-radius: 5px; }
.sectorBox .cta { transition:.6s; padding:40px 18px }
.sectorBox .cta i { transition:.6s; }
.sectorBox .img { position: relative; width: 100%; left: 0; margin-top: -100%; transition:.6s; }

@media only screen and (max-width: 5000px) and (min-width: 768px) {
    .sectorBox:hover {
        background-color: #F09200 !important;
        color: #fff !important
    }
.sectorBox:hover .img { position: relative; width:100%; margin-top:0; transform:scale(1.3); }
    .sectorBox:hover .cta {
        background-color: #E88600;
        padding: 18px
    }
.sectorBox:hover .cta i { color:#fff!important }
}


.hover-zoom { overflow:hidden; }
.hover-zoom img { transition:.6s; transform:scale(1.0); }
.hover-zoom:hover img { transform:scale(1.2); }

@media (max-width: 991px) {

}

@media (max-width: 767px) {
.sectorBox { transition:0.3s; width:100% }
.sectorBox .img { margin:0 }
.splide__slide.is-active .sectorBox { color: #fff!important; background-color:#e64242!important }
.splide__slide.is-active .sectorBox .cta i { color:#fff!important }
}