.cardTier {
  border-radius: 24px !important;
}
.cardTierTop {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}
.cardTierBottom {
  /* width: 154px !important; */
  /* height: 581px !important; */
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}

.cardTierHeader {
  background-color: #f87e03 !important;
  color: #fff !important;
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}

.paymentHeader {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}

.checkCircle {
  color: #f87e03 !important;
}
.checkCircleGrey {
  color: #8f8f8f;
}

.cardBSummary {
  width: 400px;
}

.cardCredit {
  width: 504px;
}

.cardStyle {
  padding-left: 12px !important;
}

.cardRadius {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0 !important;
}

.zoom {
  padding: 50px;
  background-color: green;
  transition: transform .2s;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.zoom-container {
    position: relative;
    transition: transform 0.2s;
}

.zoom-container:hover {
    transform: scale(1.1); /* Adjust the scale factor as needed for your desired zoom effect */
}

.circle-container {
    text-align: center; /* Center the contents horizontally */
    margin-top: 20px; /* Adjust the vertical position as needed */
}

.circle-container .bi {
    font-size: 24px; /* Adjust the font size as needed */
    color: #FF5733; /* Change the circle color */
}