.layoutcontainer > .container {
	padding-top: 0px;
}
.container .evnt-flx-box .eqaul-height-evn {
	background-color: #fff;
	color: #333;
}
.container .evnt-flx-box .eqaul-height-evn:hover {
	background-color: #333;
	color: #fff;

}
.container .evnt-flx-box .tile-news-content {
	height: auto;
	padding: 12px 12px;
	max-height: 480px;
}
.container .evnt-flx-box .card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: none;
	border-radius: .25rem;
	color: #333;
	-webkit-box-shadow: 0px 0px 13px 5px #ebebeb;
	-moz-box-shadow: 0px 0px 13px 5px #ebebeb;
	box-shadow: 0px 0px 13px 5px #ebebeb;
}
.container .evnt-flx-box .card .card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.container .evnt-flx-box .card .card-body .card-title {
	color: inherit;
	background-color: inherit;
}
.evnt-flx-box .eqaul-height-evn h4 {
	line-height: 1.5;
	font-size: 1.125rem;
	margin-bottom: 0;
    margin-top: 30px;
	font-family: var(--pnb);
}
.evnt-flx-box .eqaul-height-evn h4::after {
	border-radius: 50px;
    height:4px;
    top: -20px;
}
.container .evnt-flx-box .eqaul-height-evn:hover h4::after {
	background: #fff;
}
.container .card .progressbar {
	width: 90px;
	height: 5px;
	border-radius: 50px;
	margin: 0;
	margin-bottom: 10px;
	background-color: #00a1ff;
}
.container .card .analyst-firm-tag {
	display: inline-block;
    width: auto;
    padding: 2px 5px;
    font-size: 0.625rem;
    color: #007BBD;
    font-weight: 600;
    font-family: Arial;
    border: 1px solid #bebebe;
    margin: 8px 0;
}
.container .evnt-flx-box .eqaul-height-evn:hover .analyst-firm-tag {
   color:#555555;
   background-color:#fff;
   border-color:#333;

}
.container .evnt-flx-box .eqaul-height-evn .events-p-container p {
	color: #555;
    font-size: 1rem !important;
    font-family: Arial;
}
.container .evnt-flx-box .eqaul-height-evn:hover .events-p-container p {
	color:#fff;
}
.container .evnt-flx-box .card a {
	color: #ccc;
	height: 64px;
	text-decoration: none;
    font-weight: 500;
    font-weight: normal;
}
.container .evnt-flx-box .card .read-more-button {
	display: inline-block;
	padding: 10px 19px;
	border-radius: 50px;
	line-height: 1.5;
	background-color: inherit;
	margin-top: 12px;
	background-image: none;
    font-weight: 600;
    color: #676767;
    border: 1px solid #9A9A9A;
    font-size: 1rem !important;
    font-family: Arial;
}
.container .evnt-flx-box .eqaul-height-evn:hover .read-more-button {
	color:#fff;
    border: 1px solid #fff;
}

/* Keep existing layout styles */
.dropdown-analyst.dropdown-button {
	margin: 0 auto 10px auto;
}
.dropdown-analyst .button-select {
	text-align: left;
	margin-bottom: 20px;
    display: flex; /* Use flexbox for alignment */
    align-items: center;
    flex-wrap: wrap; /* Allow items to wrap on smaller screens */
    gap: 10px; /* Spacing between filter elements */
}

.dropdown-analyst .filter-title {
	width: auto !important;
	margin-right: 15px;
	font-size: 1rem;
	color: #707070;
}
.dropdown-analyst .filter-title h3 {
	font-size: 1rem;
    margin: 0; /* Reset default margin */
}

/* Custom Filter Styles (Inspired by _teaserlist.scss and original styles) */
.filter-wrapper {
    position: relative;
    display: inline-block; /* Or flex-grow: 1; if needed */
}

/* Specific widths for filters based on original .common-drop-down classes */
.filter-wrapper-0 {
    width: 180px;
}
.filter-wrapper-1 {
    width: 290px;
}
.filter-wrapper-2 {
    width: 105px;
}

.filter-select { /* The hidden native select */
    display: none;
}

.filter-fake {
    position: relative;
    /*background-color: #ffffff;*/
}

.filter-fake-dropdown {
    display: inline-block; /* Changed from block */
    width: 100%; /* Take width from wrapper */
    padding: 5px 35px 5px 20px; /* Keep original padding */
    background-color: #fff;
    border: 1px solid black;
    border-radius: 50px; /* Keep rounded corners */
    color: black;
    font-size: 1rem;
    line-height: 1.5; /* Match original button */
    cursor: pointer;
    position: relative; /* Needed for ::after */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box; /* Include padding/border in width */
}

.filter-fake-dropdown:hover,
.filter-fake-dropdown:focus {
    color: #000;
    border: 1px solid #000;
    outline: none; /* Remove default focus outline */
}
/* Mimic .active/.selected state visually on focus/hover */
.filter-fake-dropdown:hover::after,
.filter-fake-dropdown:focus::after {
	color:#000;
}

/* Arrow indicator */
.filter-fake-dropdown::after {
    content: "";
	position: absolute; /* Position relative to dropdown */
    right: 14px;
	top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust vertical center */
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 12px solid; /* Keep arrow size */
	border-right: 8px solid transparent;
	border-bottom: 0;
	border-left: 7px solid transparent;
	background: none;
	color: inherit; /* Inherit color from parent (.filter-fake-dropdown) */
    pointer-events: none; /* Prevent arrow from capturing clicks */
}

/* Style for open dropdown */
.filter-fake-option-container--open {
    display: block !important;
}

.filter-fake-option-container {
    display: none;
    position: absolute;
    top: calc(100% - 4px); /* Position below the fake dropdown */
    left: 0;
    min-width: 100%; /* Ensure it's at least as wide as the button */
    border: 1px solid #000000;
    background-color: #ffffff;
    border-radius: 10px;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Add subtle shadow */
    max-height: 270px; /* Limit height and allow scroll */
    overflow-y: auto;
    overflow-x: hidden; /* Prevent accidental horizontal scroll on container */
}

.filter-fake-option-list {
    display: flex;
    flex-direction: column; /* Default to single column - allows wrapping */
	flex-wrap: wrap; /* Allow wrapping into columns */
	padding: 14px 20px;
    list-style: none; /* Remove default list bullets */
    margin: 0;
    gap: 0px 8px; /* Gap between columns if wrapping */
    width: max-content; /* Allow list to grow horizontally based on content */
    max-width: calc(100vw - 40px); /* Prevent excessive width, leave some viewport padding */
}

.filter-fake-option {
    padding: 3px 0px; /* Adjust padding */
    height: 24px; /* Match original li height */
    box-sizing: border-box; /* Include padding in height */
	border-bottom: none;
	font-size: 1rem;
    color:#444444;
    line-height: 1.2; /* Adjust line height for vertical centering */
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0; /* Prevent options from shrinking */
}

.filter-fake-option:hover,
.filter-fake-option:focus {
	color:#000000;
    outline: none;
}

.filter-fake-option.hidden {
    display: none;
}

.filter-fake-option[aria-selected="true"] {
    font-weight: bold; /* Indicate selected option */
    /*background-color: #e0e0e0; /* Slightly darker background for selected */
}

/* Reset and Archive buttons */
.reset-filter {
    background-color: transparent !important;
    color:#555;
}
.reset-filter a {
	text-decoration: underline;
    color:#555;
    padding: 6.5px 10px; /* Add some padding */
}
.reset-filter a:hover {
	color:#000;
}

.archive {
	margin-left: auto; /* Push reset/archive to the right */
}
.archive a {
	color:#555555;
}
.dropdown-analyst .btn-archive {
	padding: 6.5px 20px;
	text-decoration: none;
    font-weight: 600;
    border: 1px solid #999; /* Add border similar to filters */
    border-radius: 50px;
    background-color: #fff;
    display: inline-block;
}
.dropdown-analyst a.btn-archive:hover {
	text-decoration: none;
    color:#000;
    border-color: #000;
}
.dropdown-analyst a.btn-archive::after{
    content: "";
    display: none;
}
.dropdown-analyst a.btn-archive::before{
    content: "";
    display: none;
}

.reset-filter-mob {
	display:none;
}

.dropdown-analyst.archive .button-select { /* Style for archive page */
    justify-content: flex-start; /* Align items to start */
}
.dropdown-analyst.archive .archive-page { /* Ensure archive page button aligns left */
    margin-left: 0;
    margin-right: auto;
}
.dropdown-analyst.archive .bootstrap-select.archive a { /* Keep padding */
   padding: 7.5px 20px;
}

.hidden {
	display: none !important; /* Use important to override potential conflicts */
}

/* Style the filter-actions wrapper for desktop */
.filter-actions {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Push items to edges */
    margin-left: auto; /* Push the actions wrapper to the right */
    flex-grow: 1; /* Allow the wrapper to take available space */
}

@media ( min-width : 1025px) {
	.container .evnt-flx-box .tile-news-content:nth-child(3n+1) {
		padding-left: 0px;
	}
	.filter-fake-option-list {
        max-height: 272px; /* Ensure it doesn't exceed this */
	}
}
@media ( max-width : 1023px) {
	.dropdown-analyst .button-select {
        flex-direction: column; /* Stack items vertically */
        align-items: center;
		margin-bottom: 0px;
		gap: 10px;
	}
	.dropdown-analyst .filter-title {
        text-align: center;
        margin-bottom: 10px;
        margin-right: 0;
    }
	.dropdown-analyst .filter-title h3 {
		margin-bottom:5px;
        font-weight:600;
	}

    .filter-wrapper,
    .filter-wrapper-0,
    .filter-wrapper-1,
    .filter-wrapper-2 {
        width: 100% !important; /* Make filters full width */
	}

    .archive, .reset-filter {
        width: auto !important; 
        margin-left: 0; /* Reset margin */
    }
     .archive a.btn-archive {
         margin: 0;
     }
     .reset-filter a {
         padding: 6.5px 10px;
     }

	 .filter-fake {
		width: 85%;
		margin: 0 auto;
	 }

    /* Adjust mobile dropdown appearance */
	.filter-fake-option-container {
    	/* min-height: 190px !important; */ /* Let content define height */
    	top: calc(100% - 4px);
    	max-height: 230px; /* Limit height */
        border-radius: 10px; /* Adjust radius */
        width: 100%; /* Make dropdown full width */
        left: 0;
        box-shadow: none;

    }
	.filter-fake-option-list {
		width: 100%;
    	padding: 10px 8px;
        display: block; /* Single column */
    	overflow-x: hidden;
        max-height: 200px; /* Adjust internal max height */
	}
	.filter-fake-option {
    	height: auto; /* Auto height */
		width:100%;
        line-height: 1;
        white-space: normal; /* Allow wrapping */
		padding: 3px 10px; 
    }

    .filter-fake-option:not(:last-child) {
        margin-bottom: 5px; /* Add space between options */
    }

	.layoutcontainer > .analyst-mobile.container {
		padding-left: 0px;
        padding-right: 0px;
	}
	.dropdown-analyst .btn-archive {
		border-radius: 0;
        border: none;
        text-decoration: underline;
        box-shadow:none;
        font-weight: normal;
    	font-size: 1rem;
        color:#555;
        background: none;
     }
     .dropdown-analyst .archive a {
		color:#555555;
      }
     .dropdown-analyst .btn-archive:hover {
		border:none;
        color: #000;
        background: none;
     }
	.dropdown-analyst.archive .button-select {
		text-align:center;
	}
    .dropdown-analyst.archive .archive-page { /* Center archive page button */
        width: 100%;
        text-align: center;
    }
    .dropdown-analyst.archive .bootstrap-select.archive a { 
    	padding: 7.5px 0;
    }
	.dropdown-analyst .filter-title {
		margin-bottom: 15px;
	}

    /* Style the new wrapper for reset/archive buttons */
    .filter-actions {
        display: flex;
        align-items: center;    /* Vertically align items */
        justify-content: center; /* Center the buttons within the row */
		margin-left: 0;
        width: 80%;
		gap: 40px;
        flex-wrap: wrap;        /* Allow wrapping if needed */
        margin-top: 0px;       /* Adjusted space above the action buttons */
        padding: 0;             /* Ensure no extra padding */
    }

    /* Ensure individual items within the wrapper size correctly */
    .filter-actions > .reset-filter,
    .filter-actions > .archive {
        width: auto; /* Let flexbox determine width */
        margin: 0;   /* Reset any specific margins */
    }
}

/* Keep Tile Animation */
.evnt-flx-box>.tile-news-content {
	animation: fly-in-from-bottom .5s .5s ease both;
	transform-origin: top center;
}

/* Keep Focus Styles */
.filter-fake-dropdown:focus-visible,
.filter-fake-option:focus-visible,
.reset-filter a:focus-visible,
.archive a:focus-visible {
	outline: #2f2452 3px dashed !important;
    outline-offset: 2px;
}

.read-more-button:focus-visible {
	outline: #2f2452 3px dashed !important;
    outline-offset: 2px;
}
/* .filter-fake-dropdown--open {
	background-color: #d1d1d1;
} */