.section0 .search-header {
  max-width: 100%;
  position: relative; }
  .section0 .search-header form#searchform {
    max-width: 653px; }
    .section0 .search-header form#searchform input#s {
      text-align: left;
      text-align-last: left;
      padding-left: 60px;
      background: url("../img/loupe.svg") no-repeat 20px 50% #fff;
      height: 56px;
      margin-bottom: 30px; }
  .section0 .search-header #searchsubmit {
    margin-top: 0 !important;
    height: 56px; }
  .section0 .search-header input[type="submit"], .section0 .search-header #searchsubmit {
    background: #21B8EC;
    text-align: center;
    color: #fff !important;
    position: absolute;
    width: 177px;
    right: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; }
    .section0 .search-header input[type="submit"]:hover, .section0 .search-header #searchsubmit:hover {
      color: #21B8EC; }

.tab-content .active {
  opacity: 1; }

.panel-collapse.in {
  opacity: 1;
  display: block; }

#tabs-section #tabs {
  padding: 0;
  border: 1px solid #1d1d1b; }
  #tabs-section #tabs li {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    height: 133px;
    border-right: 1px solid #1d1d1b; }
    #tabs-section #tabs li:last-child {
      border-right: 0px solid #1d1d1b; }
    #tabs-section #tabs li:hover {
      background: #1d1d1b; }
      #tabs-section #tabs li:hover a {
        color: #21B8EC !important; }
    #tabs-section #tabs li.active {
      background: #21B8EC;
      position: relative; }
      #tabs-section #tabs li.active:before {
        position: absolute;
        width: 28px;
        height: 14px;
        bottom: 0;
        background: url("../img/help-centre-rec.png") no-repeat;
        margin-bottom: -14px;
        z-index: 11111111;
        border-radius: 0; }
      #tabs-section #tabs li.active a {
        color: #fff !important; }
      #tabs-section #tabs li.active img {
        filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(137deg) brightness(105%) contrast(11105%) !important;
        width: 70px; }
    #tabs-section #tabs li:before {
      width: 0;
      margin-left: 0;
      position: relative; }
    #tabs-section #tabs li a {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      font-weight: bold;
      font-size: 18px;
      text-transform: uppercase;
      text-decoration: none !important;
      color: #1d1d1b;
      text-align: center; }
      #tabs-section #tabs li a img {
        width: 70px;
        margin-right: 20px; }
#tabs-section .accordion {
  border-top: 1px solid #fff;
  border-left: 1px solid #1d1d1b;
  border-right: 1px solid #1d1d1b;
  border-bottom: 1px solid #1d1d1b; }
#tabs-section .accordion-item {
  padding: 0 60px;
  margin-top: 60px;
  margin-bottom: 60px; }
  #tabs-section .accordion-item .title {
    font-size: 18px;
    font-weight: bold;
    color: #1d1d1b;
    width: 100%;
    margin-bottom: 35px;
    padding-left: 45px; }
    #tabs-section .accordion-item .title:before {
      content: ' - ';
      position: absolute;
      background: #fff;
      width: 31px;
      height: 31px;
      text-align: center;
      color: #21B8EC;
      border: 1px solid #21B8EC;
      border-radius: 50%;
      margin-left: -45px; }
    #tabs-section .accordion-item .title.collapsed:before {
      color: #21B8EC;
      border: 1px solid #21B8EC;
      text-align: center;
      content: ' + ';
      position: absolute;
      display: block;
      width: 31px;
      height: 31px;
      background: #fff;
      border-radius: 50%; }
  #tabs-section .accordion-item .accordion-body {
    padding: 0px 0 60px 0; }
    #tabs-section .accordion-item .accordion-body p:last-child {
      margin-bottom: 0; }

#title-repeator {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA; }
  #title-repeator .title {
    color: #21B8EC;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 80px; }
    #title-repeator .title:last-child {
      margin-bottom: 0; }

#form-section {
  padding-bottom: 0; }
  #form-section .container-fluid {
    background: linear-gradient(90deg, #fff 50%, #F7F7F7 50%); }
  #form-section .text {
    width: 100%; }
  #form-section .greybg {
    display: flex;
    justify-content: center;
    align-items: center; }
    #form-section .greybg form {
      margin: 0 auto;
      max-width: 800px; }
      #form-section .greybg form label a {
        color: #21B8EC !important; }
      #form-section .greybg form label.error {
        color: red;
        font-size: 12px;
        margin-top: -20px;
        display: block; }
      #form-section .greybg form label#tel_number-error {
        position: absolute;
        margin-top: 55px !important;
        color: red;
        left: -20px; }
      #form-section .greybg form input.account {
        padding-left: 20px; }
      #form-section .greybg form .country-select.inside input, #form-section .greybg form .country-select.inside input[type=text] {
        padding-left: 62px;
        padding-top: 21px !important; }
      #form-section .greybg form .dropdown-toggle:after {
        top: 27px;
        right: 19px; }
      #form-section .greybg form .checkbox-col {
        text-align: center;
        margin: 0 auto; }
        #form-section .greybg form .checkbox-col label {
          margin-top: 0px !important;
          margin-bottom: 20px !important; }
          #form-section .greybg form .checkbox-col label:before {
            top: 0px !important;
            display: block;
            position: relative; }
          #form-section .greybg form .checkbox-col label:after {
            top: 5px !important;
            display: block;
            position: relative; }
      #form-section .greybg form .country-input label {
        margin-top: -10px;
        position: absolute;
        z-index: 1;
        top: 15px;
        padding: 0 20px !important;
        font-size: 12px; }
      #form-section .greybg form .country-input .country-select {
        width: 100%; }
        #form-section .greybg form .country-input .country-select .flag-dropdown {
          padding-top: 20px;
          padding-left: 15px; }
      #form-section .greybg form .mobile-input label {
        margin-top: -10px;
        position: absolute;
        z-index: 1;
        top: 15px;
        padding: 0 20px !important;
        font-size: 12px; }
      #form-section .greybg form .mobile-input .iti {
        width: 100%; }
        #form-section .greybg form .mobile-input .iti .iti__selected-flag {
          padding-top: 20px;
          background: none;
          padding-left: 20px; }
        #form-section .greybg form .mobile-input .iti input {
          padding-top: 20px !important;
          color: #1d1d1b;
          font-size: 14px; }
      #form-section .greybg form .col-lg-6 {
        position: relative; }
      #form-section .greybg form .field-label {
        display: block;
        position: absolute;
        right: 15px;
        top: 18px; }
        #form-section .greybg form .field-label label {
          color: #1B222A; }
        #form-section .greybg form .field-label .field-tooltip {
          left: -15px;
          top: 2px;
          position: relative;
          transition: visibility ease 0.5s; }
          #form-section .greybg form .field-label .field-tooltip:after {
            content: url("../img/light-info-icon.svg"); }
          #form-section .greybg form .field-label .field-tooltip:hover .tooltip-text {
            visibility: visible; }
          #form-section .greybg form .field-label .field-tooltip .tooltip-text {
            visibility: hidden;
            width: 270px;
            background-color: #fff;
            font-weight: 300;
            font-size: 12px !important;
            padding: 10px;
            line-height: 1.6;
            position: absolute;
            z-index: 1;
            transform: translateY(-50%);
            right: -25px;
            top: -40px;
            color: #909090;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
      #form-section .greybg form input {
        margin-bottom: 30px; }
      #form-section .greybg form input[type="submit"] {
        display: flex;
        justify-content: center;
        margin-bottom: 0px;
        width: 300px; }
      #form-section .greybg form .bottom-text {
        margin-top: 21px; }
        #form-section .greybg form .bottom-text .title {
          font-weight: bold;
          font-size: 14px;
          margin-bottom: 20px; }
        #form-section .greybg form .bottom-text p, #form-section .greybg form .bottom-text a {
          font-size: 14px;
          line-height: 22px;
          text-transform: none; }
        #form-section .greybg form .bottom-text p {
          margin-bottom: 20px; }
          #form-section .greybg form .bottom-text p:last-child {
            margin-bottom: 0; }
        #form-section .greybg form .bottom-text a {
          text-decoration: none !important; }

form > div.row.m-0 > div:nth-child(2) > div {
  margin-left: 20px; }
  form > div.row.m-0 > div:nth-child(2) > div i {
    margin-left: -30px; }

.highlight {
  background-color: yellow;
  border-radius: .125em; }

@media (min-width: 1600px) {
  .iti__country-list {
    width: 298px; } }
@media (min-width: 991px) {
  #tabs li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; } }
@media (min-width: 1400px) {
  #form-section .center-block {
    padding: 0 90px; } }
@media (min-width: 992px) and (max-width: 1399px) {
  #form-section .center-block {
    padding: 30px; }

  #form-section form {
    width: 100% !important;
    padding: 0 30px; }
    #form-section form .col-lg-6 .code {
      width: 50px !important; }
    #form-section form .col-lg-6 input {
      width: 95% !important; }
      #form-section form .col-lg-6 input:nth-child(even) {
        text-align: left !important; } }
@media (max-width: 991px) {
  #top-section-talk .block .title {
    line-height: 31px; }

  #form-section .container-fluid {
    background: none !important; }
    #form-section .container-fluid .greybg {
      padding: 40px; }

  #top-text .row > *, #tabs-section .row > *, #title-repeator .row > * {
    padding-left: 40px;
    padding-right: 40px; }

  .search-header input[type="submit"] {
    width: auto !important;
    font-size: 12px;
    padding: 0 10px; }

  .accordion-item {
    padding: 0 40px !important;
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
    .accordion-item .title {
      margin-bottom: 35px;
      padding-left: 45px; }
    .accordion-item .accordion-body {
      padding: 0px 0 40px 0; }
      .accordion-item .accordion-body p:last-child {
        margin-bottom: 0; }

  .panel-title {
    margin-bottom: 0; }
    .panel-title a {
      background: #F7F7F7;
      width: 100%;
      color: #1d1d1b;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 18px;
      text-align: center;
      text-decoration: none !important;
      position: relative;
      display: block;
      padding: 30px;
      border: 1px solid #fff; }
    .panel-title a[aria-expanded="true"] {
      background: #21B8EC;
      color: #fff; }

  #title-repeator .title {
    margin-bottom: 30px !important; }

  #form-section .center-block {
    padding: 40px; }

  #form-section .greybg {
    height: auto;
    padding: 0px 0px 30px 0px; }
  #form-section form {
    width: 100% !important; }
    #form-section form .mobile-input {
      margin-bottom: 30px; }
    #form-section form .col-lg-6 .code {
      width: 50px !important; }
    #form-section form .col-lg-6 input {
      width: 100% !important; }
      #form-section form .col-lg-6 input:nth-child(even) {
        text-align: left !important; }
  #form-section form > div.row.m-0 > div:nth-child(2) > div {
    margin-left: 0px; }
    #form-section form > div.row.m-0 > div:nth-child(2) > div i {
      margin-left: -30px !important; } }
@media (max-width: 575px) {
  #s {
    padding-left: 10px !important;
    background: #fff !important; }
    #s::placeholder {
      font-size: 11px; }

  #searchsubmit {
    padding: 15px 20px !important;
    width: auto !important;
    font-size: 12px !important; }

  #form-section .greybg form input[type="submit"] {
    width: 100%; } }

/*# sourceMappingURL=help-centre.css.map */