@import url("fonts.css");

:root {

    --theme: #F0C715;
    --bg-theme: #000000;
    --text: #FFFFFF;

    --sub-btn-color: #FF3333;

    --font-size: 16px;
    --line-height: 25.2px;

    --footer-bg: #0F0F0F;
    --footer-text: #E5E5E5;
}

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

body {
    font-family: 'OR';
    background-color: var(--theme);
    color: var(--footer-text);
    font-size: var(--font-size);
    line-height: var(--line-height);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    display: block;
}

ul {
    list-style: none;
}

/* header start */

header {
    background-color: #0E0D0D;
    padding: 13px 0;
    height: 90;
}

header .logo {
    display: block;
}

header .logo * {
    height: calc(100px - 26px);
}

header ul>li>* {
    color: var(--text);
    font-family: 'OL';
    -webkit-text-stroke: 1px var(--text);
}

header ul li:hover>* {
    color: var(--theme);
    -webkit-text-stroke: 1px var(--theme);
}

header ul li.active * {
    color: var(--theme);
    -webkit-text-stroke: 1px var(--theme);
}

/* mobile menu start */

.mobile_menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 45%;
    min-height: 100vh;
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: 0.15s ease-out;
    background-color: var(--bg-theme);

    display: flex;
    flex-flow: column;
    justify-content: space-between;

    z-index: 100;

    padding: 0 12px;

    border-radius: 0 25px 25px 0;
}


.mobile_menu.active {
    left: 0%;
    opacity: 1;
    visibility: visible;
}

.side_bar_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background-color: #11111175;
    backdrop-filter: blur(15px);
    display: none;
}

.side_bar_bg.active {
    display: block;
}

.mobile_menu>.mobile_menu_header {
    height: 100px;

    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.mobile_menu>.mobile_menu_body {
    height: calc(100% - 100px);

    display: flex;
    flex-flow: column;
    justify-content: space-between;
    margin: 30px 0;
}

.mobile_menu_body ul {
    padding-left: 0;
    margin-bottom: 0;
}

.menu_social_icon>ul {
    width: 100%;
    display: flex;
    flex-flow: wrap-reverse;
    justify-content: space-between;
    align-items: center;
}

.menu_social_icon.header_icons {
    display: flex;
    flex-flow: column-reverse;
}

.menu_social_icon.header_icons>select {
    margin-bottom: 25px;
    width: 100%;
}

.menu_list>ul * {
    color: var(--text);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-family: 'OR';
}

.menu_list>ul>li {
    margin-bottom: 15px;
}

/* mobile menu end */

/* header end */

/* banner start */

.banner {
    padding-top: 75px;
}

.banner_heading>h1 {
    font-family: 'BR';
    font-size: 70px;
    text-shadow: 0px 4px 4px #000000ED;
    /* -webkit-text-stroke: 1px rgba(0, 0, 0, 2.5); */
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.25);
    transform: rotate(-2.59deg);
    line-height: 60px;
    color: var(--text);
}

.banner_heading>h2 {
    font-size: 90px;
    font-family: 'BR';
    text-align: end;
    margin-right: 25px;
    transform: rotate(-2.59deg);
    line-height: 60px;
    color: var(--text);
}

.banner_icon {
    margin-top: 36px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.banner_icon>a:first-child>img {
    width: 120px;
    margin-right: 10px;
}

.banner_icon>a:last-child>img {
    width: 135px;
    margin-left: 10px;
}

.banner-img {
    margin-left: 150px;
}

.banner_heading {
    margin-left: -95px;
    margin-top: calc(-104px + 100px);
    width: 100%;
}

/* banner end */

/* second section start */

.black_section {
    background-color: var(--bg-theme);
    padding: 75px 0;
}

.black_heading {
    margin-bottom: 45px;
}

.black_heading>h1 {
    font-size: 44px;
    font-family: 'BR';
    line-height: 38px;
    text-shadow: 0px 4px 4px #000000ED;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 10px;
    color: var(--text);
}

.black_heading>h1>span {
    color: var(--theme);
}

.black_heading>p {
    font-size: 18px;
    line-height: 25px;
    font-family: 'OBL';
    margin-bottom: 10px;
    color: var(--text);
}

.black_heading>.second_sec_link>a {
    font-size: 18px;
    line-height: 25px;
    font-family: 'OBL';
    color: var(--theme);
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.black_heading>.second_sec_link>a::before {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--theme);
}

.icon_card>.icon_card_heading {
    margin-top: 15px;
}

.icon_card>.icon_card_heading>* {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    font-family: 'OR';
    color: var(--text);
}

/* second section end */

/* 3rd sec start */

.yellow_section {
    background-color: var(--theme);
    padding: 75px 0;
}

.yellow_heading>h1 {
    font-size: 60px;
    line-height: 70px;
    text-shadow: 0px 4px 4px #000000ED;
    font-family: 'OEB';
    color: var(--text);
    margin-bottom: 8px;
    text-transform: capitalize;
}

.yellow_heading>h1>span {
    color: var(--bg-theme);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.15);
    /* text-shadow: 0px 4px 4px #00000075, -1px 1px 0 #F0C715, 1px 1px 0 #F0C715, 1px -1px 0 #F0C715, -1px -1px #F0C715; */
    text-shadow: 0px 4px 4px #00000075, 1px 0px 0px #f0c715, 2px 0 0px #000, 0px 6px 0 #f0c715;
}

.yellow_heading>p {
    font-size: 21px;
    line-height: 25px;
    font-family: 'OBL';
    margin-bottom: 10px;
    color: var(--text);
    text-shadow: -1px 1px 0 var(--bg-theme), 1px 1px 0 var(--bg-theme), 1px -1px 0 var(--bg-theme), -1px -1px 0 var(--bg-theme);
    letter-spacing: 1px;
    margin-bottom: 50px;
}

.yellow_heading>a {
    background-color: transparent;
    display: inline-block;
    padding: 15px 30px;
    font-size: 16px;
    line-height: 16px;
    color: var(--text);
    border-radius: 12px;
    background-color: var(--bg-theme);
}

/* 3rd sec end */

/* 4rth start */

.yellow_span>h1 {
    width: 98%;
}

.yellow_span>h1>span {
    color: var(--theme);
    -webkit-text-stroke: unset;
    text-shadow: unset;
}

.yellow_span>a {
    background-color: var(--theme);
    color: var(--bg-theme);
}

/* 4rth end */

/* subscribe section start */

.subscribe_section {
    background-color: var(--footer-bg);
    padding: 85px 0 50px;
}

#subscribe_form {
    display: flex;
    flex-flow: row wrap;
    /* justify-content: space-between; */
}

.subs_heading>* {
    font-family: 'MSB';
    font-size: 26px;
}

#subscribe_form>.form-group {
    width: 50%;
}

#subscribe_form>.form-group>input {
    background-color: var(--text);
    border-radius: 15px;
    border: 1px solid #2A2A2A;
    padding: 18px 32px;
    height: 53px;
    font-family: 'MM';
    font-size: var(--font-size);
    color: var(--bg-theme);
}

#subscribe_form>.form-group>input::placeholder {
    color: #7B7B7B;
    font-size: 12px;
}

#subscribe_form>.form-group>input:focus {
    box-shadow: 0 0 0 .25rem rgba(240, 199, 21, 0.5);
    border-color: var(--theme);
}

#subscribe_form>.subs_btn {
    background-color: #FF3333;
    border-radius: 15px;
    padding: 10px 30px;
    border: none;
    font-size: var(--font-size);
    font-family: 'MM';
    margin-left: 16px;
    color: #FFFFFF;
}

/* subscribe section end */

/* footer start */

footer {
    background-color: var(--footer-bg);
    padding: 54px 0;
}

.footer_border {
    position: relative;
}

.footer_border::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #2A2A2A;
}

.footer_line {
    background-color: #2A2A2A;
    width: 100%;
    height: 1px;
    opacity: 1;
    margin: 0;
}

footer>.footer_links{
    background-color: #d8b313;
}

.footer_link>h5 {
    font-size: 20px;
    line-height: 26px;
    color: var(--footer-text);
    margin-bottom: 20px;
    font-family: 'MSB';
}

.footer_link>ul {
    padding-left: 0;
    margin-bottom: 0;
}

.footer_link>ul>li a {
    color: var(--footer-text);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-family: 'OR';
    margin: 15px 0;

    font-family: 'MR';

    text-transform: capitalize;
}

footer .footer_link:nth-of-type(3) ul li:nth-child(3),
footer .footer_link:nth-of-type(3) ul li:nth-child(4){
    display: none;
}

/* footer end */

/* copy right section start */

.copyright_sec {
    background-color: var(--footer-bg);
    padding: 22px 0;

    font-family: 'MR';
}

.copyright {
    text-align: center;
}

.copyright>span {
    font-size: var(--font-size);
    line-height: var(--line-height);
    color: var(--footer-text);
    white-space: nowrap;
}

.copyright>span a{
    text-decoration: none;
    color: #d8b313;
}

.copyright_icon {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.copyright_icon>li {
    padding: 8px;
}

.copyright_icon>li>a {
    width: 16px;
    height: 16px;

    display: grid;
    place-content: center;
}

.copyright_icon>li>a img {
    width: 100%;
}

/* copy right section end */

/* privacy security start */

.second_banner {
    background-color: var(--bg-theme);
    padding: 42px 0;
}

.banner_content>h1,
.same_section_content>h1,
.text_section_content_img>h1,
.text_section_content>h1 {
    color: var(--theme);
    font-family: "BR";
    font-size: 50px;
    margin-bottom: 26px;
    line-height: 46px;
}

.banner_content>h1>span,
.same_section_content>h1>span,
.text_section_content_img>h1>span,
.text_section_content>h1>span {
    color: var(--text);
}

.same_section_content>h1 {
    width: 99%;
}

.same_section_content>h1>span {
    display: block;
}

.text_section_content_img>h1 {
    line-height: 45px;
    margin-bottom: 15px;
}

.banner_content>p,
.same_section_content>p {
    font-family: 'OB';
    font-size: 21px;
    color: var(--text);
}

.text_section_content>h1 {
    letter-spacing: 9px;
    line-height: 45px;
    margin-bottom: 0;
}

.text_section_content {
    margin-bottom: 100px;
}

.text_section_card {
    text-align: center;
}

.text_section_card_img {
    margin-bottom: 20px;
}

.text_section_card_img > img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.text_section_card_heading {
    margin-bottom: 25px;
}

.text_section_card_heading>* {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
    font-family: 'OB';
}

.text_section_card_para>* {
    margin-bottom: 0;
    font-size: var(--font-size);
    line-height: 22px;
    font-family: 'OB';
}

/* privacy security end */

/* earn money start */

.third-banner {
    padding: 60px 0;
}

.third-banner .banner_content>h1 {
    color: var(--text);
    text-shadow: 0px 4px 4px #000000ED;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 2.5);
    width: 84%;
}

.third-banner .banner_content>h1>span {
    color: var(--theme);
    display: block;
}

.text_section_content_img {
    margin-bottom: 75px;
}

/* earn money end */

.yellow_img_half {
    margin-bottom: -350px;
    position: relative;
    z-index: 1;
}

.eight_section_img {
    padding: 0 100px;
}

.yellow_heading.e_sec_heading>h1 {
    font-family: 'BR';
    font-size: 65px;
    -webkit-text-stroke: 1px #d8b313;
    line-height: 56px;
    margin-bottom: 30px;
}

.e_sec_heading p {
    text-shadow: 0px 3px 4px #000000, -1px 1px 0 var(--bg-theme), 1px 1px 0 var(--bg-theme), 1px -1px 0 var(--bg-theme), -1px -1px 0 var(--bg-theme);
}

.orange_layer {
    position: relative;
    padding-top: 110px;

    background-image: url("text-img.png");
    background-repeat: no-repeat;
    background-position: bottom 10px right 10px;
    background-size: 40%;
}

.orange_layer::before {
    content: "";
    position: absolute;
    top: 61px;
    left: -12px;
    width: 100%;
    height: calc(100% - 61px);
    background-color: #FD6D00;
    z-index: -1;
}

.orange_layer::after {
    content: "";
    position: absolute;
    top: 0;
    left: -12px;
    width: 100%;
    height: 100%;
    background-color: #000000CC;
    z-index: -10;
}

.icon_content {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 25px 0;
}

.icon_content_icon {
    width: 20%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 64px;
}

.icon_content_para {
    width: 80%;
    position: relative;
}

.icon_content_para>p {
    margin-bottom: 0;
    padding: 0 0 25px;

    font-size: 21px;
    line-height: 25px;
    font-family: 'OBL';
    margin-bottom: 10px;
    color: var(--text);
    letter-spacing: 1px;
    text-shadow: 0px 3px 4px 0px #000000;
    /* -webkit-text-stroke: 1px #1E1C1C; */
}

.icon_content_para::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #FFD233;
}

.icon_content:last-child>.icon_content_para::before {
    display: none;
}

.half_content>p {
    width: 63%;
    margin-bottom: 100px;
}

/* faq start */

.faq_text a {
    color: var(--theme);
    font-family: 'OM';
    display: inline-block;
    font-style: normal;
}

.faq_text li {
    list-style: none;
    font-style: italic;
}

.faq_text ul,
.faq_text ol {
    padding-left: 0;
}

.faq_text>p {
    font-size: 16px;
    font-family: 'OR';
    margin-bottom: 35px;
}

.faq_text>h3 {
    font-size: 35px;
    font-family: 'BR';
    color: var(--theme);
}

.faq_text>h4 {
    font-size: 24px;
    font-family: 'OB';
    color: var(--theme);
    position: relative;
}

.faq_text hr {
    width: 100%;
    opacity: 1;
    color: var(--theme);
}

.faq_text .anchor {
    position: absolute;
    width: 10%;
    height: 100%;
    display: block;
    z-index: -100;
}

/* faq end */

/* why join starts */
section.why_join {
    background-color: #F0C715;
    padding: 50px 0 150px;
}

/* .why_join_hdng h1,
.why_join_hdng h3,
.why_join_hdng h2 {
    text-shadow: 0px 6px 4px #000000ED;
    color: #000;
    margin-bottom: 8px;
    text-transform: capitalize;
    font-family: 'BR';
    font-size: 60px;
    -webkit-text-stroke: 1px #f0c7158c;
    line-height: 56px;
    text-align: center;
    letter-spacing: -2px;
}

.why_join_hdng h3,
.why_join_hdng h2 {
    font-size: 39px;
}

.why_join_hdng h2 {
    line-height: 33.04px;
} */

.why_join_hdng h1 {
    font-size: 60px !important;
    margin-bottom: 50px;
    line-height: 49px !important;
}

.orng_hdng h1 {
    -webkit-text-stroke: 1px #de6204 !important;
    margin-bottom: 20px;
}

/* why join ends */

/* select box start */

.header_icons {
    justify-content: space-between;
}

.header_icons>ul {
    padding-left: 0;
}

.header_icons>* {
    width: calc(100% / 2 - 8px);
}

.header_icons>select {
    outline: none !important;
    background-color: transparent;
    color: var(--text);
    font-family: 'OB';
    border: none;
    padding: 4px;
    appearance: none;
}

.header_icons>select>option {
    color: var(--footer-bg);
    font-family: 'OM';
    background-color: #f0c815bc;
    border-radius: 0 !important;
}

.header_icons>select>option:hover {
    background-color: var(--text);
}

/* select box end */

/* blog page start */

.blog_card_section {
    padding-bottom: 25px;
    background-color: var(--theme);
    border-radius: 10px;
    height: 100%;

    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.blog_card_section_img {
    margin-bottom: 15px;
}

.blog_card_section_img>* {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.blog_card_section_heading {
    margin: 0 20px 15px;
}

.blog_card_section_heading>* {
    margin-bottom: 0;

    font-size: 20px;
    line-height: 22px;
    font-family: 'OSB';
    color: var(--footer-bg);
}

.blog_card_section_content {
    margin: 0 20px 15px;
}

.blog_card_section_content>* {
    margin-bottom: 0;

    font-size: 15px;
    line-height: 17px;
    font-family: 'OR';
    color: var(--footer-bg);
}

.blog_card_section_date {
    margin: 0 20px;
    margin-top: auto;
}

.blog_card_section_date>* {
    margin-bottom: 0;

    font-size: 17px;
    line-height: 19px;
    font-family: 'OM';
    color: var(--footer-bg);
}

/* blog page end */

/* terms page start */

.terms_card{
    text-align: center;
    width: 50%;
    margin: 25px auto;
}

.terms_card_img{
    text-align: center;
    margin-bottom: 15px;
}
.terms_card_img>*{
    margin: 0 auto;
}

.terms_card_heading{
    margin-bottom: 15px;
}
.terms_card_heading>*{
    margin-bottom: 0;

    font-size: 24px;
    line-height: 26px;
    font-family: 'OSB';
    color: var(--theme);
}

/* terms page end */

.wallet_feature ul{
    list-style: disc!important;
}

/* ==================== AIRDROP OVERLAY ==================== */

.AirdropOverlay {
    background-color: var(--bg-theme);
    padding: 40px 0 50px;
    overflow: hidden;
}

.AirdropOverlay__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.AirdropOverlay__title {
    font-family: 'BR';
    font-size: 56px;
    line-height: 1.1;
    color: var(--theme);
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.AirdropOverlay__desc {
    font-family: 'OB';
    font-size: 18px;
    line-height: 1.6;
    color: var(--footer-text);
    text-align: center;
    max-width: 750px;
    margin: 0 auto 36px;
}

.AirdropOverlay__section {
    margin-bottom: 36px;
}

.AirdropOverlay__section:last-of-type {
    margin-bottom: 30px;
}

.AirdropOverlay__section-title {
    font-family: 'BR';
    font-size: 32px;
    line-height: 1.2;
    color: var(--text);
    text-align: center;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 12px;
}

.AirdropOverlay__section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: var(--theme);
    border-radius: 2px;
}

.AirdropOverlay__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.AirdropOverlay__cards--two {
    grid-template-columns: repeat(2, 1fr);
    max-width: 740px;
    margin: 0 auto;
}

.AirdropOverlay__card {
    background: #111111;
    border: 1px solid #222;
    border-radius: 16px;
    padding: 24px 24px;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    animation: cardFadeIn 0.5s ease both;
    animation-delay: calc(var(--card-idx, 0) * 0.12s);
}

.AirdropOverlay__card:hover {
    transform: translateY(-6px);
    border-color: var(--theme);
    box-shadow: 0 12px 40px rgba(240, 199, 21, 0.12);
}

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.AirdropOverlay__card-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--theme);
    color: var(--bg-theme);
    font-family: 'BR';
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    font-weight: 700;
}

.AirdropOverlay__card-title {
    font-family: 'BR';
    font-size: 20px;
    line-height: 1.3;
    color: var(--theme);
    margin-bottom: 12px;
}

.AirdropOverlay__card-text {
    font-family: 'OR';
    font-size: 15px;
    line-height: 1.6;
    color: #b0b0b0;
}

/* Chain Buttons */

.AirdropOverlay__chain-section {
    text-align: center;
    padding-top: 10px;
}

.chain-buttons-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.chain-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 20px 100px;
    border-radius: 14px;
    font-family: 'BR';
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid transparent;
}

.chain-btn:hover {
    transform: translateY(-3px);
    color: #fff;
    text-decoration: none;
}

.chain-btn svg {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
}

.chain-btn-eth {
    background: linear-gradient(135deg, #627eea 0%, #3b5998 100%);
}

.chain-btn-eth:hover {
    box-shadow: 0 8px 30px rgba(98, 126, 234, 0.35);
}

.chain-btn-sol {
    background: linear-gradient(135deg, #9945ff 0%, #14f195 100%);
}

.chain-btn-sol:hover {
    box-shadow: 0 8px 30px rgba(153, 69, 255, 0.35);
}