@charset "utf-8";

*{margin:0px; padding:0px;}



html{overflow-x: hidden;}
body{overflow-x: hidden; font-size: 15px; font-family: "Poppins", sans-serif; color:#000; background-color: #fff ; font-weight: 400;}
a, a:active, a:focus, a:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}
button, button:active, button:focus, button:hover {outline: none; box-shadow: none; transition: all 0.5s ease; text-decoration: none;}
.container{max-width: 1300px;}
.spinner-border.refresh{border: none; height: unset; width: unset;;}
.navbar-toggler:focus {box-shadow: none;}
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000;}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {content: ""; position: absolute; width: 50%; height: 100%; background: #fff; transition: 0.5s; transition-delay: 0.8s; }
.overlay .overlayDoor:before {left: 0; }
.overlay .overlayDoor:after {right: 0;}
.overlay.loaded .overlayDoor:before {left: -50%;}
.overlay.loaded .overlayDoor:after {right: -50%;}
.overlay.loaded .overlayContent {opacity: 0; margin-top: -15px;}
.overlay .overlayContent {position: relative; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;	transition: 0.5s}
.overlayContent img{width:220px;}

.max-200{max-width: 200px;}
.max-300{max-width: 300px;}
.max-400{max-width: 400px;}
.max-600{max-width: 600px;}
.max-600{max-width: 600px;}
.max-700{max-width: 700px;}
.max-800{max-width: 800px;}
.max-900{max-width: 900px;}
.max-1000{max-width: 1000px;}
.max-1100{max-width: 1100;}

.fs-7{font-size: .9rem !important;}
.fs-8{font-size: .8rem !important;}
.pointer{cursor: pointer;}

.opacity-10{opacity: .10;}
.opacity-20{opacity: .20;}

.success{color: #59C159;}
.warning{color: #FF8400;}
.default{color: #828282;}

.color-6B6B6B{color: #6B6B6B;}
.color-59AF99{color: #59AF99;}

.bg-E8F3EB{background: #E8F3EB;}
.bg-F4FEF8{background: #F4FEF8;}
.bg-D9EDFF{background: #D9EDFF;}
.bg-FFEDC1{background: #FFEDC1;}
.bg-FCDAD8{background: #FCDAD8;}
.bg-D3FFF4{background: #D3FFF4;}
.bg-E9D2FF{background: #E9D2FF;}
.bg-F2F2F2{background: #F2F2F2;}

.min-height-42{min-height: 42px;}

.icon-200{width: 200px;}
.icon-150{width: 150px;}
.icon-140{width: 140px;}
.icon-130{width: 130px;}
.icon-110{width: 110px;}
.icon-120{width: 120px;}
.icon-100{width: 100px;}
.icon-90{width: 90px;}
.icon-80{width: 80px;}
.icon-70{width: 70px;}
.icon-60{width: 60px;}
.icon-50{width: 50px;}
.icon-40{width: 40px;}
.icon-30{width: 30px;}
.icon-25{width: 25px;}
.icon-20{width: 20px;}
.icon-15{width: 15px;}
.icon-10{width: 10px;}
.icon-light{filter: brightness(0) invert(1);}
.icon-dark{filter: brightness(0) invert(0);}

.theme_color{color: #FF9D34;}


header{ z-index: 111; transition: all 0.4s; position: fixed; left: 0; right: 0; top: 0; background: #fff;}
header.menu_fixed{box-shadow: 0px 0px 5px 1px #00000029;}
.header_logo{width: 140px;}
.header-menu{display: flex; list-style: none; gap:25px; margin: 0; padding: 0;}
.header-menu li{font-weight: 500;}
.header-menu li a{color: #000;}
.header-menu li a:hover{color: #FF9D34;}
.header-menu li a.active{color: #FF9D34;}

.header-search input{background: #EEEEEE; border: none; padding: 10px 20px; padding-right: 40px; border-radius: 40px;}
.header-search input:focus{box-shadow: none; outline: none;}
.header-search button{height: 35px; width: 35px; background: #fff; border: none; box-shadow: 0px 0px 6px 0px #ccc; border-radius: 50%; position: absolute; right: 4px; top: 4px;}

.header-btn{height: 35px; width: 35px; display: flex; cursor: pointer; align-items: center; justify-content: center; position: relative; background: #fff; border: none; box-shadow: 0px 0px 6px 0px #ccc !important; border-radius: 50%;}
.notification_count{background: #FF9D34; color: #fff; font-size: 10px; height: 18px; width: 18px; display: flex; border-radius: 50%; position: absolute; right: -7px; top: 0px; align-items: center; justify-content: center;}

.header_padding{padding: 40px;}
.header_inner_padding{padding: 30px;}
.right-menu-list{list-style: none; padding: 0; margin: 0;} 
.right-menu-list li{display: block; margin-bottom: 20px;}
.right-menu-list li:last-child{margin-bottom: 0;}
.right-menu-list li a{color: #000; display: flex; align-items: center; gap: 15px; font-weight: 500;}
.right-menu-list li a:hover{color: #FF9D34;}
.right-menu-list li a.active{color: #FF9D34;}
.right-menu-list li a span{height: 35px; width: 35px; display: flex; align-items: center; justify-content: center; position: relative; background: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 6px 0px #ccc !important; border-radius: 50%;}


.padding_ten{padding: 10px;}
.padding_fifteen{padding: 15px;}
.padding_twenty{padding: 20px;}

/*Banner*/

.banner_section{background-image: linear-gradient(#FFB363, #E08714); border-radius: 50px;}
.banner_hero_img{max-width: 280px;}
.banner_nft_card{background: #fff; border-radius: 17px; padding: 60px 15px 15px 15px;  width: 200px;}
.banner_token_icon{width: 40px;}
.banner_usd_total{font-weight: 500; font-size: 18px; margin: 0px;}
.banner_created_text{font-weight: 500; font-size: 13px; margin: 0px; color: #A3A3A3;}
.banner_nft_icon{width: 100px; height: 100px; border-radius: 50px; position: absolute; top: -55px;  left: 0; right: 0px;  margin: auto;}

.banner_heading h2{font-weight: 600; font-size: 46px; color: #fff;}
.banner_heading p{font-weight: 500; font-size: 16px; color: #fff;}

.get-started-button {background-color: #FFBB67; color: white; font-family: sans-serif; font-weight: 500; padding: 12px 30px; border: none; border-radius: 50px; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; font-size: 16px; text-decoration: none; box-shadow: -3px 4px 0px 0px rgba(0, 0, 0, 0.1); transition: background 0.3s; }
.get-started-button:hover {background-color: #FFBB67; box-shadow: none;}
.arrow img{ width: 18px; }

/*Banner*/

/*Discover Collection*/

.discover_collection_bg{background: #000;}
.discover_box_one{width: 200px; position: absolute; top: -1px; left: 150px;}
.discover_box_two{width: 200px; position: absolute; top: -1px; right: 150px;}

.discover_card_bg{background: #353535; padding: 10px; border-radius: 15px;}
.discover_collection_image{width: 100%; border-radius: 10px; margin-bottom: 7px;}
.discover_collection_button{padding: 14px; border-radius: 10px; color: #fff; font-weight: 400; font-size: 22px; text-align: center;}
.discover_theme_one{background: #51BEED;}
.discover_theme_two{background: #7CA0EA;}
.discover_theme_three{background: #D532B1;}
.discover_theme_four{background: #6B8197;}
.discover_card_small_icon{height: 45px; width: 45px; border-radius: 25px;}
.discover_card_small_text{font-weight: 500; font-size: 15px; margin: 0px; color: #fff;}
.discover_card_small_text span img{width: 15px;}
.all-button{border: none; display: inline-block; padding: 12px 28px; font-size: 16px; font-weight: 500; border-radius: 999px; cursor: pointer; transition: all 0.3s ease; }
.all-button:hover {opacity: 0.8;}
.all_button_bg_one{background: #EFB614; color: #000;}
.all_button_bg_two{background-image: linear-gradient(180deg, #FF9999,#FFB363, #EFB614); color: #fff;}
.all_button_bg_three{background: #000; color: #fff;}
.all_button_bg_four{background: #FF9D34; color: #fff;}

/*Discover Collection*/

/*TRENDING NFT*/

.fire_image{width: 50px;}

/*TRENDING NFT*/

/*Reserve Section*/

.reserve_gradient_bg{padding: 2px; background-image: linear-gradient(to right, #FF9999 , #FFB363, #EFB614); border-radius: 15px;}
.reserve_inner_bg{background: #000; padding: 50px; border-radius: 12px; overflow: hidden;}
.reserve-img{max-width: 450px; position: relative; z-index: 1; margin: auto; display: block;}
.shadow_one {width: 150px; height: 220px; border-radius: 50%; background: #FF9D34; opacity: 0.9; filter: blur(90px); position: absolute; left: 70px; bottom: 104px; z-index: 1;}
.shadow_two {width: 150px; height: 220px; border-radius: 50%; background: #EFB614; opacity: 0.7; filter: blur(90px); position: absolute; right: 89px; top: 21px;}

/*Reserve Section*/

.promotion_bg{background-image: linear-gradient(to right, #FAC113 , #FEA330); border-radius: 20px; overflow: hidden;}
.promotion_padding{padding: 20px 80px;}

.trading-nft-box{border: 1px solid #ccc; margin: 0px 8px; border-radius: 20px; overflow: hidden;}
.trading-nft-box-two{border: 1px solid #ccc; border-radius: 20px; overflow: hidden; padding: 8px;}
.trading-nft-img{width: 100%;}
.trading-nft-img-two{width: 100%; border-radius: 15px;}
.trading-nft-coin{width: 20px;}
.trading-nft-coin_two{width: 19px; height: 18px;}
.trading-nft-label{border-radius: 50%; width: 70px; height: 70px; margin-top: -45px; border: 3px solid #fff;}
.fixed-price-btn{color: #B7B7B7; background: transparent; border: 1px solid #ECECEC; padding: 6px 12px; font-size: 14px; border-radius: 7px;}
.trading-nft-box h5{font-size: 15px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trading-nft-box-two h5{font-size: 14px;}
.owl-stage{padding-left: 0 !important;}
.owl-dots{display: none;}

/*Reserve Section*/

/*Wallet Section*/

.wallet_Heading_bg{background-image: linear-gradient(#FFB363, #E08714); border-radius: 20px; padding: 20px;}
.all_heading h2{font-weight: 600; font-size: 32px; color: #fff; margin: 0px;}
.all_heading p{font-weight: 500; font-size: 16px; color: #fff; margin: 0px;}
.Wallet_heading{font-weight: 500; font-size: 30px; color: #000; margin: 0px;}
.wallet_amount_bg{background: #FAFCFF; border:1px solid #BFBFBF; border-radius: 14px; padding: 10px;}
.wallet_usdt_icon{width: 30px; margin-right: 10px;}
.wallet_usdt_text{font-weight: 500; font-size: 18px; color: #000; margin: 0px;}
.wallet_earning_bg{padding: 10px 25px; border-radius: 10px;}
.wallet_earning_bg_one{background: #D3FFF4;}
.wallet_earning_bg_two{background: #E9D2FF;}
.wallet_earning_bg_three{background: #B8EBEC;}
.wallet_earning_text{font-weight: 500; font-size: 16px; color: #2E2E2E; margin: 0px;}
.wallet_usdt_icon_small{width: 15px; margin-right: 10px;}
.wallet_usdt_text_small{font-weight: 500; font-size: 14px; color: #000; margin: 0px;}
.wallet_select {appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #EBEBEB; border: 1px solid #BFBFBF; border-radius: 10px; padding: 8px 40px 8px 22px; font-size: 15px; color: #000; width: 100%; background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5"><path fill="black" d="M0 0l5 5 5-5z"/></svg>'); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; cursor: pointer; }
.wallet_select:focus {outline: none; }
.wallet_info_icon i{color:#737475; font-size: 20px; margin-left: 20px;}
.wallet_amount_bg_two{background: #FAFCFF; border:1px solid #BFBFBF; border-radius: 14px; padding: 18px;}
.wallet_setting_bg{background: #fff; border: 1px solid #B9B9B9; border-radius: 10px; padding: 10px 15px; box-shadow:1px 2px 5px 0px rgba(0, 0, 0, 0.2);}
.wallt_deposit_icon_bg{background: #959595; height: 32px; width: 32px; border-radius: 8px; margin-right: 15px; padding: 6px;}
.wallt_deposit_icon{width: 20px; margin: auto;display: block;}
.wallet-button { background: linear-gradient(to right, #f9c802, #f7931a); color: #fff; border: none; padding: 10px 24px; font-size: 16px; font-weight: 500; border-radius: 10px; cursor: pointer; text-align: center; transition: opacity 0.2s ease; }
.wallet-button span{background: #fff; color: #000; display: block; padding: 7px 24px; border-radius: inherit;}
.wallet-button.sm-padding{padding: 2px;}

/*Wallet Section*/

/*Explore Section*/

.row-5 .col-md-3{width: 20%;}
.explore_deposit_button{color: #fff; background: #000; padding: 10px 20px; border-radius: 30px;}
.stake-button { background: linear-gradient(to right, #f9c802, #f7931a); color: #fff; border: none; padding: 8px 24px; font-size: 15px; font-weight: 500; border-radius: 100px; cursor: pointer; width: 100%; text-align: center; transition: opacity 0.2s ease; }
.action-button { background: #e3e2e2; color: #888686; border: none; padding: 8px 24px; font-size: 15px; font-weight: 500; border-radius: 100px; cursor: pointer; width: 100%; text-align: center; transition: opacity 0.2s ease; }
.my_stake_card_bg{background: #F7F7F7; border-radius: 10px; padding: 10px;}

/*Explore Section*/


/*NFT List Section*/

 .nft_list_banner{width: 100%; border-radius: 0px 20px 20px 0px; height: 370px;}
 .nft_list_banner_bg{background: #F2F2F2; border-radius: 20px 0px 0px 20px; padding: 30px;height: 370px;}
 .nft_list_profile{width: 100px; border-radius: 50px; height: 100px;}
 .poly_icon{width: 25px;}
 .nft_share_icon i{font-size: 20px; color: #000; position: absolute; right: 40px;}
 .nft_amount_heading{columns: #000; margin: 0px; font-size: 18px; font-weight: 600;}
 .nft_amount_para{color: #828282; margin: 0px; font-size: 16px; font-weight: 500;}


/*NFT List Section*/

/*Earn Section*/

.earn_graph_bg{background: #10B9DD;display: inline-block; padding: 5px 20px; border: 5px solid #fff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; border-top: none;}
.earn_graph_bg_position{position: absolute; left: 0px; right: 0px; top:0px; text-align: center;}
.earn_graph_bg img{filter: brightness(0) invert(1);}
.earn_user_name{background: #F0F0F0;display: inline-block; padding: 5px 20px; border: 5px solid #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom: none;}
.earn_user_name_position{position: absolute; left: 0px; right: 0px; bottom:6px; text-align: center;}
.earn_banner_bg{width: 100%; border-radius: 20px;}
.earn-box-bg{border: 1px solid #ccc; border-radius: 20px; overflow: hidden; padding: 20px; background: #FAFCFF;}
.earn-box-bg h5{font-size: 14px;}
.earn-details-input-bg {display: flex; align-items: center; background-color: #F8F8F8; border-radius: 12px; padding: 6px 15px; border: 1px solid #EBEBEB; font-family: Arial, sans-serif; }
.earn-details-input-bg input { border: none; background: transparent; outline: none; flex: 1; font-size: 15px; color: #C8C8C8; }
.earn-details-input-bg input::placeholder {color: #C8C8C8; }
.earn-details-input-bg .currency { margin: 0 10px; color: #848484; font-weight: 500; }
.earn-details-input-bg .max-button {background: linear-gradient(to right, #f9c802, #f7931a); border: none; color: #fff; font-weight: 500; border-radius: 8px; padding: 6px 15px; cursor: pointer; font-size: 14px;}

/*Earn Section*/

/*Footer*/

footer{background: #000; color: #CDCDCD;}
.footer_logo{width: 160px;}
.footer_hrading h4{font-weight: 700; font-size: 22px; color: #fff;}


.footer_menu{list-style: none; margin: 0; padding: 0;}
.footer_menu li{display: block; margin-bottom: 13px;}
.footer_menu li:last-child{margin-bottom: 0;}
.footer_menu li a{color: #CDCDCD; display: block;}
.footer_menu li a:hover{color: #fff;}

.footer_store_button{max-width: 160px;}
.get_apk_button{border: 1px solid #A6A6A6; padding: 10px 20px; border-radius: 6px; margin: 0px; color: #fff; font-weight: 500; font-size: 18px;}
.get_apk_button span{margin-left: 20px;}

.footer_search{ display: flex; background-color: #fff; border-radius: 999px; padding: 5px; max-width: 400px; overflow: hidden;}
.footer_search input[type="email"] { border: none; outline: none; padding: 10px 15px; flex: 1; font-size: 14px; border-radius: 999px 0 0 999px; color: #555; }
.footer_search button {background-color: #FF9D34; color: #fff; border: none; padding: 10px 20px; border-radius: 999px; font-weight: 500; font-size: 14px; cursor: pointer; transition: background 0.3s; }
.footer_search button:hover { background-color: #e69313; }

.mobile-footer{display: none; z-index: 11; background: #fff; gap:10px; position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 10px 10px 10px 10px #ccc; padding: 10px;}
.mobile-footer a{color: #696969; flex-grow: 1; text-align: center; border-radius: 20px; padding: 5px;}
.mobile-footer a.active{background: #E38C1C;color: #fff;}

/*Footer*/

.nav .nav-link{color: #A9A9A9; font-weight: 500;}

.tab1-style .nav-link{border-radius: 50px; border: 2px solid transparent;}
.tab1-style .nav-link.active{color: #000; border: 2px solid #FF9D34; background: transparent;}

.tab3-style .nav-link{border-bottom: 3px solid transparent;}
.tab3-style .nav-link.active{color: #000; border-bottom: 3px solid #FF9D34; background: transparent;}

.tab2-style{overflow: hidden; display: inline-flex; background: #0000000a; border-radius: 50px;}
.tab2-style .nav-link{border-radius: 0;}
.tab2-style .nav-link.active{color: #fff;  background: #FF9D34;}

.reserve-padding-r{padding-right: 50px;}
.res-bg1{background: #E7F9EA;}
.res-bg2{background: #F5EAFF;}
.res-bg3{background: #FFF6E9;}
.res-bg4{background: #E0F3FF;}
.res-bg5{background: #F5EAFF;}
.res-bg6{background: #FFF6E9;}
.background1{background: #F3F3F3;}
.background2{background: #FFF6E9;}

.reserve-box{color: #6B6B6B; border-radius: 10px; padding: 20px 20px; }
.res-icon{width: 40px; margin-bottom: 10px;}
.card-border{border: 2px solid #CFCFCF;}

.form-select {background-color: #FAFAFA; border: 1px solid #E4E4E4; padding: 10px 14px; border-radius: 10px;}
.account-user-icon{height: 90px; width: 90px; border-radius: 50%;}
.message_box{background: #E5E5E5; padding: 15px 25px; margin-bottom: 10px; border-radius: 10px;}
.message_box:last-child{margin-bottom: 0;}
.message_box:hover{background: #fff;}

.form-control:focus{box-shadow: none;}
.login-form-box{max-width: 600px; margin: auto;}
.login-form .form-control{padding: 12px 20px; border: 1px solid #ccc;}
.eye_show_box{position: absolute; right: 20px; top:14px; cursor: pointer;}
label{font-weight: 600;}

.form-check-input:checked { background-color: #F6A74E; border-color: #F6A74E;}
.form-check-input:focus{box-shadow: none;}
.form-check-input {border: var(--bs-border-width) solid #9d9d9d;}
@media (min-width: 992px) {
  .modal-md { --bs-modal-width: 600px;}
}
.paymentGatewayLogo{width: 150px;}
b, strong {font-weight: 600;}
.active > .page-link, .page-link.active {background-color: #ff9d34; border-color: #ff9d34;}
.page-link {color: #000;}
.page-link:focus {box-shadow:none; color: #000;}
.wallet-button.btn-sm { padding: 7px 20px; font-size: 14px; border-radius: 5px;}

.required{color: #ac0e0e;}
.form-control {padding: .575rem .75rem; border: var(--bs-border-width) solid #d1d3d5;}