.section {
  background-image: linear-gradient(#f2f2f2, white);

}

.main-container {
  padding-bottom: 100px;
}
.faq-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  margin-bottom: 60px;
  height: fit-content;
}

.f-title {
  margin-bottom: 40px;
}

.card-link{
  position: relative;
  color: #AAC157;
}

.card-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 0px;
    padding-top: 0px;
}

.card-link::after {
	content: "\f107";
	color: #333;
	top: -2px;
	right: 0px;
	position: absolute;
  font-family: "FontAwesome"
}
/* .card-answer ul::after {
  display: none;
}

.card-answer ul::before {
  display: block;
} */

.card-link[aria-expanded="true"]::after {
	content: "\f106";
}

.card-link[aria-expanded="true"] ul::after {
	display: block;
}

.card-link[aria-expanded="false"] ul::after {
	display: none;
}

.screenshot {
  display: block;
  margin-top :20px;
  margin-bottom: 20px;
  width:400px;
  /* border-style: solid;
  border-width: thin;
  border-color: lightgray; */
}

.img-screenshot {
  width:60%;
}




@media (max-width: 575){
    /* #yt-frame {
      width: 216px;
      height: 240px;
  } */
  .faq-container {
    width:92%;
  }
  #top-header-border {
    margin-top:15px;
    margin-bottom:0px;
  }

}


@media (min-width: 576px){
    /* #yt-frame {
      width: 216px;
      height: 240px;
  } */
  .faq-container {
      width:90%;
  }

  #top-header-border {
    margin-top:15px;
    margin-bottom:0px;
  }
}

@media (min-width: 768px){
  /* #yt-frame {
    width: 560px;
    height: 315px;
  } */
  .faq-container {
      width:80%;
  }
}

@media (min-width: 992px){
    /* #yt-frame{
      width: 560px;
      height: 315px;
  } */
  .faq-container {
      width:60%;
  }

  #top-header-border {
    margin-top:0px;
    margin-bottom:0px;
  }

}

@media (min-width: 1200px){
  /* #yt-frame {
    width: 560px;
    height: 315px;
  } */
  .faq-container {
      width:60%;
  }

  #top-header-border {
    margin-top:0px;
    margin-bottom:0px;
  }

}