.privacy_andTerms {
    padding: 32px 0 96px;
}

.privacy_andTerms .breadcrumb {
    margin: 0 0 32px;
    flex-wrap: nowrap;
    background: var(--color-white);
    padding: 10px 0;
}

.privacy_andTerms .breadcrumb-item {
    font: normal normal 500 18px/26px var(--font-primary);
    color: var(--Gray-Mode-700);
    letter-spacing: 0.035px;
}

.privacy_andTerms .breadcrumb-item a {
    color: var(--color-primary);
    text-decoration: none;
}

.privacy_andTerms .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.privacy_andTerms .breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../../images/common-img/chevron-right.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 8px;
}

.privacy_andTerms .left_pannel {
    padding: 32px 8px;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--Gray-Mode-50);
    position: sticky;
    top: 0;
}

.privacy_andTerms .left_pannel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.privacy_andTerms .left_pannel ul li .btn {
    font: normal normal 400 16px / 24px var(--font-primary);
    color: var(--Gray-Mode-700);
    letter-spacing: 0.16px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    text-align: start;
    gap: 8px;
    text-decoration: none;
}

.privacy_andTerms .left_pannel ul li.active .btn {
    color: var(--color-primary);
}

.privacy_andTerms .left_pannel ul li a img {
    width: 20px;
    height: auto;
}

.privacy_andTerms .right_pannel {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.privacy_andTerms .right_pannel .card_title {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--Gray-Mode-200);
    padding-bottom: 24px;
}

.privacy_andTerms .right_pannel .card_title h4 {
    font: normal normal 600 30px/36px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: -0.075px;
}

.privacy_andTerms .right_pannel .card_title p {
    color: var(--Gray-Mode-700);
    font-weight: 300;
}

.privacy_andTerms .right_pannel .card_block {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.privacy_andTerms .right_pannel .card_block h5 {
    color: var(--Gray-Mode-950);
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.02px;
}

.privacy_andTerms .right_pannel .card_block p {
    color: var(--Gray-Mode-700);
    font-weight: 300;
}

.privacy_andTerms .right_pannel .card_block p b {
    font-weight: 400;
}

.privacy_andTerms .right_pannel .card_block ul {
    padding-left: 1.6rem;
    margin: 0;

}

.privacy_andTerms .right_pannel .card_block .ulWith_space {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.privacy_andTerms .right_pannel .card_block ul li {
    font: normal normal 300 16px/24px var(--font-primary);
    color: var(--Gray-Mode-700);
    letter-spacing: 0.16px;
}

/*=========Responsive CSS Start==============*/

@media only screen and (min-width: 1200px) and (max-width: 1439px) {}

@media only screen and (max-width: 767px) {
    .privacy_andTerms {
        padding: 24px 0;
    }

    .privacy_andTerms .breadcrumb {
        margin: 0 0 16px;
        padding: 0;
    }

    .privacy_andTerms .left_pannel {
        display: none;
    }

    .privacy_andTerms .breadcrumb-item {
        font: normal normal 500 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }

    .privacy_andTerms .breadcrumb-item+.breadcrumb-item::before {
        width: 14px;
        height: 14px;
        margin: 0 4px;
    }

    .privacy_andTerms .right_pannel {
        gap: 12px;
    }

    .privacy_andTerms .right_pannel .card_title h4 {
        font: normal normal 600 20px / 26px var(--font-primary);
        letter-spacing: normal;
    }

    .privacy_andTerms .right_pannel .card_title {
        gap: 6px;
        padding-bottom: 12px;
    }

    .privacy_andTerms .right_pannel .card_block h5 {
        font: normal normal 500 16px / 24px var(--font-primary);
        letter-spacing: 0.024px;
    }

    .privacy_andTerms .right_pannel .card_block {
        gap: 4px;
    }

    .privacy_andTerms .right_pannel .card_block ul {
        padding-left: 1.4rem;
    }

    .privacy_andTerms .right_pannel .card_block ul li {
        font: normal normal 300 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }
}

/*=========Responsive CSS End==============*/