.home-banner{background-color:#ffe9df;display:flex;font-family:poppins-semibold,poppins,sans-serif;padding:20px 100px}.home-banner-left{padding:100px 20px 0 60px;width:55%}.home-banner-left-items{height:190px;position:relative}.home-banner-left-subtitle{color:#333;font-size:20px;margin-top:15px}.home-banner-right{align-items:center;display:flex;justify-content:center;width:45%}.home-banner-right img,.home-banner-right-img{height:auto;width:100%}.text-track{position:absolute;white-space:nowrap}.text-item{display:inline-block;overflow:hidden;vertical-align:top;width:0}.text-content{align-items:flex-start;display:flex;flex-direction:column;padding-right:20px;position:relative}.text-content .text{background-color:red;border-radius:4px;color:#fff;display:inline-block;font-size:42px;font-weight:700;margin-top:8px;padding:8px 15px}.text-item.show .text-content{animation:clipIn .8s forwards}.text-item.hide .text-content{animation:clipOut .8s forwards}@keyframes clipIn{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes clipOut{0%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 100% 0 0);opacity:0}}@media screen and (max-width:993px){.home-banner-left{padding:20px;width:60%}.home-banner-left-items{height:140px;position:relative}.text-content .text{font-size:28px}}@media screen and (max-width:600px){.home-banner{flex-direction:column;padding:20px}.home-banner-left{padding:20px;width:100%}.home-banner-left-items{height:130px;position:relative}.text-content .text{font-size:24px}.home-banner-right{margin-top:20px;width:100%}.home-banner-right img{height:auto;width:100%}}