.page-header {
position: relative;
display: block;
padding: 324px 0 153px;
overflow: hidden;
background-color: var(--thm-black);
z-index: 1;
}
.page-header::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 515px;
opacity: .35;
background: rgb(255, 255, 255);
background: linear-gradient(93deg, rgba(255, 255, 255, 0) 0%, rgba(255, 54, 57, 1) 50%, rgba(255, 255, 255, 0) 100%);
z-index: -1;
}
.page-header__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: .20;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: -1;
}
.page-header__shape-1 {
position: absolute;
top: 105px;
right: 0;
-webkit-animation: ImgBounce 5s ease-in-out 0s infinite alternate;
animation: ImgBounce 5s ease-in-out 0s infinite alternate;
z-index: -1;
}
.page-header__shape-1 img {
width: auto;
max-width: none;
}
.page-header__inner {
position: relative;
display: block;
z-index: 15;
text-align: center;
}
.page-header__inner h2 {
font-size: 80px;
font-weight: 700;
line-height: 90px;
color: var(--thm-white);
}
.thm-breadcrumb__box {
position: relative;
display: inline-block;
margin-top: 14px;
padding: 16px 20px 12px;
border-radius: 10px;
z-index: 1;
background: rgb(4, 23, 26);
background: linear-gradient(280deg, rgba(4, 23, 26, 1) 0%, rgba(255, 255, 255, 0) 73%);
}
.thm-breadcrumb {
position: relative;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
.thm-breadcrumb li {
position: relative;
display: inline-block;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.thm-breadcrumb li+li {
display:inline-flex;
gap: 15px;
}
.thm-breadcrumb li a {
position: relative;
display: inline-block;
color: var(--thm-white);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.thm-breadcrumb li:hover a {
color: var(--thm-base);
}