.usa-banner-div{
max-width: 1350px;
margin:0 auto;
	
}
.usa-banner{
background-color:#f0f0f0;
border-bottom: 1px solid #d6d6d6;
font-family: Arial, sans-serif;
font-size: 12px;	
padding:0;	
}
.usa-banner__header{
display:flex;
align-items:center;	
	
}
.usa-banner__header-text{
margin-left: 0.5rem;
font-weight: bold;
	
}
.usa-banner__header-flag{
height:12px;
width:auto;	
margin-right: 5px;
}
.usa-banner__toggle{
margin-left: auto;
color: #005ea2;
text-decoration: underline;
cursor:pointer;
background: none;
border: none;
padding: 0;
font: inherit;	
	
}
.usa-banner__toggle-link{
margin-left:auto;
color:#0a3161;
text-decoration:underline;
display: inline-flex;
align-items: center;
gap: 0.25rem;	
}
.usa-banner__toggle-arrow{
width: 12px;
height:12px;
transition: transform 0.2s ease;	
	
}
.usa-banner__toggle-link.active .usa-banner__toggle-arrow{
transform:rotate(90 deg);
	
}
.usa-banner__dropdown{
padding-top:1rem;
padding-bottom:1rem;
display: none;	
} 

.usa-banner-div.active .banner-arrow{
transform:rotate(180deg);
	
}
.usa-banner-div.active .usa-banner__dropdown{
display:block;	

	}
.usa-banner__dropdown[active].banner-arrow{
transform:rotate(90deg);
}


.usa-banner__grid{
display:grid;
grid-template-columns:repeat(4, 1fr);
gap: 1rem;
	
}
.usa-banner__grid-item{
grid-column: span 2;
display:flex;
gap:1rem;
align-items: flex-start;	
}

.usa-banner__grid-img{
width:40px;
height:40px;
flex-shrink:0;	
	
}
.usa-banner__grid-content{
flex:1;	
	
}
.banner-arrow{
width: 15px;
height: 15px;
margin-left: 2px;
transition: transform 0.3s ease;	
	
}
@media(max-width:768px){

.usa-banner__grid-item{
	grid-column:span 6;
}
.usa-banner__grid {
    grid-template-columns: none;
}
.usa-banner__dropdown{
padding-top:0.5rem;
padding-bottom:0.5rem;
} 

.usa-banner__toggle {
	display: block;
}

}

.usa-banner__header-flag {
	margin-bottom:0;
}

.banner-arrow {
	margin-bottom:-4px;
}