﻿.pagesbanner::after {background: linear-gradient(to right,#000000dd,#00000011 65%)}
.ban-inner{position: absolute;top:60%;left:7%;transform: translateY(-50%);z-index:2;width:55%;}
.ban-inner h1{font-size:3vw;color:#fff;margin:0 0 1%;font-weight:700;letter-spacing:0;line-height: 1}
.ban-inner h1 span{color:var(--ql-color)}
.ban-inner .ql-btn{display: inline-flex;align-items: center;gap: 10px;font-family: var(--ql-font);font-size: 0.9vw;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;padding:1% 2%;border-radius: var(--ql-radius);border: 1px solid transparent;transition: all .28s ease;cursor: pointer;color: rgb(231, 230, 230);background: var(--ql-color);}
.ban-inner .ql-btn:hover{color:#fff;}
.ban-inner p{color:rgba(255,255,255,.8);font-size:1vw;margin:0 0 2%;max-width:640px}
.ban-inner .ql-crumb{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:20px;font-weight:700}
.ban-inner .ql-crumb a:hover{color:var(--ql-color)}
.ban-inner .ql-crumb span{color:var(--ql-color)}
.ban-inner .ql-hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:2%}
.ban-inner .ql-chip{font-size:0.6vw;letter-spacing:1.1px;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.28);padding:1% 3%;border-radius:40px;background:rgba(255,255,255,.06)}
.ban-inner .ql-hero-bar{position:relative;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(20,17,14,.78);margin-top:2%}
.ban-inner .ql-hero-bar div{padding:3% 5%;border-right:1px solid rgba(255,255,255,.13);color:#fff}
.ban-inner .ql-hero-bar div:last-child{border-right:0}
.ban-inner .ql-hero-bar strong{font-family:var(--ql-head);font-size:1.7vw;font-weight:700;color:var(--ql-color);display:block;line-height:1;margin-bottom:1%}
.ban-inner .ql-hero-bar em{font-style:normal;font-size:0.7vw;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.6)}
@media (max-width:1024px){.ban-inner{top:50%;}}
@media (max-width:768px){.ban-inner{width:40%;}
.ban-inner .ql-hero-bar,.ban-inner .ql-hero-chips,.ban-inner .ql-btn{display:none;}
.pagesbanner img, .pagesbanner video{min-height: initial;}}
 @media (min-width:1024px){.ql-sec  .ql-cert-grid{gap:60px 14px;margin-top:6%}
}