.legislative-updates-search {
    padding: 0 54px 20px;
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 64px;
}
#legislative-search-form {
    display: flex;
    align-items: center;
    gap: 32px;
}
.legislative-update-title{
    color: #000;
}
.legislative-update-content-text {
    display: flex;
    flex-direction: inherit;
    height: 100%;
    gap: 20px;
    justify-content: space-between;
}
/*view switcher style*/
 .legislative-view-toggle{
	 margin-top: 3.2rem;
	 margin-bottom:6.4rem;
	 display: flex;
	 justify-content: right;
	 align-items: center;
	 gap: 2rem;
}
.view-buttons-wrapper{
	display: flex;
	background: #f0f0f0;
	border-radius: 1000px;
}
.legislative-view-btn svg{
	width: 32px;
	height: 32px;
	flex-shrink:0;
}
html[lang='ar'] .legislative-view-btn svg{
	rotate:180deg;
}
@media(max-width:768px){
	.legislative-view-btn svg{
		width:24px;
		height:24px;
	}	
}
.legislative-view-btn.active svg path {
	stroke: white;
}
.legislative-view-btn.active{
	background: var(--Color-Functional-Functional-1, #0C5A4D);
}
.legislative-view-btn{
	display: flex;
	padding: var(--Spacing-M, 16px) var(--Spacing-XL, 24px);
	align-items: center;
	gap: 8px;
	border-radius: var(--Radii-Full, 1000px);
	border: none;
}
@media(max-width:768px){
	.legislative-view-btn{
		display: flex;
		width: 48px;
		height: 44px;
		padding: var(--Spacing-M, 16px);
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
}
/*cards styles*/
.legislative-updates-cards-view .legislative-update-title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media(max-width:768px){
	.legislative-updates-cards-view .legislative-update-title{
		-webkit-line-clamp: 2;
	}
}
.legislative-updates-cards-view .legislative-update-description{
/* 	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis; */
	height: calc(4*1.4*var(--Type-Body-M-Body-2-Size));
	overflow:hidden;
}
.legislative-updates-cards-view .legislative-update-card{
    display: flex;
    width: 480px;
    padding: 24.686px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    background: #F5F5F7;
	justify-content:space-between;
	flex-shrink: 0;
}
@media(max-width:768px){
	.legislative-updates-cards-view .legislative-update-card{
		width :320px;
		gap:24px;
	}
}
.legislative-card-content{
	display:flex;
	flex-direction:column;
	max-width:100%;
	height:100%;
}
.legislative-update-date{
    color: #3E7FDC;
	margin-bottom:24px;
}
@media(max-width:768px){
	.legislative-update-date{
		margin-bottom:16px;
	}	
}
.legislative-update-card-footer{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-self: stretch;
	gap:20px;
}

/*list view styles*/
.legislative-updates-list-view{
	flex-direction: column;
	gap:32px !important;
	cursor:unset;
}
.legislative-updates-list-view .legislative-card-content{
	margin-bottom:0px;
}
.legislative-updates-list-view .legislative-update-date{
	margin-bottom:16px;
}
.legislative-updates-list-view .legislative-update-title{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom:8px;
}
.legislative-updates-list-view .legislative-update-description{
	height: calc(2*1.4*var(--Type-Body-M-Body-2-Size));
	overflow:hidden;
}
.legislative-updates-list-view .legislative-update-card{
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 64px;
    padding-bottom: 20px;
    justify-content: space-between;
    border-bottom: 1px solid var(--Color-Content-Secondary-overlay, rgba(0, 0, 0, 0.25));
}
@media(max-width:768px){
	.legislative-updates-list-view .legislative-update-card{
		flex-direction:column;
		gap:24px;
	}
}
.legislative-updates-list-view .legislative-update-card-footer{
    align-items: flex-end;
    gap: 20px;
}
@media(max-width:768px){
	.legislative-updates-list-view .legislative-update-card-footer{
		justify-content:flex-end;
	}
}
/* end of list view styles*/

.legislative-update-description{
    color: var(--Color-Content-Tertiary, #6B6B6B);
}