#sec-3 {
  background-image: url(../../images/sec3-imgs/bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;

  /* position: relative;
  isolation: isolate; */

  padding: 3rem;
  text-align: center;

  display: flex;
  flex-direction: column;
  align-items: center;
}

#sec-3 main {
  margin-bottom: 1.5rem;
}

#sec-3 h1 {
  margin-bottom: 3rem;
  font-size: clamp(3.2rem, 5vw, 5rem);
  color: white;

  position: relative;
}

#sec-3 h1::before {
  content: '';
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);

  background: url(../../images/sec3-imgs/quote.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;

  /* width: 26.8rem;
  height: 18.9rem; */

  width: 6.8rem;
  height: 8.9rem;
}

#sec-3 .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#sec-3 .cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;

  background-color: white;
  padding: 3rem 1rem 1rem;
  border-radius: 2rem;
  border: 1px solid #B20000;

  position: relative;
  isolation: isolate;

  max-width: 57.7rem;
}

#sec-3 .card1 {
  margin-bottom: 3.5rem;
}

#sec-3 .card1::before {
  background-image: url(../../images/sec3-imgs/card1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#sec-3 .card2::before {
  background-image: url(../../images/sec3-imgs/card2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

#sec-3 .card1::before,
#sec-3 .card2::before {
  content: '';
  position: absolute;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);

  width: 5.2rem;
  height: 5.2rem;
  z-index: -1;
}

#sec-3 .card1::after {
  content: '01';
}

#sec-3 .card2::after {
  content: '02';
}

#sec-3 .card1::after,
#sec-3 .card2::after {
  position: absolute;
  top: -1.5rem;
  right: 2rem;

  font-size: 6.6rem;
  font-family: 'Good Times Rg';
  opacity: 0.1;
  z-index: -1;
}

/* #sec-3 h4 {}

#sec-3 .stars-cont {}

#sec-3 .stars-cont img {} */

#sec-3 p {
  font-family: "Poppins", sans-serif;
  font-style: italic;
  font-size: 16px;
  margin-bottom: 2rem;
}

@media screen and (min-width: 990px) {
  #sec-3 {
    padding-top: 9.6rem;

    z-index: 1;
    position: relative;
    isolation: isolate;

    margin-top: -4rem;
  }

  #sec-3 main {
    display: flex;
    flex-direction: column;
  }

  #sec-3 h1 {
    margin-bottom: 7rem;
  }

  #sec-3 h1::before {
    bottom: 0;
    background-size: contain;

    width: 16.8rem;
    height: 8.9rem;
  }

  #sec-3 .container {
    flex-direction: row;
    align-items: flex-start;
    gap: 3.2rem;
  }

  #sec-3 .cards {
    min-height: 28.2rem;
  }
#sec-3 p {font-size: clamp(1.2rem, 2vw, 1.6rem); }
}

@media screen and (min-width: 1920px) {
  #sec-3 {
    padding-top: 19.3rem;
    padding-bottom: 6.6rem;
  }

  #sec-3 .cards {
    padding: 6rem 2.6rem 2rem;
  }

  #sec-3 .card1::before,
  #sec-3 .card2::before {
    width: 7.6rem;
    height: 7.6rem;

    top: -3.8rem;
  }

  #sec-3 .card1::after,
  #sec-3 .card2::after {
    font-size: clamp(6.6rem, 5vw, 9.6rem);

    top: -3.6rem;
    right: 1.6rem;
  }

  #sec-3 h1::before {
    bottom: 0;
    background-size: cover;

    width: 26.8rem;
    height: 18.9rem;
  }

}