/* Ensure the parent container uses flexbox */
.navbar-nav {
    display: flex;
    justify-content: flex-start; /* Align items to the start */
    align-items: center; /* Center items vertically */
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    padding-right: 135px; /* Adjust the right padding to move it left */
}

/* Style for the nested ul elements */
.navbar-nav > li {
    position: relative;
    margin-right: 20px; /* Adjust spacing between main items */
}

/* Hide dropdowns initially */
.navbar-nav ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 10px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Show dropdowns on hover */
.navbar-nav > li:hover > ul {
    display: block;
}

.navbar-nav a {
    text-decoration: none;
    color: #333;
    padding: 10px 15px;
    display: block;
}

/* Optional: Style for nested links */
.navbar-nav ul li a {
    padding: 5px 10px;
}

/* Optional: Add styles for the container if needed */
.navbar-container {
    display: flex;
    justify-content: flex-start; /* Align content to the start */
}

#logo {
    width: 200px; /* Adjust this value as needed */
    height: auto; /* Maintain aspect ratio */
}
#start-text {
    color: rgb(242, 246, 250) !important; /* Force the text color to white */
    font-size: 24px; /* Adjust the font size as needed */
    font-weight: 700; /* Ensure the text is bold */
    letter-spacing: 4px; /* Add letter spacing */
    text-transform: uppercase; /* Ensure text is uppercase */
    display: block; /* Ensure the element is displayed as a block */
    margin-bottom: 2rem; /* Adjust margin-bottom as needed */
    font-family: ''Raleway',Helvetica,Arial,Lucida,sans-serif Handwriting' !important; /* Change the font to Garamond */

}
#start-text-under {
    color: rgb(242, 246, 250) !important; /* Force the text color to white */
    font-size: 16px; /* Adjust the font size as needed */
    font-weight: 700; /* Ensure the text is bold */
    letter-spacing: 4px; /* Add letter spacing */
    text-transform: uppercase; /* Ensure text is uppercase */
    display: block; /* Ensure the element is displayed as a block */    
    margin-bottom: 2rem; /* Adjust margin-bottom as needed */
    font-family: ''Raleway',Helvetica,Arial,Lucida,sans-serif Handwriting' !important; /* Change the font to Garamond */

}
.bg-blue {
    background-color: #002D62; /* Blue background color */
    /* You can adjust the shade of blue by changing the hex color value */
}
.text-white {
    color: white !important;
}

/* Default button styles */
.butn-style-hover {
    border: 2px solid white !important; 
    padding: 5px 15px !important; 
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5) !important; 
    background-color: transparent !important; 
    border-radius: 10px !important; 
    font-size: 1.2em !important; 
    font-weight: bold !important; 
    text-decoration: none !important; 
    color: #f8f9fa !important; 
    transition: background-color 0.3s !important; color 0.3s !important;
}

.butn-style-hover:hover {
    background-color: white !important; 
    color: #002D62 !important;
}

.butn-style-hover span {
    color: inherit !important;
}

.m-1 {
    margin: 5px !important;
}

.md {
    margin: 10px !important;
}

.no-underline {
    text-decoration: none !important;
}

#logo {
    width: 105px; /* Adjust the width as needed */
    height: auto; /* This will maintain the aspect ratio */
}
.bg-custom {
    background-color: #002D62;
}

.text-white {
    color: #ffffff !important;
}

.fa-phone-alt, .fa-envelope {
    color: #ffffff;
}

.py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
}

.text-primary {
    color: #002D62; /* Använd din primärfärg här */
}
.no-underline {
    text-decoration: none;
    color: white;
}

.no-underline:hover {
    text-decoration: none;
    color: white;
}
.text-custom-color {
    color: #002D62 !important;
}
.no-underline {
    text-decoration: none;
    color: white;
    font-family: 'Futura-pt,OpenSans,sans-serif';
}

.no-underline:hover {
    text-decoration: none;
    color: #00308F !important;
}
.bg-custom-blue {
    background-color: #002D62  !important;
}
.scroll-to-top i {
    color: #002D62 !important;
    transition: color 0.3s ease !important;
}

.scroll-to-top:hover i {
    color: #00308F !important;
}

/* ---------------------------- */
/* 
/* Add this to your CSS file */
@font-face {
    font-family: 'Akura Popo';
    src: url('path-to-your-font-folder/AkuraPopo-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Akura Popo';
    src: url('path-to-your-font-folder/AkuraPopo-Regular.otf') format('opentype');
}

.navbar-brand {
    font-family: 'Pacifico', cursive !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: white !important;
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.navbar-brand i {
    margin-right: 10px;
    color: white !important;
}