/* IMPORT FONTS */
@font-face {
	font-family: "Anton";
	src: url("../fonts/Anton-Regular.ttf");
}
@font-face {
	font-family: "TikTokSans";
	src: url("../fonts/TikTokSans-Regular.ttf");
}
/* ROOT */
:root {
	/* FONT VARS */
	--anton: "Anton", sans-serif;
	--tiktoksans: "TikTokSans", sans-serif;
	/* COLOR VARS */
	--naples-yellow: rgb(255, 203, 16);
	--royal-blue: rgb(0, 20, 79);
	--champagne: rgb(255, 233, 160);
	--white: var(--bs-white);
	--dark: var(--bs-dark);
	--light: var(--bs-light);
	--gray: var(--bs-gray-200);
}
/* ALL */
body { font-family: var(--tiktoksans); }
.text-custom-yellow { color: var(--naples-yellow); }
.text-custom-blue { color: var(--royal-blue); }
.text-custom-green { color: limegreen; }
.col-box-wrap {
	word-break: break-all;
	overflow-wrap: break-word;
	white-space: normal;
}
.btn-custom-yellow {
	font-family: var(--anton);
	text-transform: uppercase;
	background-color: var(--naples-yellow);
	color: var(--white);
	border-color: var(--naples-yellow);
	border-radius: 0px;
}
.btn-custom-blue {
	font-family: var(--anton);
	text-transform: uppercase;
	background-color: var(--royal-blue);
	color: var(--white);
	border-color: var(--royal-blue);
	border-radius: 0px;
}
.btn-custom-yellow:hover,
.btn-custom-yellow:focus {
	background-color: var(--royal-blue);
	color: var(--white);
	border-color: var(--royal-blue);
}
.btn-custom-blue:hover,
.btn-custom-blue:focus {
	background-color: var(--naples-yellow);
	color: var(--white);
	border-color: var(--naples-yellow);
}
.alert {
	border: none;
	border-radius: 0px;
	text-transform: uppercase;
}
.form-error {
	font-size: 0.75rem;
	text-transform: uppercase;
	color: var(--bs-red);
	margin-top: 15px;
	margin-bottom: 15px;
}
.form-control,
.form-select {
	background-color: var(--light);
	border: none;
	border-radius: 0px;
}
.input-group-text {
	background-color: var(--royal-blue);
	color: var(--naples-yellow);
	border: 1px solid var(--royal-blue);
	border-radius: 0px;
}
.topnav .topnav-items .topnav-item .title {
	font-family: var(--anton);
	font-size: 1.75rem;
	text-transform: uppercase;
	text-decoration: none;
}
.topnav .topnav-items .topnav-item .topnav-link {
	font-size: 0.875rem;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--dark);
	margin-left: 15px;
	margin-right: 15px;
}
.topnav .topnav-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.topnav {
	background-color: var(--white);
	padding-top: 25px;
	padding-bottom: 25px;
}
@media screen and (min-width: 959px) {
	.topnav .topnav-items #topnav-item-3 { display: none; }
}
@media screen and (max-width: 959px) {
	.topnav .topnav-items #topnav-item-2 { display: none; }
}
.sidenav .offcanvas .offcanvas-header .offcanvas-header-items .offcanvas-header-item .title {
	font-family: var(--anton);
	font-size: 1.75rem;
	text-transform: uppercase;
	text-decoration: none;
}
.sidenav .offcanvas .offcanvas-header .offcanvas-header-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidenav .offcanvas .offcanvas-header {
	background-color: rgb(255, 233, 160);
	padding-top: 25px;
	padding-bottom: 25px;
}
.sidenav .offcanvas .offcanvas-body .offcanvas-body-items .offcanvas-body-item .offcanvas-body-link {
	font-size: 1.125rem;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--naples-yellow);
}
.sidenav .offcanvas .offcanvas-body { background-color: var(--royal-blue); }
/* HOME */
.home .hero .title { font-weight: bolder; }
.home .hero {
	background: #ffe9a0;
	background: linear-gradient(90deg, rgba(255, 233, 160, 1) 0%, rgba(249, 220, 92, 1) 0%, rgba(5, 24, 79, 1) 100%);
	padding-top: 35px;
	padding-bottom: 45px;
}
.home .why-us h4 {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .why-us h5 { font-family: var(--anton); }
.home .how-to .title, h5 {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .youtube-videos .title {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .youtube-videos { background-color: var(--royal-blue); }
.home .how-to { background-color: rgb(255, 233, 160); }
.home .investment-plans .title {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .investment-plans .card .card-body .card-title .price-range { font-family: var(--anton); }
.home .investment-plans .card .card-footer {
	background-color: var(--gray);
	border: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.home .investment-plans .card {
	height: 100%;
	border-radius: 0px;
}
.home .investment-plans {
	background: #ffe9a0;
	background: linear-gradient(90deg, rgba(255, 233, 160, 1) 0%, rgba(249, 220, 92, 1) 0%, rgba(5, 24, 79, 1) 100%);
}
.home .customer-reviews .title {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .customer-reviews .card {
	height: 100%;
	border-radius: 0px;
}
.home .live-widget .title {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .cta .title {
	font-weight: bolder;
	color: var(--naples-yellow);
}
.home .cta {
	background-color: var(--royal-blue);
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
}
.home .contact .title {
	font-family: var(--anton);
	text-transform: uppercase;
}
.home .contact form textarea { resize: none; }
.home .contact .row .col-box {
	background-color: var(--royal-blue);
	padding: 45px 15px;
	text-align: center;
}
.home .contact { background-color: rgb(255, 233, 160); }
.home .footer {
	background-color: var(--royal-blue);
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}
/* REGISTER */
.register .card .card-body .card-title {
	font-family: var(--anton);
	text-transform: uppercase;
	cursor: pointer;
}
.register .card .card-body .card-text { font-size: 1.75rem; }
.register .card .card-body .card-link {
	text-decoration: none;
	color: var(--royal-blue);
}
.register .card {
	background-color: var(--white);
	border-radius: 0px;
	margin-top: 125px;
	margin-bottom: 125px;
	opacity: 0.9;
}
@media screen and (min-width: 799px) {
	.register .card {
		width: 45%;
		margin-left: auto;
		margin-right: auto;
	}
}
.register {
	background-image: url("../images/guest/trading-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
/* LOGIN */
.login .card .card-body .card-title {
	font-family: var(--anton);
	text-transform: uppercase;
	cursor: pointer;
}
.login .card .card-body .card-text { font-size: 1.75rem; }
.login .card .card-body .card-link {
	text-decoration: none;
	color: var(--royal-blue);
}
.login .card {
	background-color: var(--white);
	border-radius: 0px;
	margin-top: 125px;
	margin-bottom: 125px;
	opacity: 0.9;
}
@media screen and (min-width: 799px) {
	.login .card {
		width: 45%;
		margin-left: auto;
		margin-right: auto;
	}
}
.login {
	background-image: url("../images/guest/trading-bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
/* ALL (USER GENERAL AND SPECIFIC) */
.header .header-items .header-item .title {
	font-family: var(--anton);
	font-size: 1.75rem;
	color: var(--naples-yellow);
	text-transform: uppercase;
	text-decoration: none;
}
.header .header-items {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.header {
	background-color: var(--gray);
	padding-top: 25px;
	padding-bottom: 25px;
}
.bottom-nav .bottom-nav-items .bottom-nav-item .bottom-nav-icon {
	font-size: 2rem;
	color: var(--royal-blue);
}
.bottom-nav .bottom-nav-items .bottom-nav-item .bottom-nav-text {
	color: var(--white);
	text-transform: uppercase;
}
.bottom-nav .bottom-nav-items .bottom-nav-item {
	padding-top: 25px;
	padding-bottom: 25px;
	cursor: pointer;
}
.bottom-nav .bottom-nav-items {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bottom-nav {
	background-color: var(--naples-yellow);
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
@media screen and (max-width: 799px) { .bottom-nav .bottom-nav-items .bottom-nav-item .bottom-nav-text { display: none; } }
.dashboard .intro .card .card-header {
	background-color: var(--royal-blue);
	color: var(--white);
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.dashboard .intro .card .card-body { background-color: var(--light); }
.dashboard .intro .card {
	border: none;
	border-radius: 0px;
}
.dashboard .pane .row #col-box-1,
.dashboard .pane .row #col-box-2,
.dashboard .pane .row #col-box-4,
.dashboard .pane .row #col-box-5,
.dashboard .pane .row #col-box-6,
.dashboard .pane .row #col-box-7,
.dashboard .pane .row #col-box-8 {
	background-color: var(--royal-blue);
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
	cursor: pointer;
}
.dashboard .pane .row #col-box-3,
.dashboard .pane .row #col-box-9 {
	background-color: var(--naples-yellow);
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: center;
	cursor: pointer;
}
.dashboard,
.profile,
.plans,
.portfolio,
.properties,
.investments,
.transactions,
.usdtransactions,
.cryptotransactions,
.settings { padding-bottom: 225px; }
.addfunds .card .card-body .card-title,
.addplan .card .card-body .card-title,
.buycrypto .card .card-body .card-title,
.sellcrypto .card .card-body .card-title,
.sendcrypto .card .card-body .card-title,
.receivecrypto .card .card-body .card-title,
.withdrawfunds .card .card-body .card-title,
.changepassword .card .card-body .card-title {
	font-family: var(--anton);
	text-transform: uppercase;
	cursor: pointer;
}
.addfunds .card .card-body .card-text,
.addplan .card .card-body .card-text,
.buycrypto .card .card-body .card-text,
.sellcrypto .card .card-body .card-text,
.sendcrypto .card .card-body .card-text,
.receivecrypto .card .card-body .card-text,
.withdrawfunds .card .card-body .card-text,
.changepassword .card .card-body .card-text { font-size: 1.75rem; }
.addfunds .card,
.addplan .card,
.buycrypto .card,
.sellcrypto .card,
.sendcrypto .card,
.receivecrypto .card,
.withdrawfunds .card,
.changepassword .card {
	background-color: var(--gray);
	border-radius: 0px;
	margin-top: 125px;
	margin-bottom: 125px;
}
.addfunds,
.addplan,
.buycrypto,
.sellcrypto,
.sendcrypto,
.receivecrypto,
.withdrawfunds,
.changepassword { background-color: var(--royal-blue); }
@media screen and (min-width: 799px) {
	.addfunds .card,
	.addplan .card,
	.buycrypto .card,
	.sellcrypto .card,
	.sendcrypto .card,
	.receivecrypto .card,
	.withdrawfunds .card,
	.changepassword .card {
		width: 45%;
		margin-left: auto;
		margin-right: auto;
	}
}
.profile .pane .card .card-header {
	background-color: var(--royal-blue);
	color: var(--white);
	text-transform: uppercase;
	text-align: right;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.profile .pane .card .card-body .card-body-title {
	font-family: var(--anton);
	color: var(--naples-yellow);
	text-transform: uppercase;
}
.profile .pane .card .card-body { background-color: var(--light); }
.profile .pane .card {
	border: none;
	border-radius: 0px;
}
.plans .pane .card .card-body .card-title .price-range,
.transactions .pane .card .card-body .card-title .heading,
.transactions .pane .card .card-body .card-title .heading { font-family: var(--anton); }
.plans .pane .card,
.transactions .pane .card,
.transactions .pane .card { height: 100%; }
.usdtransactions .pane .list-group .list-group-item .flex-items .key,
.cryptotransactions .pane .list-group .list-group-item .flex-items .key {
	font-family: var(--anton);
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--naples-yellow);
}
.usdtransactions .pane .list-group .list-group-item .flex-items .value,
.cryptotransactions .pane .list-group .list-group-item .flex-items .value {
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--royal-blue);
}
.usdtransactions .pane .list-group .list-group-item,
.cryptotransactions .pane .list-group .list-group-item {
	background-color: var(--white);
	border-radius: 0px;
}
@media screen and (min-width: 639px) {
	.usdtransactions .pane .list-group .list-group-item .flex-items,
	.cryptotransactions .pane .list-group .list-group-item .flex-items {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}
.settings .pane .pane-icon {
	font-size: 2.5rem;
	color: var(--naples-yellow);
}
.settings .pane {
	background-color: var(--royal-blue);
	cursor: pointer;
}