#top{
    position:sticky !important;
    top:0;
    z-index: 1000;
}

.pre_FAQ {
  background-color: #f5bd45;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23ca9b00' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
  height: 65rem;
  display: flex;
  justify-content: center;
}
            .faq_link{
              color:#52246a;
              text-decoration: underline 1px solid #52246a;
              text-underline-offset: 2px;
              transition: all 0.3s ease;
            }
            .faq_link:hover{
              color: #ec2e11;
              text-decoration: underline solid 1px #ec2e11;
            }
.faq_head {
  position: relative;
}
.pin_faq {
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 0);
  width: 80px;
  height: 80px;
  z-index: 10;
}
#tab-last{
  margin-bottom:1rem;
}
.pre_FAQ_box {
  margin-top: 18rem;
  width: 80%;
  height: 20rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.prefaq_row {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2rem;
  gap: 3rem;
}
.faq_topic {
  background-color: #fff;
  border: 3px solid #52246a;
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px,
    rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px,
    rgba(0, 0, 0, 0.09) 0px 32px 16px;
  width: 15rem;
  height: 15rem;
  border-radius: 20px;
  padding: 1rem;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
}
.faq_topic a {
  transition: all 0.3s;
}
.faq_topic:hover {
  transform: scale(1.02);
  border: 3px solid #bb3925;
}

.faq_topic_title {
  font-size: 1.602rem;
  line-height: 1.05;
  font-weight: 600;
  padding-top: 1rem;
  margin-bottom: 1rem;
  color: #52246a;
  transition: all 0.3s;
}
.faq_topic:hover .faq_topic_title {
  color: #bb3925;
}

/*--------------------content----------------*/
.FAQ_content {
  height: auto;
}
.FAQ_content_list {
  display: flex;
  flex-direction: column;
  margin-left: 5rem;
}

.FAQ_content h1 {
  font-size: 1.802rem;
}
.FAQ_content_topic {
  margin: 0 40px;
  margin-top: 5rem;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.FAQ_content_topic .tab {
  position: relative;
  background: #f5bd45;
  padding: 0 20px 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 20px;
  overflow: hidden;
}
.FAQ_content_topic .tab input {
  appearance: none;
  border: none;
  outline: none;
}
.FAQ_content_topic .tab label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.FAQ_content_topic .tab label::after {
  content: "+";
  position: absolute;
  right: 20px;
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.1);
  transition: transform 1s;
}

.FAQ_content_topic .tab:hover label::after {
  color: #52246a;
}
.FAQ_content_topic .tab input:checked ~ label::after {
  transform: rotate(135deg);
}
.FAQ_content_topic .tab input:checked + label h3 {
  color: #bb3925;
  transition: all 0.3s;
}
.FAQ_content_topic .tab label h2 {
  width: 40px;
  height: 40px;
  font-size: 1.25rem;
  background: #52246a;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 10px;
  margin-right: 10px;
}
.FAQ_content_topic .tab label h3 {
  position: relative;
  font-weight: 600;
  z-index: 10;
  color: #52246a;
}
.FAQ_content_topic .tab .content p {
  position: relative;
  line-height: 1.5;
  padding: 10px 0;
  z-index: 10;
}

.FAQ_content_topic .tab .content {
  max-height: 0;
  transition: 1s;
  overflow: hidden;
}
.FAQ_content_topic .tab input:checked ~ .content {
  max-height: 100vh;
}
.FAQ_content h1 {
  font-weight: 600;
  color: #52246a;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #ec2e11;
}
.tab-final {
  margin-bottom: 10rem;
}
.up_link {
  color: #52246a;
  font-weight: 600;
  font-size: 1.424rem;
  padding-top: 1rem;
  text-align: center;
}

.up_link a:link {
  text-decoration: underline;
  cursor: pointer;
  animation: all 0.3s;
  color: #52246a;
}
.up_link a:active {
  color: #ec2e11;
}
.up_link a:hover {
  color: #551a11;
}
main a:focus {
  border: 3px solid #ec2e11;
}
.up-correct{
  padding-top:2rem !important;
}
.extra{
  color:#bb3925;
}