/* Laptop */

.onlylaptop
{
	grid-column: 1/27;
	grid-row: 1/5;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: 10px repeat(50, auto) 10px;
    grid-template-rows: repeat(8, auto);
    background-color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	height: 70px; 
}






.onlyphone      
{
 	display:none;
}

h1.topmenu_navn
{
	grid-column: 3/8;
	grid-row: 3/8	;
	font-size: 25px;
	line-height: 60%;
	
	
	}

.topmenu_slogan
{
	grid-column: 25/30;
	grid-row: 4/5	;
	font-size: 20px;
	margin-top: 12px;

	}
	
	
a.toggle_sprog_knap {
	grid-column: 13/15;
	grid-row: 3/8;
	text-decoration:none;
	margin-top:8px;
}

.skift_sprog {
	grid-column: 13/15;
	grid-row: 3/8;
	text-decoration:none;
	margin-top:8px;
}


	
	
a.topmenu_forsidelink {
	grid-column: 3/6;
	grid-row: 3/8;
	display: block;
	text-decoration:none;
	margin-top:8px;
	display:none;
}

a.topmenu_forsidelinklogo {
	grid-column: 2/3;
	grid-row: 3/8;
	display: block;
	text-align:right;
	margin-top:14px;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 28px; /* Adjust as needed */
}

.logo_viet {
  font-weight: 700; /* Bold */
  color: #3B3B3B;   /* Dark gray */
}

.logo_assist {
  font-weight: 300; /* Light */
  color: #52C1D0;   /* Light cyan */
}


.topmenu_logo {
	height: 40px !important;
	width: 210px !important;
}


.language_selctor
{
	grid-column: 7/9;
    grid-row: 3/8;
    z-index: 10;
    float: left;
	margin-top:22px;
display: none;
}





a.topmenu_logaf
{
	grid-column: 49/52;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: calc(var(--radius, 1rem) - 2px); /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
								height: 45px;


}

a.topmenu_logaf:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_tools
{
	grid-column: 43/46;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: calc(var(--radius, 1rem) - 2px); /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
									height: 45px;
}

a.topmenu_tools:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_forside
{
	grid-column: 46/49;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
									height: 45px;
									width: 100%;
									
}

a.topmenu_forside:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_opret_virk
{
	grid-column: 49/51;
	grid-row: 4/9;
   --tw-bg-opacity: 1; /* Default background opacity */
    --tw-text-opacity: 1; /* Default text opacity */
    color: rgba(255, 255, 255, var(--tw-text-opacity)); /* White text with opacity control */
    background-color: rgba(0, 167, 225, var(--tw-bg-opacity)); /* Blue background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
	height: 45px;
}


a.topmenu_opret_virk:hover
{
  --tw-bg-opacity: 0.9; /* Slightly reduce background opacity on hover */
    --tw-text-opacity: 1; /* Keep text fully opaque */
    background-color: rgba(0, 140, 200, var(--tw-bg-opacity)); /* Slightly darker blue */
    color: rgba(255, 255, 255, var(--tw-text-opacity)); /* White text remains unchanged */
}

a.topmenu_blog_public {
	grid-column: 41/45;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
								height: 45px;
								display: none; 
								
}


a.topmenu_blog_public:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_post_public {

	grid-column: 41/45;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
								height: 45px;
}


a.topmenu_post_public:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_howto {

	grid-column: 5/7;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: white;
	background-color: red; /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
		height: 45px;
			
}

a.topmenu_howto:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
	border: 1px solid red; 
}


a.topmenu_opret_privat {
	grid-column: 46/49;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 2px 4px;
    border-radius: calc(var(--radius, 1rem) - 2px); /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
						
}


a.topmenu_opret_privat:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_logon {
	grid-column: 45/49;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
								height: 45px;
}


a.topmenu_logon:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_blog {
	grid-column: 42/46;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
						
								height: 45px;
								display: none; 
}

a.topmenu_blog:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
	
}


a.topmenu_post {
	grid-column: 42/46;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px; /* Slightly rounded corners */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
    display: inline-flex; /* Flexible inline layout */
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
				height: 45px;
							
}


a.topmenu_post:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

.topmenu_dropdown_public {
  position: relative;
  display: inline-block;
  grid-column: 37/41;
  grid-row: 4/9;
  --tw-text-opacity: 1;
  color: rgba(64 62 67, var(--tw-text-opacity));
  background-color: rgb(255, 255, 255);
  padding: 1px 2px;
  border-radius: 25px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-size: 0.875rem;
  line-height: 1.25em;
  font-weight: 500;
  font-family: ui-sans-serif, system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
  height: 45px;
  
  
}

.topmenu_dropdown_content_public {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  min-width: 180px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 8px;
  padding: 4px 0;
  width: 200px;
}

.topmenu_dropdown_content_public a.topmenu_forside {

  width: 100%;
  box-sizing: border-box;
  text-align: left;
  text-decoration: none;
  color: rgba(64, 62, 67, 1);
  
  padding: 6px 10px;       /* ↓ was 10px, now smaller */
  font-size: 0.875rem;      
  line-height: 1.2;        /* tighter spacing */
}

.topmenu_dropdown_content_public a.topmenu_forside:hover {
  background-color: rgb(240, 240, 240);
  color: rgb(59, 130, 246);
}

.topmenu_dropdown_public:hover .topmenu_dropdown_content_public {
  display: block;
}







.topmenu_dropdown {
  position: relative;
  display: inline-block;
  grid-column: 43/46;
  grid-row: 4/9;
  --tw-text-opacity: 1;
  color: rgba(64 62 67, var(--tw-text-opacity));
  background-color: rgb(255, 255, 255);
  padding: 1px 2px;
  border-radius: calc(var(--radius, 1rem) - 2px);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-size: 0.875rem;
  line-height: 1.25em;
  font-weight: 500;
  font-family: ui-sans-serif, system-ui, sans-serif;
  text-align: center;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease;
  height: 45px;
}

.topmenu_dropdown_employer {

  grid-column: 39/42;
  grid-row: 4/9;
        --tw-text-opacity: 1;
        color: rgba(64 62 67, var(--tw-text-opacity));
        background-color: rgb(255, 255, 255);
        padding: 1px 2px;
        border-radius: 25px;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        font-size: 0.875rem;
        line-height: 1.25em;
        font-weight: 500;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        text-align: center;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
        height: 45px;
		
		  position: relative; /* Add this line */
  display: inline-flex;
		
}

.topmenu_dropdown_employer_content {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  min-width: 180px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 8px;
  padding: 4px 0;
}


.topmenu_dropdown_employer_button {
  cursor: pointer;
}

.topmenu_dropdown_employer_content a.topmenu_forside {
  width: 100%;
  box-sizing: border-box;
padding: 6px 10px;       /* ↓ was 10px, now smaller */
  font-size: 0.875rem;      
  line-height: 1.2;        /* tighter spacing */
  text-align: left;
  text-decoration: none;
  color: rgba(64, 62, 67, 1);
}

.topmenu_dropdown_employer_content a.topmenu_forside:hover {
  background-color: rgb(240, 240, 240);
  color: rgb(59, 130, 246);
}

.topmenu_dropdown_employer:hover .topmenu_dropdown_employer_content {
  display: block;
}





.topmenu_dropdown_content {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  min-width: 180px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border-radius: 8px;
  padding: 4px 0;
  width: 200px;

  /* Add this to make it scrollable */
  max-height: 300px;          /* Adjust height to your liking */
  overflow-y: auto;           /* Enable vertical scrolling */
  scrollbar-width: thin;      /* For Firefox */
}

/* Optional: style the scrollbar for WebKit browsers */
.topmenu_dropdown_content::-webkit-scrollbar {
  width: 6px;
}

.topmenu_dropdown_content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* Optional: style the scrollbar for WebKit browsers  
.topmenu_dropdown_public_content::-webkit-scrollbar {
  width: 6px;
}*/

/* Optional: style the scrollbar for WebKit browsers 
.topmenu_dropdown_public_content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
*/


/* Optional: style the scrollbar for WebKit browsers */
.topmenu_dropdown_employer_content::-webkit-scrollbar {
  width: 6px;
}

.topmenu_dropdown_employer_content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}



.topmenu_dropdown_content a.topmenu_forside {

  width: 100%;
  box-sizing: border-box;
padding: 6px 10px;       /* ↓ was 10px, now smaller */
  font-size: 0.875rem;      
  line-height: 1.2;        /* tighter spacing */
  text-align: center;
  text-decoration: none;
  color: rgba(64, 62, 67, 1);
}



.topmenu_dropdown_content a.topmenu_forside:hover {
  background-color: rgb(240, 240, 240);
  color: rgb(59, 130, 246);
}



.topmenu_dropdown:hover .topmenu_dropdown_content {
  display: block;
}



.topmenu_dropdown_button {
  cursor: pointer;
}



/* Nested dropdown container */
.topmenu_dropdown_nested {
  position: relative;
}

.topmenu_dropdown_button_nested {
  display: block;
  padding: 8px 16px;
  cursor: pointer;
  white-space: nowrap;
}

.topmenu_dropdown_content_nested {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background-color: white;
  min-width: 200px;
  z-index: 1;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);

  /* ✅ Add scrolling here */
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
}

.topmenu_dropdown_content_nested::-webkit-scrollbar {
  width: 6px;
}

.topmenu_dropdown_content_nested::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}


.topmenu_dropdown_nested:hover .topmenu_dropdown_content_nested {
  display: block;
}


a.topmenu_hub_employee
{
	display: none; 
	grid-column: 40/43;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */

	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
									height: 45px;
}

a.topmenu_hub_employee:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_hub_employer
{
	display: none; 
	grid-column: 36/39;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */

	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
									height: 45px;
}

a.topmenu_hub_employer:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */
}

a.topmenu_hub_public
{
	display: none; 
	grid-column: 34/37;
	grid-row: 4/9;
	--tw-text-opacity: 1;
	color: rgba(64 62 67, var(--tw-text-opacity));
	background-color: rgb(255, 255, 255); /* White background */
	padding: 1px 2px;
    border-radius: 25px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* Subtle shadow */
  
	font-size: 0.875rem;
	line-height: 1.25em;
	font-weight:500;
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	text-align:center;
	text-decoration:none;
	align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
	cursor: pointer; /* Pointer cursor for interactivity */
    transition: color 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1); /* Smooth transitions */
									height: 45px;
}

a.topmenu_hub_public:hover
{
    --tw-text-opacity: 0.7; /* Reduced opacity on hover */
    background-color: rgb(240, 240, 240); /* Light gray background on hover */
	color: rgb(59, 130, 246); /* Changes text color to blue on hover */

}