:root {
	--primary:#ff6a00;
	--primary-light:#ff8c33;
	--dark:#0d0d0d;
	--dark-2:#1b1b1b;
	--gray:#2c2c2c;
	--light:#f5f5f5;
}

body {
	background:var(--primary-light);
	color:white;
}

.navbar {
	background:rgba(0,0,0,.95) !important;
	border-bottom:1px solid rgba(255,255,255,.05);
}

.navbar-brand {

    color:
    var(--primary) !important;

    font-size:
    30px;

    font-weight:
    bold;
}

.nav-link {
	color:#fff !important;
	transition:.3s;
}

.nav-link:hover {
	color:var(--primary) !important;
}

.hero {

	background:
	linear-gradient(
		rgba(0,0,0,.8),
		rgba(0,0,0,.9)
	),
	url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?q=80&w=1400&auto=format&fit=crop');

	background-size: cover;
	background-position:center;
	color:white;
	padding:120px 0;
}

.hero h1 {

    font-size:
    4rem;

    font-weight:
    bold;

    color:
    var(--primary);
}

.hero p {

    font-size:
    1.2rem;

    color:
    #ddd;
}

.hero-logo {

    max-width:
    320px;

    margin-bottom:
    25px;
}

.btn-primary-custom {

    background:
    var(--primary);

    border:
    none;

    color:
    white;

    padding:
    14px 28px;

    border-radius:
    10px;

    font-weight:
    bold;

    transition:
    .3s;
}

.btn-primary-custom:hover {

    background:
    var(--primary-light);

    transform:
    translateY(-2px);

    color:
    white;
}

.btn-outline-custom {

    border:
    2px solid var(--primary);

    color:
    var(--primary);

    padding:
    12px 28px;

    border-radius:
    10px;

    text-decoration:
    none;

    transition:
    .3s;
}

.btn-outline-custom:hover {

    background:
    var(--primary);

    color:
    white;
}

.feature-card {

    transition:
    .3s;

    background:
    var(--dark-2);

    border:
    1px solid rgba(255,255,255,.05);

    color:
    white;
}

.feature-card:hover {

    transform:
    translateY(-5px);

    border-color:
    var(--primary);

    box-shadow:
    0 10px 20px rgba(255,106,0,.2);
}

.section-title {

    font-weight:
    bold;

    margin-bottom:
    40px;

    color:
    var(--primary);
}

.bg-light {

    background:
    #151515 !important;
}

.bg-white {

    background:
    #111 !important;
}

.card {

    border-radius:
    18px;
}

.card-body h4 {

    color:
    var(--primary);
}

footer {

    background:
    #000;

    color:
    #999;

    padding:
    30px 0;
}

.form-control {
	background: #fff;
	border:1px solid #333;
	color:#000;
}

.form-control:focus {
	background:#fff;
	color:#000;
	border-color: var(--primary);
	box-shadow:0 0 0 .2rem rgba(255,106,0,.2);
}

.btn-dark {

    background:
    var(--primary);

    border:
    none;
}

.btn-dark:hover {

    background:
    var(--primary-light);
}

.stat-box {

    background:
    var(--dark-2);

    border:
    1px solid rgba(255,255,255,.05);

    transition:
    .3s;
}

.stat-box:hover {

    border-color:
    var(--primary);

    transform:
    translateY(-3px);
}


label {
	display: inline-block;
	color:white;
}