.home-more{position:relative;width:180px;height:54px;background:var(--color);color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;text-transform:capitalize;overflow:hidden;border-radius:var(--borderradius);transition:all 0.1s linear}
.home-more em{font-weight:var(--fontbold6);font-size:var(--fontsize14);margin-right:5px}
.home-more:hover{opacity:0.8}
.pagesbanner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}
.pagesbanner .pagesbanner-animate {top: 50%}
@media(min-width:768px) and (max-width:2560px){
.pagesbanner .pagesbanner-animate .p1{font-size:2vw !important}
.pagesbanner .pagesbanner-animate .p2{font-size:1.2vw !important;margin-top:1vw !important}
.pagesbanner-animate .home-more{font-size:1vw;height:auto;width:fit-content;padding:.5vw 1vw;margin-top:1.2vw;}
}
@media (max-width:1024px){
.pagesbanner .pagesbanner-animate .p1{font-size:2.5vw !important}
.pagesbanner .pagesbanner-animate .p2{font-size:1.5vw !important;margin-top:1vw !important}
.pagesbanner-animate .home-more{font-size:1.3vw;height:auto;width:fit-content;padding:.5vw 1vw;margin-top:1.2vw;}
}
@media (max-width:768px){
.pagesbanner .pagesbanner-animate .p2,
.pagesbanner-animate .home-more{display:none}
}