.head-page{text-align:center;height:200px;position:relative}.head-page:before{content:"";background-image:linear-gradient(var(--gradient-dir), #000, #000000a1, #2020207c);inset-inline-start:0;z-index:2;width:100%;height:100%;position:absolute;top:0}.head-page img{object-fit:cover;object-position:center;width:100%;height:100%}.head-page .content{z-index:2;color:#fff;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.head-page .content h1{margin-bottom:15px;font-size:clamp(20px,4vw,45px)}.head-page .content .breadcrumb{justify-content:center;align-items:center;gap:10px;display:flex}.head-page .content .breadcrumb p{font-size:clamp(17px,4vw,20px)}.head-page .content .breadcrumb a{color:#fff}@media (max-width:767px){.head-page{height:130px}.head-page .content{transform:translate(-50%,-35%)}}