.b-service-tabs__items {
  display: none; }
  @media (min-width: 768px) {
    .b-service-tabs__items {
      display: block; } }

.b-service-tabs__item.is-selected .b-service-tabs__item__items {
  display: block; }

.b-service-tabs__item.is-selected span > svg {
  color: #195EE2;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.b-service-tabs__item__link {
  display: block;
  padding: 1px;
  border-bottom: none;
  border-radius: .75rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#034FE2), to(#08A8F1));
  background: -o-linear-gradient(top, #034FE2, #08A8F1);
  background: linear-gradient(180deg, #034FE2, #08A8F1);
  -webkit-box-shadow: 0px 4px 24px rgba(19, 40, 82, 0.07);
          box-shadow: 0px 4px 24px rgba(19, 40, 82, 0.07); }
  @media (min-width: 768px) {
    .b-service-tabs__item__link:hover > span {
      color: #08A8F1; } }
  .b-service-tabs__item__link > span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    color: #222222;
    font-weight: bold;
    padding: 1.25rem 1.5rem;
    border-radius: .625rem;
    background-color: #fff; }
    .b-service-tabs__item__link > span > svg {
      width: 16px;
      height: 8px;
      margin-left: auto;
      color: #DADEE7;
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }

.b-service-tabs__item__items {
  display: none;
  padding-top: .5rem; }
  .b-service-tabs__item__items > li {
    display: inline-block;
    width: 100%;
    background-color: #F1F4F6; }
    .b-service-tabs__item__items > li.is-selected {
      background: -o-linear-gradient(174.44deg, #034FE2 1.13%, #08A8F1 104.58%);
      background: linear-gradient(275.56deg, #034FE2 1.13%, #08A8F1 104.58%); }
      .b-service-tabs__item__items > li.is-selected > a {
        color: #fff; }
    .b-service-tabs__item__items > li + li {
      border-top: 1px solid #DADEE7; }
  .b-service-tabs__item__items a {
    display: inline-block;
    font-weight: bold;
    font-size: .875rem;
    color: #222222;
    text-decoration: none;
    padding: .875rem 1.25rem;
    border-bottom: none; }
    @media (min-width: 768px) {
      .b-service-tabs__item__items a {
        font-weight: normal;
        font-size: 1rem;
        padding: 1.25rem 1.5rem; } }

.b-service-tabs__item + .b-service-tabs__item {
  margin-top: 1rem; }
  @media (min-width: 768px) {
    .b-service-tabs__item + .b-service-tabs__item {
      margin-top: 1.5rem; } }

.b-service-tabs__button {
  padding-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .b-service-tabs__button {
      display: none; } }
  .b-service-tabs__button > button {
    width: 100%;
    text-align: center; }

.b-service-tabs__modal .modal-header {
  padding-top: 1.25rem; }
  .b-service-tabs__modal .modal-header .close {
    top: .8rem;
    right: .8rem; }

.b-service-tabs__modal .b-service-tabs__items {
  display: block; }

.b-service-tabs__modal__body {
  padding-top: 1rem; }