.heading {
margin: 40px 0;
}
.heading__container {
display: flex;
flex-direction: column;
gap: 32px;
}
.heading__text {
color: #171717;
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
@media (min-width: 900px) {
.heading__container {
display: grid;
grid-template-columns: 460px 1fr;
align-items: center;
}
.heading__container p {
max-width: 530px;
margin-left: auto;
text-align: right;
}
}
@media (min-width: 1200px) {
.heading {
margin: 100px 0;
}
}
@media (min-width: 1440px) {
.heading {
margin: 100px 0;
}
}