body {
max-width: 100vw;
overflow-x: hidden;
}
.ex4-section {
display: flex;
position: relative;
width: 100vw;
flex-basis: 100vw;
max-width: 100vw;
overflow-x: hidden;
height: calc(100vh + 1px)!important;
min-height: calc(100vh + 1px)!important;
max-height: calc(100vh + 1px)!important;
overflow: hidden;
}
.ex4-section__scroll {
display: flex;
justify-content: flex-end;
height: calc(100vh + 1px);
overflow: hidden;
}
.ex4-section__elements {
display: flex;
top: 0;
bottom: 0;
flex-basis: fit-content;
z-index: 1;
overflow: hidden;
flex-direction: row-reverse;
justify-content: flex-end;
position: absolute;
right: 0;
height: calc(100vh + 1px);
overflow: hidden;
}
.ex4-section__elements .elementor-column {
width: 100%!important;
min-height: calc(100vh + 1px)!important;
min-width: 100%!important;
height: calc(100vh + 1px)!important;
}
.ex4-section__elements > div {
}
.ex4-section__fixed {
width: fit-content;
position: relative;
display: flex;
z-index: 2;
flex-shrink: 0;
overflow: hidden;
}
.ex4-section__fixed-fake-shadow {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 100%;
z-index: 1;
left: 100%;
width: 100%;
}
.elementor .ex4-top-section .elementor-container{
height: calc(100vh + 1px)!important; 
overflow: hidden;
}
@media all and (max-width: 1023px){
.big-scroll {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
}
.section-icon .base-icon img {
width: 60px!important;
height: 60px!important;
object-fit: contain;
}
.section-icon .base-icon {
display: flex;
margin: 0;
}
.section-icon .base-title, .section-icon .base-title * {
font-size: 16px;
line-height: 1.4;
transform: none!important;
}
.section-icon .base-title .z-layer:not(:first-child){
display: none!important;
}
.section-icon {
display: flex;
flex-direction: column;
align-items: flex-start;
opacity: 0.15;
transform: scale(0.90)
}
.big-scroll__icons-bar {
background: black;
position: sticky;
top: 0;
height: 100vh;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 18vw;
justify-content: center;
padding: 20px;
}
.big-scroll__sections {
width: 82vw;
}
.section-icon:not(:last-child) {
margin-bottom: 20px;
}
.ex4-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: fit-content!important;
max-height: fit-content!important;
min-height: fit-content!important;
overflow: auto;
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.ex4-section__fixed {
width: 100%;
display: flex;
flex-direction: column;
height: 100vh;
position: absolute;
right: 0;
}
.ex4-section__scroll {
max-height: fit-content;
width: fit-content;
height: fit-content;
overflow: hidden;
}
.elementor .ex4-top-section .elementor-container {
height: fit-content!important;
overflow: auto;
}
.ex4-section__elements {
display: flex;
flex-direction: column;
padding-top: 0;
overflow: auto;
flex-basis: 100%;
position: relative;
height: fit-content;
}
.ex4-section__elements .elementor-column {
width: 100%!important;
min-height: fit-content;
min-width: 100%!important;
height: fit-content!important;
min-height: fit-content!important;
}
#ex4Slide_4  .elementor-column,
#ex4Slide_7  .elementor-column {
min-height: 70vh!important;
overflow: hidden;	
}
.appendedIcon {
height: 100%;
display: flex;
}
.mobile-icon-fixed {
position: relative;
}
.mobile-icon-fixed--2 {
position: relative;
}
.mobile-icon-fixed--2 .mobile-icon-fixed__icon{
top: 0;
z-index: 10;
}	
.mobile-icon-fixed__icon.mobile-icon-fixed__icon--3 {
background: #000;
}
.mobile-icon-fixed__icon {
z-index: 9;
opacity: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 90px;
overflow: hidden;
width: 100%;
flex-basis: 100%;
background: #000;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding-left: 15px;
}
#ex4Slide_2, #ex4Slide_5, #ex4Slide_8, #ex4Slide9 {
display: none!important;
overflow: hidden;
}
.appendedIcon {
display: none;
}
.mobile-icon-fixed__icon {
}
.mobile-icon-fixed__icon .base-icon, .mobile-icon-fixed__icon .base-icon img {
margin: 0;
width: 60px!important;
height: 60px!important;
margin-right: 12px;
z-index: 2;
}
.base-title {
text-align: left!important;
max-width: 100px;
z-index: 1;
}
.ex4-section__fixed {
display: none!important;
}
.pin-spacer.pin-spacer-icon1 {
pointer-events: none!important;
}
}
@media all and (max-width: 767px){
.ex4-section {
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: fit-content!important;
max-height: fit-content!important;
min-height: fit-content!important;
overflow: auto;
}
.ex4-section__fixed {
width: 100%;
display: flex;
flex-direction: column;
height: 100vh;
position: absolute;
right: 0;
}
.ex4-section__scroll {
max-height: fit-content;
width: 100vw;
height: fit-content;
overflow: hidden;
}
.elementor .ex4-top-section .elementor-container {
height: fit-content!important;
overflow: auto;
}
.ex4-section__elements {
display: flex;
flex-direction: column;
padding-top: 0;
overflow: auto;
flex-basis: 100%;
position: relative;
height: fit-content;
}
.ex4-section__elements .elementor-column {
width: 100%!important;
min-height: fit-content;
min-width: 100%!important;
height: fit-content!important;
min-height: fit-content!important;
}
#ex4Slide_4  .elementor-column,
#ex4Slide_7  .elementor-column {
min-height: 70vh!important;
overflow: hidden;	
}
.appendedIcon {
height: 100%;
display: flex;
}
.mobile-icon-fixed {
position: relative;
}
.mobile-icon-fixed--2 {
position: relative;
}
.mobile-icon-fixed--2 .mobile-icon-fixed__icon{
top: 0;
z-index: 10;
}	
.mobile-icon-fixed__icon.mobile-icon-fixed__icon--3 {
background: #000;
}
.mobile-icon-fixed__icon {
z-index: 9;
opacity: 1;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 90px;
overflow: hidden;
width: 100%;
flex-basis: 100%;
background: #000;
display: flex;
justify-content: flex-start;
align-items: center;
text-align: left;
padding-left: 15px;
}
#ex4Slide_2, #ex4Slide_5, #ex4Slide_8, #ex4Slide9 {
display: none!important;
overflow: hidden;
}
.appendedIcon {
display: none;
}
.mobile-icon-fixed__icon {
}
.mobile-icon-fixed__icon .base-icon, .mobile-icon-fixed__icon .base-icon img {
margin: 0;
width: 60px!important;
height: 60px!important;
margin-right: 12px;
z-index: 2;
}
.base-title {
text-align: left!important;
max-width: 100px;
z-index: 1;
}
.ex4-section__fixed {
display: none!important;
}
.pin-spacer.pin-spacer-icon1 {
pointer-events: none!important;
}
}