.hactora-features{padding:85px 0;background:#f8f8f8;}
.hactora-features ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.hactora-features ul li{width:calc(100% / 6);padding:15px;}
.hactora-features ul li .box{height:100%;background:#fff;box-shadow:0 0 20px 3px rgb(0 0 0 / 2%);padding:50px 40px;border-radius:5px;transition:all 500ms ease;}
.hactora-features ul li .icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(16,148,147,0.08);margin:0 auto;}
.hactora-features ul li .icon img{max-width:100%;max-height:100%;}
.hactora-features ul li h5{font-size:20px;font-weight:700;line-height:30px;color:#222;margin-top:23px;transition:all 500ms ease;text-transform:capitalize;}
.hactora-features ul li p{font-size:16px;margin:15px 0 0;transition:all 500ms ease;}

.hactora-features ul li.active .box{background:#109493;}
.hactora-features ul li.active .icon{background:#fff;}
.hactora-features ul li.active h5{color:#fff;}
.hactora-features ul li.active p{color:#fff;}



@media screen and (max-width:1550px){
.hactora-features{padding:80px 0;}
.hactora-features ul li .box{padding:45px 20px;}

}

@media screen and (max-width:1441px){
.hactora-features{padding:75px 0;}
.hactora-features ul{margin:0 -12px;}
.hactora-features ul li{padding:12px;}
.hactora-features ul li .box{padding:40px 20px;}
.hactora-features ul li .icon{width:90px;height:90px;}
.hactora-features ul li h5{font-size:19px;}
}

@media screen and (max-width:1367px){
.hactora-features{padding:70px 0;}
.hactora-features ul{margin:0 -10px;}
.hactora-features ul li{padding:10px;}
}

@media screen and (max-width:1280px){
.hactora-features{padding:60px 0;}
.hactora-features ul li .box{padding:35px 20px;}
.hactora-features ul li h5{font-size:18px;margin-top:20px;}
}

@media screen and (max-width:1171px){
.hactora-features{padding:50px 0;}
.hactora-features ul li{width:calc(100% / 3);}
.hactora-features ul li h5{text-align:center;}

}

@media screen and (max-width:992px){
.hactora-features{padding:40px 0;}
.hactora-features ul li .box{padding:30px 15px;}

}


@media screen and (max-width:768px){
.hactora-features{padding:30px 0;}
.hactora-features ul li .box{padding:30px 15px;}
.hactora-features ul li .icon{width:80px;height:80px;}
.hactora-features ul li h5{font-size:17px;}

}

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

.hactora-features ul li{width: calc(100% / 2);}
.hactora-features ul li .box{padding:20px 10px;}
.hactora-features ul li .icon{width:70px;height:70px;}
.hactora-features ul li h5{font-size:16px;line-height:24px;margin-top:15px;}

}