/* quesiton-section */

.question-section {
  margin: 5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 5;
}

.faq-container {
  width: 100%;
}

.faq-title {
  text-align: center;
  font-size: 1.3875rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 2rem;
  letter-spacing: 1px;
}

.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.faq-item {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}

.faq-question {
  width: 100%;
  padding: 0px 16px;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #000;
  transition: background-color 0.3s ease;
  min-height: 3.375rem;
  border-radius: 8px;
  
}

.faq-icon {
  transition: transform 0.3s ease;
  flex-shrink: 0;
  margin-left: 1rem;
  user-select: none;
}

.faq-question.active .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  background: transparent;
}

.faq-answer.active {
  max-height: 600px;
  padding: 0px 16px 16px 16px;
  border-radius: 8px;
}

.faq-answer p {
  margin: 0;
  color: #555;
  line-height: 1.6;
  font-size: 0.95rem;
}


/* Responsive */

@media (max-width: 1370px) {
    .alongtheway-container p{
        width: 100%;
    }
}

@media (max-width: 1060px) {

    main{
        padding: 0rem 5rem;
    }

    .hero-section{
        padding: 0;
    }

    .hero-content{
        width: 100%;
        padding: 0 1rem;
    }

    .stepbystep-container .level-card,
    .stepbystep-container .level-card.middle,
    .alongtheway-container p
    {
        width: 100%;
    }

        .meet-entrepreneurs-section {
    display: flex !important;
    flex-direction: column;
  }

    .meet-entrepreneurs-section {
    grid-template-columns: 1fr !important;
  }

    .meet-entrepreneurs-video-left {
    flex-direction: column-reverse;
  }

  .choose-section{
    display:flex;
    flex-direction: column;
    align-items: center;
  }

  .choose-section .entrepreneur-img{
    position: relative;
    width: 100%;
    max-width: 29rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);

}

    .choose-section .position-relative{
      height:auto;
    }

    .tryIt-section{
      margin-top: 4rem;
    }
}


@media (max-width: 770px) {

    main{
        padding: 0rem 2rem;
    }

    .hero-nav {
        padding: 1.3rem 1.3rem;
    }

    .foundation-container .create,
    .foundation-container .launch,
    .foundation-container .complete{
        width: 100%;
    }

    .thirty-days-section .foundation-container{
        grid-template-columns: auto 20px auto;
    }

    .thirty-days-section .line-connector.first {
        top: 25%;
        right: 5px;
        height: 10px;
    }

    .thirty-days-section .line-connector.second {
        top: 50%;
        left: 5px;
        height: 10px;
    }

    .thirty-days-section .line-connector.third {
        top: 78%;
        right: 5px;
        height: 10px;
    }

    .proven-section .proven-container{
        flex-wrap: wrap;
        gap: 2rem !important;
        padding: 20px 40px;
    }

    .proven-section .proven-container div{
        width: 40%;
    }
  
  .meet-entrepreneurs-video-right {
    flex-direction: column;
  }
  
  .entrepreneur-video-container,
  .entrepreneur-info-container {
    width: 100%;
  }
  
  .start-here-section .form-container{
    padding: 1.5rem;
    max-width: none;
    width: 100%;
  }

  .start-here-section .start-bottom{
    display: flex;
    flex-direction: column;
  }

    .mobile-styling-footer {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.5rem;
    -webkit-justify-items: center;
    text-align: center;
  }

  .start-here-section .image-content{
    align-items: center;
    text-align: center;
  }

  #navList {
    display: none;
    flex-direction: column;
    padding: 1rem 0;
    z-index: 100;
    height: 100vh;
    margin-top: 3rem;
    width: 100%;
  }

  #navList li a,
  #navList li span {
    font-size: 18px;
    padding: 1rem;
    background: white;
    border-radius: 10px;
    color: black;
    width: 100%;
    display: inline-block;
  }

    .hamburger {
    display: flex;
  }


  .swiper-real-results-section{
  padding: 0px 30px;
}


.swiper-button-next {
  right: -10px;
}

.swiper-button-prev{
  left: -10px;
}

  blockquote {
  min-height: 150px !important;
}

}


@media (max-width: 600px) {

    .levels-section .levels-container {
        flex-direction: column;
        align-items: center;
        gap: 50px !important;
    }

    .alongtheway-container .alongtheway-content {
        flex-direction: column;
        gap: 50px !important;
    }

    .thirty-days-section .line-connector.first {
        top: 0%;
        right: 5px;
        height: 10px;
    }

    .thirty-days-section .line-connector.second {
        top: 25%;
        left: 5px;
        height: 10px;
    }

    .thirty-days-section .line-connector.third {
        top: 50%;
        right: 5px;
        height: 10px;
    }
}

@media (max-width: 500px) {
.proven-section .proven-container div{
        width: 100%;
    }

      .px-1-mob {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

.font-white{
  color: white;
}