/* .page-title-stage:not(.TEG-header-modular) .breadcrumbs {
position: relative;
z-index: 2;
} */
.page-title-stage:not(.TEG-header-modular) .stage-area {
position: relative;
overflow: hidden;
}
.page-title-stage:not(.TEG-header-modular) .stage-image {
margin-bottom: 0;
}
.page-title-stage:not(.TEG-header-modular) h1 {
font-size: 3rem;
line-height: 1.3;
text-align: center;
color: #039;
color: hsl(220 30% 30% / 1);
margin: 5rem 0 8rem;
}
.page-title-stage:not(.TEG-header-modular) .stage-area+.container h1 {
height: 200px;
display: flex;
align-items: center;
justify-content: center;
margin-top: calc(-200px - 3rem);
margin-bottom: 3rem;
}
@media (min-width: 576px) {
.page-title-stage:not(.TEG-header-modular) h1 {
font-size: 4rem;
line-height: 1.2;
text-align: left;
}
.page-title-stage:not(.TEG-header-modular) .stage-area+.container h1 {
height: 300px;
max-width: 45%;
position: relative;
z-index: 9;
justify-content: flex-start;
margin-top: calc(-300px - 3rem);
}
.page-title-stage:not(.TEG-header-modular).shape-right .stage-area+.container h1 {
max-width: 41%;
margin-left: auto;
}
}
@media (min-width: 768px) {
.page-title-stage:not(.TEG-header-modular) h1 {
font-size: 4.8rem;
line-height: 1.1;
}
.page-title-stage:not(.TEG-header-modular) .stage-area+.container h1 {
height: 400px;
margin-top: calc(-400px - 3rem);
margin-bottom: 5rem;
}
}
@media (min-width: 992px) {
.page-title-stage:not(.TEG-header-modular) .stage-area+.container h1 {
max-width: 40%;
/* margin-bottom: 8rem; */
}
.page-title-stage:not(.TEG-header-modular).shape-right .stage-area+.container h1 {
max-width: 36%;
}
}
@media (min-width: 1200px) {
.page-title-stage:not(.TEG-header-modular) h1 {
font-size: 5rem;
}
.page-title-stage:not(.TEG-header-modular) .stage-area+.container h1 {
max-width: 38%;
}
.page-title-stage:not(.TEG-header-modular).shape-right .stage-area+.container h1 {
max-width: 34%;
}
}
@media (min-width: 576px) {
.page-title-stage:not(.TEG-header-modular) .stage-area .container {
background: transparent;
}
.page-title-stage:not(.TEG-header-modular) .stage-area:after {
content: '';
position: absolute;
top: 0;
left: 50%;
z-index: 1;
display: block;
width: 9999px;
height: 3000px;
background: #fff;
box-shadow: 0 0 20px rgb(0 0 0 / 50%);
transform-origin: 100% 0;
/* transform-origin: 100.5% 10%; */
transform: translate(-100%, 2%) rotate(38deg) skewX(28deg);
/* transform: translate(0%, 11%) rotate(38deg) skewX(28deg); */
opacity: 0.95;
}
@supports (font: -apple-system-body) and (-webkit-appearance: none) {
.page-title-stage:not(.TEG-header-modular) .stage-area:after {
box-shadow: none;
}
}

.page-title-stage:not(.TEG-header-modular).shape-right .stage-area:after {
left: auto;
right: 50%;
transform: translate(0%, 2%) scaleX(-1) rotate(38deg) skewX(28deg);
}
}
@media (min-width: 768px) {
.page-title-stage:not(.TEG-header-modular) .stage-area:after {
height: 4000px;
}
}
@media (min-width: 992px) {
.page-title-stage:not(.TEG-header-modular) .stage-area:after {
transform: translate(-100.5%, 2%) rotate(38deg) skewX(28deg);
}
.page-title-stage:not(.TEG-header-modular).shape-right .stage-area:after {
transform: translate(0.5%, 2%) scaleX(-1) rotate(38deg) skewX(28deg);
}
}
@media (min-width: 1200px) {
.page-title-stage:not(.TEG-header-modular) .stage-area:after {
transform: translate(-101%, 2%) rotate(38deg) skewX(28deg);
}
.page-title-stage:not(.TEG-header-modular).shape-right .stage-area:after {
transform: translate(1%, 2%) scaleX(-1) rotate(38deg) skewX(28deg);
}
}