/*** 
 ====================================================================
         Features Two Section
 ====================================================================
 
 ***/
 
.hactora_feature{padding:85px 0;background:#F8F8F8;}
.hactora_feature ul{display:flex;flex-wrap:wrap;margin:0 -15px;}
.hactora_feature ul li{width:33.333333%;padding:15px;}
.hactora_feature ul li a{display:block;background:#fff;height:100%;transition:all 500ms ease;box-shadow:0 0 20px 3px rgb(0 0 0 / 2%);padding:25px;display:flex;align-items:center;border-radius:25px;}
.hactora_feature ul li .ico{width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:color-mix(in srgb, var(--color-primary) 8%, transparent);}
.hactora_feature ul li .ico img{width:50%;}

.hactora_feature ul li .txt{flex:1;margin-left:15px;}
.hactora_feature ul li .txt h5{font-size:18px;margin-bottom:10px;}
.hactora_feature ul li .txt p{font-size:15px;}
 
@media screen and (min-width:768px) {
.hactora_feature ul li.active a{background: var(--color-primary);}
.hactora_feature ul li.active .ico{background: #fff;}
.hactora_feature ul li.active .txt h5{color: #fff;}
.hactora_feature ul li.active .txt p{color: #fff;}
}
  

@media screen and (max-width:1441px) {
.hactora_feature{padding:75px 0;}
.hactora_feature ul li a{padding:20px 25px;}
.hactora_feature ul li .txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
}

@media screen and (max-width:1367px) {
.hactora_feature{padding:65px 0;}
.hactora_feature ul li a{padding:20px 20px;}
}

@media screen and (max-width:1280px) {
.hactora_feature{padding:55px 0;}
.hactora_feature ul li .txt p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
}

@media screen and (max-width:1171px) {
.hactora_feature ul li{width:50%;}
}

@media screen and (max-width:768px) {
.hactora_feature{padding:30px 0;}
.hactora_feature ul li a{display:block;text-align:center;}
.hactora_feature ul li.active .txt{margin:10px 0 0;}
}

@media screen and (max-width:640px) {
.hactora_feature{padding:25px 0;}
.hactora_feature ul{margin:0;}
.hactora_feature ul li{width:100%;padding:10px 0;}
.hactora_feature ul li a{padding:15px;}
}