/* =========================================================
    SECTION TYPOGRAPHY
        ========================================================= */

    .jai-team-label {
        color: var(--goldprimary);
        font-family: var(--primaryFont);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .jai-team-title {
        color: var(--titleColor);
        font-family: var(--primaryFont);
        font-weight: 500;
    }

    .jai-team-description {
        color: var(--secondarytext);
        font-family: var(--primaryFont);
    }


    /* =========================================================
   HORIZONTAL SCROLL
========================================================= */

    .jai-team-slider {
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-behavior: smooth;
        cursor: grab;
    }

    .jai-team-slider::-webkit-scrollbar {
        display: none;
    }


    /* =========================================================
   EXACTLY 4 CARDS ON DESKTOP
========================================================= */

    .jai-team-card {
        width: calc(25% - 12px);
        min-width: calc(25% - 12px);

        background: #fff;
        border: 1px solid rgba(22, 34, 53, .10);

        transition: var(--transition);

        user-select: none;
    }

    .jai-team-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 30px rgba(22, 34, 53, .08);
    }


    /* =========================================================
   IMAGE
========================================================= */

    .jai-team-photo {
        width: 100%;
        height: 285px;
        overflow: hidden;
        background: #f1f2f3;
    }

    .jai-team-photo img {
        width: 100%;
        height: 100%;
        display: block;

        object-fit: cover;
        object-position: center top;

        transition: transform .5s ease;
    }

    .jai-team-card:hover .jai-team-photo img {
        transform: scale(1.03);
    }


    /* =========================================================
   CARD CONTENT
========================================================= */

    .jai-team-info {
        padding: 20px;
    }

    .jai-team-info h4 {
        color: var(--primarytext);
        font-family: var(--primaryFont);

        font-size: 19px;
        line-height: 1.3;
        font-weight: 600;

        margin: 0 0 6px;
    }

    .jai-team-info>span {
        display: block;

        color: var(--secondarytext);

        font-family: var(--primaryFont);
        font-size: 12px;
        line-height: 1.5;

        min-height: 38px;
        margin-bottom: 12px;
    }

    .jai-team-info p {
        color: var(--paraColor);

        font-family: var(--primaryFont);
        font-size: 12px;
        line-height: 1.6;

        min-height: 58px;
        margin-bottom: 16px;
    }


    /* =========================================================
   VIEW PROFILE / VIEW MORE
========================================================= */

    .jai-profile-btn {
            display: inline-flex;
            align-items: center;
            gap: 8px;

            margin-top: 16px;

            padding: 8px 13px;

            background: transparent;

            border: 1px solid #d9b36e;
            border-radius: 5px;

            color: #a8731e;

            font-size: 11px;
            font-weight: 600;

            cursor: pointer;

            transition: .25s ease;
        }

    .jai-profile-btn:hover {
        color: white;
    }

    .jai-profile-btn b {
        font-size: 15px;
        font-weight: 400;
    }


    /* =========================================================
   ARROWS
========================================================= */

    .jai-slider-btn {
        width: 44px;
        height: 44px;

        border: 1px solid rgba(22, 34, 53, .20);
        border-radius: 50%;

        background: #fff;

        color: var(--primarytext);

        font-family: var(--primaryFont);
        font-size: 18px;

        transition: var(--transition);

        cursor: pointer;
    }

    .jai-slider-btn:hover {
        background: var(--primarytext);
        border-color: var(--primarytext);
        color: #fff;
    }


    /* =========================================================
   VIEW MORE TEAM
========================================================= */

    .jai-view-team-btn {
        background: var(--primarytext);
        border-color: var(--primarytext);

        color: #fff;

        font-family: var(--primaryFont);
        font-size: 13px;
        font-weight: 600;

        transition: var(--transition);
    }

    .jai-view-team-btn:hover {
        background: var(--goldprimary);
        border-color: var(--goldprimary);
        color: #fff;
    }


    /* =========================================================
   TABLET
========================================================= */

    @media (max-width: 991px) {

        .jai-team-card {
            width: calc(50% - 8px);
            min-width: calc(50% - 8px);
        }

    }


    /* =========================================================
   MOBILE
========================================================= */

    @media (max-width: 575px) {

        .jai-team-card {
            width: 82%;
            min-width: 82%;
        }

        .jai-team-photo {
            height: 300px;
        }

    }