.banner__ {
    margin-top: 20px;
    padding-top: 90px;
    margin-bottom: 1rem;
    position: relative;
}

.banner__ .img_phone {
    display: block;
    width: 100%;
    max-width: unset;
}

.banner__ .img_tablet {
    display: none;

}

.banner__ .img_desktop {
    display: none;

}

.banner__ .content_desktop {
    position: absolute;
    bottom: 8vw;
    left: 35vw;
}

.banner__ .content_desktop img {
    width: 14vw;
}

@media (min-width: 768px) {
    .banner__ .img_phone {
        display: none;
        width: 100%;
        max-width: unset;
    }

    .banner__ .img_tablet {
        display: block;
        width: 100%;
        max-width: unset;
    }

    .banner__ .content_desktop {
        bottom: 6vw;
        left: 16vw;
    }
}

@media (min-width: 992px) {
    .banner__ .img_tablet {
        display: none;
    }

    .banner__ .img_desktop {
        display: block;
        width: 100%;
        max-width: unset;
    }

    .banner__ .content_desktop {
        position: absolute;
        bottom: 4vw;
        left: 28vw;
    }

    .banner__ .content_desktop img {
        width: 6vw;
    }
}

.getting__to_know {
    margin-top: 3rem;
    margin-bottom: auto;
}

.getting__to_know h2 {
    font-family: 'SoDoSans';
    color: #1A3C34;
    font-style: normal;
    font-size: 33px;
    line-height: 100%;
}

.getting__to_know img {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.getting__to_know p {
    font-family: 'SoDoSans';
    color: #1A3C34;
}

.getting__to_know a {
    font-family: 'SoDoSans';
    color: #1A3C34;
    text-decoration: underline;
}

.level__up {
    background-color: #D7EDDF !important;
    padding-top: 3rem;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

.level__up .container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.level__up h2 {
    font-family: 'SoDoSans';
    color: #1A3C34;
    font-style: normal;
    font-size: 33px;
    line-height: 100%;
}

.level__up img {
    width: 100%;
}

.level__up p {
    margin-top: 16px;
    font-family: 'SoDoSans';
    color: #1A3C34;
}

.redeem__ {
    padding-top: 3rem;
    /* padding-bottom: 3rem; */
    background-color: #006241 !important;
    transition: all .5s ease-in-out;

}

.redeem__ h2 {
    font-family: 'SoDoSans';
    color: #FFF;
    font-style: normal;
    font-size: 33px;
    line-height: 120%;
    text-align: center;
}

.redeem__ .nav.nav-pills {
    display: flex;
    justify-content: center;
}

.navNewCard {
    color: #FFF !important;
    background-color: transparent !important;
    border-bottom: 6px solid #1A3C34;
    border-radius: 0 !important;
    display: flex;
    align-items: baseline;
    flex-direction: row;
}

.navNewCard p {
    font-family: 'SoDoSans';
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 0;
    /* margin-left: 8px; */

}

.navNewCard img {
    margin-left: 4px;
    width: 15px;
    height: 15px;
    /* margin-right: 8px; */
}

.navNewCard.active {
    border-bottom: 6px #be872b solid;
}

.contentItems__ {
    background-color: #d7eddf;
    display: flex;
    flex-direction: row;
    padding-top: 3rem;
    padding-bottom: 3rem;
    align-items: center;
    justify-content: center;
}

.contentItems__left {
    display: flex;
    justify-content: center;
}

.contentItems__left img {
    width: 50%;
    /* width: 10vw; */
    max-width: unset;
}

@media (min-width: 768px) {
    .contentItems__left {
        margin-right: 1rem;

    }

    .contentItems__left img {
        width: 80%;
        max-width: unset;
    }

}

.contentItems__right {
    display: flex;
    flex-direction: column;
}

.contentItems__right p {
    color: #1a3c34 !important;
    margin-bottom: 4px;
}

.contentItems__right a {
    color: #1a3c34 !important;
    text-decoration: underline;
}

/* .redeem__ .modal-content {
    padding: 4px 4px;
}


@media (min-width: 576px) {
    .redeem__ .modal-dialog {
        max-width: 80%;
    }
}
@media (min-width: 1200px) {
    .redeem__ .modal-dialog {
        max-width: 70%;
    }
}

.redeem__ .modal-header {
    border-bottom: unset;
    padding: unset;
}

*/

.like_table {
    background-color: #1a3c34 !important;
}
.like__card:hover {
    background-color: #d4e9e2 !important;
    color: #1a3c34 !important;
    transition: all 1s ease-in-out;

}

.like__card:hover a {
    color: #1a3c34 !important;
    transition: all .5s ease-in-out;
    text-decoration: none;

}

.like__card {
    border: 2px solid #BE872B;
    display: flex;
    align-items: center;
    height: 200px;
    justify-content: center;
}

@media (min-width: 992px) {
    .like__card {
        height: 240px;
    }
}


.like__card a {
    font-weight: bolder;
    font-family: 'SoDoSans';
    font-size: 17px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 80%;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        max-width: 70%;
    }
}

.modal-content {
    padding: 4px 4px;
    border: 1px solid transparent;
}

.modal-header {
    border-bottom: unset;
    padding: unset;
}

.modal-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 1rem 1rem;
}

.modal-body h4 {
    font-family: 'SoDoSans';
    font-style: normal;
}

.modal-body p {
    margin-bottom: 0;
}

/* Footer  */
footer {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
footer p {
    margin-bottom: 0;
    font-size: unset;
}

/* For Change Corlor  */
.bg_gold {
    transition: all .5s ease-in-out;
    background-color: #be872b !important;
}
.bg_like_gold {
    transition: all .5s ease-in-out;

    background-color: #ead3b2;
}
.border_gold {
    transition: all .5s ease-in-out;

    border-bottom: 6px solid #be872b !important;
}

.border_green {
    transition: all .5s ease-in-out;
    border-bottom: 6px solid #1A3C34 !important;
}