.mobile-app-hero {

position: relative;
min-height: 680px;
display: flex;
align-items: flex-start;
overflow: hidden;

background-image: url('/images/Intuisyz-MobApp_Banner.webp');
background-size: cover;
background-position: center;

isolation: isolate;

}


/* dark gradient */

.mobile-app-hero::before {

content: "";
position: absolute;
inset: 0;

background: linear-gradient(
90deg,
rgba(8,15,28,0.55) 0%,
rgba(8,15,28,0.3) 30%,
rgba(8,15,28,0.1) 55%,
rgba(8,15,28,0.15) 100%
);

z-index: 0;

}


/* blur right */

.mobile-app-hero::after {

content: "";
position: absolute;
inset: 0;

background-image: url('/images/Intuisyz-MobApp_Banner.webp');
background-size: cover;
background-position: center;

filter: blur(16px);
transform: scale(1.06);

z-index: 0;

mask-image: linear-gradient(
90deg,
transparent 0%,
transparent 48%,
rgba(0,0,0,0.2) 58%,
rgba(0,0,0,0.5) 70%,
rgba(0,0,0,0.85) 82%,
black 100%
);

-webkit-mask-image: linear-gradient(
90deg,
transparent 0%,
transparent 48%,
rgba(0,0,0,0.2) 58%,
rgba(0,0,0,0.5) 70%,
rgba(0,0,0,0.85) 82%,
black 100%
);

}


.mobile-app-hero .container {

position: relative;
z-index: 2;

}


.mobile-app-hero-content {

padding-top: 460px;
padding-bottom: 50px;

color: white;

max-width: 700px;

}


@media (max-width: 768px) {

.mobile-app-hero-content {

padding-top: 150px;

}

}