.el-page-header {background-color: transparent;background-repeat: no-repeat;background-position: center center;background-size: cover;width: 100%;height: 400px;position: relative;display: flex;align-items: center;z-index: 1;}.el-page-header.bottom-border:before {background: linear-gradient(90deg, rgba(152, 65, 255, 0.5) 0%, rgba(152, 65, 255, 1) 50%, rgba(152, 65, 255, 0.5) 100%);content: "";position: absolute;width: 100%;height: 4px;left: 0;bottom: 0;z-index: 1;}.el-page-header>.container {height: 100%;position: relative;display: flex;align-items: center;justify-content: flex-start;text-align: left;}.el-page-header .overlay {background-color: #000018;content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: .5;z-index: -1;}.page-header-shape .shape {background: var(--softgen-primary-color, #9841ff);background-image: var(--softgen-gradiant, linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8));clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);width: 200px;height: 60px;position: absolute;left: 0;bottom: 0;border-radius: 2px;}.page-header-shape .shape:before {background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px);background-size: 4px 4px;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;}.page-header-shape .shape.right {clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%);position: absolute;left: auto;right: 0;bottom: 0;}.page-header-shape .shape.center {clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;border-radius: 5px;}.page-header-shape .shape.center.back {clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);width: 400px;height: 40px;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;opacity: 0.5;border-radius: 2px;z-index: -1;}.el-page-header .el-page-content {z-index: 2;width: 50%;}.el-page-header .el-page-content .sub-title {font-size: 16px;font-weight: 600;color: var(--softgen-primary-color, #9841ff);text-transform: uppercase;line-height: 1;letter-spacing: 0;margin: 0 5px;display: inline-block;margin-bottom: 20px;}.el-page-header .el-page-content .title {color: var(--softgen-white, #fff);font-size: 46px;font-weight: 600;line-height: 1.2;letter-spacing: -1px;margin: 0;}.el-page-header .el-page-content p {margin: 20px 0 0;}.el-breadcrumbs {background-color: var(--softgen-primary-color, #9841ff);background: var(--softgen-gradiant, linear-gradient(to right bottom, #f90cff, #e027ff, #c534ff, #a93eff, #8a44ff, #6560ff, #3c73ff, #0081ff, #009cff, #00b3ff, #00c6f5, #0cd7e8));padding: 0 30px;border-radius: 2px;width: max-content;height: 45px;display: inline-flex;align-items: center;justify-content: center;position: absolute;left: 15px;bottom: -20px;z-index: 2;}.el-breadcrumbs:before {background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25) 1px, transparent 1px, transparent 6px);background-size: 4px 4px;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}.align-center .el-breadcrumbs {left: 50%;transform: translateX(-50%);}.align-right .el-breadcrumbs {left: auto;right: 15px;}.el-breadcrumbs li a, .el-breadcrumbs li {font-family: var(--softgen-primary-font);color: var(--softgen-white);font-size: 14px;font-weight: 600;letter-spacing: -0.2px;display: inline-block;}.el-breadcrumbs .sep {margin: 0 5px;}.el-breadcrumbs li br {display: none;}@media (max-width: 992px) {.el-page-header .el-page-content .title br, .el-page-header .el-page-content p br {display: none;}}@media (max-width: 767px) {.page-header-shape .shape {width: 80px;height: 40px;}.page-header-shape .shape.center.back {width: 170px;height: 30px;}.el-page-header .el-breadcrumbs {display: none;}}