.Container { margin: 0 auto; width: rem(1540px); display: grid; grid-template-columns: auto 360px; gap: 160px; padding: 0 40px; } .Consultation { background: $color-green; margin-bottom: rem(40px); .Block { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: rem(60px); padding: rem(20px) 0; .Header { font-family: $font-roboto; font-weight: 300; font-size: rem(38px); line-height: 100%; color: $color-white; text-transform: uppercase; } .Form { display: grid; grid-template-columns: repeat(3, 1fr); gap: rem(20px); width: 100%; } } .Sidebar { display: flex; flex-direction: column; align-items: center; gap: rem(16px); background: $color-white; margin: rem(20px) 0; padding: rem(20px); border-radius: rem(20px); .Title { font-family: $font-roboto; font-weight: 500; font-size: rem(16px); line-height: 100%; color: $color-text; } .Description { font-family: $font-roboto; font-weight: 400; font-size: rem(14px); line-height: 100%; color: $color-text-light; } } }