.License { padding: 160px; .Header { font-family: $font-open-sans; font-weight: $font-semi-bold; font-size: 60px; line-height: 100%; color: $color-text; margin-bottom: 80px; } .Slider { margin-bottom: 80px; } .Form { position: relative; background: #292E3D; padding: 40px 60px; border-radius: 28px; overflow: hidden; display: flex; flex-direction: row; gap: 40px; &:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; background-color: rgba(#163055, .6); transition: 250ms background-color; } .Background { position: absolute; object-fit: cover; z-index: 1; } .Offer { flex: 2; .Title { position: relative; z-index: 2; font-family: $font-open-sans; font-weight: $font-regular; font-size: 48px; line-height: 110%; color: $color-white; margin: 0 0 50px; } .SubTitle { position: relative; z-index: 2; font-family: $font-open-sans; font-weight: $font-light; font-size: 30px; line-height: 100%; color: $color-white; margin-bottom: 16px; max-width: 820px; } } .Inputs { position: relative; z-index: 2; flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 20px; } } }