/*
    Project Name : KEYNODE.US
    Design by uniquehyips.com
    Trusted Developer since 2015
*/

@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a{
    display:inline-block;
    text-decoration: none;
}

ul,li{
    list-style:none;
}

body{
    font-family: "Bai Jamjuree", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
/*******NAVBAR SECTION STARTS HERE*******/



.navbar-brand .main_logo{
    width:200px;
}

.wraper .navbar_custom .nav-item .nav-link{
    display:inline-block;
    padding-right:30px;
    font-weight: 500;
    font-size:16px;
    padding-bottom:7px;
    color:#658da7;
}

.wraper .navbar-collapse{
    padding:17px;
    margin:auto;
    font-family: "Bai Jamjuree", sans-serif !important;
}

.nav-link:nth-child(1){
    padding:0;
}

.btn_login_grp .btn_login{
    padding:12px 35px;
    color:#000000;
    font-size:16px;
    font-weight:800;
    border-radius:11px;
    transition:1.5s;
}


.min_header .navbar-brand{
    font-size:34px;
    color:#0134fe;
    text-transform:uppercase;
    font-family: "Bai Jamjuree", sans-serif;
}

.custom_class {
    color: red !important;
    display: inline-block;
    padding: 18px;
    border-radius: 5px;
}


.wraper .dropdown-menu{
    background: #d6d6f1;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.8px);
    -webkit-backdrop-filter: blur(4.8px);
    border: 1px solid rgba(255, 255, 255, 0.31);
}

.dropdown .custom_radius{
    border-radius:50px;
}

.btn .dropdown_img{
    padding-right: 10px;
}

.dropdowmNab .dropdown_img{
    padding-right:10px;
}

.wraper .dropdown-menu {
    border-radius: 8px !important;
}

/*******NAVBAR SECTION ENDS HERE*******/

/*******BNNER SECTION ENDS HERE*******/
.wraper{
    background-image:url(../image/main_bg.png);
    background-size:cover;
    background-repeat:no-repeat;
    height:900px;
    background-position:right;
    background-color:#00071a;
    background-attachment: fixed;
}




.banner_content .banner_head{
    font-size: 55px; 
    color:#fff;
    padding-bottom:27px;
    font-weight:bold;
}

.banner_content .banner_para {
    font-family: "Bai Jamjuree", sans-serif;
    font-size: 54px;
    font-weight: 700;
    background: linear-gradient(346deg, rgb(45 104 255) 19%, rgba(255, 255, 255, 1) 52%, rgba(5, 211, 255, 1) 82%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.banner_content .banner_text{
    margin-top:159px;
    height:500px;
    padding:0 12px;
    /*width:700px;*/
}

.banner_content .banner_text2 {
    margin: auto;
    margin-top: 80px;
    height: 250px;
    text-align: center;
    width: auto;
}


.banner_content .banner_para2{
    font-size:17px;
    font-weight:600;
    padding-top:10px;
    margin-bottom:47px;
    line-height:30px;
    color:#6d5b7e;
}

.banner_content .b_color{
    color:#fff;
}

.banner_btn .banner_a{
    padding:6px 43px;
    border:1px solid #658da7;
    color:#658da7;
    font-size:20px;
    font-weight:800;
    border-radius:10px;
    margin-top:30px !important;
    animation-name:icon;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes icon{
    0%{
        box-shadow: rgba(0, 110, 255, 0.712) 0px 5px 15px;
    }
}

.banner_btn .banner_a:hover{
    background: linear-gradient(180deg, rgba(169,238,222,1) 19%, rgba(128,153,244,1) 82%);
    color:#000000;
    border:none;
}

.banner_content .social_media{
    display:block;
}

.banner_content .social_media .b_icon{
    width:33px;
    height:33px;
    display:inline-block;
    background: linear-gradient(to right, #0015ff, #000000);
    border-radius:50%;
    text-align:center;
    line-height:39px;
    font-size:20px;
    color:#ffffff;
}


/*******BANNER SECTION ENDS HERE*******/


/********ABOUT SECTION STARTS HERE********/
.about_wrap{
    background-color:#00071a;
    background-image:url(/image/about_bg.png);
    height:600px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}


.about_wrap .about_img img{
    width:100%;
}

.about_wrap .about_head{
    color:#ffff;
    font-size:45px;
    font-weight:bold;
    padding-bottom:45px;
}

.text_section .about_para1,.about_para2{
    color:#ffff;
    font-size:20px;
    padding-bottom:13px;
}

.about_wrap .text_section{
    padding-right:40px;
}

.about_para3 h3{
    font-size:24px;
    color:#1500ff;
    display:inline-block;
    padding-top:40px;
}

.about_para3 .sub_para{
    font-size:20px;
    color:#ffff;
    display:inline-block;
}

/********ABOUT SECTION STARTS HERE********/


/********WHY CHOOSE US SECTION STARTS HERE********/
.why_choose_us{
    background-image:url(../image/Why_back.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    height:900px;
    background-position:right;
    background-color:#00071a;
}

.why_choose_us .why_choose_title{
    display:block;
    text-align:center;
}
.why_choose_us .why_choose_title a{
    background-color:#edfcf5;
    display:inline-block;
    padding:9px 15px;
    color:#5eb5c9;
    border-radius:50px;
    text-align:center;
}

.why_choose_us .why_head{
    font-size:33px;
    font-weight:700;
    text-align:center;
    padding:25px 0;
    color:#6a6d8d;
}

.why_card{
    padding:33px;
    background: linear-gradient(180deg, rgba(236,228,253,1) 9%, rgba(252,251,254,1) 82%);
    border-radius:17px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    min-height: 335px;
}

.why_choose_us .row{
    margin-top:15px;
    justify-content:center;
    align-items:center;
}

.why_card .why_h{
    color:#6a6d8d;
    padding: 10px 0;
}
/********WHY CHOOSE US SECTION ENDS HERE********/


/********STEPS SECTION STARTS HERE********/

.custom_one{
    background:none;
    height:600px;
    height:0;
}

.steps_custom{
    /*padding: 22px;*/
    text-align:center;
    background:none;
    box-shadow: none;
}

/********STEPS SECTION ENDS HERE********/


/********CHOOSE A CONTRACT SECTION STARTS HERE********/
.choose_a{
    height:850px;
}

.choose_a .choose_title a{
    background-color:#edfcf5;
    display:inline-block;
    padding:9px 15px;
    color:#5eb5c9;
    border-radius:50px;
    text-align:center;
    font-size:15px;
    font-weight:400;
}

.choose_a .choose_title{
    display:block;
    text-align:center;
}

.choose_a .choose_head{
    font-size:40px;
    font-weight:800;
    text-align:center;
    padding:10px;
    color:#6a6d8d;
}

.choose_a .choose_para{
    font-size: 16px;
    font-weight:400;
}

.choose_a .icon_h{
    font-weight:700;
    color:#6a6d8d;
}

.choose_a .choose_card .icon_para{
    font-size:14px;
    margin-bottom:0;
    color:#6a6d8d;
}


.choose_card{
    background: linear-gradient(180deg, rgba(236,228,253,1) 9%, rgba(252,251,254,1) 82%);
    border-radius:17px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin:2px;
}

.choose_card .img_pt{
    display:block;
    
}

.choose_a .choose_card{
    padding:15px;
}

.img_pt img{
    margin-left:auto;
    display:block;
}

.choose_card .content_pt{
    display:block;
}

.choose_card .left_pt{
    padding-left:0;
} 

.choose_card .right_pt{
    padding-right:0;
} 

.left_pt .left_h{
    font-size:16px;
    text-align:left;
    padding-left:0;
    color:#6a6d8d;
}

.right_pt .right_h{
    text-align:right;
    font-size:16px;
    font-weight:bold;
    background: #668AE8;
    background: linear-gradient(to bottom right, #668AE8 29%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.choose_card .choose_btn {
    display:inline;
}

.choose_card .choose_btn a{
    background: linear-gradient(180deg, rgb(208, 197, 230) 9%, rgb(220, 220, 220) 82%);
    display:inline-block;
    padding:15px 12px;
    border-radius:10px;
    line-height:50%;
    border:1px solid;
    font-weight:800;
    color:#AB86FC;
}

.choose_card .Stake_btn a{
    background: linear-gradient(180deg, rgba(162,203,242,1) 9%, rgba(171,134,252,1) 97%);
    display:inline-block;
    padding:8px 18px;
    border-radius:10px;
    font-weight:bold;
    font-family: "Bai Jamjuree", sans-serif;
    color:#6a6d8d;
}

.choose_card .text_ft{
    background: #33F559;
    background: linear-gradient(to bottom right, #33F559 25%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top:5px;
    font-size:26px;
    font-weight:800;
    font-family: "Bai Jamjuree", sans-serif;
}

.choose_card .rewards_tx{
    font-size:16px;
    color:#212439;
    font-weight:600;
}

.choose_a .row{
    flex-wrap:wrap;
    
}

.choose_a .stake_b{
    display:block;
    text-align:center;
    margin-top: 25px;
}

.choose_a .stake_b a{
    display:inline-block;
    padding: 10px 25px;
    text-align:center;
    background: linear-gradient(180deg, rgba(98,158,186,1) 9%, rgba(109,87,140,1) 97%);
    color:#fff;
    border-radius:10px;
    font-weight:bold;
}

/********CHOOSE A CONTRACT SECTION ENDS HERE********/


/********BLOG POST SECTION STARTS HERE********/

#blog_post{
    height:500px;
}

#blog_post .blog_head .blog_title a{
    background-color:#edfcf5;
    display:inline-block;
    padding:9px 15px;
    color:#5eb5c9;
    border-radius:50px;
    text-align:center;
    font-size:15px;
    font-weight:400;
    margin-top:100px;
}

#blog_post .b_img img{
   width:100%;
}

#blog_post .blog_head .blog_title{
    display:block;
    text-align:center;
}

#blog_post .b_head{
    font-size:40px;
    font-weight:800;
    text-align:center;
    padding:25px;
    color:#6a6d8d;
}


#blog_post .blog_para{
    color:#6a6d8d;
    font-weight:bold;
    font-size:16px;
}

#blog_post .blog_date img{
    padding-right:10px;
}

#blog_post .blog_date{
    font-weight:bold;
    color:#6a6d8d;
    display:inline-block;
    letter-spacing: 1px;
    font-size:15px;
}

#blog_post .pad {
    padding-left: 8px;
}


#blog_post .blog_ar a{
    color:#33F559;
}

#blog_post .blog_card{
    margin:10px;
}

/********BLOG POST SECTION ENDS HERE********/


/********CRYPTO PRICE SECTION ENDS HERE********/
.tradingview-widget-container{
   margin-bottom:30px;
}
/********CRYPTO PRICE SECTION ENDS HERE********/

/********STAKING ASSET TYPE SECTION STARTS HERE********/
.staking_box .staking_sub{
    width:30px;
}

.staking_asset{
    padding-bottom:40px;
}
/********STAKING ASSET TYPE SECTION ENDS HERE********/


/********FOOTER SECTION STARTS HERE********/
.footer{
    border-top:1px solid #6a6d8dc8;
}

.footer .f_logo{
    padding-bottom:155px;
}


.footer .f_cnt_pt .f_list{
    padding-left:0;
}
.footer .f_cnt_pt .f_list li a{
    padding: 12px 0;
    color:#6a6d8d;
    font-weight:600;
    font-family: "Bai Jamjuree", sans-serif;
}

.footer .f_head{
    font-size: 25px;
    color:#5d6183;
}

.copyRight{
    border-top:1px solid #6a6d8d;
    padding:10px 0;
}

.copyRight .copy_para{
    display:block;
    text-align:center;
}

.f_social a {
    margin-right: 5px;
}

/********FOOTER SECTION ENDS HERE********/




