@font-face {
    font-family: 'MicrogrammaDMedExt';
    src: url('../font/microgme.woff2') format('woff2'),
         url('../font/microgme.woff') format('woff'),
         url('../font/microgme.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

    /* Improve font loading performance */
}

@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-Regular.woff2') format('woff2'),
         url('../font/OpenSans-Regular.woff') format('woff'),
         url('../font/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    background-color: rgb(29, 28, 28);

    /* font-family: 'MicrogrammaDMedExt', 'Helvetica', 'Arial', sans-serif; */
    letter-spacing: 1px;
    color: #e0e0e0;
    font-family: 'OpenSans', sans-serif;

    /* Light text color */
    /* font-family: 'Roboto', sans-serif; */
    font-size: 16px;
}

.navbar,
.navbar-brand,
.nav-link {
    font-family: 'OpenSans', sans-serif;

    /* font-family: 'MicrogrammaDMedExt', sans-serif; */
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'OpenSans', sans-serif;
}

h3 {
  color: #FFB300;
}

h5 {
  color: #FFB300;
}

h6 {
  color: #FFB300;
}

.card-body .card-title,
.faq-question,
faq-answersli,
div {
    font-family: 'OpenSans', sans-serif;
}

/* Custom style to make text lighter and more readable */
body.bg-dark {
    background-color: #121212;

    /* Darker background */
    color: #e0e0e0;

    /* Lighter text color for better readability */
}

.btn-outline-success {
    background-color: black;

    /* Choose the color you want */
    border-color: #28a745;

    /* Ensure the border matches the background */
    color: white;

    /* Change text color if needed */
}

.btn-outline-success:hover {
    background-color: #218838;

    /* Darker shade for hover effect */
    border-color: #1e7e34;
}

.card-body {
    color: #d1d1d1;
    text-decoration: none;

    /* Lighter text for card content */
}

.original-size {
    width: auto;
    height: auto;
    max-width: none;
}

/* For images that should resize but maintain aspect ratio */
.auto-size {
    max-width: 100%;

    /* Ensures the image doesn't overflow */
    height: auto;

    /* Maintains the image's aspect ratio */
}

/* Optional: Ensure the images do not stretch vertically */
.card-img-top {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn-high-contrast {
    color: white;

    /* Text color */
    background-color: #282828;

    /* Transparent background */
    transition: background-color 0.3s ease;

    /* Smooth transition */
    text-decoration: none;

    /* Remove underline from the link */
    padding: 10px 20px;

    /* Padding to make the button look better */
}

/* Custom hover and focus color */
.btn-high-contrast:hover,
.btn-high-contrast:focus {
    background-color: #0047AB !important;

    /* Updated hover and focus color */
}

/* Remove focus outline */
.btn-high-contrast:focus {
    outline: none !important;
}

.card-text {
    color: rgb(255, 255, 255);

    /* Light grey text for paragraphs */
}

img {
    /* filter: brightness(1.2) contrast(1.5) saturate(1.2); */
}

.accessories {
    height: 100px;
}

p {
    font-family: 'Roboto', sans-serif;
}

.navbar-nav .nav-link:hover {
    color: #FFA500 !important;

    /* Orange color */
}

/* Change the active menu item color to orange-yellow */
.navbar-nav .nav-link.active {
    color: #FFB300 !important;

    /* A slightly yellow-orange color */
}

.dropdown-menu {
    font-size: 10px;
}

/* Optional: If you want to change the text color when not hovered or active */
.navbar-nav .nav-link {
    color: #FFFFFF;
    font-size: 14px;

    /* Default color, change as needed */
}

.card-desc {
    font-size: 12px;

    /* Fixed size font */
    color: #f2f2f3;
}

.card-title {
    font-size: 16px;

    /* Fixed size font */
    background-color: #161515;
    color: #FFB300;
    font-weight: bold;
}

.card {
    background-color: #454747;

    /* Darker gray */
}

.nav-background {
    background-color: #212529;
}

.nav-link-sub {
    color: #FFB300 !important;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.nav-link-sub:hover {
    background-color: dodgerblue;

    /* Green background */
    color: white !important;

    /* White text */
}

.link-div {
    cursor: pointer;

    /* Makes it look like a clickable link */
}

.link-div:hover {
    text-decoration: none;

    /* Remove underline on hover (optional) */
}

.svg-text {
    font-size: 4px;
    font-family: Arial, sans-serif;
    fill: rgb(171, 238, 144);
}

#searchInput,
#searchInputBrochures,
#searchInputLiterature,
#searchInputManuals {
    width: 100%;

    /* Make sure it adjusts to the container */
    min-width: 250px;

    /* Set a minimum width */
    max-width: 250px;

    /* Set a minimum width */
}

/* Prevent the nav item from wrapping */
.nav-item.contact-us {
    white-space: nowrap;

    /* Ensure the text stays on one line */
}

/* On large screens (>=992px), align to the right */
@media (min-width: 992px) {
    .d-flex {
        justify-content: flex-end;

        /* Align right on desktop screens */
    }
}

.dark-input {
    background-color: #333333;

    /* Dark background for the input */
    color: #e0e0e0 !important;

    /* Light text color inside input */
    border: 1px solid #fafafa;

    /* Lighter color for the placeholder */
    /* Slightly lighter border color */
}

.dark-input::placeholder {
    color: #fafafa;

    /* Lighter color for the placeholder */
}

.dark-input:focus {
    border-color: #007bff;

    /* Highlight border color when input is focused */
    background-color: #444444;

    /* Slightly lighter background when focused */
    outline: none;

    /* Remove default outline */
}

.dark-input:focus::placeholder {
    color: #fafafa;

    /* Lighten the placeholder color on focus */
}

/* Brighter Green for .btn-outline-success */
.btn-outline-success {
    border-color: #65a728;

    /* Brighter green border */
    color: #75FF43;

    /* Brighter green text */
}

.btn-outline-success:hover {
    background-color: #28a745;

    /* Brighter green background on hover */
    color: white;

    /* White text when hovered */
    border-color: #218838;

    /* Darker green border on hover */
}

.btn-outline-success:focus,
.btn-outline-success:active {
    border-color: #218838;

    /* Darker green border on focus or active */
    background-color: #75FF43;

    /* Darker green background on focus or active */
    color: white;

    /* White text when focused or active */
}

/* Dark theme for dropdown items in the navbar */
.navbar-dark .dropdown-item {
    background-color: #333333;

    /* Dark background for the dropdown item */
    color: white;

    /* Light text color */
}

.navbar-dark .dropdown-item:hover,
.navbar-dark .dropdown-item:focus {
    background-color: #444444;

    /* Slightly lighter dark background on hover or focus */
    color: #ffffff;

    /* White text on hover or focus */
}

.navbar-dark .dropdown-item.active {
    background-color: #555555;

    /* Active dropdown item background */
    color: #ffffff;

    /* White text for active item */
}

/* Set a container for the PDF */
.pdf-container {
    width: 100%;
    height: 100vh;

    /* Viewport height */
    max-width: 100%;
    overflow: hidden;
    position: relative;
}

object,
iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
}

custom-bg-color {
    background-color: #003399 !important;
}