.ft_news {
width: 100%;
display: flex;
justify-content: space-between;
border: 1px solid black;
padding: 3rem;
border-radius: 50px;
gap: 1rem;
margin-top: 4rem;
}
.ft_news_text {
display: flex;
flex-direction: column;
justify-content: center;
}
.ft_news_p {
font-size: clamp(1rem, 1.2vw + 1rem, 1.4rem);
}
.ft_news_span {
font-size: clamp(.9rem, 1vw + 1rem, 1rem);
color: grey;
}
.ft_news_p,
.ft_news_span {
font-weight: 700;
} .ft_news_fields { display: flex;
justify-content: flex-end;
gap: 1rem;
}
.ft_news_inputs {
display: flex;
gap: 1rem;
justify-content: flex-end;
}
.ft_news_inputs p {
width: 70%;
display: flex;
gap: 1rem;
}
.ft_news_inputs .field_last_name {
width: 40%;
}
.ft_news_inputs .field_email {
width: 60%;
}
.tnp-field.tnp-privacy-field {
display: flex;
justify-content: flex-end;
padding-top: 1rem;
}
@media all and (max-width: 1800px) {
.ft_news {
padding: 2.5rem;
}
}
@media all and (max-width: 1400px) {
.ft_news_inputs .field_last_name,
.ft_news_inputs .field_email {
padding-left: 1rem;
}
}
@media all and (max-width: 1200px) {
.ft_news {
padding: 2rem;
}
}
@media all and (max-width: 950px) {
.ft_news {
flex-direction: column;
}
.ft_news_fields {
width: 100%;
}
.ft_news_inputs p {
width: 100%;
}
.ft_news_fields {
flex-direction: column;
}
.ft_news_inputs {
width: 100%;
}
}
@media all and (max-width: 650px) {
.ft_news_fields {
gap: 2rem;
}
.ft_news_inputs {
flex-direction: column;
}
.ft_news_inputs .field_last_name,
.ft_news_inputs .field_email {
width: 100%;
}
}