.hero-banner-sec{display:inline-block;padding:80px 0 100px;vertical-align:top;width:100%}.banner-right,.hero-banner-sec{position:relative}.banner-container{display:block;margin:0 auto;max-width:1550px;padding:0 15px;position:relative}.banner-right:after{background:#fff;bottom:0;content:"";height:calc(100% + 160px);position:absolute;right:0;top:-160px;width:380px;z-index:0}.hero-banner-sec:before{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;height:500px;width:470px;z-index:1}.hero-banner-sec .hero-banner-wrap{align-items:center;display:flex;justify-content:space-between;padding-left:0;position:relative;width:100%;z-index:1}.hero-banner-sec .hero-banner-wrap .left{display:inline-block;margin:0;width:50%}.hero-banner-sec .hero-banner-wrap .right{display:inline-block;padding-left:25px;width:50%}.hero-banner-sec .hero-banner-wrap .right img{border-radius:10px;display:block;height:544px;margin-left:230px;max-width:544px;object-fit:cover;position:relative;width:100%;z-index:1}.hero-banner-sec .hero-banner-wrap .left .subtitle,.hero-banner-sec .hero-banner-wrap .left .title{display:inline-block;width:100%}.hero-banner-sec .hero-banner-wrap .left .subtitle span{color:tan;display:inline-block;font-size:35px;font-weight:600;line-height:50px;margin-bottom:20px}.hero-banner-sec .hero-banner-wrap .left .title h1{display:inline-block;margin-bottom:20px}.hero-banner-sec .hero-banner-wrap .left .contain{display:inline-block;width:100%}.hero-banner-sec .hero-banner-wrap .left .contain p{margin-bottom:20px}.hero-banner-sec .hero-banner-wrap .left .contain p:last-child{margin-bottom:0}img.logo-shape{bottom:-100px;height:100%;left:-70px;max-height:598px;max-width:460px;object-fit:cover;opacity:.5;position:absolute;width:100%;z-index:0}.line-text{align-items:center;display:flex;gap:10px;margin-top:30px;opacity:1}.line-text span.underline{background:tan;display:inline-block;height:1px;width:70px}@media(max-width:1730px){.hero-banner-sec .hero-banner-wrap{padding-left:0}.hero-banner-sec .hero-banner-wrap .right img{margin-left:120px}.hero-banner-sec .hero-banner-wrap .left{width:50%}.hero-banner-sec .hero-banner-wrap .left .title h1{font-size:40px;font-weight:600;line-height:54px}.hero-banner-sec .hero-banner-wrap .right{width:50%}}@media(max-width:1550px){.hero-banner-sec .hero-banner-wrap .right img{margin-left:100px}.banner-right:after{width:300px}.banner-right:before{width:320px}}@media(max-width:1440px){.hero-banner-sec{padding:60px 0}.hero-banner-sec .hero-banner-wrap{padding-left:0}.hero-banner-sec .hero-banner-wrap .right img{margin-left:60px}.hero-banner-sec .hero-banner-wrap .left,.hero-banner-sec .hero-banner-wrap .right{width:50%}.hero-banner-sec .hero-banner-wrap .left .title h1{font-size:38px;line-height:50px}.hero-banner-sec .hero-banner-wrap .left .subtitle span{font-size:30px;font-weight:600;line-height:44px}}@media(max-width:1280px){.hero-banner-sec .hero-banner-wrap .right img{margin-left:50px;max-width:480px}.hero-banner-sec .hero-banner-wrap .left .title h1{font-size:35px;line-height:48px}.hero-banner-sec .hero-banner-wrap .left .subtitle span{font-size:28px;line-height:40px}}@media(max-width:1140px){.hero-banner-sec .hero-banner-wrap .right img{margin-left:30px;max-width:450px}.banner-right:after{width:250px}.banner-right:before{width:280px}.hero-banner-sec .hero-banner-wrap .left .title h1{font-size:30px;line-height:45px}.hero-banner-sec .hero-banner-wrap .left .subtitle span{font-size:26px;line-height:38px}.hero-banner-sec{padding:50px 0}.hero-banner-sec .hero-banner-wrap .right{padding-left:0}.line-text{margin-top:20px}}@media(max-width:991px){.hero-banner-sec .hero-banner-wrap{flex-direction:column-reverse;flex-wrap:wrap;gap:50px}.hero-banner-sec .hero-banner-wrap .left,.hero-banner-sec .hero-banner-wrap .right{width:100%}.hero-banner-sec .hero-banner-wrap .right img{height:auto;margin:0 auto}.banner-right:after{display:none}}@media(max-width:767px){.hero-banner-sec{padding:40px 0}.banner-right:before{width:120px}.hero-banner-sec .hero-banner-wrap{gap:30px}.hero-banner-sec .hero-banner-wrap .left .subtitle span{font-size:24px;line-height:35px}.hero-banner-sec .hero-banner-wrap .left .contain p:last-child{font-size:16px;line-height:24px}}@media(max-width:600px){.hero-banner-sec{padding:30px 0}.hero-banner-sec .hero-banner-wrap{padding-left:0}}@media(max-width:480px){.hero-banner-sec .hero-banner-wrap .left .title h1{font-size:24px;line-height:38px;margin-bottom:14px}.hero-banner-sec .hero-banner-wrap .left .subtitle span{font-size:20px;line-height:30px;margin-bottom:14px}.hero-banner-sec .hero-banner-wrap .left .contain p{margin-bottom:14px}.line-text{flex-wrap:wrap;gap:4px}.hero-banner-sec .hero-banner-wrap .left .contain p:last-child{font-size:16px;line-height:24px}}.w3-animate-top{animation:animatetop .5s;position:relative}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.w3-animate-left{animation:animateleft .5s;position:relative}@keyframes animateleft{0%{left:-300px;opacity:0}to{left:0;opacity:1}}.w3-animate-bottom{animation:animatebottom .5s;position:relative}@keyframes animatebottom{0%{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}