body {
overflow: hidden;
height: 100dvh;
} .page-wrapper {
display: flex;
flex-direction: column;
height: 100dvh;
position: relative;
overflow: hidden;
} .slideshow-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
} .slideshow-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
opacity: 0;
transition: opacity 1.5s ease-in-out;
}
.slideshow-slide.active {
opacity: 1;
} .page-wrapper::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//investment-sg.com/wp-content/themes/investment-sg/img/Home_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
z-index: -2;
} body::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(8, 8, 7, 0), rgba(8, 8, 7, 0));
pointer-events: none;
z-index: 1;
} header,
.main_block,
.bottom_block {
position: relative;
z-index: 2;
} .main_block {
width: 100%;
display: flex;
justify-content: center;
font-size: 22px;
flex: 1;
align-items: center;
}
.main_block .container {
display: flex;
justify-content: space-between;
}
.main_block .container div{
opacity: 0 !important;
} .bottom_block {
font-size: 35px;
display: flex;
justify-content: center;
padding-bottom: 25px;
}
.bottom_block .container {
width: 90%;
display: flex;
align-items: flex-start;
}
.bottom_text {
width: 100%;
line-height: 1.4;
max-width: 650px;
} @media (max-width: 768px) {
.main_block {
padding-bottom: 40px;
}
.main_block .container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
width: 90%;
}
.main_block .container div:nth-child(1) {
grid-column: 1;
grid-row: 1;
text-align: left;
}
.main_block .container div:nth-child(2) {
grid-column: 2;
grid-row: 1;
text-align: right;
}
.main_block .container div:nth-child(3) {
grid-column: 1;
grid-row: 2;
text-align: left;
}
.main_block .container div:nth-child(4) {
grid-column: 2;
grid-row: 2;
text-align: right;
}
.bottom_block {
font-size: 23px;
padding: 40px 0 25px;
}
.bottom_text {
line-height: 1.4;
}
.bottom_block {
font-size: 23px;
}
}
@media (max-width: 535px) {
.main_block .container div {
font-size: 18px;
}
}
@media (max-width: 480px) {
.main_block .container div {
font-size: 16px;
}
.bottom_block {
font-size: 20px;
}
}