.Multi_Perpous_Card {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0 3vw;
  border: none;
}

/* card */
.Multi_Perpous_Card .card {
  width: 50%;
  padding: 2vh 1vw;
  border: none;
  transition: ease-in-out;
  transition: 0.3s;
}
.Multi_Perpous_Card .card:hover {
  scale: 1.1;
  cursor: pointer;
}
/* card_Content */
.Multi_Perpous_Card .card .card_Content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.Multi_Perpous_Card .card .card_Content .icon_Container {
  width: 15%;
}

.icon_box {
  background: rgba(255, 255, 0, 0.589);
  width: 60px; /* Set a fixed width and height */
  height: 60px;
  padding: 20px;
  border-radius: 50%; /* Set border-radius to 50% for a circular shape */
  display: inline-flex; /* Use inline-flex for centering content */
  align-items: center; /* Center content vertically */
  justify-content: center; /* Center content horizontally */
}

.icon_box i {
  font-size: x-large;
  color: black;
  font-weight: 700;
}

.Multi_Perpous_Card .card .card_Content .content {
  width: 85%;
  padding: 0 10px;
}

.content .title {
  font-size: 1.5rem;
  color: black;
  font-weight: 800;
}
.content .content {
  font-size: medium;
  font-weight: 500;
}

/* Media query */
@media (max-width: 970px) {
  .content .title {
    font-size: 1.3rem;
  }
  .content .content {
    font-size: small;
  }
}
@media (max-width: 850px) {
  /* Icon */
  .icon_box {
    width: 40px; /* Set a fixed width and height */
    height: 40px;
    padding: 15px;
  }

  .icon_box i {
    font-size: large;
    color: black;
    font-weight: 700;
  }
  /* Content */
  .content .title {
    font-size: 1.1rem;
  }
  .content .content {
    font-size: x-small;
  }
}
@media (max-width: 730px) {
  /* Icon */
  .icon_box {
    width: 35px; /* Set a fixed width and height */
    height: 35px;
    padding: 13px;
  }

  .icon_box i {
    font-size: medium;
    color: black;
    font-weight: 700;
  }
  /* Content */
  .content .title {
    font-size: 1rem;
  }
  .content .content {
    font-size: x-small;
  }
}
@media (max-width: 600px) {
  /* Content */
  .content .title {
    font-size: 0.8rem;
  }
  .content .content {
    font-size: 0.5rem;
  }
}
@media (max-width: 500px) {
  /* card */
  .Multi_Perpous_Card .card {
    width: 70%;
    margin: auto;
    padding: 0.5vw;
  }
  /* Content */
  .content .title {
    font-size: 0.9em;
  }
  .content .content {
    font-size: 0.6rem;
  }
}
@media (max-width: 450px) {
  /* card */
  .Multi_Perpous_Card .card {
    width: 85%;
  }
}