* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --dark: #091e42;
  --lightblue: #456bed;
  --blue: #1f3bd8;
  --light: #e5ecf2;
  --radius: 10px;
}

/* .adcamp-body {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #e5ecf2;
  color: var(--dark);
} */

.section-wrapper {
  max-width: 1140px;
  > .content {
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    h2 {
      font-size: 2.5rem;
      margin-bottom: 10px;
    }
    p {
      font-size: 1.2rem;
    }
  }
}

.tab-wrapper {
  /* background: linear-gradient(220.55deg, #97e8b5 0%, #5cb67f 100%); */
  background: linear-gradient(220.55deg, #00e0ee 0%, #ad00fe 100%);
  border-radius: var(--radius);
  /* border: 1px solid #e0e0e0; */
}

.tab-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;

  [data-tab-target] {
    border: none;
    outline: none;
    /* background: var(--lightblue); */
    background: linear-gradient(220.55deg, #ff0000 0%, #470000 100%);
    color: var(--light);
    padding: 10px 20px;
    width: 100%;
    cursor: pointer;
    font-size: 1.3rem;
    transition: 200ms linear;

    padding: 20px;
    &:first-child {
      border-top-left-radius: var(--radius);
    }
    &:last-child {
      border-top-right-radius: var(--radius);
    }

    &.is-active {
      background: linear-gradient(220.55deg, #00b960 0%, #00552c 100%);
      color: #fff;
    }
  }
}

.tab-content {
  padding: 30px;
  /* background: linear-gradient(220.55deg, #ff5e98 0%, #0f213e 100%); */
  h4 {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 10px;
  }
  p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0.15px;
  }

  .tab-target {
    display: none;
    &.is-active {
      display: block;

      animation-name: fadeInUp;
      animation-duration: 400ms;
      animation-timing-function: ease-in-out;
      animation-iteration-count: 1;
    }
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.section-wrapper {
  margin-left: 10rem !important;
  text-align: center !important;
}

.section-wrapper .content {
  width: 1140px !important;
  margin: 2rem auto !important;
  text-align: center !important;
}

.section-wrapper .content h2 {
  font-size: 1.5rem;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  text-align: center;
}

.section-wrapper .content p {
  font-size: 1rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 1.25rem 0;
  line-height: 1.6;
}

@media (width<=1024px) {
  .section-wrapper {
    margin-left: 0 !important;
  }
  .section-wrapper .content {
    width: 90% !important;
  }

  .section-wrapper .content h2 {
    font-size: 1.15rem;
  }
}

#tab-content-1,
#tab-content-2,
#tab-content-3,
#tab-content-4 {
  text-align: left;
}

#tab-content-1 h3,
#tab-content-2 h3,
#tab-content-3 h4 {
  margin: 1.15rem 0;
  font-family: "Exo 2", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
}

#tab-content-1 h4,
#tab-content-2 h4 {
  margin: 1.15rem 0;
  font-family: "Poppins", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}

#tab-content-1 ul li,
#tab-content-2 ul li {
  margin: 1.15rem 0;
  font-family: "Montserrat", sans-serif;
  list-style-type: circle;
  list-style-position: inside;
  font-weight: 600;
}

.tab-nav button {
  font-family: "Exo 2", sans-serif;
  font-size: 1.25rem !important;
  font-weight: 700;
  letter-spacing: 2px;
}

#tab-content-3 p,
#tab-content-2 p {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

#tab-content-3 h5 {
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.tab-ph {
  font-size: 1.15rem;
  font-family: "Montserrat", sans-serif;
}

.tab-ph a {
  color: #000 !important;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
}

.tab-content {
  margin: 2rem !important;
}

#tab-content-1 p {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
}

@media (width<=768px) {
  .tab-nav button {
    font-size: 0.6rem !important;
    font-weight: 600;
  }
}