/* font family */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  text-decoration: none !important;
  list-style-type: none !important;
}

body {
  font-family: "poppins", "sans serif";
  background-color: #ebebeb;
}
/* common classes */
.max_w_750 {
  max-width: 750px !important;
}

.nav-item {
  width: 100%;
}
.image_rounde {
  border-radius: 55px;
}
.nav-link {
  transition: all 300ms linear;
  padding: 8px !important;
  color: black !important;
}
.nav-link:hover {
  transition: all 300ms linear;
  background-color: #008c48;
  color: white !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #008c48 !important;
  color: black !important;
}

.common_card {
  padding: 10px;
}

.card_shadow {
  padding: 20px 10px !important;
  margin: 24px 0;
  box-shadow: rgba(233, 116, 116, 0.16) 0px 3px 4px,
    rgb(74, 189, 42) 0px 0px 0px 3px;
  animation: rotateShadow 3s linear infinite;
}

@keyframes rotateShadow {
  0% {
    box-shadow: rgba(233, 116, 116, 0.16) 0px 3px 4px,
      rgb(74, 189, 42) 0px 0px 0px 3px;
  }
  50% {
    box-shadow: rgb(218, 230, 55) 0px 0px 0px 6px,
      rgba(214, 16, 16, 0.16) 0px 1px 4px;
  }
}

.marq_parent {
  background-color: #008c48;
  border: 1px dotted red;
  line-height: 100%;
}
.common_card a button {
  animation: buttonanimation 3s linear infinite !important;
  background: linear-gradient(270deg, #f5ce62, #60b455, #fa7199, #4c945b);
  background-size: 400% 400%;
  border: none;
  box-shadow: 0 4px 15px 0 #008c48 !important;
  animation: buttonanimation 3s linear infinite !important;
}
.card_shadow div .btn-success {
  background: linear-gradient(270deg, #f5ce62, #60b455, #fa7199, #4c945b);
  background-size: 400% 400%;
  border: none;
  box-shadow: 0 4px 15px 0 #008c48 !important;
  animation: buttonanimation 3s linear infinite !important;
}

@keyframes buttonanimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Active Tab Style */
.active_tab {
  background-color: #008c48 !important;
  color: white;
}

/* Tab Button Styling */
.myTab {
  cursor: pointer;
  transition: all 300ms linear;
}

/* Hover Effect */
.myTab:hover {
  background-color: #008c48 !important;
  color: white;
}

.tab_image {
  max-width: 118px;
  border-radius: 40px;
  padding: 4px;
  object-fit: contain;
}
.ml_0 {
  margin-left: 0 !important;
}
@media (max-width: 576px) {
  .image_rounde {
    border-radius: 15px;
  }
  .tab_image {
    max-width: 118px;
    border-radius: 20px;
    padding: 0px;
    object-fit: contain;
  }
  .tab_image {
    max-width: 60px;
  }
}