Save
This commit is contained in:
Roman Pyrih
@@ -155,6 +155,10 @@ textarea {
|
||||
font-family: "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -267,6 +271,36 @@ textarea {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#breadcrumbs_box {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
color: rgba(30, 30, 30, 0.502);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
}
|
||||
#breadcrumbs_box #breadcrumbs ul li a {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: 77px;
|
||||
}
|
||||
@@ -453,6 +487,7 @@ body.page-id-25 main {
|
||||
margin-top: 60px;
|
||||
}
|
||||
body.page-id-25 main .box-1 .row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
@@ -460,6 +495,10 @@ body.page-id-25 main .box-1 .row {
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
body.page-id-25 main .box-1 .row .col-2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-25 main .box-1 .box-head {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
@@ -481,9 +520,6 @@ body.page-id-25 main .box-1 .box-text p {
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-25 main .box-1 .box-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-1 .box-quote {
|
||||
padding-left: 24px;
|
||||
margin-top: 64px;
|
||||
@@ -555,9 +591,6 @@ body.page-id-25 main .box-2 .row .col-1 .box-text p {
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-2 .row .col-1 .box-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-3 {
|
||||
padding-top: 120px;
|
||||
padding-bottom: 215px;
|
||||
@@ -722,9 +755,6 @@ body.page-id-25 main .box-4 .row .col-2 ul li p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-25 main .box-4 .row .col-2 ul li p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-5 {
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
@@ -776,9 +806,6 @@ body.page-id-25 main .box-5 .row .big-quote .big-quote-text p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote .big-quote-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-5 .row .big-quote .big-quote-text p strong {
|
||||
color: #d9ba5c;
|
||||
font-weight: 400;
|
||||
@@ -844,9 +871,6 @@ body.page-id-25 main .box-6 .row .col-1 .box-text p {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 .box-text p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
body.page-id-25 main .box-6 .row .col-1 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@@ -905,4 +929,274 @@ body.page-id-25 main .box-7 .row::after {
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
|
||||
body.page-id-38 main {
|
||||
padding-top: 80px;
|
||||
}
|
||||
body.page-id-38 main .box-1 {
|
||||
margin-bottom: 116px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 120px;
|
||||
column-gap: 120px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-1 .box-head h2 {
|
||||
color: #232323;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-2 .box-text {
|
||||
width: 100%;
|
||||
max-width: 524px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-1 .col-2 .box-text p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
body.page-id-38 main .box-1 .row-2 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-1 {
|
||||
margin-bottom: 64px;
|
||||
max-width: 570px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-1 p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile {
|
||||
flex-basis: 33.3333333333%;
|
||||
padding-left: 40px;
|
||||
border-right: 1px solid;
|
||||
border-image-source: linear-gradient(180deg, #d9ba5c 0%, transparent 100%);
|
||||
border-image-slice: 1;
|
||||
padding-bottom: 230px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile:first-child {
|
||||
border-left: 1px solid;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data {
|
||||
position: relative;
|
||||
padding-left: 48px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
background-image: url("/wp-content/uploads/2025/08/Check.svg");
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data h3 {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.68px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
body.page-id-38 main .box-2 .row .col-2 .tiles .tile .tile-data p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-3 {
|
||||
position: relative;
|
||||
background: #232323;
|
||||
}
|
||||
body.page-id-38 main .box-3::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 105px;
|
||||
background: linear-gradient(0deg, #d9d9d9 0%, rgba(255, 255, 255, 0) 100%);
|
||||
transform: translateY(-100%);
|
||||
z-index: -1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 50px;
|
||||
column-gap: 50px;
|
||||
padding: 150px 0 130px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 90px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
max-width: 660px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
color: #ffffff;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #232323;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #ffffff;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-title {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-title p {
|
||||
color: #ffffff;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.68px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-text {
|
||||
margin-bottom: 64px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 .box-text p {
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-1 ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
-moz-column-gap: 40px;
|
||||
column-gap: 40px;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(90deg, #232323 0%, rgba(0, 0, 0, 0) 100%);
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-3 .row .col-2 video {
|
||||
height: 100%;
|
||||
width: 640px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
body.page-id-38 main .box-4 {
|
||||
padding-top: 190px;
|
||||
padding-bottom: 220px;
|
||||
background: #fafafa;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
-moz-column-gap: 100px;
|
||||
column-gap: 100px;
|
||||
align-items: center;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1 {
|
||||
position: relative;
|
||||
padding-left: 115px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::before {
|
||||
content: attr(box-title);
|
||||
color: #d4d4d4;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.34px;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
writing-mode: vertical-rl;
|
||||
padding-top: 24px;
|
||||
background: #fafafa;
|
||||
z-index: 1;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
bottom: 0;
|
||||
width: 1px;
|
||||
background: #d4d4d4;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-1 img {
|
||||
width: 100%;
|
||||
max-width: -moz-fit-content;
|
||||
max-width: fit-content;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 {
|
||||
max-width: 403px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-title {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-title p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-text {
|
||||
margin-bottom: 40px;
|
||||
max-width: 390px;
|
||||
}
|
||||
body.page-id-38 main .box-4 .row .col-2 .box-text p {
|
||||
color: #232323;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}/*# sourceMappingURL=custom.css.map */
|
||||
File diff suppressed because one or more lines are too long
@@ -75,6 +75,12 @@ $header-height: 77px;
|
||||
font-family: $fHelveticaNeue;
|
||||
}
|
||||
|
||||
p {
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
@@ -195,6 +201,42 @@ $header-height: 77px;
|
||||
}
|
||||
}
|
||||
|
||||
#breadcrumbs_box {
|
||||
margin-bottom: 24px;
|
||||
|
||||
#breadcrumbs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
color: rgba(30, 30, 30, 0.502);
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.32px;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
|
||||
li {
|
||||
a {
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
header#masthead {
|
||||
height: $header-height;
|
||||
|
||||
@@ -442,11 +484,25 @@ body.page-id-25 {
|
||||
|
||||
.box-1 {
|
||||
.row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
}
|
||||
&-2 {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// z-index: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-head {
|
||||
@@ -467,10 +523,6 @@ body.page-id-25 {
|
||||
font-size: 20px;
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.38px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -513,10 +565,6 @@ body.page-id-25 {
|
||||
font-size: 28px;
|
||||
line-height: 150%;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -642,10 +690,6 @@ body.page-id-25 {
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -681,10 +725,6 @@ body.page-id-25 {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: $cGold;
|
||||
font-weight: 400;
|
||||
@@ -734,10 +774,6 @@ body.page-id-25 {
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -783,3 +819,271 @@ body.page-id-25 {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* O Kancelarii
|
||||
body.page-id-38 {
|
||||
main {
|
||||
padding-top: 80px;
|
||||
|
||||
.box-1 {
|
||||
margin-bottom: 116px;
|
||||
|
||||
.row {
|
||||
&-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 120px;
|
||||
margin-bottom: 80px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
.box-head {
|
||||
h2 {
|
||||
color: $cBlack;
|
||||
font-weight: 500;
|
||||
font-size: 64px;
|
||||
line-height: 1.2;
|
||||
letter-spacing: -0.96px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
.box-text {
|
||||
width: 100%;
|
||||
max-width: 524px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.53px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-2 {
|
||||
.row {
|
||||
.col {
|
||||
&-1 {
|
||||
margin-bottom: 64px;
|
||||
max-width: 570px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
.tiles {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
|
||||
.tile {
|
||||
flex-basis: calc(100% / 3);
|
||||
padding-left: 40px;
|
||||
border-right: 1px solid;
|
||||
border-image-source: linear-gradient(
|
||||
180deg,
|
||||
$cGold 0%,
|
||||
transparent 100%
|
||||
);
|
||||
border-image-slice: 1;
|
||||
padding-bottom: 230px;
|
||||
|
||||
&:first-child {
|
||||
border-left: 1px solid;
|
||||
}
|
||||
|
||||
.tile-data {
|
||||
position: relative;
|
||||
padding-left: 48px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 32px;
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
background-image: url('/wp-content/uploads/2025/08/Check.svg');
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1;
|
||||
letter-spacing: -0.68px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-3 {
|
||||
@include box_top_shadow($cLightGray);
|
||||
background: $cBlack;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 50px;
|
||||
padding: 150px 0 130px;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line($cWhite, $cBlack);
|
||||
padding-left: 90px;
|
||||
padding-bottom: 30px;
|
||||
width: 100%;
|
||||
max-width: 660px;
|
||||
|
||||
.box-title {
|
||||
margin-bottom: 32px;
|
||||
|
||||
p {
|
||||
color: $cWhite;
|
||||
font-weight: 400;
|
||||
font-size: 36px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.68px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-text {
|
||||
margin-bottom: 64px;
|
||||
|
||||
p {
|
||||
color: rgba($cWhite, 0.5);
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.38px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&-2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
$cBlack 0%,
|
||||
rgba(0, 0, 0, 0) 100%
|
||||
);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
video {
|
||||
height: 100%;
|
||||
width: 640px;
|
||||
object-fit: cover;
|
||||
filter: grayscale(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.box-4 {
|
||||
padding-top: 190px;
|
||||
padding-bottom: 220px;
|
||||
background: #fafafa;
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 100px;
|
||||
align-items: center;
|
||||
|
||||
.col {
|
||||
&-1 {
|
||||
@include box_title_line(#d4d4d4, #fafafa);
|
||||
padding-left: 115px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
&-2 {
|
||||
max-width: 403px;
|
||||
|
||||
.box-title {
|
||||
margin-bottom: 32px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 28px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.56px;
|
||||
}
|
||||
}
|
||||
|
||||
.box-text {
|
||||
margin-bottom: 40px;
|
||||
max-width: 390px;
|
||||
|
||||
p {
|
||||
color: $cBlack;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.32px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user