* {



        -webkit-box-sizing: border-box;



        box-sizing: border-box;



        margin: 0;



        padding: 0;



        font-family: var(--mainFont);



    }







    :root {



        --unset: unset;



        /* font */



        --mainFont: 'figtree', Arial, sans-serif;



        --descFont: 'kdam', Arial, sans-serif;



        --lightWeight: 300;



        --regularWeight: 400;



        --mediumWeight: 500;



        --semimediumWeight: 600;



        --boldWeight: 700;



        /* color */



        /* --primaryColor: #19274D; */



        --primaryColor: #FFE234;



        --secondaryColor: #60B7BC;



        --siteColor: #1C1D20;



        --lightBlackColor: #19274D;



        --textColor: #2E2E30;



        --blackColor: #000;



        --whiteColor: #fff;



    }







    *::-moz-selection{



        background: var(--primaryColor);



        color: var(--whiteColor);



    }







    *::selection{



        background: var(--primaryColor);



        color: var(--whiteColor);



    }







    html,



    body {



        line-height: 140%;



        font-size: 10px;



        background: #f5f5f5;



        color: var(--textColor);



        overflow-x: hidden;



        font-family: var(--mainFont);



        scroll-behavior: smooth;



    }







    h1,



    h2,



    h3,



    h4,



    h5,



    h6,



    p {



        margin: 0;



        padding: 0;



        line-height: 1.5em;



    }







    a,



    a:hover {



        text-decoration: none;



        color: var(--primaryColor);



        display: inline-block;



        cursor: pointer;



    }



    img{



        width: auto;



        max-width: 100%;



    }



    ul,



    ol {



        padding: 0;



        margin: 0;



        list-style: none;



    }







    .section {



        width: 100%;



        display: block;



    }







    :is(:focus, :focus-visible, :focus-within, :active:focus) {



        outline: 0;



        -webkit-box-shadow: none;



                box-shadow: none;



    }



    .container{



        max-width: 1200px;



        width: 100%;



        margin: 0 auto;



        padding: 0 20px;



    }



    .flex-row{



        display: -webkit-box;



        display: -ms-flexbox;



        display: flex;



        /* justify-content: center; */



        align-items: center;



    }



    .section {



        margin: 0 auto;



        padding: 100px 0 0;



    }



    *::-webkit-scrollbar{



        width: 0;



    }



    .btn{



        padding: 14px 32px;



        font-size: 1.8rem;



        line-height: 145%;



        font-family: var(--mainFont);



        font-weight: var(--boldWeight);



        color: var(--siteColor);



        background: var(--primaryColor);



        border-radius: 8px;



        -webkit-transition: 0.7s linear;



        -o-transition: 0.7s linear;



        transition: 0.7s linear;



        border: 2px solid var(--primaryColor);



        text-transform: uppercase;



    }



    .btn:hover{



        background: var(--secondaryColor) !important;



        border: 2px solid var(--secondaryColor);



        color: var(--textColor) !important;



        display: inline-block;



    }



    .borderBtn{



        padding: 14px 20px;



        border-radius: 8px;



        border: 2px solid var(--secondaryColor);



        background: transparent;



    }



    .whiteBtn{



        padding: 14px 32px;



        border-radius: 8px;



        background: var(--whiteColor);



        color: var(--siteColor);



        border-radius: 8px;



        border: 2px solid var(--secondaryColor);



    }







    /* common-components */



    .heading{



        font-size: 4.8rem;



        color: var(--siteColor);



        margin: 0 0 40px;



        line-height: 140%;



        font-family: var(--descFont);



        font-weight: var(--regularWeight);



    }



    .heading span{



        color: var(--secondaryColor);



        line-height: 140%;



        font-family: var(--descFont);



        font-weight: var(--regularWeight);



    }



    .desc{



        font-size: 1.6rem;



        line-height: 160%;



        font-family: var(--mainFont);



        color: var(--textColor);



        font-weight: var(--mediumWeight);



    }



    .smallDesc{



        font-size: 1.4rem;



        line-height: 160%;



        font-family: var(--mainFont);



        color: var(--textColor);



        font-weight: var(--mediumWeight);



    }



    .smallHeading{



        font-size: 1.8rem;



        line-height: 120%;



        font-family: var(--descFont);



        color: var(--siteColor);



        font-weight: var(--regularWeight);



    }



    .center{



        text-align: center;



    }







    /* top-bar */



    .topbar{



        background: var(--secondaryColor);



        padding: 8px 0;



    }



    .top_img img{



        width: 100%;



    }



    .topbar_flex{



        gap: 20px;



    }



    .top_img {



        position: relative;



        /* width: calc(100% - 304px); */



        width: calc(100% - 277px);



        /* animation: leftRight 0.5s 2;



        animation-iteration-count: infinite; */



    }



    .topbar-right .smallDesc{



        font-weight: var(--boldWeight);



    }



    .topbar-right{



        font-weight: var(--boldWeight);



        gap: 12px;



    }



    .buy_token{



        background: var(--siteColor);



        padding: 6px 12px;



        border-radius: 4px;



        color: var(--whiteColor);



        font-weight: var(--semimediumWeight);



        font-size: 1.4rem;



        text-transform: uppercase;



        line-height: 140%;



    }



    @keyframes leftRight {



        from {left: 0px;}



        to {left: 20px;}



      }







    /* header */



    .main_nav.navbar{



        padding: 12px 0;



        position: fixed;



        width: 100%;



        left: 0;



        right: 0;



        z-index: 99;



        transition: 0.9s ease-in-out;



    }



    .sticky .main_nav.navbar{



        transition: 0.9s ease-in-out;



        -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);



                box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);



        background: var(--secondaryColor);



        top: 0;



    }



    .sticky .main_nav.navbar .claim-btn{



        background: var(--secondaryColor);



    }



    .navbar-brand{



        padding: 0;



        margin: 0;



    }



    .navbar-collapse{



        gap: 32px;



    }



    .navbar-collapse .navbar-nav{



        gap: 32px;



    }



    .navbar-collapse .nav-item .nav-link,



    .navbar-collapse .menu-item .menu-link{



        font-size: 1.4rem;



        line-height: 120%;



        color: var(--whiteColor);



        font-family: var(--mainFont);



        text-transform: capitalize;



        font-weight: var(--semimediumWeight);



        padding: 0;



    }



    .nav-right {



        gap: 12px;



    }



    .nav-right .btn{



        padding: 6px 12px;



        font-size: 1.4rem;



        font-weight: var(--semimediumWeight);



    }



    .sign-btn{



        background: transparent;



        border: 2px solid var(--whiteColor);



        color: var(--whiteColor);



    }







    /* banner-section */



    .banner_section {



        background: url(./bg.png) no-repeat;



        background-size: cover;



        background-position: left top;



        padding: 80px 0 0; 



    }



    .banner_flex{



        gap: 64px;



        justify-content: space-between;



        align-items: center;



    }



    .banner_left .banner_img{



        margin-left: -125px;



    }



    .banner_heading{



        max-width: 364px;



        text-align: right;



        padding-bottom: 167px;



    }



    .banner_heading .smallDesc{



        color: var(--whiteColor);



        font-weight: var(--mediumWeight);



        font-family: var(--mainFont);



        opacity: 0.8;



        line-height: 160%;



        padding-left: 30px;



    }



    #clockdiv{



        background: var(--whiteColor);



        border-radius: 12px;



        justify-content: space-between;



        margin: 0 0 20px;



    }



    .clovInner{



        padding: 4px 13px;



        border-right: 1px solid #C0C0C0;



        width: 25%;



        align-items: flex-end;



    }



    .clovInner:last-child{



        border-right: none;



    }



    .clovInner .time{



        font-size: 2.8rem;



        font-family: var(--descFont);



        padding: 0 4px 0 0;



        line-height: 140%;



    }



    .clovInner .smalltext{



        font-size: 1.0rem;



        font-family: var(--descFont);



        opacity: 0.4;



        line-height: 140%;



        margin-bottom: 7px;



    }



    .main_heading{



        font-size: 5.6rem;



        font-family: var(--descFont);



        color: var(--whiteColor);



        font-weight: var(--regularWeight);



        text-transform: uppercase;



        margin: 0 0 16px;



    }



    .main_heading span{



        color: var(--primaryColor);



        font-size: 5.6rem;



        font-family: var(--descFont);;



        font-weight: var(--regularWeight);



        text-transform: uppercase;



    }



    .banner_right{



        margin: 0px 0 170px;



        width: 100%;



        max-width: 460px;



    }



    .banner_top{



        padding: 28px 28px 20px;



        background: linear-gradient(180deg, #C7CBCF 0%, #B1B5BA 100%);



        border-radius: 20px 20px 0 0;



    }



    .banner_bottom{



        padding: 28px;



        background: var(--whiteColor);



        border-radius: 0 0 20px 20px;



    }



    .progress_banner {



        border-radius: 12px;



        background: #2E2E30;



        width: 100%;



        padding: 4px;



        position: relative;



    }



    .progress_banner::before{



        content: '';



        position: absolute;



       /* width: 75%; */



        background: linear-gradient(270deg, #FFE234 0%, #60B7BC 100%);



        height: calc(100% - 2px);



        left: 1px;



        top: 1px;



        border-radius: 10px 0 0 10px;



    }



    .progress_banner .desc{



        color: var(--whiteColor);



        font-weight: var(--semimediumWeight);



        line-height: 140%;



        width: 100%;



        z-index: 2;



        position: relative;



    }



    .banner_top .smallDesc{



        margin: 8px 0 0;



        font-weight: var(--boldWeight);



        line-height: 120%;



    }



    .banner_bottom .smallDesc{



        font-weight: var(--boldWeight);



    }



    .banner_bottom .bot_top{



        margin: 0 0 12px;



    }



    .methods{



        margin: 0 0 20px;



        gap: 8px;



    }



    .banner_flex{



        position: relative;



    }



    .balance{



        gap: 15px;



        margin: 0 0 16px;



        overflow: hidden;



    }



    .balance .smallDesc{



        color: #696A70;



        white-space: nowrap;



    }



    .banner_input{



        margin: 0 0 8px;



        gap: 16px;



    }



    .hedaing_flex{



        justify-content: space-between;



    }



    .banner_input_inner{



        width: calc(50% - 8px);



    }



    .hedaing_flex .smallDesc{



        color: #696A70;



        font-weight: var(--regularWeight);



    }



    .hedaing_flex .smallDesc span{



        font-weight: var(--boldWeight);



    }



    .hedaing_flex .smallDesc.bold_text{



        color: var(--blackColor);



        font-weight: var(--boldWeight);



    }



    .input_div{



        position: relative;



    }



    .input_div input{



        background: #F8F8F8;



        border: 1px solid #D9D9D9;



        border-radius: 4px;



        padding: 12px;



        width: 100%;



        color: #8E9098;



        font-size: 1.4rem;



    }



    .input_icon{



        position: absolute;



        right: 10px;



        top: 10px;



    }



    .eth_value{



        max-width: 316px;



        margin: 0 auto 16px;



        font-size: 1.2rem;



    }



    .buy_now_btn{



        width: 100%;



        margin: 0 0 10px;



        padding: 10px 32px;



    }



    .price{



        font-size: 1.2rem;



        color: var(--blackColor);



        font-weight: var(--semimediumWeight);



    }







    /* about-us */



    .about_section{



        background: linear-gradient(180deg, rgba(238, 238, 240, 0) 0%, rgba(238, 238, 240, 0.567708) 73.44%, #EEEEF0 100%);



    }



    .about_section h2{



        margin: 0 0 28px;



    }



    .about_section p{



        margin: 0 100px 42px 0;



    }



    .about_left{



        max-width: calc(100% - 455px);



    }



    .about_right{



        max-width: 525px;



        margin-bottom: -70px;



        margin-left: -30px;



        padding-top: 40px;



    }



    .about_flex{



        align-items: flex-start;



    }







    /* kyc_section */



    .kyc_header h2 {



        max-width: 400px;



        margin: 0 auto 32px;



    }



    .kyc_listing{



        justify-content: center;



        gap: 32px;



    }



    .kyc_section{



        position: relative;



        background: url(./kycbg-left.png) no-repeat;



        background-position: 0 -13%;



        padding-bottom: 52px;



    }



    .kyc_section::before{



        content: '';



        position: absolute;



        background: url(./kycbg-right.png) no-repeat;



        right: -30px;



        bottom: -40%;



        width: 414px;



        height: 100%;



    }



    .contract{



        margin: 64px 0 0;



        border: 2px solid var(--secondaryColor);



        border-radius: 20px;



        background: linear-gradient(180deg, #FFFDF3 0%, #F6FBFB 100%);



        position: relative;



    }



    .contract_inner{



        padding: 48px;



        background: url(./contract_bg.png) no-repeat;



        background-position: 90% 100%;

    }





    .contract:after,



    .contract:before{



        content: '';



        position: absolute;



        width: 10px;



        height: calc(100% - 28px);



        left: 16px;



        top: 14px;



        background: url(./border.png) no-repeat;



    }



    .contract:after{



        right: 16px;



        left: auto;



    }



    .contract h3{



        font-size: 2.8rem;



        line-height: 140%;



        margin: 0 0 12px;



        font-weight: var(--regularWeight);



    }



    .contract .code{



        font-size: 2.0rem;



        line-height: 160%;



        margin: 0 0 24px;



        font-weight: var(--boldWeight);



        color: var(--siteColor);



        letter-spacing: 0.12em;



    }



    .copy_btn svg{



        margin: 0 12px 0 0;



    }



    /* ecosystem */



    .ecosystem_section .heading{



        margin: 0 0 43px;



    }



    .eco_block{



        padding: 36px 48px;



        border-radius: 20px;



        background: var(--primaryColor);



        position: relative;



        z-index:0;



    }



    .block_right img{



        z-index: -1



    }



    .ecosystem_flex{



        gap: 47px;



        margin: 0 0 37px;



    }



    .ecosystem_flex .eco_block{



        width: calc(50% - 23px);



        position: relative;



    }



    .eco_block h3{



        font-size: 2.8rem;



        margin-bottom: 20px;



        font-weight: var(--regularWeight);



        font-family: var(--descFont);



    }



    .eco_block .smallDesc{



        margin: 0 0 15px;



    }



    .eco_block .coming_btn{



        margin: 12px 0 0;



        border-color: var(--whiteColor);



        padding: 16px 32px;



    }



    .nft .eco_block .coming_btn{



        background: var(--whiteColor);



    }



    .block_left{



        width: calc(100% - 97px);



    }



    .block_right img{



        position: absolute;



        right: -20px;



        bottom: -20px;  



    }



    /*.metaverse .block_right img{*/



    /*    right: -40px;*/



    /*    bottom: -30px; */



    /*    height: calc(100% + 30px);*/



    /*}*/



    .metaverse .block_right img {



        right: -40px;



        bottom: -30px;



        mix-blend-mode: multiply;



        width: 50%;



        height: 54%;



        background: transparent;



    }



    .metaverse.eco_block {



       min-height: 387px;



    }



    .nft .block_left {



        width: 460px;



    }



    .nft .block_right {



        position: relative;



        width: calc(100% - 460px);



    }



    .nft .block_right img{



        position: relative;



        bottom: 0;



        margin-bottom: -153px;



        right: 0;



    }



    .nft::before{



        content: '';



        position: absolute;



        width: 170%;



        background: #EEEEF0;



        height: 50%;



        left: -50%;



        bottom: 0;



    }



    .nft{



        position: relative;



    }







     /* logos sec css */



     .logos_list.flex-row {



        justify-content: center;



        gap: 100px;



    }







    /* tokenomics */



    .tokenomices_img {



        padding-bottom: 80px;



    }



    .token_table{



        border: 2px solid rgba(28, 29, 32, 1);



        border-radius: 20px;



        background: linear-gradient(180deg, rgba(46, 46, 48, 0.06) 0%, rgba(96, 183, 188, 0.06) 100%);



        justify-content: space-between;



        max-width: 960px;



        margin: 0 auto;



    }



    .section.tokenmics_section {



        padding-bottom: 100px;



    }



    .table_block{



        padding: 20px 20px 20px 28px;



        text-align: left;



        width: 20%;



        border-right: 2px solid rgba(28, 29, 32, 1);



    }



    .table_block:last-child{



        border-right: none;



    }



    .table_block .smallDesc{



        font-weight: var(--boldWeight);



        margin: 0 0 13px;



    }



    .table_row_inner{



        justify-content: space-between;



    }



    .table_row_inner .desc img{



        margin: 0 0 0 6px;



    }



    .section.powered_section,.section.tokenmics_section {



        background: #EEEEF0;



    }



    /* newsletter */



    .newsletter_section{



        /* margin: 100px 0 0; */



        margin: 0;



        padding: 0;



        background: rgba(46, 46, 48, 1);



    }



    .newsletter_section .news_flex{



        gap: 70px;



    }



    .newsletter_section .newsletter_left{



        max-width: 510px;



        width: 100%;



    }



    .newsletter_right .heading{ 



        color: var(--whiteColor);



    }



    .email_block{



        border: 2px solid var(--secondaryColor);



        background: linear-gradient(180deg, rgba(96, 183, 188, 0.4) 0%, rgba(96, 183, 188, 0.7) 100%);



        padding: 40px;



        position: relative;



        border-radius: 20px;



    }



    .email_block:after{



        content: '';



        right: 16px;



        background: url(./border.png) no-repeat;



        position: absolute;



        width: 10px;



        height: calc(100% - 10px);



        top: 5px;



    }



    .news_heading{



        color: var(--secondaryColor);



        font-size: 2.8rem;



        font-weight: var(--regularWeight);



        margin: 0 0 16px;



        font-family: var(--descFont);



        text-transform: uppercase;



    }   



    .email_block p{



        color: var(--whiteColor);



        opacity: 0.8;



        margin: 0 0 19px;



    }



    .email_box{



        gap: 25px;



    }



    .email_box input{



        padding: 12px;



        background: #F8F8F8;



        border: 2px solid #D9D9D9;



        border-radius: 4px;



        max-width: 270px;



        width: 100%;



    }



    .email_input{



        font-size: 1.4rem;



        color: #000;



        line-height: 120%;



    }



    .email_input::placeholder{



        color: #8E9098;



    }

    .email_block .email_box form p{

        display: flex;

        width: 100%;

        gap: 25px;

        opacity: 1;

    }

    .wpcf7 form.sent .wpcf7-response-output{

        color: #fff;

    }

    .email_box .submit_btn{



        padding: 12px 32px;



        line-height: 120%;

        width: auto;

        background: var(--primaryColor);

        border-radius: 8px;

        -webkit-transition: 0.7s linear;

        border: none;

    }

    .wpcf7-spinner{

        position: absolute;

    }

    /* team-section */



    .team_sec{



        background: var(--primaryColor) url(./taem-bg.png) no-repeat;



        background-size: 100%;



    }



    .team_sec .heading{



        position: absolute;



        transform: translate(-50%, -10%);



        left: 50%;



    }



    .team_flex{



        align-items: flex-end;



    }



    .team_inner{



        position: relative;



    }



    .team_flex .paraDesc{



        font-size: 1.8rem;



        color: var(--whiteColor);



        font-family: var(--descFont);



        font-weight: var(--regularWeight);



    }



    .team-content{



        position: absolute;



        top: 58%;



        text-align: center;



        left: 31%;



        max-width: 120px;



        width: 100%;



    }



    .team-content .smallDesc{



        color: #8E9098;



        font-weight: var(--semimediumWeight);



    }



    .team2 .team-content{



        top: 73%;



        left: 23%;



    }



    .team3 .team-content{



        top: 73%;



        left: 29%;



    }



    .team4 .team-content{



        top: 55%;



        left: 30%;



    }



    



    /* faq-section */



    .faq_section{



        background: var(--whiteColor) url(./faq_ques.png) no-repeat;



        position: relative;



        background-position: 100% 110%;



    }



    .faq_section:before{



        content: '';



        background: url(./faq_bg.png) no-repeat;



        background-position: left top;



        background-size: 100%;



        position: absolute;



        width: 100%;



        height: 100%;



        top: 0;



    }



    .faq_section .container{



        z-index: 2;



        position: relative;



    }



    .faq_section{



        padding-bottom: 100px;



    }



    .acc{



        border: 2px solid #1C1D20;



        padding: 28px;



        border-radius: 20px;



        background: linear-gradient(180deg, #F3F3F3 0%, #F6FBFB 100%);



        max-width: 960px;



        width: 100%;



        margin: 0 auto 40px;



        text-align: left;



    }



    .acc__title img{



        margin: 0 24px 0 0;



    }



    .acc__title {



        cursor: pointer;



        position: relative;



    }



    .acc__title:after{



        content: '';



        position: absolute;



        background: url(./arrow-down.png) no-repeat;



        right: 0;



        width: 24px;



        height: 24px;



        transition: 0.5s ease;



    }



    .acc__title.active:after{



        background: url(./arrow-up.png) no-repeat;



    }



    .acc__title.desc{



        font-weight: var(--semimediumWeight);



    }



    .acc__card{



        border-bottom: 2px solid #EEEEF0;



        padding-bottom: 28px;



        margin-bottom: 28px;



    }



    .acc__card:last-child{



        margin-bottom: 0;



        border: none;



        padding: 0;



    }



    .acc__panel {



        padding: 0 24px 0 60px;



    }







    /* ways_section */



    .ways_section{



        padding: 50px 0 0;



        background: #EEEEF0 url(./ways_bg.png) no-repeat;



        background-position: right top;



    }



    .ways_left{



        max-width: 713px;



        width: 100%;



        padding: 50px 0 100px;



    }



    .ways_left .heading{



        margin: 0 0 28px;



    }



    .ways_row{



        justify-content: space-between;



        align-items: flex-end;



    }



    .ways_desc{



        margin: 0 0 20px;



    }



    .ways_row_btn{



        gap: 24px;



        margin: 42px 0 64px;



    }



    .weekly{



        background: var(--whiteColor);



        padding: 40px 40px 40px 58px;



        position: relative;



        border: 2px solid var(--secondaryColor);



        border-radius: 20px;



        max-width: 598px;



    }



    .weekly:before{



        content: '';



        position: absolute;



        background: url(./border.png) no-repeat;



        width: 10px;



        height: calc(100% - 30px);



        top: 15px;



        left: 16px;



        background-size: 100% 100%;



    }



    .weekly h4{



        font-size: 1.8rem;



        font-family: var(--descFont);



        margin: 0 0 18px;



    }



    .weekly .smallDesc{



        margin: 0 0 20px;



    }



    .weekly-icon{



        gap: 20px;



    }



    .ways_right{



        position: relative;



        margin-bottom: -20px;



        max-width: calc(100% - 713px);



        width: 100%;



        height: auto;



        display: block;



    }



    .ways_right img{



        position: absolute;



        left: 0;



        bottom: 0;



        width: auto;



        height: auto;



    }







    /* roadmap */



    .roadmap {



        padding-bottom: 100px;



        background: var(--textColor) url(./roadmap_bg.png) no-repeat;



    }



    .roadmap .roadmap-heading .heading{



        color: var(--whiteColor);



        margin: 0 0 28px;



    }



    .roadmap .roadmap-heading .desc{



        color: var(--whiteColor);



    }



    .roadmap_slider{



        margin: 64px 0 0;



    }



    .swiper {



        width: 100%;



        height: 100%;



      }



      .roadmap_content{



        position: relative;



        padding: 40px;



        background: var(--whiteColor);



        background: linear-gradient(180deg, #F3F3F3 0%, #F6FBFB 100%);



        border-radius: 20px;



        border: 2px solid var(--whiteColor);



      }



      .roadmap_heading{



        font-size: 1.8rem;



        font-weight: var(--regularWeight);



        line-height: 120%;



        margin: 0 0 20px;



        font-family: var(--descFont);



      }



      .roadmap_content .smallDesc{



        margin: 0 0 16px;



      }



      .roadmap_content .smallDesc:last-child{



        margin: 0;



      }



      .map_listing{



        list-style: disc;



        padding-left: 20px;



      }



      .roadmap_slider .swiper-slide-active .roadmap_content:after{



          content: '';



          background: url(./done.png) no-repeat;



        right: 20px;



        top: 16px;



        width: 24px;



        height: 24px;



        position: absolute;



    }



    .roadmap_slider .swiper-slide-active .roadmap_content{



        border: 2px solid var(--secondaryColor);



    }



    .roadmap_slider .roadmap_content:before{



        content: '';



        background: url(./ellip.png) no-repeat;



        left: 7px;



        top: -7px;



        width: calc(100% - 14px);



        height: 24px;



        position: absolute;



        background-size: 100%;



    }



    .roadmap_slider .swiper-slide-active .roadmap_content::before{



        background: url(./ellip-active.png) no-repeat;



        background-size: 100%;



    }



    .roadmap_head .smallDesc{



        color: var(--whiteColor);



        font-weight: var(--boldWeight);



    }



    .roadmap_head .year{



        color: #8E9098;



        font-weight: var(--regularWeight);



        font-size: 1.2rem;



    }



    .roadmap_head {



        margin-bottom: 133px;



        position: relative;



    }



    .roadmap_head:after{



        content: '';



        width: 20px;



        height: 20px;



        border-radius: 50%;



        background: var(--secondaryColor);



        position: absolute;



        bottom: -45px;



        left: 48.6%;



    }



    .roadmap_head:before{



        content: '';



        width: 2px;



        height: 97px;



        background: #696A70;



        position: absolute;



        bottom: -123px;



    }



    .roadmapSlider{



        padding-left: 140px;



        padding-right: 140px;



    }



    .roadmapSlider .swiper-wrapper{



        /* padding-left: 140px; */



        padding-right: 140px;



        position: relative;



    }



    .roadmapSlider .roadmap_slide{



        position: relative;



        /* max-width: 468px; */



        margin-right: 66px;



    }



    .roadmapSlider .roadmap_slide:last-child{



        width: auto !important;



    }



    .roadmapSlider .roadmap_slide::before{



        content: '';



        position: absolute;



        background: url(./road.png) no-repeat;



        height: 10px;



        width: calc(100% + 66px);



        background-size: 100%;



        top: 53px;



    }



    .roadmapSlider .roadmap_slide:last-child:before{



        width: 100%;



    }



    .roadmap_slide .roadmap_slider_inner{



        padding-left: 82px;



    }



    .roadmap_start{



        position: absolute;



        width: 80px;



        height: 80px;



        background: var(--primaryColor);



        justify-content: center;



        font-weight: var(--boldWeight);



        border-radius: 50%;



        z-index: 1;



        top: 20px;



        left: 50px;



    }



    /* Pomerdoge Section */







.pomerdoge_section {



    min-height: 500px;



    padding: 100px 0;



    background: url('./pomerdoge-bg.png') no-repeat;



    background-position: center;



    background-size: 100% auto;



}







.pomerdoge_section .flex-row {



    flex-flow: wrap;



}







.pomerdoge_section .heading {



    font-size: 40px;



    text-transform: uppercase;



    color: #fff;



    width: 100%;



    text-align: center;



    margin: 16px 0 24px;



}







.pomerdoge_section .heading span {



    color: var(--primaryColor);



}







.pomerdoge_image {



    width: 100%;



    display: flex;



    align-items: center;



    justify-content: center;



    flex-flow: wrap;



}







.pomerdoge_image img {



    max-width: 140px;



}







.pomerdoge_section .action_wrap {



    justify-content: center;



    width: 100%;



    display: flex;



    align-items: center;



    gap: 16px;



    flex-flow: wrap;



}







.pomerdoge_section .action_wrap .btn {



    border: 0;



    padding-top: 15px;



    padding-bottom: 15px;



    min-height: 58px;



    min-width: 178px;



    -webkit-transition: 0.7s linear;



    -o-transition: 0.7s linear;



    transition: 0.7s linear;



}







.pomerdoge_section .action_wrap .btn:is(:hover, :focus, :active) {



    background: #000 !important;



    color: #fff !important;



}







/* Footer */



.footer {



    background: #1C1D20;



    padding: 64px 0;



}







.footer_content_wrapper,



.footer_content {



    display: flex;



    align-items: flex-start;



    justify-content: space-between;



    flex-flow: wrap;



    row-gap: 56px;



}







.footer_content_wrapper {



    align-items: stretch;



    column-gap: 30px;



}







.footer_column_first,



.footer_column_last {



    max-width: 360px;



    width: 100%;



}







.footer_column_middle {



    max-width: 125px;



}







.footer_column_last {



    max-width: 226px;



}







.footer_content {



    flex-flow: column;



}







.footer_title {



    font-size: 18px;



    color: #fff;



    display: inline-flex;



    width: 100%;



    text-transform: uppercase;



    margin-bottom: 20px;



    font-family: var(--descFont);



}







.footer .description,



.footer .description p {



    font-size: 14px;



    color: #fff;



    font-family: var(--mainFont);



    line-height: 160%;



}







.footer_listing {



    display: flex;



    align-items: flex-start;



    justify-content: flex-start;



    flex-flow: wrap;



    row-gap: 6px;



}







.footer_listing li {



    display: flex;



    font-size: 14px;



    color: #fff;



    font-family: var(--mainFont);



    justify-content: space-between;



    width: 100%;



    font-weight: 500;



    align-items: center;



    column-gap: 20px;



}







.footer_listing li span {



    font-family: var(--mainFont);



    display: inline-flex;



    color: var(--whiteColor);



    font-weight: 500;



    line-height: 160%;



}







.footer_listing li a {



    display: inline-flex;



    line-height: 160%;



    font-family: var(--mainFont);



    font-weight: 500;



    text-align: right;



    color: var(--whiteColor);



    font-size: 14px;



    transition: linear .25s;



    word-break: break-word;



}







.footer_listing li a:is(:focus, :hover, :active) {



    color: var(--primaryColor);



}







.footer_column_first .footer_listing li a {



    color: var(--primaryColor);



}







.footer_column_middle .footer_listing li+li {



    margin-top: 10px;



}







.footer_logo.center,



.footer_logo.center img {



    max-width: 215px;



    width: 100%;



}







.footer_logo.center {



    margin-bottom: 16px;



}







.copyright .desc,



.copyright .desc p {



    color: #696A70;



    font-size: 12px;



    display: inline-block;



    width: 100%;



    font-weight: 400;



}







.social_listing {



    display: flex;



    column-gap: 20px;







}







.social_listing a img {



    transition: linear .25s;



}







.social_listing a:is(:hover, :focus, :active) img {



    filter: brightness(200%) sepia(100%) saturate(10000%) hue-rotate(-5deg);



}



.p_page .page-content a{
    color: var(--secondaryColor);
}