/* Base Styles */
body {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
color: #333;
background-color: #090b11;
margin: 0;
display: flex;
flex-direction: column;
height: 100%;
}

h2 {
font-size: 37px;
}

/* Navbar */
.navbar-brand {
font-size: 1.8em;
font-weight: 600;
color: white;
}

.navbar-brand:hover {
font-size: 1.8em;
font-weight: 600;
color: orangered;
}

@media(max-width: 767px) {
/* Navbar */
.navbar-brand {
font-size: 1.5em;
font-weight: 600;
color: white;
}

.nav-link {
font-size: 1.3em;
}
}

.nav-link {
font-weight: 500;
color: white !important;
}

/* Hero Section */
.hero-section {
background-color: #090b11;
color: white;
text-shadow: 2px 2px 4px rgba(152, 152, 152, 0.5);
padding: 80px 0;
}

.hero-content {
text-align: left;
padding: 20px;
}

.hero-content h1 {
font-size: 2.5em;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: -1px;
}

.hero-content p {
font-size: 1.25em;
margin-bottom: 30px;
}

.hero-image img {
max-width: 85%;
margin-bottom: -5em;
}

.hero-description {
font-size: 16px !important;
}

/* Adjustments for larger screens */
@media (min-width: 768px) {
.hero-section {
padding: 120px 0;
}

.hero-content h1 {
font-size: 3.5em;
}

.hero-description {
font-size: 20px !important;
}

h2 {
font-size: 37px !important;
}

}

.btn-book {
background-color: orangered;
color: white;
border-radius: 50px;
padding: 10px 30px;
font-weight: 600;
transition: transform 0.3s;
}

.btn-book:hover {
background-color: white;
color: #333;
}

.btn-demo {
background-color: transparent;
color: white;
border: solid 1px orangered;
border-radius: 25px;
padding: 2px 10px;
font-weight: 600;
transition: transform 0.3s;
}

.btn-demo:hover {
background-color: white;
color: #333;
}

/* Use Cases */
#solutions {
padding: 50px 0;
background: transparent;
margin-top: 5em;
margin-bottom: 5em;
}

/* FAQ Section */
.accordion-item {
background: #f8f9fa;
border-radius: 8px;
border: none;
margin-bottom: 10px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}

.accordion-body {
color: white;
}
.accordion-button {
font-weight: 500;
color: white !important;
}

/* Footer */
footer {
background-image: linear-gradient(to right bottom, #090b11, #090b11);
height: 150px;
padding: 20px 0px;
text-align: center;
color: white;
box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.05);
margin-top: auto;  /* Ensure the footer is pushed to the bottom */
}

.list-inline-item a{
text-decoration: none;
color: white;
font-size: 0.9em;
transition: color 0.3s ease;
}

.list-inline-item a:hover {
color: orangered;
font-size: 1.1em;
}

header {
background-color: #090b11;
}

.navbar-nav .nav-link {
color: white; /* Readable text color */
transition: color 0.3s ease;
}

.nav-link:hover {
color: orangered !important; /* Highlight on hover */
}

.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.faq-section {
background-color: transparent !important;/* Semi-transparent background */
border-radius: 15px; /* Rounded corners for aesthetic */
padding: 20px; /* Padding for spacing */
backdrop-filter: blur(10px); /* Optional: Blurring background */
color: white !important;
}

.accordion {
max-width: 800px; /* Set a maximum width for larger screens */
margin: 0 auto; /* Center the accordion */
}

/* Close button */
.close {
background-color: white;
color: black;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

/* Apply a modern font to the entire section */
.neon-icon {
font-size: 2.5rem;
color: orangered;
}

.neon-icon {
font-size: 4rem;
color: orangered;
}

.text-orange {
    color: orangered
}

.justify {
    text-align: justify;
}