/* Electronic Product Showcase Styles */
body {
    background-color: #111;
    color: #fff; 
    padding-top: 60px;
    font-family: 'Oswald', sans-serif;
}


/* Google Fonts */
h1, h2, h3,.navbar-brand {
    font-family: 'BBH Hegarty', sans-serif !important;
    text-transform: uppercase;
    font-size: 1.7rem;
}

/* Navbar and carousel */
#navbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}

.carousel {
    border-radius: 10px;
    overflow: hidden;
    background: #000;
}

.carousel img {
    height: 350px;
    object-fit: contain;
    filter: brightness(0.7);
    transition: all 0.4s;
}

.carousel img:hover {
    filter: brightness(1);
}

.carousel-desc {
    color: #ddd;
    font-weight: 800;
    padding: 15px;
    text-align: center;
}
.carousel-inner {
    background-color: #000 !important;
    box-shadow: none !important;
}

/* Button styling */
.btn-primary {
    background-color: #0d6efd;
    border: none;
    padding: 10px 25px;
    font-family: 'BBH Hegarty', sans-serif;
    font-weight: bold;
    transition: 0.3s;
}
.btn-primary:hover {
    background-color: #0b5ed7;
    box-shadow: 0 4px 15px rgba(13, 110, 253, 0.4);
}
/* Hero section */
.hero-section {
    padding: 2rem 0 !important;
    margin-bottom: 1rem !important;
}

.hero-section h1 {
    font-size: 3.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 2rem !important;
    font-family: 'Oswald', sans-serif !important;
}

.hero-section .lead {
    font-size: 1.5rem !important;
    font-family: 'Oswald', sans-serif !important;
    margin-bottom: 2rem !important;
}

.hero-section .btn {
    font-size: 1.2rem !important;
    padding: 1rem 2.5rem !important;
    font-weight: 600 !important;
    width: 200px !important;
}
.hero-section {
    margin-bottom: 80px !important;
}
/* contact form */
.contact-box {
    background: #000;
    padding: 40px;
    border-radius: 15px;
    border: 1px solid #222;
}

.form-control {
    background-color: #ddd !important;
    color: #0d6efd !important;
    border-radius: 5px;
    padding: 12px;
}

.form-control:focus {
    background-color: #333 !important;
    border-color: #0d6efd;
    box-shadow: none;
}
.bg-light {
    background-color: black !important;
    border: none !important;
}

/* product section and cards */
.products-section {
    margin-bottom: 100px !important;
}

.card {
    background-color: #1a1a1a;
    border: 1px solid #333;
    transition: 0.3s;
    margin-bottom: 20px;
}

.card-img-top {
    height: 200px;
    object-fit: contain; 
    background-color: #000;
    padding: 15px;
}
.card.card:hover {
    transform: translateY(-8px);
    border-color: #6cff8f;
}

.card-title{
    color: #6cff8f;
    font-family: 'Oswald', sans-serif;
    
}
.card-text {
    color: aquamarine;
    font-family: 'Oswald', sans-serif;
}

/* FOOTER */
footer {
    padding: 40px 0;
    border-top: 1px solid #222;
    margin-top: 50px;
    text-align: center;
}

footer i {
    margin: 0 10px;
    font-size: 1.5rem;
    color: #888;
    transition: 0.3s;
}

footer i:hover {
    color: #fff;
    transform: scale(1.2);
}
/* social icons color */
.fa-facebook:hover,
.fa-facebook:active {
    color: #1877f2 !important;
} 

.fa-instagram:hover,
.fa-instagram:active {
    color: #e4405f !important;
}