:root {

    --main-color: #F6E471;
    --black-color: #000000;
    --text-color: #EFEFEF;
    --text-color_two: #F0F0F0;
    --text-color-glg-av: #D4D4D4;
    --text-color-one: #707070;
    --background-color-one: #171717;
    --grey-mid-grey: #8F8F8F;

    --font-size-title-bg: 50px;
    --font-size-title-sm: 50px;
}
html {
    scroll-behavior: smooth;
}

ul {
    list-style: none;
}
a{
    text-decoration: none;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../font/century-gothic/CenturyGothic.ttf') format('woff'),
        url('../font/century-gothic/Century\ Gothic.ttf') format('truetype'),
        url('../font/century-gothic/GOTHIC.TTF') format('truetype'),
        url('../font/century-gothic/GOTHICB.TTF') format('truetype'),
        url('../font/century-gothic/GOTHICB0.TTF') format('truetype'),
        url('../font/century-gothic/GOTHICBI.TTF') format('truetype'),
        url('../font/century-gothic/GOTHICI.TTF') format('truetype');
}

@font-face {
    font-family: 'Avenir';
    src: url(../font/avenir/AvenirRegular/AvenirRegular.ttf),
        url(../font/avenir/AvenirBlack/AvenirBlack.ttf),
        url(../font/avenir/AvenirBook/AvenirBook.ttf),
        url(../font/avenir/AvenirHeavy/AvenirHeavy.ttf),
        url(../font/avenir/AvenirLight/AvenirLight.ttf);
}


body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden !important;
    background-color: var(--background-color-one);
    
    
    font-family: "Raleway", arial, sans-serif;
    font-family: "Wulkan display", Sans-serif;
    font-family: "Montserrat", Sans-serif;
    font-family: 'Century Gothic', sans-serif;

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


.av_body_ss{
    color: var(--Secondry-Secondry, #889899);
    /* Body */
    font-family: 'Avenir';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px; /* 160% */
    letter-spacing: 0.08px;
}
.av_body_ssl{
    color: var(--secondry-secondry-light, #CFD1D2);
    /* Body */
    font-family: 'Avenir';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px; /* 160% */
    letter-spacing: 0.08px;
}
.av_body_gdg{
    color: var(--Grey-Dark-Grey, #ECECEC);
    /* Body */
    font-family: 'Avenir';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px; /* 160% */
    letter-spacing: 0.08px;
}

.cg_title_glg{
    color: var(--Grey-Light-grey, #FAFAFA);
    /* H Bold/H3 Bold */
    font-family: 'Century Gothic', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 44.2px; /* 130% */
    letter-spacing: 0.085px;
}
.cg_h1title_glg{
    color: var(--Grey-Light-grey, #FAFAFA);
    /* H Bold/H1 Bold */
    font-family: 'Century Gothic', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 44.2px; /* 73.667% */
    letter-spacing: -0.3px;
}
.cg_subtit_pp{
    color: var(--text-color_two);
    /* H Bold/H5 Bold */
    font-family: 'Century Gothic', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    letter-spacing: 0.03px;
}
.cg_subtitle_ssl{
    color: var(--secondry-secondry-light, #CFD1D2);
    text-align: center;
    /* Subtitle Bold */
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px; /* 160% */
    letter-spacing: 0.016px;
}
.cg_subtitle_glg{
    color: var(--Grey-Light-grey, #FAFAFA);
    /* Subtitle Bold */
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.6px; /* 160% */
    letter-spacing: 0.016px;
}


/* ====================================================== Start Terms Hero */

.terms_hero{
    width: 100%;
    height: 336px;
    position: relative;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.719) 0%, rgba(0, 0, 0, 0.63) 100%), url(../img/back_terms_hero.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.terms_hero .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: show_page_title 1s ease;
    width: 100%;
    text-align: center;
}

/* ====================================================== End Terms Hero */
/* ====================================================== Start Terms & Conditions */
.terms{
    width: 100%;
}
.terms .container{
    width: 100%;
    height: fit-content;
    
}
.terms .desc{
    padding: 80px 120px;
}
.terms .container .title{
    padding: 80px 16px;
    text-align: center;
    background: url(../img/back_terms_title.png), #000000;
}
.terms .container .sub_title{
    margin: 32px auto 24px auto;
}
.terms .container .sub_title .line{
    display: block !important;
}
span i{
    margin-right: 12px;
}
.not_ligt{
    color: var(--text-color) !important;
    opacity: 0.9 !important;
}
.terms .container .note{
    margin-left: 16px;
    display: flex;
    color: var(--text-color_two);
}
.cg_title_glg{
    font-size: 48px !important;
}
.av_body_ssl{
    font-size: 18px !important;
}
.cg_subtit_pp {
    font-size: 28px !important;
    line-height: 26px !important;
}
.terms .container .text{
    opacity: 0.7;
    line-height: 28px;
}
.bold{
    opacity: 1 !important;
}

@media screen and (max-width: 950px){
    .cg_h1title_glg{
        font-size: 32px !important;
    }
    .cg_title_glg{
        font-size: 32px !important;
        line-height: 46px !important;
    }
    .av_body_ssl{
        font-size: 16px !important;
    }
    .cg_subtit_pp {
        font-size: 24px !important;
        line-height: 26px !important;
    }
    .terms .desc {
        padding: 40px 16px 80px;
    }
    .terms .container .title {
        padding: 40px 16px ;
    }
}
i::before{
    color: var(--text-color_two) !important;
}
/* ====================================================== End Terms & Conditions */