.layout-27 { margin: 120px 0; }
.hero { margin-bottom: 25px; text-align: center; }
.magento-packages li { list-style: none; }
.magento-packages ul { padding: 0; }	 
.magento-packages h4{ text-align: center; }
.magento-packages p{text-align: center;}

.features h5{ font-size: 24px; font-weight: 700; margin: 10px 0; }
.features{flex: auto;float: left; padding-top: 20px;}
.features.info{ width: 30%; } 
.features.info span{min-height: 30px;}
.features span{ display: inline-block; font-size: 16px; color: #333; font-weight: 500; min-height: 35px;}
.features.options{ text-align: left; transition: all ease .3;-webkit-transition: all ease .3s; border:3px solid transparent;border:none; width: 23.33%; background-color: #fff; position: relative;} 
.features ul { margin-bottom: 0; margin-top: 0;}
.features ul li, .features .head { padding: 10px 20px; min-height:50px; background-image: url(http://ayatasnew.ayatasgroup.com/wp-content/uploads/2025/08/table-shadow.png); background-repeat: no-repeat; background-position: right; background-size: contain; } 

.features.info ul li { padding: 13px 20px; line-height: 22px; font-weight: 700;  } 
.features.options i { color: #f36322; font-size: 20px;}
.features.options ul li { text-align: center; }
.features.info ul li { font-size: 16px; color:#333333; font-weight:600;  }
.features ul li:nth-child(2n+0) {  background-color: #f2f5fa}
.features.options i.fa-times-circle-o { color: #797a7d; } 
.features.options.on-hover ul li:nth-child(2n+0){ background-color: transparent;}
.features.options.on-hover a.btn{ display: block;max-width: 258px; text-align: center; width:100%; margin: 10px auto; }
.features .head { background-color: #f2f5fa;   }

.mobile-view { display: none; }






 /* Responsive */



@media (max-width: 1299px){ 

 












}

/* 1299 END */





@media (max-width: 1199px){ 
 
.features ul li, .features .head { min-height: 50px; }




}

/* 1199 END */ 



@media (max-width: 991px){ 

.features ul li, .features .head { min-height: 70px; } 

}

/* 991 END */



@media (max-width: 767px){ 

.desktop-view { display: none; } 
.mobile-view { display: block; }
.features ul li, .features .head { min-height: 70px; } 
.features.info { width: 50%; }
.features.options {  width: 50%;  }
.mobile-view .nav { justify-content: center; }
.mobile-view .nav-link {     color: #000;  font-size: 20px;  font-weight: 600;  }
.mobile-view .nav-tabs .nav-item.show .nav-link, .mobile-view .nav-tabs .nav-link.active, .mobile-view .nav-link:hover { color: #018daf; }




}

/* 767 END */



@media (max-width: 599px){ 

 .features.info ul li { font-size: 14px; }
.features.info ul li {
    padding: 13px 10px; 
}







} 

/* 599 END */





@media (max-width: 479px){ 

.features.info { width: 58%; }
.features.options {  width: 42%;  } 
.nav-tabs .nav-link {     padding: 10px; }









} 

/* 479 END */