.tpt-svcbanner-section{display:flex;flex-wrap:wrap;gap:var(--svcbanner-gap, 20px)}.tpt-svcbanner-card{position:relative;overflow:hidden;flex:1 1 450px;min-width:320px;max-width:100%;min-height:380px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px 40px;border-radius:var(--card-radius, 12px);background-color:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e1e3e5);color:var(--card-text, #202223);box-shadow:0 1px 3px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.tpt-svcbanner-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.tpt-svcbanner-dismiss{display:none!important;position:absolute;top:20px;right:20px;z-index:10;display:flex;align-items:center;justify-content:center;padding:6px;background-color:#ffffff26;color:var(--card-text, #202223);border:none;border-radius:50%;cursor:pointer;opacity:0;transition:background-color .2s ease,opacity .2s ease}.tpt-svcbanner-card:hover .tpt-svcbanner-dismiss{opacity:.8}.tpt-svcbanner-dismiss:hover{opacity:1!important;background-color:#ffffff4d}.tpt-svcbanner-left{position:relative;z-index:2;flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;align-items:flex-start}.tpt-svcbanner-badge-wrapper{margin-bottom:12px}.tpt-svcbanner-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background-color:var(--badge-bg, #f1f1f1);color:var(--badge-text, #202223);font-size:11px;font-weight:700;letter-spacing:.5px;border-radius:20px}.tpt-svcbanner-badge-icon{width:14px;height:14px;object-fit:contain}.tpt-svcbanner-title{margin:0 0 12px;font-size:26px;font-weight:700;line-height:1.2;color:var(--card-text, #202223)}.tpt-svcbanner-desc{margin-bottom:20px}.tpt-svcbanner-desc p{margin:0;font-size:16px;line-height:1.5;color:var(--card-text, #202223);opacity:.9}.tpt-svcbanner-features{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:12px}.tpt-svcbanner-features li{display:flex;align-items:flex-start;gap:10px;font-size:15px;font-weight:500;line-height:1.4;color:var(--card-text, #202223)}.tpt-svcbanner-check{flex-shrink:0;margin-top:2px;color:var(--check-color, currentColor)}.tpt-svcbanner-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background-color:var(--btn-bg, #202223);color:var(--btn-text, #ffffff);font-size:15px;font-weight:600;border-radius:8px;text-decoration:none;white-space:nowrap;box-shadow:0 1px 2px #0000000d;transition:filter .2s ease,box-shadow .2s ease}.tpt-svcbanner-btn:hover{filter:brightness(.92);box-shadow:0 2px 4px #0000001a}.tpt-svcbanner-btn-icon{display:inline-flex;align-items:center}.tpt-svcbanner-graphic{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.tpt-svcbanner-graphic img{width:100%;height:100%;object-fit:cover;object-position:right center}.tpt-svcbanner-section>.tpt-svcbanner-card:only-child .tpt-svcbanner-graphic{left:auto;right:0;width:50%;max-width:50%;-webkit-mask-image:linear-gradient(to right,transparent,black 20%);mask-image:linear-gradient(to right,transparent,black 20%)}@media(max-width:9999px)and (min-width:1025px){.tpt-svcbanner-card{padding:24px 28px;gap:20px;min-height:350px}.tpt-svcbanner-left{flex:0 0 48%;max-width:48%}.tpt-svcbanner-title{font-size:20px;margin-bottom:8px}.tpt-svcbanner-desc{margin-bottom:12px}.tpt-svcbanner-desc p{font-size:13.5px}.tpt-svcbanner-features{margin-bottom:20px;gap:8px}.tpt-svcbanner-features li{font-size:13px;gap:8px}.tpt-svcbanner-btn{padding:8px 20px;font-size:13.5px}.tpt-svcbanner-badge{font-size:10px;padding:2px 10px}.tpt-svcbanner-badge-wrapper{margin-bottom:8px}}@media(max-width:1400px)and (min-width:1025px){.tpt-svcbanner-section:not(.tpt-svcbanner-section--single) .tpt-svcbanner-left{flex:0 0 80%;max-width:80%}.tpt-svcbanner-section:not(.tpt-svcbanner-section--single) .tpt-svcbanner-graphic{display:none}}@media(max-width:1024px){.tpt-svcbanner-card{flex-direction:column;align-items:stretch;padding:24px;gap:24px;min-height:auto}.tpt-svcbanner-left{flex:1;max-width:100%}.tpt-svcbanner-graphic{display:none}}
/*# sourceMappingURL=/cdn/shop/t/42/assets/tpt-service-banners.css.map */