.faq {

  padding: 40px 0; }

  .faq .content h5 {

    padding-bottom: 0;

    margin-bottom: 30px;

    text-align: center;

    font-size: 36px;

    font-family: GoogleSans-Bold;

    color: #008CF0; }

  .faq .content .panel {

    border: none;

    margin-bottom: 20px;

    box-shadow: unset; }

    .faq .content .panel.activated .panel-heading .panel-title .title {

      color: #008CF0; }

    .faq .content .panel .panel-heading {

      background: #F4F9FC;

      border-radius: 0; }

      .faq .content .panel .panel-heading .panel-title {

        padding: 15px 0; }

        .faq .content .panel .panel-heading .panel-title button {

          display: flex;

          justify-content: space-between;

          width: 100%;

          border: none;

          background: none; }

          .faq .content .panel .panel-heading .panel-title button .title {

            font-size: 18px;

            font-family: GoogleSans-Bold;

            color: #000000; }

          .faq .content .panel .panel-heading .panel-title button i {

            font-size: 20px;

            color: #333E48; }

    .faq .content .panel .panel-body {

      border: none;

      background: #F4F9FC; }

      .faq .content .panel .panel-body .faq_content {

        color: #333E48; }

  .faq .content .view_more {

    text-align: center; }

    .faq .content .view_more a {

      position: relative;

      margin: 20px 0 10px;

      display: inline-block;

      font-size: 18px;

      text-transform: uppercase;

      padding: 10px 15px 10px 30px;

      border-radius: 7px;

      width: 250px; }

      .faq .content .view_more a:first-child {

        background: #FBC02D;

        color: #000000;

        margin-right: 20px; }

        .faq .content .view_more a:first-child:before {

          content: '';

          background: url("../images/conversation.svg");

          display: inline-block;

          width: 25px;

          height: 25px;

          position: absolute;

          left: 15px;

          top: 10px;

          background-size: 100%; }

      .faq .content .view_more a:last-child {

        background: #008CF0;

        color: #FFFFff; }

        .faq .content .view_more a:last-child:before {

          content: '';

          background: url(../images/support.svg);

          display: inline-block;

          width: 25px;

          height: 28px;

          position: absolute;

          left: 35px;

          top: 7px;

          background-size: 100%; }



@media screen and (max-width: 768px) {

  .faq {

    padding: 30px 0; }

    .faq .content h5 {

      font-size: 30px;

      margin-bottom: 20px; }

    .faq .content .panel .panel-heading {

      padding: 10px 0; }

      .faq .content .panel .panel-heading .panel-title {

        padding: 0; }

        .faq .content .panel .panel-heading .panel-title button .title {

          font-size: 16px;

          text-align: left; }

    .faq .content .view_more {

      text-align: unset; }

      .faq .content .view_more a {

        font-size: 14px;

        width: unset;

        margin: 0; }

        .faq .content .view_more a:first-child:before {

          width: 20px;

          height: 20px;

          left: 5px;

          top: 10px; }

        .faq .content .view_more a:last-child:before {

          width: 18px;

          height: 20px;

          left: 5px;

          top: 10px; } }



/*# sourceMappingURL=default.css.map */