@charset "UTF-8";

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

i {
    font-style: normal;
}

@font-face {
    font-family: 'PROJECTDTYPECURVE';
    src: url("../fonts/PROJECTDTYPECURVE-BOLD.TTF");
}

@font-face {
    font-family: 'ProjectDType';
    src: url("../fonts/ProjectDType-Medium.ttf");
}

@font-face {
    font-family: 'NotoSans-Medium';
    src: url("../fonts/NotoSans-Medium.ttf");
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url("../fonts/NotoSans-Bold.ttf");
}


body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus,
input:focus,
p:focus,
div:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
    width: 100%;
    background: #0a1010;
    -webkit-overflow-scrolling: touch;
    font-family: "NotoSans-Medium";
}

.lang-en {
    font-family: "ProjectDType";
}

.lang-en .bold {
    font-family: "PROJECTDTYPECURVE";
}

.bold {
    font-family: "NotoSans-Bold";
}

.lang-ar,
.lang-ar input,
.lang-ar select {
    direction: rtl;
}

main,
section,
nav,
footer {
    display: block;
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
}

.wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url(../ossweb-img/m/bg1.jpg) center top / 100% no-repeat;
}
.wrapper[data-id="1"],
.wrapper[data-id="2"] {
    background: #f1f1f1 url(../ossweb-img/m/bg2.jpg) center top / 100% no-repeat;
}
::-webkit-scrollbar {
    width: 0px;
}
.top-content {
    height: 14.8rem;
}
.top-nav {
    height: 1rem;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
}
.lang-ar .top-nav {
    direction: ltr;
}
.logo1 {
    display: block;
    background: url(../ossweb-img/m/logo1.png) center center / 100% no-repeat;
    width: 2.35rem;
    height: 0.51rem;
    margin-right: auto;
}
.line {
    display: block;
    margin: 0 0.2rem;
    background: rgba(255, 255, 255, 0.5);
    width: 0.01rem;
    height: 0.5rem;
}
.logo2 {
    display: block;
    background: url(../ossweb-img/m/logo2.png) center center / 100% no-repeat;
    width: 0.32rem;
    height: 0.34rem;
    margin-right: auto;
}

.language {
    width: 0.51rem;
    height: 0.4rem;
    z-index: 10;
    white-space: nowrap;
    text-align: center;
    font-size: .24rem;
    color: #a6a6a6;
    transition: width .5s;
    cursor: pointer;
    overflow: hidden;
    border-radius: 1px;
    position: relative;
}

.language:hover {
    overflow: visible;
    width: 0.51rem;
}

.language:before {
    display: block;
    content: "";
    width: .51rem;
    height: .4rem;
    position: relative;
    top: .04rem;
    left: .02rem;
    transition: left .5s;
    background: url(../ossweb-img/m/lang_icon.png) center center / 100% 100% no-repeat;
}

.language p {
    width: 1.38rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: .12rem;
    color: rgba(255, 255, 255, .6);
    opacity: 1;
    position: absolute;
    top: 0;
}

.language ul {
    position: absolute;
    width: 1.4rem;
    height: auto;
    top: 0;
    left: -1.44rem;
    box-sizing: border-box;
    /* padding-top: .39rem; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 2s;
}

.language.max-height ul {
    max-height: 9.99rem;
}

.language li {
    width: 1.38rem;
    height: 0.39rem;
    line-height: .39rem;
    border-left: 1px #7a7773 solid;
    border-right: 1px #7a7773 solid;
    border-bottom: 1px #7a7773 solid;
    background-color: rgba(16, 16, 16, .77);
    box-sizing: border-box;
    font-size: .12rem;
    font-family: "NotoSans-Medium";
}
.language li:first-child {
    border-top: 1px #7a7773 solid;
}

.language li.on,
.language li:hover {
    color: #0ff796;
    background-color: rgba(127, 135, 135, .6);
}

.slogan {
    background: url(../ossweb-img/m/slogan/en.png) center center / 100% no-repeat;
    width: 7.5rem;
    height: 3rem;
    position: relative;
    top: 6.58rem;
}
.lang-en .slogan {
    background: url(../ossweb-img/m/slogan/en.png) center center / 100% no-repeat;
}
.lang-de .slogan {
    background: url(../ossweb-img/m/slogan/de.png) center center / 100% no-repeat;
}
.lang-zh-cn .slogan {
    background: url(../ossweb-img/m/slogan/zh.png) center center / 100% no-repeat;
}
.lang-fr .slogan {
    background: url(../ossweb-img/m/slogan/fr.png) center center / 100% no-repeat;
}
.lang-es .slogan {
    background: url(../ossweb-img/m/slogan/es.png) center center / 100% no-repeat;
}
.lang-ru .slogan {
    background: url(../ossweb-img/m/slogan/ru.png) center center / 100% no-repeat;
}
.lang-ar .slogan {
    background: url(../ossweb-img/m/slogan/ar.png) center center / 100% no-repeat;
}
.lang-zh-tw .slogan {
    background: url(../ossweb-img/m/slogan/tw.png) center center / 100% no-repeat;
}
.lang-pt .slogan {
    background: url(../ossweb-img/m/slogan/pt.png) center center / 100% no-repeat;
}
.lang-ko .slogan {
    background: url(../ossweb-img/m/slogan/ko.png) center center / 100% no-repeat;
}
.lang-ja .slogan {
    background: url(../ossweb-img/m/slogan/ja.png) center center / 100% no-repeat;
}
.lang-tr .slogan {
    background: url(../ossweb-img/m/slogan/tr.png) center center / 100% no-repeat;
}
.btn-join {
    display: block;
    background: url(../ossweb-img/m/btn_join.png) center center / 100% no-repeat;
    width: 7.07rem;
    height: 0.94rem;
    position: relative;
    margin: 0 auto;
    top: 6.98rem;
    position: relative;
    left: -0.2rem;
}
.btn-join p {
    line-height: 0.94rem;
    text-align: center;
    font-size: 0.4rem;
    color: #000000;
}
.discord-icon {
    display: block;
    background: url(../ossweb-img/discord_icon.png) center center / 100% no-repeat;
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: 0.2rem;
    top: 1.8rem;
    animation: an_breathe 2s infinite linear;
}

@keyframes an_breathe {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
}
.top-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    top: 7.94rem;
    align-items: center;
    height: 1.6rem;
}
.top-tab .tab {
    display: block;
    background: url(../ossweb-img/m/tab1.png) center center / 100% no-repeat;
    width: 3.12rem;
    height: 0.59rem;
    margin: 0.1rem 0.26rem;
}
.top-tab .tab.act {
    background: url(../ossweb-img/m/tab1_act.png) center center / 100% no-repeat;
}
.top-tab .tab p {
    text-align: center;
    line-height: 0.59rem;
    font-size: 0.3rem;
    color: #79edbe;
}
.lang-fr .top-tab .tab p,
.lang-ru .top-tab .tab p,
.lang-ar .top-tab .tab p {
    font-size: 0.24rem;
}
.top-tab .tab.act p {
    color: #2e1600;
}

/* theme tab */
.theme-tab {
    display: none;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 0.16rem;
}
.theme-tab.act {
    display: flex;
}
.theme-tab .tab {
    background: url(../ossweb-img/m/tab2.png) center center / 100% no-repeat;
    width: 2.18rem;
    height: 0.64rem;
    margin: 0 0.1rem;
}
.theme-tab .tab.act {
    background: url(../ossweb-img/m/tab2_act.png) center center / 100% no-repeat;
}
.theme-tab .tab p {
    text-align: center;
    font-size: 0.2rem;
    line-height: 0.3rem;
    color: #111111;
    height: 0.64rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.1rem;
}
.theme-tab .tab.act p {
    color: #111111;
}

.part-show {
    display: none;
}
.part-show.act {
    display: block;
}

/* s1 */
#s1 {
    height: 3.4rem;
}
.time-box {
    width: 6.66rem;
    margin: 0 auto;
    position: relative;
    top: 1.4rem;
}
.time-bg {
    display: block;
    background: url(../ossweb-img/m/time_bg.png) center center / 100% no-repeat;
    width: 6.66rem;
    height: 0.39rem;
}
.time-box li p {
    font-size: 0.24rem;
    line-height: 0.34rem;
}
.lang-fr .time-box li p,
.lang-es .time-box li p,
.lang-de .time-box li p,
.lang-pt .time-box li p {
    font-size: 0.2rem;
}
.lang-ru .time-box li p {
    font-size: 0.18rem;
}
.time-box li {
    width: 2.3rem;
    text-align: center;
    color: #8e8d8d;
}
.time-box li[data-id="0"] {
    position: absolute;
    top: -0.9rem;
    left: -0.2rem;
}
.time-box li[data-id="1"] {
    position: absolute;
    top: 0.6rem;
    left: 1.3rem;
}
.time-box li[data-id="2"] {
    position: absolute;
    top: -0.9rem;
    left: 2.8rem;
}
.time-box li[data-id="3"] {
    position: absolute;
    top: 0.6rem;
    left: 4.5rem;
}
.time-box.act-1 li[data-id="0"],
.time-box.act-2 li[data-id="0"],
.time-box.act-3 li[data-id="0"],
.time-box.act-4 li[data-id="0"] {
    background: url(../ossweb-img/m/time_act.png) center center / 0.99rem 0.57rem no-repeat;
    color: #151515;
}
.time-box.act-2 li[data-id="1"],
.time-box.act-3 li[data-id="1"],
.time-box.act-4 li[data-id="1"] {
    background: url(../ossweb-img/m/time_act.png) center center / 0.99rem 0.57rem no-repeat;
    color: #151515;
}
.time-box.act-3 li[data-id="2"],
.time-box.act-4 li[data-id="2"] {
    background: url(../ossweb-img/m/time_act.png) center center / 0.99rem 0.57rem no-repeat;
    color: #151515;
}
.time-box.act-4 li[data-id="3"] {
    background: url(../ossweb-img/m/time_act.png) center center / 0.99rem 0.57rem no-repeat;
    color: #151515;
}

.s-title {
    position: relative;
    height: 1.46rem;
}
.s-title p {
    text-align: center;
    position: relative;
    top: 0.8rem;
    font-size: 0.42rem;
}

/* s2 */
#s2 {
    height: 14rem;
    position: relative;
}
.s2-title {
    margin-top: 0.8rem;
}
.s2-title::before {
    content: "";
    position: absolute;
    background: url(../ossweb-img/m/title1.png) center center / 100% no-repeat;
    width: 6.2rem;
    height: 1.46rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.s2-tip {
    position: relative;
    padding-bottom: 0.33rem;
    text-align: center;
    width: 5.94rem;
    margin: 0.2rem auto 0;
    font-size: 0.76rem;
    color: #131313;
}
.s2-tip::after {
    content: "";
    display: block;
    background: url(../ossweb-img/m/s2_tip_bg.png) center center / 100% no-repeat;
    width: 5.94rem;
    height: 0.33rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.s2-text-box {
    background: url(../ossweb-img/m/s2_text_bg.png) center center / 100% no-repeat;
    width: 6.66rem;
    height: 5.7rem;
    margin: 0.1rem auto 0;
    padding: 0.2rem 0.4rem;
}
.s2-text {
    width: 5.86rem;
    font-size: 0.2rem;
    color: #000000;
    line-height: 0.3rem;
    height: 5.3rem;
    overflow-x: hidden;
    overflow: auto;
}
.s2-text span {
    display: block;
}

.s2-btn1 {
    background: url(../ossweb-img/m/s2_btn.png) center center / 100% no-repeat;
    width: 7.13rem;
    height: 1.26rem;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: .26rem;
    top: 12rem;
}

.s2-btn1 p {
    text-align: center;
    line-height: 0.9rem;
    font-size: 0.38rem;
    color: #000000;
}

/* s3 */
#s3 {
    position: relative;
    height: 15rem;
}

.s3-title {
    margin-top: 0.6rem;
}
.s3-title::before {
    content: "";
    position: absolute;
    background: url(../ossweb-img/m/title2.png) center center / 100% no-repeat;
    width: 6.2rem;
    height: 1.46rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.s3-title p {
    color: #ffffff;
}
.s3-text-box {
    background: url(../ossweb-img/m/s3_tip_bg.png) center center / 100% no-repeat;
    width: 7.23rem;
    height: 2.46rem;
    margin: 0.1rem auto 0;
    padding: 0.2rem 0.6rem;
    overflow: hidden;
}
.s3-text {
    font-size: 0.2rem;
    color: #bfbfbf;
    line-height: 0.3rem;
    width: 6.06rem;
    height: 2.06rem;
    overflow-x: hidden;
    overflow-y: auto;
}
.s3-list {
    display: flex;
    flex-flow: column;
    align-items: center;
    margin-top: 0.2rem;
}

.s3-list li {
    background: url(../ossweb-img/m/s3_desc_bg.png) center center / 100% no-repeat;
    width: 6.46rem;
    height: 2.33rem;
    margin: 0.4rem 0;
    position: relative;
}

.s3-list li .s3-theme {
    background: url(../ossweb-img/m/s3_img_bg.png) center center / 100% no-repeat;
    width: 3.17rem;
    height: 2.17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -0.3rem;
    left: -0.3rem;
}
.lang-ar .s3-list li .s3-theme {
    left: unset;
    right: -0.3rem;
}
.s3-list li .s3-theme img {
    width: 2.57rem;
    height: 1.98rem;
}
.s3-theme-name {
    background: url(../ossweb-img/m/s3_text_bg.png) center center / 100% no-repeat;
    width: 3rem;
    height: 0.47rem;
    padding: 0.1rem 0.2rem 0.1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 0.21rem;
    line-height: 0.31rem;
    position: relative;
    z-index: 1;
    top: -0.42rem;
    left: -0.3rem;
}
.lang-ar .s3-theme-name {
    left: unset;
    right: -0.3rem;
}
.s3-theme-desc {
    width: 3.2rem;
    height: 2rem;
    position: absolute;
    right: 0.34rem;
    top: 0.1rem;
    overflow: hidden;
}
.lang-ar .s3-theme-desc {
    right: unset;
    left: 0.34rem;
}
.s3-theme-desc p {
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    color: #3d3d3d;
    font-size: 0.18rem;
    line-height: 0.28rem;
}
.s3-theme-desc p span {
    display: block;
}
.btn-download {
    display: block;
    background: url(../ossweb-img/m/btn_download.png) center center / 100% 100% no-repeat;
    width: 3.05rem;
    height: 0.58rem;
    position: absolute;
    left: 3.3rem;
    top: 9.9rem;
    padding: 0 0.1rem;
}
.lang-ar .btn-download {
    left: unset;
    right: 3.3rem;
}
.btn-download p {
    color: #2e1600;
    font-size: 0.18rem;
    line-height: 0.24rem;
    height: 0.58rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* s4 */
#s4 {
    height: 14.2rem;
}
.s4-title {
    margin-top: 0.6rem;
}
.s4-title::before {
    content: "";
    position: absolute;
    background: url(../ossweb-img/m/title3.png) center center / 100% no-repeat;
    width: 6.2rem;
    height: 1.46rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.s4-tab-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.s4-tab-group .s4-tab {
    display: block;
    background: url(../ossweb-img/m/s4_tab.png) center center / 100% no-repeat;
    width: 3.32rem;
    height: 0.51rem;
    margin: 0.1rem;
}
.s4-tab-group .s4-tab.act {
    background: url(../ossweb-img/m/s4_tab_act.png) center center / 100% no-repeat;
}
.s4-tab-group .s4-tab p {
    text-align: center;
    line-height: 0.23rem;
    font-size: 0.16rem;
    color: #79edbe;
    height: 0.49rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.04rem;
}
.s4-tab-group .s4-tab.act p {
    color: #2e1600;
}
.s4-list {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}
.s4-list.act {
    display: flex;
}
.s4-list li {
    background: url(../ossweb-img/m/s4_item_bg.png) center center / 100% no-repeat;
    width: 3.28rem;
    height: 2.85rem;
    margin: 0.2rem 0.1rem 0.8rem;
}
.s4-prize-name {
    padding: 0 0.1rem;
    font-size: 0.16rem;
    color: #0b2f01;
    line-height: 0.21rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.42rem;
}
.s4-prize-img {
    display: block;
    width: 2.8rem;
    height: 2.1rem;
    margin: 0.2rem auto;
    object-fit: contain;
}
.s4-prize-desc {
    text-align: center;
    font-size: 0.2rem;
    color: #0b2f01;
    font-weight: bold;
    line-height: 0.3rem;
}


/* s5 */
#s5 {
    height: 16rem;
}
.s5-title {
    margin-top: 0.6rem;
}
.s5-title::before {
    content: "";
    position: absolute;
    background: url(../ossweb-img/m/title4.png) center center / 100% no-repeat;
    width: 6.2rem;
    height: 1.46rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.s5-title p {
    color: #ffffff;
}

.s5-content {
    width: 5rem;
    height: 8.8rem;
    margin: 0 auto;
    position: relative;
    top: 1.2rem;
    overflow: hidden;
}
.s5-text {
    width: 100%;
    height: 100%;
    color: #0f0f0f;
    font-size: 0.24rem;
    line-height: 0.34rem;
    overflow-y: auto;
}
.s5-text span {
    display: block;
}

.event-rule {
    text-align: center;
    color: #f1f1f1;
    text-shadow: rgba(235, 235, 235, .1) 0.1rem 0.1rem 0.1rem;
    font-size: 0.22rem;
    position: relative;
    top: 4.3rem;
    margin: 0 auto;
    text-decoration-line: underline;
}

/* s6 */
.s-box6 {
    margin-top: 1.8rem;
}

.s6-title {
    margin-top: 0.2rem;
}
.s6-title::after {
    content: "";
    position: absolute;
    background: url(../ossweb-img/m/s_title.png) center center / 100% no-repeat;
    width: 6.2rem;
    height: 0.24rem;
    bottom: -0.1rem;
    left: 50%;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.s6-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.4rem;
}
.theme-show,
.award-theme-show {
    display: none;
}
.theme-show.act,
.award-theme-show.act {
    display: block;
}
.s6-item {
    background: url(../ossweb-img/m/work_bg.png) center center / 100% no-repeat;
    width: 3.61rem;
    height: 2.06rem;
    margin: 0.1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.s6-item img,
.s6-item video {
    width: 3.31rem;
    height: 1.94rem;
    object-fit: contain;
}

.open-img {
    position: absolute;
    display: block;
    background: url(../ossweb-img/m/show_work.png) center center / 100% no-repeat;
    width: 0.72rem;
    height: 0.62rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/* s7 */
.s-box7 {
    margin-top: 1.8rem;
}

/* footer */
.wrapper[data-id="1"] .footer,
.wrapper[data-id="2"] .footer {
    height: 7.41rem;
    transform-style: preserve-3d;
}
.wrapper[data-id="1"] .part-show,
.wrapper[data-id="2"] .part-show {
    transform-style: preserve-3d;
    position: relative;
    padding-bottom: 6rem;
}
.wrapper[data-id="1"] .part-show::after,
.wrapper[data-id="2"] .part-show::after {
    content: "";
    display: block;
    background: url(../ossweb-img/m/footer_bg.jpg) center center / 100% no-repeat;
    width: 100%;
    height: 6.41rem;
    position: absolute;
    bottom: -.02rem;
    left: 0;
    transform: translate3d(0, 0, -0.1rem);
}

.footer {
    min-height: 1.2rem;
    height: auto;
    text-align: center;
    background: #000;
    padding: .3rem .1rem;
}
.teams {
    font-size: .24rem;
    color: rgba(235, 235, 235, .3);
    line-height: .4rem;
}
.teams a {
    color: rgba(235, 235, 235, .3);
}

/* dialog */
.dialog {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.pop1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.dialog2 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}
.pop2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.big-img {
    min-width: 5rem;
    max-width: 6.4rem;
}
#pop_video {
 /* height: 7rem; */
 width: 7rem;
}
.btn-close {
    position: absolute;
    background: url(../ossweb-img/btn_close.png) center center / 100% no-repeat;
    width: 0.39rem;
    height: 0.39rem;
    top: 0.04rem;
    right: -0.44rem;
}
.pop2 .btn-close {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: unset;
    bottom: -0.5rem;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  color: inherit !important;
  border: none !important;
  font: inherit !important;
  padding: 0 !important;
  line-height: inherit !important;
}
#ot-sdk-btn.ot-sdk-show-settings:hover,
#ot-sdk-btn.optanon-show-settings:hover {
  color: inherit !important;
  background: none !important;
}
@supports (-webkit-appearance: none) {
    #onetrust-banner-sdk #onetrust-button-group {
        display: inline-block !important;
    }
}