body{
  background: url('/assets/images/faq/bg-w400.png') 0 0 no-repeat;
  background-size:100% auto;
}

main{
  padding-bottom:70px;
  background-color:#fff;
}

.mobileBreadcrumb{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  column-gap:6px;
  row-gap:2px;
  width:100%;
  min-height:24px;
  color:#00000099;
  line-height:1.5rem;
  text-align:center;
}

.mobileBreadcrumb a,
.mobileBreadcrumb span{
  font-family:'NunitoSans-Medium';
  font-size:1rem;
  text-decoration:none;
  color:#00000099;
}

.mobileBreadcrumb span:not(.breadcrumbSeparator){
  color:#000000;
}

.downloadTopWrap{
  padding:32px 20px 44px;
}

.downloadTopText{
  margin-bottom:4px;
  font-family:'NunitoSans-ExtraBold';
  font-size:2rem;
  line-height:2.75rem;
  text-align:center;
}

.dropdownAndListWrap{
  padding:40px 0;
}

.dropdownAndListWrap .screenBtn{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:20px;
  padding:12px 16px;
  border:1px solid #D2D2D2;
  border-radius:8px;
  background:#fff;
  box-shadow:0 0 8px #00000014;
  font-family:'NunitoSans-SemiBold';
  font-size:1.125rem;
  line-height:1.5rem;
  color:#212121;
  text-decoration:none;
}

.screenBtnContent{
  display:flex;
  align-items:center;
  min-width:0;
}

.screenBtnContent img{
  flex:0 0 auto;
  margin-right:8px;
}

.screenBtnLabel{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.screenBtnChevron{
  flex:0 0 auto;
  width:9px;
  height:9px;
  margin-left:12px;
  border-right:2px solid #212121;
  border-bottom:2px solid #212121;
  transform:rotate(45deg) translateY(-2px);
}

.downloadMobileMenu{
  width:232px;
  padding:12px 16px;
  border:1px solid #D2D2D2;
  border-radius:8px;
  box-shadow:0 0 8px #00000029;
}

.dropdownAndListWrap .dropdown .downloadMobileMenu{
  width:100%;
}

.downloadMobileMenu li{
  box-sizing:border-box;
  height:36px;
  padding:6px 8px;
  border-radius:4px;
  font-family:'NunitoSans-SemiBold';
  font-size:1rem;
  line-height:25px;
  color:#00000099;
  cursor:pointer;
}

.downloadMobileMenu .dropdown-item:focus,
.downloadMobileMenu .dropdown-item:hover{
  background-color:#FFEEE3;
  color:#000000E5;
  font-size:1rem;
}

.downloadMobileMenu .dropdown-item.active,
.downloadMobileMenu .dropdown-item:active{
  background-color:#FFEEE3;
  color:#000000E5;
  font-size:1rem;
}

.faqContentLayout{
  position:relative;
  align-items:flex-start;
}

.faqSidebar{
  flex:0 0 300px;
  height:fit-content;
  margin-right:32px;
}

.downloadLeftNav{
  display:flex;
  flex-direction:column;
  gap:4px;
  width:100%;
  margin:0;
  padding:16px;
  box-shadow:none;
}

.downloadLeftNav li{
  display:flex;
  align-items:center;
  min-height:48px;
  height:auto;
  margin:0;
  padding:10px 12px;
  font-family:'NunitoSans-SemiBold';
  font-size:1.125rem;
  line-height:1.35;
  color:#000000E5;
}

.downloadLeftNav .dropdown-item:focus,
.downloadLeftNav .dropdown-item:hover{
  background-color:#FFEEE3;
  color:#000000E5;
  font-family:'NunitoSans-SemiBold';
  font-size:1.125rem;
}

.downloadLeftNav .dropdown-item.active,
.downloadLeftNav .dropdown-item:active{
  color:#000000E5;
  font-family:'NunitoSans-ExtraBold';
  font-size:1.125rem;
}

.dropdownAndListWrap .faqTypeWrap{
  display:none;
  flex:1;
  width:100%;
  flex-wrap:wrap;
  min-width:0;
}

.dropdownAndListWrap .faqTypeActive{
  display:block;
}

.faqSectionTitle{
  scroll-margin-top:32px;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0;
  padding:12px 20px 20px;
  font-family:'NunitoSans-ExtraBold';
  font-size:1.75rem;
  line-height:2.25rem;
  color:#212121;
}

.faqSectionTitle::before{
  content:"";
  flex:0 0 5px;
  width:5px;
  height:28px;
  border-radius:4px;
  background:#E05149;
}

.questionsWrap .accordion-item{
  padding:28px 20px;
  border:none;
  border-bottom:1px solid #D7D7D7;
  cursor:pointer;
}

.questionsWrap .accordion-item:first-child{
  margin-top:0;
}

.questionsWrap .accordion-item .collapseIcon{
  width:28px;
  height:28px;
  margin-right:8px;
  transition:0.5s;
  background:url('/assets/images/buynow/faq-collapse.png');
  background-size:28px;
}

.questionsWrap .accordion-item .accordion-header[aria-expanded="true"] .collapseIcon{
  background:url('/assets/images/buynow/faq-expand.png');
  background-size:28px;
}

.questionsWrap .accordion-item h3{
  scroll-margin-top:32px;
  font-family:'NunitoSans-SemiBold';
  font-size:1.25rem;
  line-height:1.75rem;
}

.questionsWrap .accordion-item h3 span{
  flex:1;
}

.questionsWrap .accordion-item p,
.questionsWrap .accordion-item li{
  font-size:1.125rem;
  line-height:1.65rem;
  color:#00000099;
}

.questionsWrap .accordion-item p{
  padding-left:17px;
}

.questionsWrap .accordion-body > ul,
.questionsWrap .accordion-body > ol{
  margin:0 0 1rem;
  padding-left:42px;
}

.questionsWrap .accordion-body li{
  margin-bottom:8px;
  padding-left:2px;
}

.questionsWrap .accordion-body li:last-child{
  margin-bottom:0;
}

.questionsWrap .accordion-item .guide-image img{
  max-width:100%;
  height:auto;
  margin:20px 0;
}

@media (min-width:768px){
  body{
    background:url('/assets/images/faq/bg-w768.png') 0 0 no-repeat;
    background-size:100% auto;
  }

  .downloadTopWrap{
    padding:36px 20px 48px;
  }
}

@media (min-width:1024px){
  body{
    background:url('/assets/images/faq/bg-w1024.png') 0 0 no-repeat;
    background-size:100% auto;
  }

  .downloadTopText{
    font-size:2.25rem;
    line-height:3rem;
  }

  .downloadTopWrap{
    padding:36px 20px 46px;
  }

  .faqSidebar{
    position:sticky;
    top:24px;
    align-self:flex-start;
  }
}

@media (min-width:1464px){
  body{
    background:url('/assets/images/faq/bg-w1920.png') 0 0 no-repeat;
    background-size:100% 100%;
  }

  .downloadTopWrap{
    padding:36px 20px 46px;
  }
}
