.services {
  width: 100%;
  height: fit-content;
  padding-bottom: 4rem;
}

.service-contain {
  height: fit-content;

  display: flex;
  flex-direction: column;
  gap: 1rem;
}


.core-service {
  border: 10px solid var(--dp);
  padding: 1rem;
}

.core-service h3{
  font-size: 190%;
}
.addon-service {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.IT {
  border: 10px solid var(--dp);
  padding: 1rem;
}

.value-add {
  border: 10px solid var(--p);
  padding: 1rem;
}

.biz-porfolio {
  border: 10px solid var(--lb);
  padding: 1rem;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}



/* small mobile */
/* @media (min-width: 320px) {
 
} */

/* m mobile */
/* @media (min-width: 375px) {
 
} */

/* l mobile */
/* @media (min-width: 425px) {
 
} */

/* xs */
/* @media (min-width: 475px) {

} */

/* sm */
/* @media (min-width: 640px) {

} */

/* m */
@media (min-width: 768px) {
  .service-contain {
    flex-direction: row;
    justify-content: center;
  }
}

/* lg */
/* @media (min-width: 1024px) {
 
}
 */
/* xl */
/* @media (min-width: 1280px) {
 
} */

/* 2xl */
/* @media (min-width: 1536px) {

} */