.home-about{position:relative;width:100%;min-height:500px;display:flex;align-items:center;overflow:hidden}
.home-about .banner-content{position:relative;width:100%;background:#fff;padding:60px 60px 60px 80px;box-shadow:0 10px 30px rgba(0,0,0,0.08);z-index:1}
.home-about h2{position:relative;padding-left:60px}
.home-about h2::before{content:"";position:absolute;left:40px;top:0px;width:4px;height:100%;background:#2dbd6e;transform:translateX('20deg')}
.home-about.banner-content h2{font-size:28px;margin-bottom:20px}
.home-about .banner-content p{color:#555;line-height:1.8;margin-bottom:15px;font-size:15px}
.home-about .btn{display:inline-block;padding:10px 25px;border:1px solid #2dbd6e;color:#2dbd6e;text-decoration:none;font-size:14px;transition:0.3s}
.home-about  .btn:hover{background:#2dbd6e;color:#fff}
@media(max-width:992px){.home-about{flex-direction:column}
.home-about::after{position:relative;width:100%;height:300px}
.banner-content{width:100%;clip-path:none;padding:40px}
}.home-about .container{display:flex}
.home-about .container .left{width:60%;z-index:1}
.home-about .container .right{width:50%}
.home-about .container .right img{clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%)}
.banner-content{width:100%;margin-top:20px}
.home-about{position:relative}
.home-about .container{display:flex;align-items:center}
.home-about .container .left{transform:skewX(-8deg)}
.home-about .container .left .btn{transform:unset}
.home-about .container .right{flex:0 0 45%;margin-left:-80px;z-index:0}
.home-about .container .right img{width:100%;display:block}
   @media (max-width:768px){.home-about h2{padding-left:0;font-size:16px}
.home-about .banner-content{padding:3%}
.home-about h2::before{display:none}
.home-about .container .left{width:100%;transform:unset}
.home-about .container .right img{clip-path:unset}
.home-about .container{flex-wrap:wrap}
.home-about .container .right{margin-left:0;width:100%;flex:unset}
}