* {
  box-sizing: border-box; }

/* Darkest Navy */
/* Cobalt Blue */
/* Navy */
/* Navy */
/* White Linen */
/* Pink Energy */
/* Green Verve */
/* Orange Zeal */
.tabs-block__container {
  max-width: 66.25rem; }

.tabs-block__content {
  display: flex;
  flex-wrap: wrap; }

.tabs-block__tabs-nav {
  width: 36%;
  padding: 9.375rem 0 8.125rem; }

.tabs-block__tabs-content {
  width: 64%;
  padding: 9.375rem 0 8.125rem 8.125rem;
  background-size: cover;
  background-position: center; }

.tabs-block__heading h2 {
  margin-bottom: 1.875rem;
  font-family: "DM Serif Display", serif;
  font-size: 4.625rem;
  font-weight: 400;
  line-height: 5rem; }
  @media screen and (max-width: 767px) {
    .tabs-block__heading h2 {
      font-size: 3.375rem;
      line-height: 3.125rem; } }
  .tabs-block__heading h2::after {
    margin-top: 1.875rem; }

.tabs-block__heading span {
  display: block;
  font-family: "proxima-nova", "Open Sans", sans-serif;
  font-size: 3.25rem;
  font-weight: 700; }

.tabs-block.with-border .tabs-block__tabs-content {
  border-left: 1px solid #cacaca; }

@media screen and (max-width: 991px) {
  .tabs-block__tabs-nav {
    padding: 3.125rem 0 1.875rem; }
  .tabs-block__tabs-content {
    padding: 3.125rem 0 1.875rem 3.125rem; } }

@media screen and (max-width: 767px) {
  .tabs-block {
    background: none !important; }
    .tabs-block__container {
      padding: 0; }
    .tabs-block__tabs-nav {
      width: 100%;
      padding: 3.125rem 1.875rem 1.875rem; }
    .tabs-block__tabs-content {
      width: 100%;
      padding: 0 1.875rem;
      border: none; } }

.tabs-nav {
  list-style: none;
  position: relative;
  padding: 0 4.375rem 0 0;
  margin: 0; }
  @media screen and (max-width: 767px) {
    .tabs-nav {
      display: none !important; } }
  .tabs-nav__item a {
    display: block;
    padding: 1.875rem 0;
    color: inherit;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.875rem;
    text-decoration: none;
    opacity: .7; }
    .tabs-nav__item a.selected {
      opacity: 1; }
    .tabs-nav__item a:hover, .tabs-nav__item a:focus, .tabs-nav__item a:active {
      color: #0075F2; }
  .tabs-nav__item:not(:last-child) {
    border-bottom: 2px solid #e3e3e3; }
  .tabs-nav li.indicator {
    position: absolute;
    right: -6px;
    top: 11.875rem;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    background-color: #0075F2;
    border: none;
    outline: 5px solid #fff;
    transition: all 0.3s ease-in-out; }
    @media screen and (max-width: 767px) {
      .tabs-nav li.indicator {
        right: 30px; } }

.tab-panel {
  display: none;
  padding-top: 1.875rem;
  opacity: 1; }
  .tab-panel:first-of-type {
    display: block; }
  @media screen and (max-width: 767px) {
    .tab-panel {
      display: none;
      padding: 1.875rem 0 !important; }
      .tab-panel:not(:last-of-type).current {
        border-bottom: 2px solid #e3e3e3; } }
  .tab-panel h3 {
    margin-bottom: 2.5rem;
    font-family: "proxima-nova", "Open Sans", sans-serif;
    font-size: 2.25rem;
    font-weight: 700; }
  .tab-panel p:not(:last-child) {
    margin-bottom: 3.125rem; }
  .tab-panel__tab {
    display: none;
    padding: 1.875rem !important;
    color: inherit !important;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1.875rem;
    text-decoration: none;
    opacity: .7;
    text-align: left; }
    .tab-panel__tab:not(:last-of-type) {
      border-bottom: 2px solid #e3e3e3 !important; }
    .tab-panel__tab::before {
      top: 40px;
      background-color: transparent !important; }
    .tab-panel__tab:focus {
      text-decoration: none; }
    @media screen and (max-width: 767px) {
      .tab-panel__tab {
        display: block; }
        .tab-panel__tab.expanded {
          opacity: 1;
          border: none !important; }
          .tab-panel__tab.expanded::before {
            background-color: #0075F2 !important; } }
  .tab-panel__content {
    margin-bottom: 1.875rem;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem; }
    .tab-panel__content img {
      max-width: 300px;
      aspect-ratio: 16/9;
      object-fit: cover;
      object-position: top; }
    .tab-panel__content:first-letter {
      color: #0075F2;
      font-family: "DM Serif Display", serif;
      font-size: 6.75rem;
      font-weight: 400;
      line-height: 5.5rem;
      text-transform: uppercase;
      float: left;
      margin-right: 15px; }
  .tab-panel__image-wrap {
    position: relative; }
    .tab-panel__image-wrap.one-image img {
      width: 100%;
      margin-top: 10.625rem; }
    .tab-panel__image-wrap.two-images {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .tab-panel__image-wrap.two-images img {
        width: 65%; }
        .tab-panel__image-wrap.two-images img:first-child {
          position: relative; }
        .tab-panel__image-wrap.two-images img:last-child {
          position: relative;
          width: calc(65% + 1.25rem);
          margin-top: 10.625rem;
          margin-left: -50%;
          border-top: 20px solid;
          border-left: 20px solid;
          border-color: inherit; }
