.analytics-card:hover .card-content p {
    display: none;
  }
  
  .analytics-card:hover .card-content span br {
    display: none;
  }
  
  .analytics-card {
      position: relative;
      overflow: hidden;
      height: 225px;
      width: 430px;
      margin: 0;
      padding: 20px;
      box-sizing: border-box;
      transition: 0.5s ease-in-out;
      border-radius: 15px;
      background: linear-gradient(302deg, rgba(0, 0, 0, 0.40) -39.72%, rgba(0, 0, 0, 0.00) 61.84%), #292C2F;
  }
  
  
  .analytics-card:hover {
      box-shadow: 3px 3px 0px 2px #2BA88A;
      background: linear-gradient(129deg, rgba(0, 0, 0, 0.00) 42.95%, rgba(0, 0, 0, 0.60) 108.69%), #232323;
  }
  
  .analytics-card:hover .vectorIcon {
      transform: translate(0, calc(100% + 205px));
  }
  
  
  @media (min-width: 768px)  and (max-width:991px) {
  
  .analytics-card {
      width: 340px !important;
    }
  
  }
  
  
  @media (min-width: 1801px) and (max-width: 2559px){
  
   .exp-services 
    .analytics-card {
      width: 450px !important;
    }
  
  }
  
  @media (min-width: 2560px) and (max-width: 3880px){
  
   .exp-services 
    .analytics-card {
      width: 450px !important;
    }
  
  }
  
  
  @media (max-width: 374px){
  .analytics-card {
    width: 250px !important;
    margin-bottom: 20px !important;
  }
  
  .analytics-card:hover .vectorIcon {
    transform: none !important;
  }
  
  .analytics-card {
    height: 55px !important;
  }
  
  .analytics-card:hover {
    height: 230px !important;
  }
  
  }
  
  
  @media (min-width: 375px) and (max-width: 399px){
  .analytics-card {
    width: 325px !important;
    margin-bottom: 20px !important;
  }
  
  .analytics-card:hover .vectorIcon {
    transform: none !important;
  }
  
  .analytics-card {
    height: 70px !important;
  }
  
  .analytics-card:hover {
    height: 325px !important;
  }
  
  }
  
  @media (min-width: 400px) and (max-width: 575px){
  .analytics-card {
    width: 372px !important;
    margin-bottom: 20px !important;
  }
  
  .analytics-card:hover .vectorIcon {
    transform: none !important;
  }
  
  .analytics-card {
    height: 70px !important;
  }
  
  .analytics-card:hover {
    height: 325px !important;
  }
  
  }
  
  @media (min-width: 576px) and (max-width: 767px){
  .analytics-card {
    width: 372px !important;
    margin-bottom: 20px !important;
  }
  
  .analytics-card:hover .vectorIcon {
    transform: none !important;
  }
  
  .analytics-card {
    height: 70px !important;
  }
  
  .analytics-card:hover {
    height: 325px !important;
  }
  
  
  }
  
  
  .analytics-card:hover .vectorIcon {
    transform: translate(0, calc(100% + 205px));
  }
  
  
  
  .data-card:hover .card-content p {
    display: none;
}

.data-card:hover .card-content span br {
    display: none;
}

.data-card {
    position: relative;
    overflow: hidden;
    height: 225px;
    width: 430px;
    margin: 0;
    padding: 20px;
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
    border-radius: 15px;
    background: linear-gradient(302deg, rgba(0, 0, 0, 0.40) -39.72%, rgba(0, 0, 0, 0.00) 61.84%), #292C2F;
}

.data-card:hover {
    box-shadow: 3px 3px 0px 2px #2BA88A;
    background: linear-gradient(129deg, rgba(0, 0, 0, 0.00) 42.95%, rgba(0, 0, 0, 0.60) 108.69%), #232323;
}

.data-card:hover .vectorIcon {
    transform: translate(0, calc(100% + 205px));
}

@media (min-width: 768px) and (max-width: 991px) {
    .data-card {
        width: 340px !important;
    }
}

@media (min-width: 1801px) and (max-width: 2559px) {
    .exp-services .data-card {
        width: 450px !important;
    }
}

@media (min-width: 2560px) and (max-width: 3880px) {
    .exp-services .data-card {
        width: 450px !important;
    }
}

@media (max-width: 374px) {
    .data-card {
        width: 250px !important;
        margin-bottom: 20px !important;
    }

    .data-card:hover .vectorIcon {
        transform: none !important;
    }

    .data-card {
        height: 55px !important;
    }

    .data-card:hover {
        height: 230px !important;
    }
}

@media (min-width: 375px) and (max-width: 399px) {
    .data-card {
        width: 325px !important;
        margin-bottom: 20px !important;
    }

    .data-card:hover .vectorIcon {
        transform: none !important;
    }

    .data-card {
        height: 70px !important;
    }

    .data-card:hover {
        height: 325px !important;
    }
}

@media (min-width: 400px) and (max-width: 575px) {
    .data-card {
        width: 372px !important;
        margin-bottom: 20px !important;
    }

    .data-card:hover .vectorIcon {
        transform: none !important;
    }

    .data-card {
        height: 70px !important;
    }

    .data-card:hover {
        height: 325px !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .data-card {
        width: 372px !important;
        margin-bottom: 20px !important;
    }

    .data-card:hover .vectorIcon {
        transform: none !important;
    }

    .data-card {
        height: 70px !important;
    }

    .data-card:hover {
        height: 325px !important;
    }
}

.data-card:hover .vectorIcon {
    transform: translate(0, calc(100% + 205px));
}


@media (min-width: 1801px) and (max-width: 2559px) {
    .exp-services .mechanical-card, .plant-card, .electronics-card, .software-card {
        width: 450px !important;
    }

}

@media (min-width: 2560px) and (max-width: 3880px) {
    .exp-services .mechanical-card, .plant-card, .electronics-card, .software-card {
        width: 450px !important;
    }
}

@media (min-width: 1400px) and  (max-width: 1799px) {
.exp-services .mechanical-card, .plant-card, .electronics-card, .software-card {
    width: 390px !important;
}

.analytics-card {
    width: 390px !important; 
}

.data-card {
    width: 390px !important; 
}
}


@media (min-width: 1200px) and (max-width: 1399px) {
    .exp-services .mechanical-card, .plant-card, .electronics-card, .software-card {
        width: 350px !important;
    }

    .exp-services h6{
        font-size: 23px !important;
        margin-bottom: 0.7rem !important;
    }
    
    .analytics-card {
        width: 350px !important; 
    }

    .data-card {
        width: 350px !important; 
    }
    }

.hide-this{
    visibility:hidden !important;
}


@media (max-width: 767px) {
    .hide-this{
        display: none !important;
    }
    
}


@media (min-width: 768px) and (max-width: 1199px) {
    .exp-services .services-card{
        flex-wrap: wrap;
    }
    .hide-this{
        display: none !important;
    }

    }

.hide-this{
    visibility:hidden !important;
}