@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.tab-panel-section {
  margin: 0 auto;
}

@media only screen and (min-width: 992px) {
  .tab-panel-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 54px;
  }
}

.tab-panel-nav {
  display: none;
}
@media only screen and (min-width: 992px) {
  .tab-panel-nav {
    display: block;
    position: sticky;
    align-self: start;
  }
}
.tab-panel-nav ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-nav ul {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tab-panel-nav ul {
    gap: 35px;
  }
}
@media only screen and (min-width: 992px) {
  .tab-panel-nav button {
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    font-family: "Sofia Pro";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    margin: 0;
  }
  .tab-panel-nav button::after {
    content: "";
    display: block;
    width: 0;
    height: 4px;
    background-image: linear-gradient(to right, #883D21, #C05630, #EDA58B);
    transition: width 0.3s ease;
    transform: translateY(10px);
  }
  .tab-panel-nav button:hover {
    color: #92C6C1;
  }
  .tab-panel-nav button.active::after {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .tab-panel-nav button {
    font-size: 28px;
  }
}

.tab-panel-content {
  display: block;
}
@media only screen and (min-width: 992px) {
  .tab-panel-content {
    position: relative;
  }
}

.tab-panel-item {
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
  position: relative;
}
.tab-panel-item.active .tab-panel-header-mobile::before {
  opacity: 0;
}
.tab-panel-item.active .tab-panel-body-mobile {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .tab-panel-item {
    display: none;
    animation: fadeIn 0.3s ease;
    margin-bottom: 0;
    box-shadow: none;
  }
  .tab-panel-item.active {
    display: block;
  }
}

.tab-panel-header-mobile {
  position: relative;
  cursor: pointer;
  min-height: 100px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  transition: all 0.3s ease;
  padding: 20px;
}
.tab-panel-header-mobile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(27, 30, 29, 0.5);
  z-index: 1;
  transition: all 0.3s ease;
}
.tab-panel-item.active .tab-panel-header-mobile::before {
  background: rgba(0, 0, 0, 0.6);
}
.tab-panel-header-mobile .tab-panel-hero-image--mobile {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) {
  .tab-panel-header-mobile {
    display: none;
  }
}
.tab-panel-header-mobile h3 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex: 1;
  line-height: 1.3;
  margin: 0;
  padding-right: 16px;
}

.tab-panel-toggle {
  position: relative;
  z-index: 2;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  transition: transform 0.3s ease;
  flex-shrink: 0;
}
.tab-panel-item.active .tab-panel-toggle {
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) {
  .tab-panel-toggle {
    display: none;
  }
}

.tab-panel-body-mobile {
  background: transparent;
  position: relative;
  z-index: 3;
  margin-top: -100px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media only screen and (min-width: 992px) {
  .tab-panel-body-mobile {
    overflow: visible;
  }
}

.tab-panel-body-inner {
  background-color: rgba(146, 198, 193, 0.1);
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-panel-item.active .tab-panel-body-inner {
  max-height: 2000px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-body-inner {
    display: flex;
    flex-direction: column;
    max-height: none;
    overflow: visible;
  }
}

.tab-panel-hero-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-hero-image {
    height: 350px;
    margin-bottom: 32px;
    order: 1;
  }
}
.tab-panel-hero-image--desktop {
  display: none;
}
@media only screen and (min-width: 992px) {
  .tab-panel-hero-image--desktop {
    display: block;
  }
}
@media only screen and (min-width: 992px) {
  .tab-panel-hero-image--mobile {
    display: none;
  }
}

.tab-panel-title {
  margin-bottom: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  padding: 0 20px;
  transition: padding 0.4s ease;
  height: 100px;
  cursor: pointer;
  user-select: none;
}
.tab-panel-title::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cpath d='M6.1502 14.9252C6.1502 14.1658 6.78301 13.533 7.5002 13.533H13.5752V7.45801C13.5752 6.74082 14.208 6.1502 14.9252 6.1502C15.6846 6.1502 16.2752 6.74082 16.2752 7.45801V13.533L22.3502 13.533C23.1096 13.533 23.7002 14.1658 23.7002 14.9252C23.7002 15.6424 23.1096 16.233 22.3502 16.233H16.2752V22.308C16.2752 23.0674 15.6846 23.7002 14.9252 23.7002C14.208 23.7002 13.5752 23.0674 13.5752 22.308L13.5752 16.233H7.5002C6.78301 16.2752 6.1502 15.6424 6.1502 14.9252Z' fill='white'/%3e%3c/svg%3e");
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.tab-panel-item.active .tab-panel-title::after {
  transform: rotate(360deg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cpath d='M22.4998 16.4998H7.6498C6.89043 16.4998 6.2998 15.9092 6.2998 15.1498C6.2998 14.4326 6.89043 13.7998 7.6498 13.7998H22.4998C23.217 13.7998 23.8498 14.4326 23.8498 15.1498C23.8498 15.9092 23.217 16.4998 22.4998 16.4998Z' fill='url(%23paint0_linear_1157_14547)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1157_14547' x1='6.2998' y1='15.1498' x2='23.8498' y2='15.1498' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23883D21'/%3e%3cstop offset='0.5' stop-color='%23C05630'/%3e%3cstop offset='1' stop-color='%23EDA58B'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
}
.tab-panel-item.active .tab-panel-title {
  margin-top: 0;
}
@media only screen and (min-width: 992px) {
  .tab-panel-title {
    font-size: 32px;
    margin-top: 0;
    padding: 60px 60px 0;
    background: transparent;
    box-shadow: none;
    order: 3;
    pointer-events: none;
    height: unset;
  }
  .tab-panel-title::after {
    display: none;
  }
}

.tab-panel-description {
  padding: 30px 24px 20px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-description {
    order: 4;
    padding: 40px 60px;
  }
}
.tab-panel-description p {
  font-family: "Sofia Pro";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tab-panel-description p:nth-last-child(1) {
  margin-bottom: 0;
  margin-block-end: 0 !important;
}
@media only screen and (min-width: 992px) {
  .tab-panel-description p {
    font-size: 18px;
  }
}
.tab-panel-description h3 {
  margin-bottom: 20px;
}
.tab-panel-description h3:last-child {
  margin-bottom: 0;
}

.tab-panel-logos {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 24px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-logos {
    order: 2;
    gap: 50px;
    padding: 40px 60px 0;
  }
}
.tab-panel-logos img {
  height: auto;
  width: 130px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-logos img {
    width: 300px;
  }
}

.tab-panel-btn-wrapper {
  padding: 20px 24px 40px;
}
@media only screen and (min-width: 992px) {
  .tab-panel-btn-wrapper {
    order: 5;
    padding: 0 60px 60px;
  }
}
.tab-panel-btn-wrapper .btn {
  background-color: transparent;
}

.has-charcoal-background-color .tab-panel-section .tab-panel-nav .tab-panel-nav-btn {
  color: #FFFFFF;
}
.has-charcoal-background-color .tab-panel-section .btn--outline-copper-gradient {
  background-image: linear-gradient(#2D3634, #2D3634), linear-gradient(to right, #883D21, #C05630, #EDA58B);
}

/*# sourceMappingURL=vertical-tab.css.map */