.custom-banner-area{padding:0;position:relative;height:50vh}.top-right-gradient-dark{position:absolute;top:0;left:0;opacity:1;z-index:100;width:100%;overflow:hidden;height:100%;background:-webkit-gradient(linear,left bottom,right top,from(rgba(24,53,65,0.8)),color-stop(80%,rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom left,rgba(24,53,65,0.8) 0%,rgba(0,0,0,0) 80%);background:-o-linear-gradient(bottom left,rgba(24,53,65,0.8) 0%,rgba(0,0,0,0) 80%);background:linear-gradient(to top right,rgba(24,53,65,0.8) 0%,rgba(0,0,0,0) 80%)}.custom-banner-area .page-center{padding:0 3vw;max-width:1300px;height:100%;position:relative}.intro-title{position:absolute;z-index:500;top:50%;opacity:0;-webkit-transform:translateY(-42%);-ms-transform:translateY(-42%);transform:translateY(-42%);-webkit-transition:all 1s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1s cubic-bezier(0.23,1,0.32,1);transition:all 1s cubic-bezier(0.23,1,0.32,1);opacity:1;left:0}.intro-title h1{margin:.67em 0;font-size:calc(36px + (52 - 36) * (100vw - 414px) / (1500 - 414));opacity:1;line-height:1;margin-bottom:10px;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 1s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1s cubic-bezier(0.23,1,0.32,1);transition:all 1s cubic-bezier(0.23,1,0.32,1);color:#fff;text-shadow:0px 0px 22px rgb(31 40 43 / 40%)}.custom-banner-area{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:rgba(24,53,65,1.0)}@media only screen and (max-width:767px){.custom-banner-area{padding:0 5vw}.custom-banner-area .page-center{width:100%}}