{% load static %}

:root {
  --fallback-font-stack: Helvetica, Arial, serif;
}

.faq.unstructuredItemsSection {
  min-height: 134px;
}
.faq .faqSection {
  background-color: rgb(9, 43, 81);
  border-width: 1px 0 0;
  border-style: solid;
}
.faq .infoColumn {
  row-gap: 8px;
  margin-top: 120px;
  max-width: 1728px;
}
@media (max-width: 575px) {
  .faq .infoColumn {
    position: relative;
    margin-top: 80px;
  }
}
@media (max-width: 383px) {
  .faq .infoColumn {
    margin-top: 50px;
  }
}
.faq .faqTitle {
  color: rgb(255, 230, 0);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 3.2;
}
@media (max-width: 991px) {
  .faq .faqTitle {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .faq .faqTitle {
    font-size: 16px;
  }
}
.faq .faqDescription {
  color: rgb(252, 252, 252);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 1.11;
}
@media (max-width: 991px) {
  .faq .faqDescription {
    align-items: flex-start;
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .faq .faqDescription {
    font-size: 30px;
  }
}
.faq .buttonColumn {
  -moz-column-gap: 16px;
  column-gap: 16px;
  margin-top: 40px;
  margin-bottom: 120px;
  width: 697.9375px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .faq .buttonColumn {
    flex-direction: column;
    align-items: center;
    row-gap: 32px;
  }
}
@media (max-width: 575px) {
  .faq .buttonColumn {
    position: relative;
    margin-bottom: 80px;
  }
}
@media (max-width: 383px) {
  .faq .buttonColumn {
    margin-bottom: 50px;
  }
}
.faq .panelMembersBtn {
  min-width: 163px;
  color: rgb(42, 42, 44);
  background-color: rgb(252, 252, 252);
  padding: 4px 16px;
  outline-offset: -1px;
  border-radius: 24px;
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 16px;
  letter-spacing: -1.4px;
  line-height: 2.5;
  outline: rgb(0, 0, 0) solid 1px;
}
@media (max-width: 991px) {
  .faq .panelMembersBtn {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.faq .supportersBtn {
  min-width: 217px;
  color: rgb(42, 42, 44);
  padding: 4px 16px;
  outline-offset: -1px;
  border-radius: 24px;
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 16px;
  letter-spacing: -1.4px;
  line-height: 2.5;
  outline: rgb(0, 0, 0) solid 1px;
}
@media (max-width: 991px) {
  .faq .supportersBtn {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.faq .organizersBtn {
  min-width: 286px;
  color: rgb(42, 42, 44);
  background-color: rgb(252, 252, 252);
  padding: 4px 16px;
  outline-offset: -1px;
  border-radius: 24px;
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 16px;
  letter-spacing: -1.4px;
  line-height: 2.5;
  outline: rgb(0, 0, 0) solid 1px;
}
@media (max-width: 991px) {
  .faq .organizersBtn {
    position: relative;
    width: 100%;
    min-width: unset;
  }
}
.faq .panelMembersSection {
  background-color: rgb(252, 253, 255);
  border-width: 2px 0 0;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .panelMembersContainer {
  row-gap: 25px;
  margin-top: 150px;
  margin-bottom: 115px;
  width: 1251.0703125px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .faq .panelMembersContainer {
    position: relative;
    margin-top: 150px;
    margin-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .faq .panelMembersContainer {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 383px) {
  .faq .panelMembersContainer {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.faq .panelInfoColumn {
  margin-right: 1px;
}
.faq .panelInfoText {
  width: 447px;
  max-width: 85%;
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 48px;
  line-height: 0.67;
}
@media (max-width: 991px) {
  .faq .panelInfoText {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .faq .panelInfoText {
    font-size: 36px;
  }
}
.faq .panelImage {
  margin-left: 2px;
  width: 443px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .faqContainer {
  margin-top: 32px;
  margin-left: 2px;
}
.faq .faqBlock {
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .faqImgTextBlock {
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-top: 32px;
  margin-bottom: 32px;
  width: 963.0078125px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .faq .faqImgTextBlock {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
@media (max-width: 383px) {
  .faq .faqImgTextBlock {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.faq .faqImage {
  margin-bottom: 44px;
  width: 57px;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 479px) {
  .faq .faqImage {
    position: relative;
    width: 10px;
    height: 40px;
  }
}
.faq .faqTextContainer {
  row-gap: 16px;
  width: 850px;
  min-width: 0;
}
.faq .faqQuestionText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 991px) {
  .faq .faqQuestionText {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .faq .faqQuestionText {
    font-size: 16px;
  }
}
.faq .faqQuestionTextDuplicate {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 20px;
  letter-spacing: -0.4px;
  line-height: 2.24;
}
@media (max-width: 991px) {
  .faq .faqQuestionTextDuplicate {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .faq .faqQuestionTextDuplicate {
    font-size: 16px;
  }
}
.faq .rewardInfoBtn {
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-top: 5px;
  height: 109px;
  padding: 34.5px 8px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .rewardsImage {
  width: 40px;
}
.faq .rewardsInfoText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 479px) {
  .faq .rewardsInfoText {
    align-items: flex-start;
    font-size: 16px;
  }
}
.faq .loginInfoBtn {
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 109px;
  padding: 34.5px 8px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .loginImage {
  width: 40px;
}
.faq .loginInfoText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 479px) {
  .faq .loginInfoText {
    align-items: flex-start;
    font-size: 16px;
  }
}
.faq .loadMoreContainer {
  -moz-column-gap: 9px;
  column-gap: 9px;
  width: 123px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .faq .loadMoreContainer {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.faq .loadMoreText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 20px;
  letter-spacing: -0.4px;
}
.faq .loadLessText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 20px;
  letter-spacing: -0.4px;
}
@media (max-width: 991px) {
  .faq .loadMoreText {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .faq .loadMoreText {
    font-size: 16px;
  }
}
.faq .loadMoreImage {
  width: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .fundraisingSupportSection {
  background-color: rgb(252, 253, 255);
  outline-offset: -1px;
  outline: rgb(42, 42, 44) solid 2px;
}
.faq .supportContent {
  margin-top: 200px;
  margin-bottom: 215px;
  width: 1248.9921875px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .faq .supportContent {
    position: relative;
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media (max-width: 575px) {
  .faq .supportContent {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 383px) {
  .faq .supportContent {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.faq .fundraisingSupportHeader {
  width: 628px;
  max-width: 85%;
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 48px;
  letter-spacing: -0.4px;
  line-height: 1.22;
}
@media (max-width: 991px) {
  .faq .fundraisingSupportHeader {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .faq .fundraisingSupportHeader {
    font-size: 36px;
  }
}
@media (max-width: 383px) {
  .faq .fundraisingSupportHeader {
    position: relative;
    width: 500px;
  }
}
.faq .supportImage {
  width: 628px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .faqButtons {
  margin-top: 34px;
  margin-right: 1px;
}
.faq .signupFaqBtn {
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 109px;
  padding-top: 34.5px;
  padding-right: 8px;
  padding-bottom: 34.5px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .btnIcon {
  width: 40px;
}
.faq .signupFaqText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 767px) {
  .faq .signupFaqText {
    align-items: flex-start;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .faq .signupFaqText {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .faq .signupFaqText {
    font-size: 12px;
  }
}
.faq .participationFaqBtn {
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 109px;
  padding-top: 34.5px;
  padding-right: 8px;
  padding-bottom: 34.5px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .participationFaqText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 767px) {
  .faq .participationFaqText {
    align-items: flex-start;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .faq .participationFaqText {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .faq .participationFaqText {
    font-size: 12px;
  }
}
.faq .charityFaqBtn {
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 109px;
  padding-top: 34.5px;
  padding-right: 8px;
  padding-bottom: 34.5px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .charityFaqText {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.67;
}
@media (max-width: 767px) {
  .faq .charityFaqText {
    align-items: flex-start;
    font-size: 20px;
  }
}
@media (max-width: 575px) {
  .faq .charityFaqText {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .faq .charityFaqText {
    font-size: 12px;
  }
}
.faq .loadMoreContent {
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin-top: 25px;
  width: 123px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .faq .loadMoreContent {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.faq .loadMoreIcon {
  width: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .fundraisingOrganizerSection {
  background-color: rgb(252, 253, 255);
  outline-offset: -1px;
  outline: rgb(42, 42, 44) solid 2px;
}
.faq .contentColumn {
  margin-top: 216px;
  margin-bottom: 215px;
  width: 1255.5625px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .faq .contentColumn {
    position: relative;
    margin-top: 150px;
    margin-bottom: 150px;
  }
}
@media (max-width: 575px) {
  .faq .contentColumn {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 383px) {
  .faq .contentColumn {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.faq .introText {
  width: 877px;
  max-width: 85%;
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 48px;
  line-height: 0.67;
}
@media (max-width: 991px) {
  .faq .introText {
    font-size: 44px;
  }
}
@media (max-width: 479px) {
  .faq .introText {
    position: relative;
    width: 600px;
    font-size: 36px;
  }
}
.faq .organizerImage {
  margin-left: 6.5px;
  width: 864px;
  max-width: 85%;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .faqColumn {
  margin-top: 32px;
  margin-right: 1px;
  margin-left: 6.5px;
}
.faq .faqBlock1 {
  -moz-column-gap: 32px;
  column-gap: 32px;
  height: 109px;
  padding: 32px 8px;
  border-width: 0 0 2px;
  border-color: rgb(42, 42, 44);
  border-style: solid;
}
.faq .iconImage {
  margin-bottom: 5px;
  width: 40px;
}
.faq .faqQuestion {
  color: rgb(42, 42, 44);
  font-family: "DM Sans", Helvetica, Arial, serif;
  font-size: 24px;
  letter-spacing: -0.4px;
  line-height: 1.86;
}
@media (max-width: 767px) {
  .faq .faqQuestion {
    align-items: flex-start;
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .faq .faqQuestion {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .faq .faqQuestion {
    font-size: 12px;
  }
}
.faq .moreContentColumn {
  -moz-column-gap: 9px;
  column-gap: 9px;
  margin-top: 25px;
  width: 123px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .faq .moreContentColumn {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.faq .moreIconImage {
  width: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq .footerSection {
  min-height: 432px;
}

/*
p:before {
        float: left !important;
        font-family: FontAwesome;
        content:"\f068";
        padding-right: 5px;
    }
p.collapsed:before {
    float: right !important;
    content:"\f067";
}
*/

.accordion-control:before {
        float: left !important;
        /* font-family: FontAwesome; */
        content:url('/static/pages/assets/FAQ/c85ac448e476d180df16f91d4b65b321.svg');
        padding-right: 20px;
        /* padding-top: 20px; */
    }
.accordion-control.collapsed:before {
    float: right !important;
    content:"\f068";
}


/* .loadMoreText:after{
    content:url('/static/pages/assets/FAQ/76c65bf92bdab8f15bc9f3090deaa793.svg');
} */

.rotate4{ /*upside down*/
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}