*{margin:0;padding:0;box-sizing:border-box}
.shop-smartly-container{max-width:1360px;width:100%;padding:0;box-sizing:border-box;margin:0 auto}
.calculator-teaser{max-width:361px;margin:auto;display:flex;justify-content:center;align-items:center}
.cmp-teaser{border-radius:10px;padding:75px 37px 40px 37px;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;flex-direction:column-reverse;flex:1;height:100%;justify-content:center}
.cmp-teaser__pretitle{font-family:"Archivo",sans-serif;font-weight:500;font-size:14px;letter-spacing:.2px;margin-bottom:20px;color:#232426;position:absolute;top:20px;left:0;right:0;margin:0 auto}
.cmp-teaser__pretitle span{font-family:Archivo;font-weight:500;font-size:14px;line-height:132%;color:#512b8b}
.cmp-teaser__image{position:relative;margin-bottom:16px}
.cmp-teaser__image .cmp-image{width:251px;height:251px;border-radius:50%}
.cmp-image .cmp-image__image{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cmp-teaser__image .nested-img-wrapper{width:64px;height:118px;position:absolute;left:-14px;bottom:0}
.nested-img-wrapper .cmp-image__image{width:100%;height:auto;border-radius:0}
.cmp-teaser__title{font-family:"Archivo",sans-serif;font-weight:500;font-size:33px;color:#232426;margin-bottom:21px}
.cmp-teaser__action-container{max-width:168px;width:100%;border-radius:60px;box-shadow:0 9px 14px -2px #00000024;background-color:transparent;margin:auto;border:2px solid #f6edff}
.cmp-teaser__action-container a{padding:16px;display:block;font-family:"Archivo",sans-serif;font-weight:500;font-size:16px;line-height:132%;color:#000;text-decoration:none}
.calculator-teaser.swiper-slide-active .cmp-teaser__pretitle,.calculator-teaser.swiper-slide-active .cmp-teaser__title,.calculator-teaser.swiper-slide-active .cmp-teaser__action-container,.calculator-teaser.swiper-slide-active .nested-img-wrapper{display:block;opacity:1;animation:fadeInScale .2s ease forwards}
.calculator-teaser.swiper-slide-visible.swiper-slide-active{height:540px;max-width:361px;filter:none}
.calculator-teaser.swiper-slide-visible{height:540px;max-width:315px;filter:blur(4px)}
.swiper-button-prev,.swiper-button-next{display:flex;justify-content:center;align-items:center;width:50px;height:50px;position:absolute;margin:auto;border:1px solid #222;border-radius:50%;z-index:10;cursor:pointer;bottom:-60px;top:auto;transform:translateY(0);display:none !important}
.custom-swiper-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}
.custom-prev-btn,.custom-next-btn{width:64px;height:64px;cursor:pointer}
.swiper-button-prev::after,.swiper-button-next::after{content:"";width:8px;height:8px;border:solid #222;border-width:1px 1px 0 0}
.swiper-button-prev::after{margin-left:3px;transform:rotate(-135deg)}
.swiper-button-next::after{margin-right:3px;transform:rotate(45deg)}
.swiper-button-disabled{pointer-events:none;opacity:.5}
.swiper-pagination-bullet{width:20px;height:3px;opacity:1;border-radius:8px;background-color:#00000026}
.swiper-pagination-bullet-active{width:40px;height:3px;opacity:1;border-radius:2px;background-color:#000}
.calculater-container .calculater-container-heading{font-family:"Archivo";font-weight:500;font-size:34px;text-align:center;background:linear-gradient(91.13deg,#7c35e9 10.49%,#3a3a3a 82.54%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.calculater-container .calculater-container-subheading{font-family:Archivo;font-weight:300;font-size:20px;line-height:100%;text-align:center;margin-top:15px;color:#4d4d4d;margin-bottom:63px}
.calculator-banner-swiper .cmp-teaser__pretitle,.calculator-banner-swiper .cmp-teaser__title,.calculator-banner-swiper .cmp-teaser__action-container,.calculator-banner-swiper .nested-img-wrapper{opacity:0;transition:none}
.calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__pretitle,.calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__title,.calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .cmp-teaser__action-container,.calculator-banner-swiper .swiper-slide.is-animating.swiper-slide-active .nested-img-wrapper{animation:fadeInScale .2s ease forwards}
@keyframes fadeInScale{from{opacity:0;transform:scale(0.98)}
to{opacity:1;transform:scale(1)}
}
@media(max-width:767px){.calculator-teaser{max-width:250px;margin-top:40px}
.cmp-teaser{padding:60px 32px 30px 32px;min-height:380px}
.cmp-teaser__image{margin-bottom:25px}
.cmp-teaser__pretitle{font-size:12px;margin-bottom:15px}
.cmp-teaser__image .cmp-image{width:140px;height:140px}
.cmp-teaser__image .nested-img-wrapper{width:35px;height:65px;left:-6px;bottom:-2px}
.cmp-teaser__title{font-size:20px;margin-bottom:22px}
.cmp-teaser__action-container{max-width:158px}
.cmp-teaser__action-container a{font-size:14px;padding:17px 33px;min-width:158px}
.swiper-button-prev,.swiper-button-next{display:none}
.calculator-teaser.swiper-slide-active{margin-top:-24px}
.swiper-horizontal{padding-top:25px}
.swiper-horizontal>.swiper-pagination-bullets{bottom:13px}
.calculater-container .calculater-container-heading{font-size:24px}
.calculater-container .calculater-container-subheading{font-weight:400;font-size:14px;line-height:120%;text-align:center;margin-bottom:20px;margin-top:9px;color:#696f75}
.calculator-banner-swiper .cmp-teaser__pretitle,.calculator-banner-swiper .cmp-teaser__title,.calculator-banner-swiper .cmp-teaser__action-container{opacity:0}
.calculator-teaser.swiper-slide-active .cmp-teaser__pretitle,.calculator-teaser.swiper-slide-active .cmp-teaser__title,.calculator-teaser.swiper-slide-active .cmp-teaser__action-container{opacity:1}
.custom-swiper-nav{display:none}
}