:root {
    --font-main: 'Arial', sans-serif; /* À remplacer par la typographie de ton thème */
}

.block-prestation-bandeau {
    width: 100%;
    padding: 40px 80px;
    font-family: var(--font-main);
    color: #ffffff;
	background: #EA5B0C;


}

.pb__container {
    max-width: 1280px;
    margin: 0 auto;
   	display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;


}

/* --- Typographie --- */
.pb__content {
	width: 442px;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;

}

.pb__title {
width: 442px;
font-family: 'Ubuntu';
font-style: normal;
font-weight: 700;
font-size: 32px;
line-height: 37px;
color: #FFFFFF;
    margin: 0;
}

.pb__subtitle {
width: 442px;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
display: flex;
align-items: center;
color: #FFFFFF;
}

/* --- Bouton --- */

.pb__btn {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 9px;
width: 266.53px;
height: 57px;
background: #FFFFFF;
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 11px;
line-height: 15px;
display: flex;
align-items: center;
letter-spacing: 0.42px;
text-transform: uppercase;
color: #111111;
    transition: all 0.3s ease;
}

.pb__btn-text {
 
}

.pb__btn-icon {

}

.pb__btn:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
@media (max-width: 50em) {
	.pb__title {
 width: 100%;
font-size: 24px;
line-height: 28px;
}

.pb__subtitle,
.pb__btn,
.pb__action {
 width: 100%;
}
.pb__btn{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px;
gap: 9px;
height: 44px;
}
.pb__subtitle{
	margin: 0;
}
.block-prestation-bandeau{
padding: 40px 24px;
}
.pb__container {
   flex-direction: column;
align-items: flex-start;
gap: 30px;
}
}