.hero-banner p:empty{display:none}.hero-banner .hero-wrapper{padding-left:20px;padding-right:20px;max-width:1440px;margin:0 auto}.hero-banner .hero-wrapper .row{display:flex;flex-wrap:wrap;align-items:center;gap:40px}.hero-banner .hero-wrapper .row .col-left{flex-basis:calc(60% - 20px)}.hero-banner .hero-wrapper .row .col-left h2{font-size:28px;font-weight:500;line-height:1.6;color:#000;margin:0}.hero-banner .hero-wrapper .row .col-left p{font-size:16px;font-weight:400;line-height:1.6;color:#6f6f6f;margin:0;padding-top:20px}.hero-banner .hero-wrapper .row .col-left .btn{font-size:16px;font-weight:500;padding:10px 22px;text-transform:uppercase;border-radius:5px;background:#000;color:#fff;text-decoration:none;margin-top:20px;display:inline-block}.hero-banner .hero-wrapper .row .col-right{flex-basis:calc(40% - 20px)}.hero-banner .hero-wrapper .row .col-right img{width:100%;height:100%}.hero-banner ul{list-style-type:disc;list-style-position:outside;padding-left:20px;margin-top:10px}.hero-banner ol{list-style:decimal;list-style-position:outside;padding-left:20px;margin-top:10px}.hero-banner ul li,.hero-banner ol li{font-size:16px;font-weight:400;line-height:1.6;color:#6f6f6f;margin:0;padding-left:5px}@media screen and (min-width: 769px) and(max-width: 1024px){.hero-banner .hero-wrapper .row .col-left h2{font-size:22px;line-height:1.3}.hero-banner .hero-wrapper .row .col-left p{padding-top:15px;font-size:14px}.hero-banner .hero-wrapper .row .col-left .btn{font-size:12px}}@media screen and (max-width: 768px){.hero-banner .hero-wrapper .row{gap:20px}.hero-banner .hero-wrapper .row .col-left{flex-basis:100%}.hero-banner .hero-wrapper .row .col-left h2{font-size:24px;line-height:1.3}.hero-banner .hero-wrapper .row .col-left p{padding-top:15px}.hero-banner .hero-wrapper .row .col-right{flex-basis:100%}}@media screen and (max-width: 580px){.hero-banner .hero-wrapper .row .col-left h2{font-size:20px}.hero-banner .hero-wrapper .row .col-left p{font-size:14px}.hero-banner .hero-wrapper .row .col-left .btn{font-size:12px}}.template-page .hero-banner .hero-wrapper{max-width:1536px;width:100%;margin:0 auto;padding-left:16px;padding-right:16px}.template-page .hero-banner .hero-wrapper .row .col-left h2{font-size:30px}.template-page .hero-banner .hero-wrapper .row .col-left .btn{font-size:20px}@media (max-width: 1440px){.template-page .hero-banner .hero-wrapper{max-width:1310px}.template-page .hero-banner .hero-wrapper .row .col-left h2{font-size:25px}.template-page .hero-banner .hero-wrapper .row .col-left .btn{font-size:18px}}@media (max-width: 767px){.template-page .hero-banner .hero-wrapper .row .col-left h2{font-size:18px}.template-page .hero-banner .hero-wrapper .row .col-left .btn{font-size:14px}}@media (max-width: 460px){.custom-cards-sec .custom-cards-wrapper .row .col{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/hero-banner.css.map */