@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');
body { color: #000000; font-family: Nunito, Helvetica, sans-serif; font-weight: normal; overflow-x: hidden; padding-top: 93px; }
a { color: #008CFF; }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: #000000; font-family: Nunito, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; }
h1 { font-size: 55px; }
h2 { font-size: 50px; }
h3 { font-size: 41px; }
p, li { color: #000000; font: normal 24px/1.5 Nunito, Helvetica, sans-serif; overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }
.center { text-align: center !important; }

.navbar { background-color: #ffffff; box-shadow: 0px 0px 10px rgba(109, 41, 219, 18%); padding: 0px; }
.navbar .navbar-nav .nav-link { color: #000000; font-size: 18px; margin: 0rem 1rem; padding: 1.945rem 0rem; }
.navbar .navbar-nav .nav-link.active { border-bottom: 3px solid transparent; border-image: linear-gradient(to right, #2953DB, #FD1F3B); border-image-slice: 1; color: #000000; }

.navbar .btn-wallet { line-height: 34px; padding: .275rem 1.275rem; }
.navbar-brand { padding: 8px 0px; }
.navbar-brand img { width: 240px; }
.navbar-brand img.scrollLogo, img.userblk { display: none; }
#header { background-color: #000000; }
#header .navbar-nav .nav-link { border: inherit; color: #ffffff; }

.dropdown-toggle { margin-top: 5px; height: 36px; width: 36px; }
.dropdown-toggle::after { border: 0px; }
.dropdown-menu { background-color: #F6F7FB; border: none; border-radius: 20px; box-shadow: 0px 3px 6px #000000; padding: 1rem 1.5rem; }
.dropdown-item { font-size: 20px; }
.dropdown-item:hover { background-color: inherit; }

.user-sm { display: none; }

.banner { background: url("../images/rud_sde.png") no-repeat 90% center / contain #000000; clear: both; padding: 3% 0px; width: 100%; }
.banner h1, .banner p { color: #ffffff; }
.banner h1 span { background-image: -webkit-linear-gradient(60deg, #F02E3E, #4D67EE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.banner p { font-size: 24px; margin: 3% 0px 5%; }
.banner .btn-primary { background: rgb(41,83,219); background: linear-gradient(120deg, rgba(41,83,219,1) 0%, rgba(253,31,59,1) 100%); border: none; color: #ffffff; transition: all ease-in-out 0.5s; width: 180px; max-width: 100%; }
.banner .btn-primary:hover, .banner .btn-primary:focus { border: none; border-radius: 60px; box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 30%), 0px 3px 24px rgba(109, 41, 219, 60%); transition: all ease-in-out 0.5s; }

/*.btn { border-radius: 4px; font-size: 15px; font-weight: bold; line-height: 48px; padding: .5rem 2.5rem; text-transform: capitalize; }*/

.earn { background-color: #F6F7FB; clear: both; padding: 5% 0px; width: 100%; }
.earn p { max-width: 85%; }
.traders { clear: both; width: 100%; }

.btn-dark { background: rgb(31,31,31); background: linear-gradient(60deg, rgba(31,31,31,1) 0%, rgba(31,31,31,1) 100%); border: none; border-radius: 4px; color: #ffffff; text-transform: capitalize; transition: all ease-in-out 0.5s; }
.btn-dark:hover, .btn-dark:focus { background: rgb(41,83,219); background: linear-gradient(120deg, rgba(41,83,219,1) 0%, rgba(253,31,59,1) 100%); border: none; border-radius: 60px; box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 50%), 0px 3px 24px rgba(109, 41, 219, 60%); transition: all ease-in-out 0.5s; }

.key { clear: both; padding: 5% 0px; width: 100%; }

.explore { background: rgb(41,83,219); background: linear-gradient(90deg, rgba(41,83,219,1) 0%, rgba(253,31,59,1) 100%); position: relative; }
.explore .balls { bottom: 0px; position: absolute; left: 0; margin: 0px 0px -15% -35%; width: auto; z-index: 1; }
.explore h3, .explore p { color: #ffffff; }
.explore p { font-size: 19px; max-width: 79%; }
.explore .btn-primary { transition: all ease-in-out 0.5s; }
.explore .btn-primary:hover, .explore .btn-primary:focus { background-color: #ffffff; border-color: #ffffff; border-radius: 60px; color: #000000; transition: all ease-in-out 0.5s; }

.benefit { border-bottom: 1px solid rgba(109, 131, 169, 37%); height: 100%; list-style: none; margin: 0px; padding: 0px; width: 100%; }
.benefit li { border-top: 1px solid rgba(109, 131, 169, 37%); color: #000000; font-size: 26px; padding: 4.7% 10%; width: 100%; }
.benefit li span { color: #788EB5; font-size: 19px; }

.features { clear: both; padding: 7% 0px; width: 100%; }
.features .row { margin-bottom: 7%; }

.account { background: url("../images/wolf.png") no-repeat left top / cover #F6F7FB; clear: both; padding: 5% 0px; width: 100%; }
.account .form-control { background-color: #F6F7FB; border-color: #788EB5; border-radius: 12px; line-height: 46px; }
.account .btn-dark { line-height: 44px; padding: .5rem 3.1rem; }

footer { clear: both; padding: 5% 0px; width: 100%; }
footer p { margin-right: 10%; }
footer ul { list-style: none; margin: 0px; padding: 0px; }
footer ul li { color: #000000; font-size: 19px; font-weight: normal; margin-bottom: 15px; }
footer ul li:last-of-type { margin: 0px }
footer ul li a { color: #000000; }
footer ul li a:hover { color: #2953DB; }

.modal-content { background-color: #F6F7FB; border-width: 2px; border-radius: 20px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 38%); }
.modal-content p { font-size: 30px; font-weight: bold; }
.modal-content .btn-close { background-color: #FFFFFF; border: 2px solid #707070; box-shadow: 0px 3px 6px rgba(0, 0, 0, 16%); opacity: 1; padding: 5px 5px; position: absolute; right: 8px; top: 3px; height: 38px; width: 38px; z-index: 1; }
.modal-content .btn-signin { line-height: 40px; width: 196px; }
/*.modal-content .form-control { background-color: #F6F7FB; border-color: #1F1F1F; line-height: 40px; }*/

.main { background-color: #F6F7FB; clear: both; padding: 5% 0px; width: 100%; }

.lists { list-style: none; margin: 35px 0px; padding: 0px; }
.lists li { background: url("../images/icn _chk_cle.svg") no-repeat left 12px; margin: 0px 0px 5px; padding-left: 45px; }

.why, .support { clear: both; padding: 7% 0px; width: 100%; }
.why .col { margin-bottom: 3%; }
.why h2 span { background-image: -webkit-linear-gradient(60deg, #F02E3E, #4D67EE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.why p, .support p { font-size: 19px; }
.why p strong, .support p strong { font-size: 22px; }

.pack { background-color: #ffffff; border: 1px solid #000000; border-radius: 20px; clear: both; font-size: 13px; margin-bottom: 1rem; min-height: 445px; padding-bottom: 40px; widtH: 100%; }
.pack .row { padding: 0px 12px; }
.pack h4 { border-radius: 20px 20px 0px 0px; color: #ffffff; font-size: 30px; margin-bottom: 25px; padding: 25px 12px; text-transform: capatalize; }
.pack h4.beg { background-color: #156FF8; }
.pack h4.adv { background: rgb(59,127,207); background: linear-gradient(0deg, rgba(59,127,207,1) 0%, rgba(26,156,223,1) 50%, rgba(26,210,251,1) 100%); }
.pack h4.exp { background: rgb(253,31,59); background: linear-gradient(0deg, rgba(253,31,59,1) 0%, rgba(41,83,219,1) 100%); }
.pack h4.eli { background: rgb(26,187,249); background: linear-gradient(0deg, rgba(26,187,249,1) 0%, rgba(178,110,235,1) 50%, rgba(250,102,76,1) 100%); }

.btn-account { background: rgb(41,83,219); background: linear-gradient(120deg, rgba(41,83,219,1) 0%, rgba(253,31,59,1) 100%); border: none; border-radius: 4px; color: #ffffff; text-transform: capitalize; transition: all ease-in-out 0.5s; }
.btn-account:hover, .btn-account:focus { background: rgb(250,102,76); background: linear-gradient(90deg, rgba(250,102,76,1) 0%, rgba(178,110,235,1) 100%); border: none; border-radius: 60px; box-shadow: inset 0px 0px 3px 3px rgba(255, 255, 255, 55%), 0px 0px 12px rgba(195, 65, 65, 68%); color: #ffffff; transition: all ease-in-out 0.5s; }

.btn-open { background: rgb(41,83,219); background: linear-gradient(120deg, rgba(41,83,219,1) 0%, rgba(253,31,59,1) 100%); border: none; border-radius: 60px; box-shadow: 0px 3px 24px rgba(109, 41, 219, 60%); color: #ffffff; text-transform: uppercase; transition: all ease-in-out 0.5s; }
.btn-open:hover, .btn-open:focus { color: #ffffff; }

.profile { clear: both; width: 100%; }
.profile h5{ font-size: 19px; font-weight: normal; }

.panel { background-color: #ffffff; border: 1px solid #707070; clear: both; margin-bottom: 1rem; Width: 100%; }
.panel figure { border-bottom: 1px solid #707070; margin: 0px; }
.panel figure img { width: 100%; }
.panel .detail { padding: 12px 12px; width: 100%; }
.panel .detail p { font-size: 16px; margin-bottom: .5rem; }
.panel .detail a { color: #608CEF; font-size: 16px; text-decoration: underline; }

.red { color: #ff0000 !important; }

.thead { clear: both; margin: 10px 0px; width: 100%; }
.tdata {  clear: both; margin: 10px 0px; width: 100%; }
.table { margin-bottom: 0rem; width: 100%; }
.table thead tr { background-color: #1F1F1F; border: 1px solid #1F1F1F; }
.table thead tr th, .table tbody tr td { border-bottom: none; color: #fff; }
.table thead tr th { font: 700 14px 'Roboto', sans-serif; text-align: left; text-transform: capitalize; }
.table thead tr th:first-child, .table tbody tr td:first-child { width: 20%; }
.table thead tr th:last-child, .table tbody tr td:last-child { width: 20%; }
.table tbody tr { background-color: #FFFFFF; border: 1px solid #FFFFFF; }
.table tbody tr td { color: #1F1F1F; font: 400 14px 'Roboto', sans-serif; }

.common { background: url("../images/emb_bg.png") no-repeat left 90px / 520px; clear: both; padding: 7% 0px; width: 100%; }
.policy p { color: #707070; font-size: 20px; }
/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	body { padding-top: 73px; }
	h1 { font-size: 33px; }
	h2 { font-size: 30px; }
	h3 { font-size: 21px; }
	p, li { font-size: 16px; }
	.col { flex-basis: auto; }
	.navbar > .container { position: relative; }
	.navbar-brand img { width: 180px; }
	.navbar-toggler { border: none; }
	.navbar .navbar-nav .nav-link { padding: .5rem 0rem; }
	.navbar-collapse { padding-bottom: 10px; }
	.hm-toggler { filter: brightness(0) invert(1); }
	.user-sm { display: block; position: absolute; top: 15px; right: 65px; }
	.user-sm .dropdown-menu { margin: 5px 0px 0px -95px; }
	.navbar .ms-3 { margin: .5rem 0px 0px 0rem !important; }
	.d-block { display: none !important; }
	.banner { padding: 50px 0px; }
	.banner p { font-size: 18px; }
	.banner .col:last-child { display: none; }
	.banner .btn-primary, .btn-dark, .explore .btn-primary { line-height: 32px; }
	.earn .ps-5 { padding-left: 12px !important; }
	.traders .col { max-width: 50%; }
	.explore .balls { display: none; }
	.explore p, .benefit li span { font-size: 14px; }
	.benefit li { padding: 2.7% 6%; }
	.features figure img, .account figure img { max-width: 70%; }
	.account { background-image: inherit; }
	.account .col-auto { width: 100%; }
	.account .form-control, .account .btn-dark { line-height: 32px; width: 100%; }
	footer .col { max-width: 50%; }
	footer img { width: 240px; }
	footer ul { margin-bottom: 15px; }
	footer ul li { font-size: 14px; margin-bottom: 5px; }
	.lists li { background-position: left 5px; background-size: 25px; }
	.why p, .support p { font-size: 14px; }
	.why p strong, .support p strong { font-size: 16px; }
	.profile .col{ max-width: 50%; }
	.profile .float-end { float: none !important; }
	.panel .detail p, .panel .detail a { font-size: 12px; }
	.modal-content p { font-size: 20px; }
	.modal-content .btn-close { height: 20px; width: 20px; }
	.modal-content .btn-signin, .modal-content .form-control { line-height: 32px; }
	.table thead tr th, .table tbody tr td { font-size: 8px; }
    .table thead tr th:first-child, .table tbody tr td:first-child { width: 15%; }
	.table thead tr th:last-child, .table tbody tr td:last-child { width: 10%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	body { padding-top: 73px; }
	h1 { font-size: 33px; }
	h2 { font-size: 30px; }
	h3 { font-size: 21px; }
	p, li { font-size: 16px; }
	.navbar > .container { position: relative; }
	.navbar-brand img { width: 180px; }
	.navbar-toggler { border: none; }
	.navbar .navbar-nav .nav-link { padding: .5rem 0rem; }
	.hm-toggler { filter: brightness(0) invert(1); }
	.user-sm { display: block; position: absolute; top: 15px; right: 65px; }
	.user-sm .dropdown-menu { margin: 5px 0px 0px -95px; }
	.navbar-collapse { padding-bottom: 10px; }
	.d-block { display: none !important; }
	.navbar .ms-3 { margin: .5rem 0px 0px 0rem !important; }
	.banner { background-size: 60%; }
	.banner p { font-size: 18px; }
	.banner .btn-primary, .btn-dark, .explore .btn-primary { line-height: 32px; }
	.explore .balls { display: none; }
	.explore p, .benefit li span { font-size: 14px; }
	.py-5 { padding: 2rem 0px !important; }
	.account .col, .account .col-auto { width: 100%; }
	.account .form-control, .account .btn-dark { line-height: 32px; width: 100%; }
	footer img { width: 240px; }
	footer ul { margin-bottom: 15px; }
	footer ul li { font-size: 14px; margin-bottom: 5px; }
	.lists li { background-position: left 5px; background-size: 25px; }
	.why p, .support p { font-size: 14px; }
	.why p strong, .support p strong { font-size: 16px; }
	.profile .float-end { float: none !important; }
	.panel .detail p, .panel .detail a { font-size: 12px; }
	.modal-content p { font-size: 25px; }
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
	h1 { font-size: 42px; }
	h2 { font-size: 38px; }
	h3 { font-size: 31px; }
	p, li { font-size: 20px; }
	.banner { background-size: 60%; }
	.banner p { font-size: 22px; }
	.py-5 { padding: 2rem 0px !important; }
	.explore .balls { display: none; }
	.explore p { font-size: 16px; }
	footer ul li { font-size: 16px; }
	.pack { font-size: 12px; }
	.panel .detail p, .panel .detail a { font-size: 14px; }
}
.Toastify__toast{
	font-family: Nunito !important;
}