body {
  margin: 0;
  padding: 0;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-size: 14px;
}

.brand_color {
  color: #00b838;
  color: #00A36C
}

.brand_bg {
  background-color: #00b838;
}

.brand_gradient {
  background: linear-gradient(180deg, #ebf9f2 0%, #fffffe 100%);
}

.brand_light {
  background-color: #b8ebc7;
}

.sec_brand_color {
  color: #7ff4f0;
}

.sec_brand_bg {
  background-color: #7ff4f0;
}

.yellow_bg {
  background-color: #ffc107;
}

.yellow {
  color: #ffc107;
}

#mobile_menu {
  display: flex;
  position: absolute;
  top: 10;
  right: 4;
  justify-content: right;
  flex-direction: column;
}

.max_1000 {
  max-width: 1000;
}

.hero_section {
  background: linear-gradient(180deg, #ebf9f2 0%, #fffffe 100%);
}

.section_title {
  font-size: 3rem;
  font-weight: 800;
  font-family: "Poppins", sans-serif;
  position: relative;
}

@media only screen and (max-width: 1500px) {
  .section_title {
    font-size: 1.5rem;
    font-weight: 800;
    font-family: "Poppins", sans-serif;
    position: relative;
  }
}

@media only screen and (max-width: 600px) {
  .section_title {
    font-size: 1.25rem;
    font-weight: 800;
    font-family: Nunito;
    position: relative;
  }
}

.para {
  font-size: 1rem;
  font-weight: 400;
}

.active {
  background-color: #00b838;
  color: white;
}

.active_bg {
  cursor: pointer;
}

.active_bg:hover {
  background-color: white;
  color: black;
}

.active_bg:hover .active_icon {
  display: block;
}

.container_area {
  max-width: 1150px;
  height: 100%;
  width: 100%;
  text-align: center;
  margin: auto;
}

.mini_container {
  max-width: 950px;
  height: 100%;
  width: 100%;
  text-align: center;
  margin: auto;
}

.active_icon {
  display: none;
}

.active_icon:hover {
  display: block;
  color: blue;
}

.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card:hover {
  background-color: #00b838;
  color: white;
}

.card_svg {
  width: 100px;
  height: 100px;
}

.card_title {
  font-size: 16px;
  color: #2a5082;
}

.gray_text {
  color: gray;
  padding: 10px 0;
  font-weight: 400;
}

.card:hover .card_title {
  color: white;
}

.card:hover .card_text {
  display: none;
}

.card_hover_text {
  display: none;
}

.line {
  height: 2px;
  width: 100%;
  background-color: #a3d4ff;
}

.card:hover .card_hover_text {
  display: block;
  color: white;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  text-align: center;
}

.service {
  position: relative;
}

.service::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 10;
  background-image: linear-gradient(to bottom,
      rgba(174, 173, 173, 0) 0%,
      rgba(255, 255, 255, 1) 100%);
  /* Adjust the alpha (last value) to control the darkness */
}

.flex_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 6px 10px;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.toggle {
  display: flex;
}

button {
  cursor: pointer;
  border: none;
  outline: none;
}

.hide {
  height: 0;
  width: 0;
  position: absolute;
  display: none;
}

.parent .toggle-icon {
  transition: transform 0.3s ease;
}

.child {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.register_button {
  background: #00A36C;
  color: #fff;
  border-radius: 5px;
  font-weight: 500;
}

.secondary_color {
  color: #333;
}

.secondary_background {
  background-color: #333;
}

.accent_background {
  background: #00A36C;
}