.pc-home-h1 small {
 	font-size: 60%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.col-sidebar .sidebar-inner:not(:last-child){
	margin-bottom:40px;
}

.pr-home-blurb .elementor-image-box-img img{
	border-radius: 15px !important;
    height: 250px;
    object-fit: cover;
}

.pr-home-blurb .elementor-image-box-content{
	position: absolute;
	z-index: 9999;
	background: #003c68;
	bottom: 0;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding-top: 5px;
}

.pr-home-blurb .elementor-widget-image-box:hover, .pr-home-blurb .elementor-widget-image-box:hover .elementor-image-box-content{
	    background-color: var(--e-global-color-be15ebc) !important;
}

.pr-home-blurb .elementor-widget-image-box:hover .elementor-image-box-content .elementor-image-box-title{
	color: var(--e-global-color-primary);
}

.pr-home-blurb .elementor-widget-image-box:hover .elementor-image-box-wrapper
{
	    box-shadow: 2px 2px 12px 5px rgb(0 0 0 / 30%);
    border-radius: 15px;
}


.pr-home-list .elementor-icon-list-item{
	background: #fff;
    padding: 5px 10px !important;
}


/* Outer blue background */
.custom-post-grid-wrapper {
	background-color: #0b6fa4;
	padding: 40px 30px;
	padding-bottom: 20px;
}



/* Card styling */
.custom-post-grid  .post-card {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Card content */
.custom-post-grid .post-card-content {
    padding: 25px;
}



/* Title */
.custom-post-grid .post-title {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 15px;
    font-weight: 700;
}

.custom-post-grid .post-title a {
    color: #083d5c;
    text-decoration: none;
}

.custom-post-grid .post-title a:hover {
    text-decoration: underline;
}

/* Date */
.custom-post-grid .post-date {
    font-size: 14px;
    color: #083d5c;
}

/* Yellow bottom bar */
.custom-post-grid .post-card-bar {
    height: 8px;
    background-color: #f5b335;
}

/* Responsive */
@media (max-width: 1024px) {
    .custom-post-grid .custom-post-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .custom-post-grid .custom-post-grid {
        grid-template-columns: 1fr;
    }
	
	.econ-dev-template .content-wrapper{
		padding:20px !important;
	}
	
	.pr-home-blurb.e-grid{
		gap:10px !important;
	}
}

.pr-tabs .e-n-tabs-content .e-active
{
	    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.pr-tabs .e-n-tabs-heading button:first-child {
    border-top-left-radius: 15px;
}


@media screen and (min-width: 769px) {
	.pr-eo-members .e-con-inner{
		    margin-bottom: -390px !important;
    		z-index: 9;
	}
	
	#openmobdashboard{
		display:none;
	}
	
	body.home .pr-footer
	{
		    padding-top: 400px !important;
	}
	
	/* Grid layout */
	.custom-post-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}
		.econ-dev-template .col-main {
		flex: 2;
		min-width: 600px;
	}
}


.econ-dev-template .page-header-banner {
    height: 80vh;
    background-size: cover;
    background-position: center;
    position: relative;
}

.econ-dev-template .content-wrapper {
	max-width: 1280px;
    margin: -30% auto 50px;
    position: relative;
    z-index: 10;
    padding: 50px;
    background: #fff;
}

.econ-dev-template .row {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}



.econ-dev-template .content-card {
    padding: 0px;
}

.econ-dev-template .col-sidebar {
    flex: 1;
    min-width: 300px;
}

.econ-dev-template .col-sidebar ul{
	padding: 0;
    list-style-type: none;
}

.econ-dev-template .col-sidebar .widget-container{
	    margin-bottom: 30px;
}

.econ-dev-template .col-sidebar .widget-container img
{
	margin: auto;
	display: table;
}

.econ-dev-template .col-sidebar .widget-container .textwidget
{
	font-family: 'Montserrat';
	font-size: 18px;
}

.econ-dev-template .col-sidebar ul li a
{
	color: #000;
    font-family: 'Montserrat';
    font-size: 18px;
}

.econ-dev-template .col-sidebar ul li
{
	    margin-bottom: 8px;
}

.econ-dev-template .sidebar-inner {
    background: #f4f6f8;
    padding: 25px;
}

.econ-dev-template .sidebar-inner.pr-department-sidebar{
	margin-bottom:50px;
}

/* Sidebar Title Styling */
.econ-dev-template .widget-title {
	color: var(--e-global-color-primary);
    text-transform: uppercase;
    font-size: 28px;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-weight: 800;
}


/* Container Width - Adjust '350px' if you want it wider or 100% */
.pr-dashboard-container {
    max-width: 350px; 
    width: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Remove default list styles */
ul.pr-dashboard-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Stacks items vertically */
}

/* Individual Item Styling */
ul.pr-dashboard-list li {
    margin: 0;
    padding: 0;
    border-bottom: 5px solid #fff; /* White separator line */
}

/* Last item shouldn't have a bottom border */
ul.pr-dashboard-list li:last-child {
    border-bottom: none;
}

/* The Link (The clickable box) */
ul.pr-dashboard-list li a {
    display: flex;
    align-items: center;
    background-color: var(--e-global-color-primary); /* Dark Slate Background */
    color: #ffffff;
    text-decoration: none;
    padding: 25px 20px; /* Spacing inside the box */
    transition: all 0.3s ease;
}

/* HOVER EFFECT: Changes background to Blue */
ul.pr-dashboard-list li a:hover, ul.pr-dashboard-list li.active a{
    background-color: var(--e-global-color-9740a80); /* The Blue from your screenshot */
    cursor: pointer;
}

/* Icon Wrapper */
.pr-icon-wrapper {
    flex: 0 0 50px; /* Fixed width for icon area */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

/* Icon Image Sizing */
.pr-icon-wrapper img {
    width: 36px; /* Icon size */
    height: auto;
    object-fit: contain;
    /* Optional: If your uploaded icons are black, this turns them white */
/*     filter: brightness(0) invert(1);  */
}

/* Text Styling */
.pr-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; /* Makes text CAPS */
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.threed-table td, .threed-table th{
	    font-size: 14px !important;
    font-family: 'Montserrat' !important;
    padding: 8px !important;
	    border: unset;
}

.threed-table td{
	font-weight: 500 !important;
}
.threed-table td p, .threed-table th p{
	margin-bottom:0 !important;
}


/* Dashboard Sidebar */

	.elementor-shortcode h4{
		    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
	}

@media (max-width: 768px) {
	ul.pr-dashboard-list li a {
		padding: 10px !important;
		height: 65px;
}
	

	
	.custom-post-grid .post-card{
	margin-bottom:15px;
}
	
	.threed-table th{
		display:block !important;
	}
	
	.pr-dashboard-list li {
    width: 40px;
}
	#openmobdashboard
	{
		    position: fixed;
			z-index: 9999;
			top: 90%;
	}
	.pr-title
	{
		display:none;
	}
	
	.pr-dashboard-list li:hover .pr-title{
		display:block !important;
	}
	
/* 	ul.pr-dashboard-list li:hover a{
		        width: 275px !important;
	} */
	
	.pr-icon-wrapper img {
		width: 20px !important;
    margin-left: -30px;
	}
	
	    /*.pr-dashboard-container {
			position: fixed;
			left: 0px;
			background: #ffffff9c;
			z-index: 99;
			top: 22%;
    }*/
	
	/* 1. Hide the container by default */
	/*.pr-dashboard-container {
		display: none;
		transition: all 1s ease;
	}*/

	/* 2. Style for when the container is OPEN */
	.pr-dashboard-container.acvcont {
		display: block; /* Or display: flex; depending on your layout */
	}

	/* 3. Optional: Style for the BUTTON when active */
	#openmobdashboard.acvbtn {
		transform: rotate(180deg);
		        margin-top: -3px;
	}
	
	#openmobdashboard{
		display:none !important;
	}
}

/* Custom CSS */




#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(.pr-special) > a.mega-menu-link, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-toggle-on:not(.pr-special) a.mega-menu-link{
	color: var(--e-global-color-primary) !important;
		font-weight: 700 !important;
    font-family: 'Montserrat';
	background-color:unset !important;
}


#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.pr-special > a.mega-menu-link:hover{
	color: var(--e-global-color-primary) !important;
		font-weight: 700;
    font-family: 'Montserrat';
	    background-color: var(--e-global-color-be15ebc) !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link  .mega-indicator
{
	    color: var(--e-global-color-accent) !important;
}



#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-toggle-on > a.mega-menu-link .mega-indicator{
	    transform: rotate(180deg);
}





/* Parent menu item must be relative */
#mega-menu-menu-1 .mega-menu-item-has-children {
    position: relative;
}

/* Arrow (hidden by default) */
#mega-menu-menu-1 .mega-menu-item-has-children::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px; /* adjust based on header height */
    transform: translateX(-50%);
    
    width: 0;
    height: 0;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffff; /* same as mega menu bg */

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
    z-index: 1001;
}

/* Show arrow on hover or active */
#mega-menu-menu-1 .mega-menu-item-has-children:hover::after,
#mega-menu-menu-1 .mega-menu-item-has-children.current-menu-item::after,
#mega-menu-menu-1 .mega-menu-item-has-children.current-menu-parent::after {
    opacity: 1;
    visibility: visible;
}


@media (min-width: 769px) {
	#mega-menu-wrap-menu-1 .mega-sub-menu{
	    margin-top: 50px !important;
    box-shadow: 0px 1px 8px 3px rgb(0 0 0 / 10%) !important;
    padding: 15px !important;
    border-radius: 5px !important;
}
	.pr-special a
	{
		    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
    border-radius: 20px !important; 
    padding-left: 20px !important;
    padding-right: 20px !important;
		    font-weight: 700 !important;
    font-family: 'Montserrat';
		        font-family: 'Montserrat' !important;
	}
	
		.pr-special:hover a
	{
		    background-color: var(--e-global-color-primary) !important;
    color: #fff !important;
    border-radius: 20px !important; 
    padding-left: 20px !important;
    padding-right: 20px !important;
		    font-weight: 700 !important;
    font-family: 'Montserrat';
	}

}

@media (max-width: 768px) {
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{
		padding:0 !important;
	}
	
	#pr-header > .e-con-inner{
		    display: grid;
    grid-template-columns: 50% 25% 25%;
	}
	
	
	.threed-table tr{
		    display: flex !important;
	}
	
	.pr-dashboard-container{
		margin-bottom:20px;
	}
	
	#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1{
		padding:20px;
	}
	
	.econ-dev-template .page-header-banner{
		height:40vh !important;
	}
	
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu .elementor-heading-title{
		font-size:14px !important;
	}
}

/* --- Wrapper Layout --- */
.st-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.st-item {
    position: relative;
    display: flex;
    align-items: center;
}

/* --- Buttons --- */
.st-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* --- Search Icon Styling --- */
.st-btn svg {
    width: 22px;
    height: 22px;
    transition: all 0.2s ease;
}

/* --- Translate Icon Image Styling --- */
.icon-translate-img {
    width: 24px; /* Native size of the google image */
    height: 24px;
    object-fit: contain;
    /* Optional: Add opacity if you want it to look less stark */
    opacity: 0.8;
    transition: opacity 0.2s;
}

.st-btn:hover .icon-translate-img {
    opacity: 1;
}

/* Handle Search/Cross Toggle */
.icon-close { display: none; }
.search-active .icon-magnify { display: none; }
.search-active .icon-close { display: block; }

/* Colors */
.icon-magnify, .icon-close {
    stroke: #2c64a4; /* Your Blue */
}

/* --- Dropdowns (Hidden by default) --- */
.st-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 10px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    border-radius: 8px;
    z-index: 9999;
    min-width: 220px;
    overflow: hidden;
    text-align: left; /* Ensure text aligns left */
}

/* Show Dropdowns when Active */
.search-active .search-form-drop { display: block; }
.lang-active .lang-list-drop { display: block; }

/* --- Search Form Styling --- */
.search-form-drop {
    padding: 10px;
    min-width: 250px;
}
.search-form-drop form { display: flex; }
.search-form-drop input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px;
font-size:14px;
}

/* --- Language List Styling --- */
.custom-lang-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 400px;
    overflow-y: auto;
}

.custom-lang-list li {
    padding: 10px 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px;
    color: #333;
    transition: background 0.2s;
}

.custom-lang-list li:hover {
    background-color: #f5f9ff;
    color: #2c64a4;
}

.custom-lang-list li:last-child {
    border-bottom: none;
}

.custom-lang-list img {
    width: 20px;
    height: auto;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

/* Scrollbar styling */
.custom-lang-list::-webkit-scrollbar { width: 6px; }
.custom-lang-list::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }


.search-form-drop .search-submit{
	display:none;
}

.search-active label{
	width:100% !important; 
}

.st-btn.search-toggle:focus, .st-btn.search-toggle:hover{
	background-color:unset !important;
	background:unset !important;
}


.st-btn.translate-toggle:focus, .st-btn.translate-toggle:hover{
	    background-color: var(--e-global-color-primary) !important;
}

.pr-mobacc .e-n-accordion-item-title{
		    padding: 10px 0 !important;
	}

.pr-mobacc .e-n-accordion-item .elementor-element:not(.elementor-widget-three_di_table):not(.elementor-widget-heading){
		    padding: 10px 0;
	}

.pr-mobacc .e-n-accordion-item .elementor-widget-text-editor{
	padding-top:0 !important;
}