.Main { margin: 0 auto; width: rem(1340px); //padding: 0 rem(160px) 0; &_BgWrapper { position: absolute; top: 0; left: 0; width: 100vw; height: rem(900px); z-index: -1; & img { object-fit: cover; filter: brightness(0.5); } } } .Header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-bottom: 1px solid $color-white; height: rem(80px); .Logo { color: $color-white; } .Buttons { color: $color-white; display: flex; flex-direction: row; align-items: center; gap: rem(30px); .Icon { width: rem(60px); height: rem(60px); cursor: pointer; } .Button { display: flex; flex-direction: row; gap: rem(16px); height: rem(48px); padding: rem(24px); } } } .Info { margin: 0 auto; display: flex; flex-direction: row; padding: rem(160px) 0 rem(200px); .Content { display: flex; flex-direction: column; justify-content: flex-start; gap: rem(60px); .Title { font-family: $font-open-sans; font-weight: $font-regular; font-size: rem(60px); line-height: 1; color: $color-white; max-width: rem(960px); } .List { display: flex; flex-direction: column; justify-content: flex-start; gap: rem(16px); } .ListItem { position: relative; font-family: $font-open-sans; font-weight: $font-semi-bold; font-size: rem(26px); line-height: 1; color: $color-white; margin-left: rem(36px); &:after { position: absolute; top: rem(2px); left: 0; content: ''; width: rem(24px); height: rem(24px); background: url("/svg/check.svg") no-repeat; background-size: rem(24px) rem(24px); margin-left: rem(-36px); } } } .Phone { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-basis: 40%; gap: rem(40px); .Title { font-family: $font-open-sans; font-weight: $font-semi-bold; font-size: rem(60px); line-height: 1; color: $color-white; } } }