@font-face {
  font-family: A2StandardSansRegular;
  src: url('./../../fonts/A2StandardSans-Regular.otf');
}
@font-face {
  font-family: A2StandardSansBold;
  src: url('./../../fonts/A2StandardSans-BoldWEB.woff2');
}

:root {
    --A2StandardSansRegular: "A2StandardSansRegular";
    --A2StandardSansBold: "A2StandardSansBold";
    --brandColor: #BA0018;
    --colorWhite: #ffffff;
    --colorBlack: #000000;
}
.privacy-policy-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.privacy-heading {
    width: 100%;
    font-family: var(--A2StandardSansBold);
    font-size: 24px;
    line-height: 29px;
    color: var(--brandColor);
    margin-top: 34px;
    text-align: center;
    transition: all .5s ease;
}
.privacy-policy-main-container {
    width: 100%;
}

.privacy-policy-intro {
    font-family: var(--A2StandardSansRegular);
    font-size: 12px;
    line-height: 18px;
    margin: 21px 0 63px 0;
}

.privacy-policy-tabs-wrapper {
    width: 100%;
}

.privacy-policy-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
}

.tab-1, .tab-2 {
    width: 170px;
    border-radius: 12px;
    border: 1px solid var(--brandColor);
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin: 0 10px;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: var(--A2StandardSansRegular);
}

.active-tab {
    background: var(--brandColor);
    color: var(--colorWhite);
}
.active-border-bottom {
    width: 185px;
    height: 1px;
    background: var(--brandColor);
    position: absolute;
    bottom: -5px;
    left: 0;
    transition: all .5s ease;
}
.privacy-button {
    width: 256px;
    border-radius: 12px;
    border: 1px solid var(--brandColor);
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    margin: 0 10px;
    height: 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: var(--brandColor);
    color: var(--colorWhite);
    margin-bottom: 24px;
    position: relative;
    font-family: var(--A2StandardSansRegular);
}

.us-buttons-wrapper, .others-buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 45px 0 65px 0;
    flex-direction: column;
}


.data-collect-img, .cookie-policy-img, .protect-data-img, .rights-choices-img, .contact-us-img {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 15px;
}

.data-collect-content-wrapper, .cookie-policy-content-wrapper, .protect-data-content-wrapper, .rights-choices-content-wrapper, .contact-us-content-wrapper {
    display: none;
    width: 100%;
}

.description-heading {
    font-size: 18px;
    line-height: 22px;
    color: var(--brandColor);
    cursor: pointer;
    font-family: var(--A2StandardSansRegular);
    padding: 25px 0;
    position: relative;
}
.intro {
    font-family: var(--A2StandardSansRegular);
    font-size: 16px;
    line-height: 18px;
    color: var(--colorBlack);
}
.description-text {
    font-size: 12px;
    line-height: 18px;
    font-family: var(--A2StandardSansRegular);
    color: var(--colorBlack);
}

.heading-animation {
    transition: all .5s ease;
    font-size: 16px;
}
.back-btn 
{
    display: none;
}
@media screen and (min-width: 800px) and (max-width: 950px) {

}
@media screen and (min-width: 1025px) {
    .privacy-policy-wrapper {
        max-width: 935px;
        margin: 0 auto;
    }
    .privacy-heading {
        font-size: 40px;
        line-height: 48px;
        text-align: left;
    } 
    .privacy-policy-tabs {
        max-width: 640px;
     }
    .privacy-policy-tabs-wrapper {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .back-btn {
        display: block;
        width: 93px;
        border-radius: 12px;
        border: 1px solid var(--brandColor);
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        margin: 0 10px;
        height: 42px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background: var(--colorWhite);
        color: var(--brandColor);
        margin-bottom: 24px;
        position: absolute;
        right: 0;
        top: 30px;
    }
    .tab-1, .tab-2, .active-border-bottom {
        width: 280px;
    }
    .description-heading {
        font-size: 40px;
        line-height: 48px;
    }
    .description-heading img {
        max-width: 40px;
        height: 28px;
    }
    .heading-animation {
        transition: all .5s ease;
        font-size: 24px;
        line-height: 29px;
    }
}