.tpt-hero-banner-1{box-sizing:border-box;display:flex;align-items:center;gap:3em;min-height:25em}.tpt-hero-banner-1 *,.tpt-hero-banner-1 *:before,.tpt-hero-banner-1 *:after{box-sizing:border-box}.tpt-hero-banner-1_content{flex:1;display:flex;flex-direction:column;gap:1.5em}.tpt-hero-banner-1_image{flex:1;display:flex;align-items:center;justify-content:center;min-height:25em}.tpt-hero-banner-1_reverse{flex-direction:row-reverse}.tpt-hero-banner-1_rating{display:flex;align-items:center;gap:.75em;padding:.75em 1.5em;background-color:#ffffffe6;border-radius:2em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content}.tpt-hero-banner-1_stars{display:flex;gap:.125em}.tpt-hero-banner-1_star{font-size:1.125em;color:#ddd;transition:color .2s ease}.tpt-hero-banner-1_star--filled{color:#4caf50}.tpt-hero-banner-1_rating-text{font-size:.875em;font-weight:500;white-space:nowrap}.tpt-hero-banner-1_heading{margin:0}.tpt-hero-banner-1_title{margin:0;line-height:1.1;font-weight:700}.tpt-hero-banner-1_description{font-size:1.125em;line-height:1.6;max-width:35em}.tpt-hero-banner-1_description p{margin:0 0 1em}.tpt-hero-banner-1_description p:last-child{margin-bottom:0}.tpt-hero-banner-1_button{margin-top:.5em}.tpt-hero-banner-1_button .tpt-button{display:flex!important;width:fit-content;align-items:center;justify-content:center;gap:.5em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.tpt-hero-banner-1_button .tpt-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tpt-hero-banner-1_button svg{transition:transform .3s ease}.tpt-hero-banner-1_button .tpt-button:hover svg{transform:translate(2px)}.tpt-hero-banner-1_features{display:flex;flex-direction:column;gap:.75em}.tpt-hero-banner-1_feature{display:flex;align-items:center;gap:.75em}.tpt-hero-banner-1_feature-icon{flex-shrink:0;width:1.5em;height:1.5em;border-radius:50%;background-color:#4caf501a;display:flex;align-items:center;justify-content:center;color:#4caf50}.tpt-hero-banner-1_feature-text{font-size:1em;font-weight:500}.tpt-hero-banner-1_image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tpt-hero-banner-1_image-content img{width:100%;height:100%;object-fit:cover;border-radius:1em}@media screen and (min-width: 768px) and (max-width: 1279px){.tpt-hero-banner-1{gap:2em;min-height:20em}.tpt-hero-banner-1_content{gap:1.25em}.tpt-hero-banner-1_rating{padding:.625em 1.25em}.tpt-hero-banner-1_rating-text{font-size:.8125em}.tpt-hero-banner-1_description{font-size:1em}.tpt-hero-banner-1_image{min-height:20em}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_features{gap:.625em}.tpt-hero-banner-1_feature-text{font-size:.9375em}}@media screen and (max-width: 767px){.tpt-hero-banner-1{flex-direction:column;gap:2em;min-height:auto;text-align:center}.tpt-hero-banner-1_reverse{flex-direction:column}.tpt-hero-banner-1_content{flex:none;width:100%;gap:1em;order:2}.tpt-hero-banner-1_image{flex:none;width:100%;height:20em;order:1}.tpt-hero-banner-1_reverse .tpt-hero-banner-1_content{order:2}.tpt-hero-banner-1_reverse .tpt-hero-banner-1_image{order:1}.tpt-hero-banner-1_rating{padding:.5em 1em;margin:0 auto}.tpt-hero-banner-1_rating-text{font-size:.75em}.tpt-hero-banner-1_stars{gap:.0625em}.tpt-hero-banner-1_star{font-size:1em}.tpt-hero-banner-1_description{font-size:.9375em;max-width:none}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_features{gap:.5em;align-items:center}.tpt-hero-banner-1_feature{justify-content:center}.tpt-hero-banner-1_feature-text{font-size:.875em}.tpt-hero-banner-1_button{margin-top:.75em}}@media screen and (max-width: 480px){.tpt-hero-banner-1{gap:1.5em}.tpt-hero-banner-1_image{height:18em}.tpt-hero-banner-1_content{gap:.875em}.tpt-hero-banner-1_rating{flex-direction:column;gap:.5em;padding:.75em}.tpt-hero-banner-1_rating-text{font-size:.6875em;text-align:center}.tpt-hero-banner-1_image-content{width:100%;height:100%}.tpt-hero-banner-1_features{gap:.375em}.tpt-hero-banner-1_feature-text{font-size:.8125em}}.tpt-hero-banner-1.layout-style-1 .tpt-hero-banner-1_rating{background-color:#4caf501a;border:1px solid rgba(76,175,80,.3)}.tpt-hero-banner-1.layout-style-2 .tpt-hero-banner-1_image-content img{border-radius:2em;box-shadow:0 10px 30px #0000001a}.tpt-hero-banner-1.layout-style-3 .tpt-hero-banner-1_button .tpt-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none}@media (prefers-reduced-motion: no-preference){.tpt-hero-banner-1_content>*{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.tpt-hero-banner-1_rating{animation-delay:.1s}.tpt-hero-banner-1_heading{animation-delay:.2s}.tpt-hero-banner-1_description{animation-delay:.3s}.tpt-hero-banner-1_button{animation-delay:.4s}.tpt-hero-banner-1_features{animation-delay:.5s}.tpt-hero-banner-1_image{opacity:0;transform:scale(.9);animation:fadeInScale .8s ease .3s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{to{opacity:1;transform:scale(1)}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/tpt-hero-banner-1.css.map */