html {
    scroll-behavior: auto !important;
}
.section-container {
    padding: 0;
}
.section-title {
    text-align: center;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

#hero-section {
    padding: 170px 20px 80px;
    background: var(--banner-bg);
    color: var(--color-white);
}
#hero-section .col-left {
    width: 50%;
}
#hero-section .page-title {
    margin-bottom: 20px;
    color: var(--color-white);
}
#hero-section .description p {
    padding-right: 40px;
    color: var(--color-white);
}

#about-inner-menu a {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0 12px;
    font-weight: 600;
    color: var(--color-white);
}

#who-we-are {
    max-width: 790px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}
#who-we-are p a {
    background: var(--color-link-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: var(--font-weight-bold);
}

#our-values {
    padding: 80px 0;
    text-align: center;
    background: var(--color-gray-100);
}
#our-values .values-cards-title {
    padding: 20px 0;
    font-weight: 700;
}
#our-values .values {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
}
#our-values .values .card-item {
    position: relative;
    width: 49%;
    perspective: 1000px;
    transform-style: preserve-3d;
}
#our-values .values .card-item .card-front {
    transform: none;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    z-index: 1;
    height: 100%;
    padding: 35px;
    border-radius: 6px;
    transition: transform .5s;
}
#our-values .values .card-item:hover .card-front {
    transform: rotateX(180deg) rotateY(0);
}
#our-values .values .card-item:hover .card-back {
    transform: none;
    font-weight: 500;
}
#our-values .values .card-item .card-front .front-inner {
    height: 100%;
}
#our-values .values .card-item .img-wrapper {
    flex-shrink: 0;
    display: flex;
    width: 33%;
    margin-right: 20px;
}
#our-values .values .card-item img {
    max-height: 170px;
    width: auto;
    object-fit: contain;
    align-self: center;
}
#our-values .values .card-item .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#our-values .values .card-item .content-wrapper,
#our-values .values .card-item .card-title {
    color: var(--color-white);
}
#our-values .values .card-item .read-more {
    font-weight: 500;
}

#our-values .values .card-item .card-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 35px;
    background: var(--color-white);
    border-radius: 6px;
    border: 1px solid var(--color-border-default);
    transform: rotateX(-180deg) rotateY(0);
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: transform .5s;
}
#our-values .text-after-cards {
    max-width: 900px;
    margin: 44px auto 0.9rem;
}

#our-story {
    padding: 100px 0;
}
#our-story .section-title {
    padding-bottom: 50px;
}
#our-story .timeline-wrapper {
    position: relative;
    z-index: 1;
}
#our-story .timeline-item {
    position: relative;
}
#our-story .timeline-item .img-wrapper {
    float: left;
    width: 21%;
    margin-right: 50px;
}
#our-story .timeline-item .dot-wrapper {
    float: left;
    height: 100%;
    margin-right: 30px;
    padding-top: 31px;
}
#our-story .timeline-item .dot-wrapper .dot {
    position: relative;
    z-index: 2;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 3px solid var(--blue);
    background: var(--color-white);
}
#our-story .timeline-item .dot-wrapper:after {
    content: "";
    position: absolute;
    top: 33px;
    bottom: 0;
    height: 100%;
    width: 1px;
    margin-left: 6px;
    background: var(--color-text-secondary);
}
#our-story .timeline-item:last-child .dot-wrapper:after {
    height: 50%;
}
#our-story .timeline-item .content-wrapper {
    float: left;
    width: 65%;
}
#our-story .timeline-item .content-wrapper .content-bubble {
    position: relative;
    margin-bottom: 30px;
    padding: 16px 20px 20px;
    background: var(--color-bg-blockquote);
}
#our-story .timeline-item .content-wrapper .content-bubble:before {
    content: "";
    position: absolute;
    top: 30px;
    left: -16px;
    border-width: 8px 16px 8px 0;
    border-color: transparent var(--color-bg-blockquote) transparent transparent;
    border-style: solid;
}

#awards {
    padding: 100px 0;
    background: var(--color-gray-100);
}
#awards .awards-wrapper {
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    /* overflow: auto; */
}
#awards .awards-wrapper .img-wrapper {
    width: 166px;
    max-width: 220px;
    flex-shrink: 0;
    padding: 10px 0;
    text-align: center;
}
#awards .awards-wrapper .img-wrapper:first-child img {
    width: 100%;
    max-width: 200px;
}

#leadership {
    position: relative;
    padding: 142px 0;
    background: url('../img/about-leadership-bg.svg') no-repeat top left;
}
#leadership:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 443px;
    height: 505px;
    background: url('../img/about-leadership-bottom.svg') no-repeat;
}
#leadership .section-title {
    margin-bottom: 86px;
    font-weight: 800;
}
#leadership .members-section {
    width: 916px;
    max-width: 100%;
    margin: 0 auto 67px;
}
#leadership .members-section + .members-section {
    width: 1168px;
    margin-bottom: 96px;
}
#leadership .members-section .sub-section-title {
    margin-bottom: 78px;
    padding: 0;
    text-align: center;
}
#leadership .members-items {
    justify-content: space-between;
    flex-wrap: wrap;
}
#leadership .section-title + .members-section .members-items {
    justify-content: center;
    margin: 0 -80px;
}
#leadership .members-items .member {
    flex-direction: column;
    align-items: center;
    /* width: 289px; */
    width: 280px;
    margin-bottom: 40px;
    cursor: pointer;
}
#leadership .section-title + .members-section .members-items .member:nth-child(n+4) {
    flex-basis: 25%;
}
#leadership .members-items .member img {
    display: block;
    width: 169px;
    height: 169px;
    border-radius: 50%;
}
#leadership .members-items .member .member-name {
    margin-top: 24px;
    margin-bottom: 0.5rem;
    font-size: var(--font-size-md);
}
#leadership .members-items .member .member-role {
    font-size: var(--font-size-sm);
    font-weight: 700;
    background: var(--color-link-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#leadership .members-items .member .member-bio {
    display: none;
}

@media screen and (max-width: 1920px) {
  #leadership:after {
    transform: scale(0.8);
    transform-origin: bottom right;
  }
}

@media screen and (max-width: 1499px) {
  #leadership:after {
    transform: scale(0.67);
  }
}

@media screen and (max-width: 1023px) {
  #leadership:after {
    transform: scale(0.5);
  }
}
@media screen and (max-width: 767px) {
  #leadership:after {
    transform: scale(0.4);
  }
}

#leadership-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9000;
}
#leadership-popup.show {
    display: flex;
}
#leadership-popup .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--blue);
    opacity: .49;
}
#leadership-popup .popup-main {
    position: relative;
    width: 1224px;
    max-width: 95%;
    max-height: 92vh;
    padding: 100px 104px;
    background: var(--color-white);
    border-radius: 5px;
    box-shadow: 0px 1.8px 3.1px 0px rgba(0, 0, 0, 0.02), 0px 8px 6.5px 0px rgba(0, 0, 0, 0.03), 0px 20px 13px 0px rgba(0, 0, 0, 0.04), 0px 38.5px 25.481px 0px rgba(0, 0, 0, 0.04), 0px 64.8px 46.852px 0px rgba(0, 0, 0, 0.05), 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
#leadership-popup .popup-main .close-btn {
    position: absolute;
    top: 40px;
    right: 40px;
}
#leadership-popup .popup-main .popup-content {
    align-items: center;
    height: 100%;
}
#leadership-popup .popup-main .details-wrapper {
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 310px;
    margin-right: 40px;
}
#leadership-popup .popup-main .details-wrapper img {
    width: 288px;
    height: auto;
    border-radius: 50%;
    margin-bottom: 20px;
}
#leadership-popup .popup-main .bio-wrapper {
    height: 100%;
    overflow: auto;
}
#leadership-popup .popup-main .details-wrapper .member-name {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    text-align: center;
    color: var(--color-brand-primary);
}
#leadership-popup .popup-main .details-wrapper .member-role {
    font-size: var(--font-size-sm);
    font-weight: 700;
}

.investors {
    margin-bottom: 155px;
    text-align: center;
}
.investors .sub-section-title {
    margin-bottom: 67px;
}
.investors .logos {
    justify-content: space-between;
    align-items: center;
    /* width: 1048px; */
    margin: 0 auto;
}
.investors .logos .logo {
    width: 288px;
    height: 149px;
    border-radius: 5px;
    border: 1px solid var(--color-border-default);
}
.investors .logos .logo img {
    max-width: 182px;
    max-height: 74px;
}

.join-tigera {
    padding: 100px 0;
    text-align: center;
    background: var(--color-gray-100);
}

@media (max-width: 1223px) {
    .section-container {
        max-width: 1100px !important;
    }
    #leadership {
        background-size: 325px;
    }
    #leadership .section-title + .members-section .members-items {
        margin: 0 -40px;
    }
    .investors .logos .logo {
        max-width: 24%;
    }
}

@media (max-width: 1099px) {
    .section-container {
        padding: 0 20px;
    }
    #awards .awards-wrapper {
        gap: 14px;
    }
    #awards .awards-wrapper .img-wrapper {
        width: 152px;
    }
    #our-values .values .card-item {
        width: 48%;
    }
    #leadership .section-title + .members-section .members-items {
        margin: 0 -20px;
    }
    #leadership-popup .popup-main {
        padding: 80px;
    }
    #leadership-popup .popup-main .details-wrapper {
        width: 260px;
    }
    #leadership-popup .popup-main .details-wrapper img {
        width: 230px;
    }
}

@media (max-width: 1023px) {
    #hero-section .col-left {
        width: 100%;
        text-align: center;
    }
    #hero-section .description p {
        padding-right: 0;
    }
    #our-values .values .card-item {
        width: 100%;
    }
    #who-we-are,
    #our-values,
    #our-story,
    #awards,
    #leadership,
    .join-tigera {
        padding: 80px 0;
    }
    #our-values .values .card-item .card-title {
        margin-bottom: 30px;
    }
    #our-values .values .card-item .content-wrapper {
        justify-content: flex-start;
    }
    #our-story .timeline-item .img-wrapper {
        width: 22%;
        margin-right: 3%;
    }
    #leadership {
        background-size: 235px;
    }
    #leadership .members-section,
    #leadership .members-section + .members-section {
        width: 636px;
    }
    #leadership .section-title + .members-section .members-items .member:nth-child(n+4) {
        flex-basis: auto;
    }
    #leadership-popup .popup-main {
        padding: 60px 40px;
    }
    #leadership-popup .popup-main .details-wrapper {
        width: 220px;
    }
    #leadership-popup .popup-main .details-wrapper img {
        width: 190px;
    }
    h4:after,
    #leadership .members-items .member .member-name:after {
        display: none;
    }
    #leadership-popup .popup-main .details-wrapper .member-name {
        font-size: 28px;
    }
    .investors .logos {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .investors .logos .logo {
        max-width: 48%;
        margin: 0 1% 20px;
    }
}

@media (max-width: 767px) {
    .section-title {
        line-height: 1.3;
    }
    .inner-nav-wrapper {
        top: 77px;
    }
    .admin-bar .inner-nav-wrapper {
        top: 127px;
    }
    #about-inner-menu {
        overflow: auto;
    }
    #about-inner-menu a {
        white-space: nowrap;
    }
    #who-we-are {
        padding: 50px 20px;
    }
    #who-we-are .btns-wrapper {
        flex-direction: column;
        margin-top: 20px;
    }
    #our-values,
    #our-story,
    #leadership,
    .join-tigera {
        padding: 50px 0;
    }
    #awards {
        padding: 50px 0 90px;
    }
    #our-values .values .card-item {
        min-height: 330px;
        margin-bottom: 28px;
    }
    #our-values .values .card-item .card-front {
        position: absolute;
    }
    #our-values .values .card-item .card-back {
        position: static;
    }
    #our-values .values .card-item .card-front .front-inner {
        align-items: center;
    }
    #our-story .section-title {
        font-size: var(--font-size-5xl);
    }
    #our-story .timeline-item .img-wrapper {
        display: none;
    }
    #our-story .timeline-item .content-wrapper {
        width: 85%;
    }
    /* #awards .awards-wrapper {
        flex-direction: column;
    }
    #awards .awards-wrapper .img-wrapper {
        width: 100%;
    } */
    #leadership {
        background-size: 135px;
    }
    #leadership .section-title {
        margin-top: 60px;
    }
    #leadership .members-items .member {
        margin: 0 auto 40px;
    }
    #leadership-popup .popup-main {
        max-height: 90vh;
        overflow: auto;
        padding: 35px 25px;
    }
    #leadership-popup .popup-main .close-btn {
        top: 20px;
        right: 20px;
    }
    #leadership-popup .popup-main .popup-content {
        flex-direction: column;
    }
    #leadership-popup .popup-main .details-wrapper {
        margin-right: 0;
        margin-bottom: 40px;
    }
    .investors {
        margin-bottom: 35px;
    }
    .investors .logos .logo {
        width: 100%;
        max-width: 100%;
    }
}


.splide__slide {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1559px) {
    .splide__arrow--next {
        right: 0;
    }
    .splide__arrow--prev {
        left: 0;
    }
}
@media screen and (max-width: 1199px) {
    .splide__arrow--next {
        right: -10px;
    }
}