/* breakpoints */
.grid-position {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  float: left; }

html:lang(ar) .grid-position {
  float: right; }

.faq-search {
  width: 100%; }
  .faq-search .search-box {
    height: 115px;
    background-color: #50595f; }
    @media all and (min-width: 1024px) and (max-width: 1439px) {
      .faq-search .search-box {
        height: 100px; } }
    @media (max-width: 1199.98px) {
      .faq-search .search-box {
        height: 80px; } }
    @media all and (max-width: 1023px) {
      .faq-search .search-box {
        height: 80px; } }
    .faq-search .search-box.bg-active {
      background-color: #ff6a00; }
  .faq-search form > div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%; }
  .faq-search .form-group {
    margin: 0;
    position: relative !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    .faq-search .form-group.active .close-icon {
      opacity: 1; }
    .faq-search .form-group .views-exposed-widgets {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      padding: 0;
      margin: 0;
      position: relative; }
    .faq-search .form-group .views-exposed-widget {
      padding: 0; }
      .faq-search .form-group .views-exposed-widget .form-submit {
        margin: 0;
        border: 0;
        padding: 0;
        font-size: 0;
        outline: 0;
        height: 100%;
        width: 100%;
        background: transparent;
        cursor: pointer; }
    .faq-search .form-group .views-widget {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      height: 100%;
      width: 100%; }
      .faq-search .form-group .views-widget .form-item {
        width: 100%;
        height: 100%; }
  .faq-search .form-control {
    height: 100%;
    background-color: transparent;
    border: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0 0 0 8.66%;
    color: #ffffff;
    width: -moz-calc(100% - 15%) !important;
    width: -webkit-calc(100% - 15%) !important;
    width: calc(100% - 15%) !important; }
    @media only screen and (min-width: 1920px) {
      .faq-search .form-control {
        font-size: 2.5rem;
        line-height: 2.875rem; } }
    @media (min-width: 320px) and (max-width: 1920px) {
      .faq-search .form-control {
        font-size: calc( 24px + (40 - 24) * ( (100vw - 320px) / (1920 - 320) )); } }
    @media (min-width: 320px) and (max-width: 1920px) {
      .faq-search .form-control {
        line-height: calc( 63px + (46 - 63) * ( (100vw - 320px) / (1920 - 320) )); } }
    .faq-search .form-control::-webkit-input-placeholder {
      color: #ffffff; }
    .faq-search .form-control:-moz-placeholder {
      color: #ffffff; }
    .faq-search .form-control::-moz-placeholder {
      color: #ffffff; }
    .faq-search .form-control:-ms-input-placeholder {
      color: #ffffff; }
    @media all and (max-width: 1023px) {
      .faq-search .form-control {
        padding: 0 0 0 30px;
        width: -moz-calc(100% - 80px) !important;
        width: -webkit-calc(100% - 80px) !important;
        width: calc(100% - 80px) !important; } }
  .faq-search .search-btn,
  .faq-search .views-submit-button {
    background: url("../images/search.svg") no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 8.66%;
    cursor: pointer;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media all and (max-width: 1023px) {
      .faq-search .search-btn,
      .faq-search .views-submit-button {
        right: 15px; } }
    .faq-search .search-btn:focus,
    .faq-search .views-submit-button:focus {
      outline: 0; }
    @media all and (min-width: 1024px) and (max-width: 1439px) {
      .faq-search .search-btn,
      .faq-search .views-submit-button {
        width: 24px;
        height: 24px; } }
    @media all and (max-width: 1023px) {
      .faq-search .search-btn,
      .faq-search .views-submit-button {
        width: 24px;
        height: 24px;
        right: 15px; } }
  .faq-search .close-icon,
  .faq-search .views-reset-button {
    background: url("../images/close.svg") no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 11%;
    cursor: pointer;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .faq-search .close-icon:focus,
    .faq-search .views-reset-button:focus {
      outline: 0; }
    @media all and (min-width: 1024px) and (max-width: 1439px) {
      .faq-search .close-icon,
      .faq-search .views-reset-button {
        width: 22px;
        height: 22px;
        right: 12%; } }
    @media all and (max-width: 1023px) {
      .faq-search .close-icon,
      .faq-search .views-reset-button {
        width: 22px;
        height: 22px;
        right: 45px; } }

.faq-accordion {
  padding: 0 8.66%; }
  @media all and (max-width: 1023px) {
    .faq-accordion {
      padding: 0 30px; } }
  .faq-accordion .card {
    background-color: transparent;
    color: #929495;
    border-bottom: 1px solid #929495; }
    .faq-accordion .card.active {
      color: #ffffff; }
      .faq-accordion .card.active .card-header a:not(.collapsed):after {
        height: 4px;
        background: url("../images/minus.svg") no-repeat; }
        @media all and (max-width: 1023px) {
          .faq-accordion .card.active .card-header a:not(.collapsed):after {
            height: 2px; } }
  .faq-accordion .card-header {
    padding: 2% 0;
    position: relative;
    cursor: pointer; }
    @media all and (max-width: 1023px) {
      .faq-accordion .card-header {
        padding: 8% 0; } }
    .faq-accordion .card-header a {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .faq-accordion .card-header a:after {
        content: "";
        background: url("../images/plus.svg") no-repeat;
        height: 50px;
        width: 50px;
        position: absolute;
        right: 0; }
        @media all and (max-width: 1023px) {
          .faq-accordion .card-header a:after {
            width: 30px;
            height: 30px; } }
      .faq-accordion .card-header a .header-content {
        width: 90%; }
    .faq-accordion .card-header .item-no {
      width: 6%; }
      @media all and (min-width: 600px) and (max-width: 1023px) {
        .faq-accordion .card-header .item-no {
          width: 12%; } }
      @media all and (max-width: 599px) {
        .faq-accordion .card-header .item-no {
          width: 20%; } }
  .faq-accordion .card-body {
    width: 90%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 0 30px; }
    @media all and (max-width: 1023px) {
      .faq-accordion .card-body {
        padding: 0 0 20px; } }
    @media all and (max-width: 599px) {
      .faq-accordion .card-body {
        padding: 0 0 20px; } }
    .faq-accordion .card-body .space {
      padding-left: 5%; }
      @media all and (min-width: 600px) and (max-width: 1023px) {
        .faq-accordion .card-body .space {
          padding-left: 8%; } }
      @media all and (max-width: 599px) {
        .faq-accordion .card-body .space {
          padding-left: 10%; } }

.faq-search .search-box .form-item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .faq-search .search-box .form-item label {
    display: none; }

.faq-search .form-item {
  width: 100% !important; }

.faq-search .form-actions {
  margin: 0;
  padding: 0;
  position: unset !important;
  width: auto !important;
  right: 8.66%; }
  @media all and (max-width: 1023px) {
    .faq-search .form-actions {
      right: 15px; } }

html:lang(ar) .faq-search .search-btn,
html:lang(ar) .faq-search .views-submit-button {
  -moz-transform: scaleX(-1) translateY(-50%);
  -o-transform: scaleX(-1) translateY(-50%);
  -ms-transform: scaleX(-1) translateY(-50%);
  -webkit-transform: scaleX(-1) translateY(-50%);
  transform: scaleX(-1) translateY(-50%);
  right: auto;
  left: 8.66%; }
  @media all and (max-width: 1023px) {
    html:lang(ar) .faq-search .search-btn,
    html:lang(ar) .faq-search .views-submit-button {
      left: 15px; } }

html:lang(ar) .faq-search .close-icon,
html:lang(ar) .faq-search .views-reset-button {
  right: auto;
  left: 11%; }
  @media all and (min-width: 1024px) and (max-width: 1439px) {
    html:lang(ar) .faq-search .close-icon,
    html:lang(ar) .faq-search .views-reset-button {
      left: 12%; } }
  @media all and (max-width: 1023px) {
    html:lang(ar) .faq-search .close-icon,
    html:lang(ar) .faq-search .views-reset-button {
      left: 45px; } }

html:lang(ar) .faq-search .form-control {
  padding: 0 8.66% 0 0; }
  @media all and (max-width: 1023px) {
    html:lang(ar) .faq-search .form-control {
      padding: 0 30px 0 0; } }

html:lang(ar) .faq-accordion .card-body .space {
  padding-left: 0;
  padding-right: 5%; }
  @media all and (min-width: 600px) and (max-width: 1023px) {
    html:lang(ar) .faq-accordion .card-body .space {
      padding-right: 8%; } }
  @media all and (max-width: 599px) {
    html:lang(ar) .faq-accordion .card-body .space {
      padding-right: 10%; } }

html:lang(ar) .faq-search .form-actions {
  right: auto;
  left: 8.66%; }
  @media all and (max-width: 1023px) {
    html:lang(ar) .faq-search .form-actions {
      border-left-width: 15px; } }