@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body,html{overflow-x:hidden!important;max-width:100vw}body{width:100%;background-color:#000!important;color:white;background:#171716!important;font-family:Poppins,sans-serif!important;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#222}::-webkit-scrollbar-thumb{background:rgb(179,179,179);border-radius:4px;opacity:.8}::-webkit-scrollbar-thumb:hover{background:#777}a{color:inherit!important;text-decoration:none!important}.small-card h6{color:#555555}.hero-content h2{font-weight:700;color:white}.logo{cursor:pointer}input{background-color:transparent;border:none;color:white!important;width:50%}input:focus-visible{outline:none;border:none}.transparent-btn{color:#08b9e0;background-color:rgb(8 132 159/21%);border:1px solid transparent;padding:8px 12px;border-radius:12px;transform:scale(1);font-size:14px;align-items:center;font-weight:700;cursor:pointer}.hero-content .card{background-color:#000!important;border-radius:20px}.blue-btn{color:white;background-color:rgba(8,131,159,.856);border:1px solid transparent;padding:8px 12px;border-radius:24px;transform:scale(1);font-size:14px;align-items:center;font-weight:700;cursor:pointer;white-space:nowrap}.d-flex,main{align-items:center;justify-content:center}main{position:relative;background-image:url(/Hero-bg.png)!important;background-repeat:no-repeat;background-size:cover;background-position:100% 0;width:100%;margin:auto;min-height:100vh}main:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0/68%);pointer-events:none;z-index:1}main>*{position:relative;z-index:2}header{width:100%;height:72px;padding:12px;background:#0b2331;position:-webkit-sticky!important;position:sticky!important;display:flex;justify-content:space-between;border-bottom:1px solid #00000000;align-items:center;z-index:1000;top:0}.header.scrolled{background:#0b2331;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid #303030}h2{text-align:center;font-size:36px;opacity:90%}h6{color:#e7e7e780}.hero-content{padding:3% 5%}.card{background-color:#000000dc;width:38%;padding:8px;margin:10px auto;display:flex;justify-content:center;align-items:center;position:relative}.card,.small-card{border-radius:24px}.small-card{padding:16px;background-color:#0f0f0faf;width:100%;margin-bottom:10px;border:1px solid transparent}.small-card:hover{border:1px solid #303030;background-color:#141414c2}.button-container{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:1}.convert{padding:6px;border-radius:16px;border:6px solid #000000dc;background-color:rgb(15,15,15);width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.convert:hover{background-color:#141414}.currency-icon-btn{border-radius:24px;padding:8px 12px;background-color:rgb(7,7,7);border:1px solid #303030c7;box-shadow:0 0 5px #303030c7;color:#e7e7e780;font-weight:700}.currency-icon-btn:hover{background-color:rgba(7,7,7,.719)}.num{flex:1 1;font-size:40px;color:#e7e7e780}.hero-para{color:white}.modal{font-family:Poppins!important}.modal-content{background-color:#131313!important;border:1px solid #303030!important;color:white!important;width:800px!important}.modal-header{border-bottom:none!important}.modal-footer{border-top:none!important}.token-list{border-radius:10px;font-size:20px}.custom-input,.token-list:hover{background-color:#303030!important}.custom-input{display:flex;align-items:center;padding:2px 22px;margin-bottom:15px;border-radius:50px}.login-main{color:white;min-height:100%}.form-control,.form-select{background-color:transparent!important;color:white!important;border:1px solid rgb(88,88,88)!important}.form-control::placeholder{color:white!important}.MuiButtonBase-root{background-color:#0c394e!important}.MuiButtonBase-root,.MuiPaginationItem-root{color:#08b9e0!important}.form-select option{color:black!important}.full-height{height:100%;min-height:-moz-fit-content;min-height:fit-content}.login-form{box-shadow:0 6px 20px -6px rgba(11,43,158,.15);border-radius:24px;width:600px;padding:40px;color:rgb(75,75,75);margin:5vh 0}.cards-kyc,.login-form{background-color:rgb(8 132 159/21%)}.cards-kyc{border-radius:12px;padding:10px;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:-webkit-fill-available}.cards-kyc.selected{border:2px solid #007bff;box-shadow:0 0 10px rgba(0,123,255,.3)}.cards-kyc img{width:100%;height:50px;object-fit:contain}.login-form label{color:rgb(255,255,255);margin-bottom:10px}.login-form h2{font-weight:700;text-align:start;color:white;margin-bottom:20px}.login-form button{font-weight:600;font-size:18px}.login-main h1{font-weight:700}.login-main p{font-size:24px;line-height:32px;letter-spacing:0}.text-login{padding:0 128px}.right-content{background-repeat:no-repeat;background-size:cover;background:linear-gradient(0deg,#0b2331b0 0,#0b2331cc 50%,#0b233100);height:calc(100vh - 72px);justify-content:center;display:flex;align-items:center;min-height:100%}.login-form input{border:2px solid #0c394e;border-radius:10px;background-color:rgb(8,34,40);color:#fff;caret-color:#fff}.login-form input:-webkit-autofill,.login-form input:-webkit-autofill:focus,.login-form input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:rgb(8,34,40)!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.login-form-select__control{border:2px solid #0c394e!important;border-radius:10px!important;min-height:60px!important;box-shadow:none!important}.login-form-select__control,.login-form-select__input input{background-color:rgb(8,34,40)!important;color:#fff!important}.login-form-select__input input{caret-color:#fff!important;border:none!important;outline:none!important}.login-form-select__input input:-webkit-autofill,.login-form-select__input input:-webkit-autofill:focus,.login-form-select__input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;caret-color:#fff!important;background-color:rgb(8,34,40)!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.login-form-select__control--is-focused{box-shadow:none!important;border-color:#0c394e!important}.login-form-select__single-value{color:#fff!important}.login-form-select__placeholder{color:#08b8e0a2!important}.login-form-select__indicator-separator{display:none!important}.login-form-select__dropdown-indicator{color:#08b8e0a8!important;padding:0 8px!important}.login-form-select__menu{background-color:rgb(8,34,40)!important;border:2px solid #0c394e!important;border-radius:10px!important;margin-top:4px!important}.login-form-select__option{background-color:rgb(8,34,40)!important;color:#fff!important}.login-form-select__option--is-focused{background-color:#0c394e!important}.login-form-select__option--is-selected{background-color:#0c394e!important;color:#fff!important}.btn-outline{border:2px solid #0c394e!important;border-radius:10px;color:#08b9e0;background-color:transparent;border:1px solid transparent;padding:8px 12px;border-radius:12px;transform:scale(1);font-size:14px;align-items:center;font-weight:600;cursor:pointer;transition:all .3s ease-in}.login-form input::placeholder{color:rgb(8,132,159)}.btn-outline:hover{border:2px solid #0c394e!important;background-color:white;border-radius:10px;color:rgb(8,132,159)}table td,th{padding:20px!important}.MuiAvatar-root{border:2px solid #0c394e!important;background-color:black}table tr,thead{border-bottom:1px solid #0c394e!important}table tr:hover{background:#0c394e!important}table tr:last-child{border-bottom:none!important}table{background-color:#021c22!important;width:100%;color:white!important;border-radius:10px!important}.contactus{background-color:#000;padding-bottom:100px}.contactus h2{font-weight:700;color:white}.contact-card{display:flex;flex-direction:column;justify-content:space-between;padding:30px;transition:all .5s ease-in-out;border-radius:20px;position:relative;height:230px;cursor:pointer}.first{background-color:rgba(255,77,0,.233)!important}.second{background-color:rgba(174,0,255,.233)!important}.first span{color:rgb(255,77,0)}.first span,.second span{font-weight:700;font-size:22px}.second span{color:rgb(174,0,255)}.third{background-color:#0c394e!important}.third span{font-weight:700;color:#08b9e0;font-size:22px}.contact-button{background-color:#000!important;color:rgb(255,77,0);font-weight:700;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;position:relative;background:transparent;border-radius:60px;border:none;cursor:pointer;padding:10px 25px;font-size:16px!important;transition:all .3s ease}.help-icon{margin-right:10px;transition:transform .4s ease,opacity .4s ease;display:inline-flex;align-items:center}.button-text{transition:transform .4s ease}.contact-card:hover .contact-button{padding:10px 10px 10px 40px}.arrow-icon{position:absolute;right:20px;opacity:0;transform:translateX(20px);transition:transform .4s ease,opacity .4s ease;display:inline-flex;align-items:center}.contact-card:hover .help-icon{transform:translateX(-30px);opacity:0}.contact-card:hover .button-text{transform:translateX(-40px)}.contact-card:hover .arrow-icon{transform:translateX(0);opacity:1}.offcanvas{background-color:#131313!important}.offcanvas-header .btn-close{margin-left:0!important}.offcanvas h2{font-weight:700;color:white;text-align:start}.offcanvas span{color:#7c7c7c!important}.buy{align-items:start;background-color:rgba(255,55,199,.08);border-radius:16px;border:0;color:rgb(255,55,199);cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:535;gap:20px;justify-content:start;line-height:20px;padding:15px 18px;position:relative;transition:opacity .15s;-webkit-user-select:none;flex-direction:column;-moz-user-select:none;user-select:none}.offcanvas p{color:#7c7c7c!important;font-weight:500}.offcanvas .MuiAvatar-root{border:none!important}.offcanvas .btn-close{--bs-btn-close-color:#fff!important;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e")!important}.drag-file-area{border:2px dashed #08b9e0;border-radius:20px;margin:10px 0 15px;height:300px;width:100%;text-align:center}.uploaded-id-preview{border-radius:20px;height:296px}.drag-file-area .upload-icon{font-size:50px}.drag-file-area h3{font-size:26px;margin:15px 0}.drag-file-area label{height:100%;display:flex;align-items:center;justify-content:center;width:100%;text-align:center;flex-direction:column;font-size:19px}.drag-file-area label .browse-files-text{color:#08b9e0;font-weight:bolder;cursor:pointer;position:absolute}.browse-files span{position:relative;top:-25px}.default-file-input{opacity:0}.cannot-upload-message{background-color:#ffc6c4;font-size:17px;display:flex;align-items:center;margin:5px 0;padding:5px 10px 5px 30px;border-radius:5px;color:#bb0000;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cannot-upload-message span,.upload-button-icon{padding-right:10px}.cannot-upload-message span:last-child{padding-left:20px;cursor:pointer}.file-block{color:#f7fff7;background-color:#08b9e0;transition:all 1s;width:390px;position:relative;display:none;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 0 15px;padding:10px 20px;border-radius:25px;cursor:pointer}.file-info{display:flex;align-items:center;font-size:15px}.file-icon{margin-right:10px}.file-name,.file-size{padding:0 3px}.remove-file-icon{cursor:pointer}.progress-bar{display:flex;position:absolute;bottom:0;left:4.5%;width:0;height:5px;border-radius:25px;background-color:#4bb543}.notification-wrapper{min-height:100vh;height:100%;display:flex;justify-content:center;align-items:center}.break-word{overflow-wrap:break-word;word-break:break-all;white-space:normal}.dropdown-notification-menu .dropdown-item.noactive{padding:20px;border-bottom:.5px solid #08b8e067}.dropdown-notification-menu .dropdown-item.active{padding:20px;background-color:#08b8e067;border-bottom:.5px solid #08b8e067}.noti-lisiting{border:.5px solid #08b8e067;border-radius:10px;margin-bottom:10px!important;color:white}.noti-lisiting.noactive{padding:20px;border-bottom:.5px solid #08b8e067}.notification-card{background-color:rgb(8 132 159/21%);padding:20px;border-radius:20px;color:white}table tr{transition:all .5s}.noti-lisiting.active{padding:20px;background-color:#08b8e067;border-bottom:.5px solid #08b8e067}.dropdown-item.noactive:hover{background-color:#08b8e067!important}.dropdown-notification-menu{width:450px;background:#021c22!important;border:1px solid #333333!important;color:white!important}.dropdown-toggle:after{display:none!important}@media only screen and (max-width:992px){.card{width:75%}.login-main{min-height:100vh!important;height:100%!important}.login-form{padding:25px;margin-bottom:10vh;margin-top:10vh}}@media only screen and (max-width:1380px){.text-login{padding:0 34px}.text-login br{display:none}.login-main h1{font-size:28px}.login-main p{font-size:18px;line-height:22px;letter-spacing:0}}@media only screen and (max-width:767px){.card{width:100%}}