::-webkit-scrollbar-thumb:hover {
background: #bcbcbc; /* Darker gray color when hovered */
}


/* For WebKit-based browsers */
::-webkit-scrollbar {
width: 6px !important; /* Thin scrollbar */
}

::-webkit-scrollbar-track {
background: #f0f2f5 !important; /* Gray background for the track */
border-radius: 7px !important; /* Rounded track */
}

::-webkit-scrollbar-thumb {
background: rgb(169, 169, 169) !important; /* Gray thumb */
border-radius: 7px !important; /* Rounded thumb */.language-selector .dropdown
}


/* For non-WebKit browsers like Firefox */
body, html {
margin: 0;
padding: 0;
font-size: 14px !important;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
background-color: #f0f2f5;
border-radius: 10px; /* Rounded corners for the entire scrollable area */
}


.notification-bar {
background-color: #ffd700;
height: 6vh;
color: #000;
padding: 10px 0;
text-align: center;
font-size: 14px;
}

.notification-bar .container {
display: flex;
justify-content: center;
align-items: center;
}

.notification-bar a {
color: #0000EE;
text-decoration: underline;
margin-left: 5px;
}

.notification-bar .material-icons {
margin-right: 5px;
}

.main-header {
background-color: green;
padding: 20px 0;
position: relative;
z-index: 1000;
transition: top 0.3s;
}


.search-container {
position: relative;
width: 80%;
margin: 0 auto;
}

.search-suggestions {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 80%;
background-color: white;
border: 1px solid #ddd;
border-top: none;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
z-index: 1000;
}

.search-suggestions h3 {
font-size: 0.9rem;
color: #666;
margin: 10px;
}

.search-suggestions ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.search-suggestions li {
padding: 5px 10px;
color: #000;
cursor: pointer;
display: flex;
align-items: center;
margin: 10px;
justify-content: space-between;
}

.search-suggestions li:hover {
background-color: #f0f0f0;
}

.search-item {
display: flex;
align-items: center;
flex-grow: 1;
}

.search-icon {
color: #666;
margin-right: 10px;
}

.remove-icon {
color: #666;
cursor: pointer;
display: none;
}

.search-suggestions li:hover .remove-icon {
display: inline-block;
}

.remove-icon:hover {
color: #ff0000;
}

.main-header .main-nav ul li a.highlighted {
    background-color: #0099ff;
    padding: 8px 20px;
    border-radius: 5px;
}

.main-header .container {
display: flex;
height: 4vh;
justify-content: space-between;
align-items: center;
margin: 0 30px;
}

.main-header.sticky {
position: fixed;
top: 0;
width: 100%;
}

.main-header .container {
display: flex;
justify-content: space-between;
align-items: center;
}

.logo {
display: flex;
align-items: center;
}

.logo-text {
color: #f0f2f5;
font-size: 24px; /* Adjust size as needed */
letter-spacing: 2px;
font-weight: bold;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.logo-subtext {
font-size: 20px;
color: #f0f2f5;
opacity: 0.7;
margin-left: 2px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.logo img {
margin-left: 10px;
height: 40px;
}

.main-header .main-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: flex-end;
gap: 40px;
}

.main-header .main-nav ul li a {
color: #fff;
text-decoration: none;
font-size: 18px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}








.language-selector {
position: relative;
margin-right: 40px; /* Adjust as needed for spacing */
}

.language-selector a {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
cursor: pointer;
}

.language-icon {
width: 24px;
height: 24px;
border-radius: 100% !important;
margin-right: 8px;
}

.language-selector .dropdown {
display: none;
position: absolute;
margin-top: 12px !important;
top: 100%;
left: 0;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 10px;
width: 11vw;
z-index: 1000;
}



.language-selector:hover .dropdown {
display: block;
}

.language-selector .dropdown li {
list-style: none;
margin: 5px 0;
text-decoration: none;
}

.language-selector .dropdown li a {
color: #000 !important;
text-decoration: none;
margin: 12px;
font-size: 14px;
}

.language-selector .dropdown li a:hover {
text-decoration: none;
}




main {
flex: 1;
}

.main-footer {
display: flex;
justify-content: space-around;
padding: 10px 0;
border-top: 1px solid #fff;
background-color: #fff;
}

.main-footer .container {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 90vw;
margin: 0 auto;
}

.main-footer .footer-column {
flex: 1;
margin: 0 10px;
}

.main-footer .footer-column h3 {
font-size: 18px;
margin-bottom: 10px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.main-footer .footer-column ul {
list-style: none;
padding: 0;
}

.main-footer .footer-column ul li {
margin-bottom: 8px;
}

.main-footer .footer-column ul li a {
color: #333;
text-decoration: none;
font-size: 14px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.main-footer .footer-column ul li a:hover {
text-decoration: underline;
}

.footer-column {
display: flex;
align-items: center;
}

.footer-column .social-text {
margin-right: 10px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.footer-column .social-icon {
margin-right: 18px;
font-size: 20px;
color: gray;
}

.footer-column .social-icon:last-child {
margin-right: 0;
}

.main-header .menu-toggle {
display: none; /* Hide initially on larger screens */
cursor: pointer;
}

.main-header .menu-toggle i {
font-size: 24px; /* Adjust size of menu icon */
color: #fff; /* Adjust color of menu icon */
}

@media (max-width: 1120px) {
.main-header .container {
display: flex;
height: 4vh;
justify-content: space-between;
align-items: center;
margin: 0 10px;
}

.language-selector .dropdown {
width: 18vw;
}
.unused {
display: none;
}

.main-header .main-nav ul li {
margin: 20px 0;
font-size: 10px;
}


}

@media (max-width: 900px) {
.unused {
display: none;
}
}


/* Responsive Styles */
@media (max-width: 758px) {
.main-header .container {
flex-direction: column;
align-items: flex-start;
}

.used {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0 20px; /* Adjust padding as needed */
}

.logo {
flex: 1;
}

.menu-toggle {
flex: 0 1 auto;
}

.main-header .main-nav {
order: 2; /* Moves navigation to the bottom on small screens */
text-align: left; /* Aligns navigation to the left on small screens */
}

.main-header .main-nav ul {
display: none; /* Hide the navigation items by default on small screens */
flex-direction: column; /* Stack navigation items vertically */
background-color: green; /* Background color for the menu */
position: absolute;
top: 100%; /* Position below the header */
left: 0;
width: 100%;
padding: 10px 0;
z-index: 1000; /* Ensure it's above other content */
}

.main-header .main-nav ul.show {
display: flex; /* Show the navigation items when the class 'show' is applied */
}

.main-header .main-nav ul li {
margin: 10px 0; /* Adds spacing between navigation items on small screens */
margin-left: 25px; /* Adds left margin to ensure items do not start at the edge */
}

.main-header .menu-toggle {
display: block; /* Show menu toggle button on small screens */
}

.hero .search-bar {
width: 80%;
height: 30px;
}



.main-footer .container {
flex-direction: column;
align-items: center;
}

.main-footer .footer-column {
margin-bottom: 20px;
}
}


.services {
padding: 40px 0;
background-color: #fff;
color: #333;
}

.services .container {
max-width: 85vw;
margin: 0 auto;
}

.services h2 {
font-size: 24px;
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}

.services .services-group {
list-style-type: none;
padding: 0;
position: relative;
margin-bottom: 40px; /* Increase space between h2 and list items */
}

.services .services-group::before {
content: '';
position: absolute;
left: 25px; /* Positioning the vertical line */
top: 0;
bottom: 0;
width: 2px;
background-color: #e0e0e0;
}

.services .service-item {
padding: 8px 0;
position: relative;
margin-bottom: 4px;
display: flex;
align-items: center;
padding-left: 40px; /* Ensure space for the horizontal line */
}

.services .service-item a {
margin-left: 4px;
text-decoration: none;
color: black;
}

.services .service-item::before {
content: '';
position: absolute;
left: 25px; /* Start of horizontal line */
width: 15px; /* Length of the horizontal line */
height: 2px;
background-color: #e0e0e0;
}

/* Responsive Design */
@media (max-width: 768px) {
.services .service-item {
padding-left: 20px; /* Adjust padding for left indentation */
}

.services .service-item a {
margin-left: 15px;
}

.notification-bar {
background-color: #ffd700;
height: 51vh;
color: #000;
padding: 10px 0;
text-align: center;
font-size: 10px;
}

.services .services-group::before {
left: 15px;
}

.services .service-item::before {
left: 15px;
}
}


@media (max-width: 480px) {
.logo-text {
font-size: 20px;
}

.logo-subtext {
font-size: 16px;
}

.main-header .main-nav ul li a {
font-size: 14px;
}

.hero h1 {
font-size: 24px;
}

.hero .search-bar {
width: 90%;
}

.services h2 {
font-size: 20px;
}

.main-footer .footer-column ul li a {
font-size: 12px;
}

.footer-column .social-icon {
font-size: 18px;
}
}