.card-ser {
    min-height: 580px;
}

@media only screen and (max-width:1400px) {
    header nav .navbar-nav>li>a {
        margin: 0 10px !important;
    }
    .menu-center .header-social-icon {
        padding-left: 5px;
    }
  }



  @media only screen and (max-width: 990px) {
    .navbar-default .navbar-toggler .icon-bar{
        background: #ffffff;      
    }
    .slide-content h2 {
        font-size: 3.2rem;
    }
    .slide-content h3 {
        font-size: 2rem;
    }
    .unlok-ai span {
        position: absolute;
        height: 45px;
        width: 45px !important;
    }
    .footer-list span {
        display: block;
    }
  }



  @media only screen and (max-width: 600px) {
    .slide-content h2 {
        font-size: 2.2rem;
        line-height: 2.5rem;
    }
    .slide-content h3 {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .btnbox {
        margin-bottom: 20px;
        margin-top: 15px;
    }
    .hero-card {
        margin-bottom: 20px;
    }
    .pro-head {
        font-size: 30px;
        font-weight: 600;
        padding: 15px 0;
        line-height: 35px;
    }
    .business-card h2 {
        font-size: 20px;
        line-height: 25px;
    }
    .swiper-button-prev, .swiper-button-next{
        background-color: #ffffff9e; 
    }
  }



  /* =========================================================
   PRODUCTS & ACCELERATORS — TEAL / BLUE THEME
   ========================================================= */
.pc-card{
  position:relative;
  height:100%;
      background: rgb(0 0 0 / 58%);
  border:1px solid rgba(255,255,255,0.10);
  border-radius:18px;
  padding:34px 28px;
  text-align:center;
  backdrop-filter:blur(6px);
  transition:transform .35s cubic-bezier(.4,0,.2,1), border-color .35s ease, background .35s ease;
}
.pc-card:hover{
  transform:translateY(-8px);
  border-color:rgba(2, 172, 229, 0.732);
  background:rgba(255,255,255,0.06);
  box-shadow:0 24px 50px rgba(0,0,0,0.35);
}

.pc-card__icon{
  width:64px;
  height:64px;
  margin:0 auto 18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, rgba(47,231,200,0.18), rgba(58,123,255,0.18));
  border:1px solid rgba(2, 172, 229, 0.732);;
  color:#00bdf6;
  font-size:1.6rem;
  transition:all .3s ease;
}
.pc-card:hover .pc-card__icon{
  background:linear-gradient(135deg, rgba(2, 172, 229, 0.732), #3a7bff);
  color:#0b0e14;
  transform:rotate(-6deg) scale(1.06);
}

.pc-card__tag{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#4bd5ff;
  margin-bottom:10px;
}

.pc-card__title{
  color:#fff;
  font-size:1.08rem;
  font-weight:600;
  margin-bottom:12px;
  line-height:1.35;
}

.pc-card__desc{
  color:rgba(255,255,255,0.62);
  font-size:.9rem;
  line-height:1.65;
  margin-bottom:22px;
}

.pc-card__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#2fe7c8;
  font-size:.86rem;
  font-weight:600;
  border-bottom:1.5px solid transparent;
  transition:all .25s ease;
}
.pc-card__link i{
  font-size:.78rem;
  transition:transform .25s ease;
}
.pc-card__link:hover{
  color:#5fd9ff;
  border-color:#5fd9ff;
}
.pc-card__link:hover i{
  transform:translateX(4px);
}

/* responsive */
@media (max-width: 767px){
  .pc-card{ padding:28px 22px; }
  .pc-card__icon{ width:56px; height:56px; font-size:1.4rem; }
}