/* Card Area start */

.taskoit_card_main .card_inner .all_feature_color {
  padding: 50px 50px 50px 50px;
  box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.05);
}

.taskoit_card_main .card_inner .sub-item .sub-item-6 i {
  border-radius: 30% 70% 70% 30%/50% 50% 50% 50%;
  transition: 0.5s;
  display: inline-block;
}

.taskoit_card_main .sub-item h3 {
  margin: 15px 0 10px;
  font-size: clamp(18px, 1.25vw, 24px);
}

.taskoit_card_main .card_inner .sub-item .card_inner_icon {
  font-size: 30px;
  height: 80px;
  width: 80px;
  line-height: 80px;
  display: inline-block;
  transition: 0.5s;
  background-color: var(--color-primary);
  border-radius: 30% 70% 70% 30%/50% 50% 50% 50%;;
}

.taskoit_card_main .card_inner h3 a {
  color: var(--title-text-color);
  font-family: var(--title-font-family);
}

.taskoit_card_main .card_inner h3 a:hover {
  color: var(--color-primary);
}

.taskoit_card_main .card_inner .sub-item .card_inner_icon img {
  max-height: 31px;
  width: 31px;
  object-fit: contain;
}

.taskoit_card_main .card_inner .all_feature_color i {
  color: #ffffff;
  background-color: var(--bg-color);
  text-align: center;
}

.taskoit_card_main .card_inner .all_feature_color p {
  padding: 0px 0px 10px 0px;
  font-family: var(--font-family);
  color: var(--text-color);
  font-size: clamp(14px, 0.83vw, 16px);
  min-height: 55px;
}

.taskoit_card_main .feature_btn a {
  transition: 0.5s;
  display: inline-block;
  padding: 9px 30px;
  border-radius: var(--button-radius);
  font-size: 17px;
  font-weight: 600;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  font-family: var(--title-font-family);
}

.taskoit_card_main .feature_btn a:hover {
  background: var(--color-primary);
  color: #ffffff;
}

.taskoit_card_main {
  padding: clamp(30px, 5.208vw, 100px) 0;
}


@media (min-width: 992px) {
  .taskoit_card_main .row > .col-lg-4:nth-child(-n+3) {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .taskoit_card_main .row > .col-md-6:nth-child(-n+4) {
    margin-bottom: 25px;
  }
}

@media (max-width: 767.98px) {
  .taskoit_card_main .row > [class*="col-"]:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media(max-width:1500px){
  .taskoit_card_main .card_inner .all_feature_color {padding: 40px;}
  .taskoit_card_main .card_inner .all_feature_color p {min-height: 69px;}
}

@media(max-width:991px){
  .taskoit_card_main .card_inner .all_feature_color {padding: 20px;}
}

@media(max-width:767px){
  .taskoit_card_main .card_inner .all_feature_color p {min-height: auto;}
}