@font-face {
  font-family: 'OpenSans-Regular';
  src: url("../fonts/OpenSans-Regular.woff") format("woff");
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.eot") format("embedded-opentype"), url("../fonts/OpenSans-Regular.svg") format("svg");
}

@font-face {
  font-family: 'Mulish-Regular';
  src: url("../fonts/Mulish-Regular.woff") format("woff");
  src: url("../fonts/Mulish-Regular.eot") format("embedded-opentype"), url("../fonts/Mulish-Regular.otf") format("opentype"), url("../fonts/Mulish-Regular.svg") format("svg"), url("../fonts/Mulish-Regular.ttf") format("truetype");
}

/* line 12, ../scss/faq.scss */
#FAQ {
  width: 100%;
  height: 100%;
  min-width: 300px;
}
/* line 17, ../scss/faq.scss */
#FAQ #banner {
  width: 100%;
  height: 440px;
  background: url(../images/faqs_banner.jpg) top center no-repeat;
  background-size: cover;
}
/* line 23, ../scss/faq.scss */
#FAQ #banner #banner_bg {
  width: 100%;
  height: 100%;
}
/* line 27, ../scss/faq.scss */
#FAQ #banner #banner_bg .container {
  display: table;
}
/* line 30, ../scss/faq.scss */
#FAQ #banner #banner_bg #banner_Txt {
  font-family: 'Mulish-Regular';
  font-weight: bold;
  font-size: 37px;
  color: #232323;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
}
/* line 41, ../scss/faq.scss */
#FAQ #faqsInformation {
  width: 100%;
}
/* line 44, ../scss/faq.scss */
#FAQ #faqsInformation .headWrapper {
  width: 1280px;
  height: 100px;
  margin: auto;
  display: table;
}
/* line 50, ../scss/faq.scss */
#FAQ #faqsInformation .headWrapper .img {
  display: table-cell;
  vertical-align: middle;
}
/* line 54, ../scss/faq.scss */
#FAQ #faqsInformation .headWrapper .img span {
  font-family: 'Mulish-Regular';
  font-weight: bold;
  font-size: 36px;
  color: #004b92;
  margin-left: 20px;
  text-transform: uppercase;
  vertical-align: middle;
}
/* line 65, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper {
  width: 1200px;
  margin: 0 auto 5px;
}
/* line 69, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .Font {
  font-family: 'Mulish-Regular';
  font-size: 20px;
}
/* line 73, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .questionHeader {
  width: 100%;
  height: 65px;
  display: table;
  cursor: pointer;
  border-radius: 10px;
  background-color: #004b92;
}
/* line 81, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .questionHeader .header {
  font-weight: bold;
  color: white;
  padding: 0 30px;
  display: table-cell;
  vertical-align: middle;
}
/* line 88, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .questionHeader .icon {
  font-size: 40px;
  padding: 0;
  width: 85px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
/* line 97, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .questionContent {
  padding: 20px;
}
/* line 100, ../scss/faq.scss */
#FAQ #faqsInformation .questionWrapper .questionContent .content {
  font-size: 16px;
  color: #595959;
  text-align: justify;
  line-height: 30px;
  letter-spacing: 0.1px;
}

@media screen and (max-width: 1279px) {
  /* line 118, ../scss/faq.scss */
  #FAQ #faqsInformation .headWrapper {
    width: 100%;
  }
  /* line 121, ../scss/faq.scss */
  #FAQ #faqsInformation .questionWrapper {
    width: auto;
    max-width: 95%;
    min-width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  /* line 134, ../scss/faq.scss */
  #FAQ #banner {
    text-align: center;
  }
  /* line 137, ../scss/faq.scss */
  #FAQ #banner #banner_bg {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
@media screen and (max-width: 767px) {
  /* line 152, ../scss/faq.scss */
  #FAQ #faqsInformation .headWrapper .img {
    text-align: center;
  }
  /* line 155, ../scss/faq.scss */
  #FAQ #faqsInformation .headWrapper .img img {
    display: none;
  }
  /* line 158, ../scss/faq.scss */
  #FAQ #faqsInformation .headWrapper .img span {
    margin: auto;
  }
  /* line 167, ../scss/faq.scss */
  #FAQ #faqsInformation .questionWrapper .questionHeader .Font {
    padding: 10px 5px 10px 15px;
  }
  /* line 170, ../scss/faq.scss */
  #FAQ #faqsInformation .questionWrapper .questionHeader .icon {
    width: auto;
    padding: 15px;
    text-align: left;
  }
  /* line 175, ../scss/faq.scss */
  #FAQ #faqsInformation .questionWrapper .questionHeader .header {
    font-size: 18px;
  }
}
