section.banner .container{display:flex;flex-direction:column;gap:50px;padding:0!important}section.banner .content{display:flex;flex-direction:column;gap:24px;justify-content:center;margin:48px 0 0 24px;z-index:2}section.banner .content div>.title{margin-bottom:12px}section.banner .content ul{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}section.banner .content ul li{display:flex;align-items:center}section.banner .content ul li:before{content:"\e905";font-size:16px;font-weight:var(--weight-700);font-family:ccicon!important;width:20px;height:20px;line-height:20px;border-radius:20px;border:2px solid;text-align:center;position:absolute;transition:background-color .2s ease;-webkit-font-smoothing:antialiased}section.banner .content ul li>span{padding-left:34px}section.banner .animation>div img.custom-anim{position:absolute;opacity:0;max-width:none}.herofadeInUp{animation:heroFadeInUp 1s ease-in-out forwards}.herofadeInRotate{animation:heroFadeInRotate 1s ease-in-out forwards}@keyframes heroFadeInUp{0%{transform:translate(0,30px);opacity:0}100%{transform:translate(0,0);opacity:1}}@keyframes heroFadeInRotate{0%{transform:rotate(-25deg);opacity:0}100%{transform:rotate(-12.5deg);opacity:1}}@media screen and (min-width:768px){section.banner .container{flex-direction:row}section.banner .content{margin-top:-24px}section.banner .animation{display:flex;align-items:flex-end;flex:0 0 54%;height:480px;position:relative}}@media screen and (max-width:1023px){section.banner .animation>div{height:480px;transform-origin:left bottom;transform:scale(.75)}}@media screen and (max-width:767px){section.banner .animation{margin-top:-250px}section.banner .animation>div{transform:scale(.6)}section.banner .animation>div img.custom-anim.item-bg{height:160%}}