.fragrance-card{position:relative;background-color:#eaeaeb;margin-top:2rem !important;margin-bottom:6rem !important}.fragrance-card header{height:auto !important;flex-direction:row;justify-content:flex-start;transition:.3s all}.fragrance-card.active{background-color:#f8f5fe}.fragrance-card.active header{background-color:#9457eb !important;color:#fff !important}.fragrance-card header figure{position:absolute;top:20px;left:auto;right:20px;background:#fff;border-radius:50%;padding:15px;border:6px solid #9457eb;overflow:hidden;margin-block-start:0;margin:0}.fragrance-card header figure img{width:180px;height:180px}.fragrance-card h3{line-height:1.5}.fragrance-card header h3{font-weight:400;margin-bottom:0 !important}.fragrance-card header h3 strong{font-weight:700}.fragrance-card h4{color:#444}.fragrance-card-details{display:none}.fragrance-card-details p:last-of-type{margin-bottom:2rem}.read-more-btn{position:absolute;left:2rem;bottom:-27px;width:54px;height:54px;background:#fff;color:#9457eb;border:2px solid #9457eb;border-radius:50%;font-size:2rem;padding:1rem;line-height:1;vertical-align:top;display:flex;align-items:center;justify-content:center;padding-bottom:20px;transition:.3s all}.fragrance-card.active .read-more-btn{background:#9457eb;color:#fff}.read-more-btn:hover,.fragrance-card.active .read-more-btn:hover{cursor:pointer;color:#fff;background:#6a1adb;border-color:#6a1adb}.read-more-btn>span{position:absolute;left:52px;width:100px;font-size:1rem;color:#222;padding-top:32px;opacity:1;pointer-events:none;transition:opacity 0s ease-out 0s}.read-more-btn:hover>span{opacity:0;transition:opacity 0s ease-in .4s}.fadingEffect{position:absolute;height:19px;bottom:0;right:-6px;width:0;background:#fff;animation:showText .4s ease-in-out alternate 1}.read-more-btn:hover .fadingEffect{animation:hideText .4s ease-in-out alternate 1}.fragrance-card .wp-block-quote:before{background-color:#eaeaeb}@keyframes hideText{from{width:0}to{width:100%}}@keyframes showText{from{width:100%}to{width:0}}@media (max-width:599px){.fragrance-card header figure{display:none !important}}@media (max-width:799px){.fragrance-card header h3{font-size:1.625rem;padding-left:2rem}.fragrance-card header h3:before{content:counter(css-counter) ". "}}@media (min-width:600px) and (max-width:999px){.fragrance-card h3{font-size:1.625rem;padding-right:180px}.fragrance-card header figure img{width:140px !important;height:140px !important}.fragrance-card-intro{min-height:170px}.fragrance-card-intro p{padding-right:200px}.fragrance-card p,.fragrance-card .fragrance-card-intro p,.fragrance-card .fragrance-card-details p{font-size:1.125rem !important}}@media (min-width:800px){.fragrance-card h3{padding-right:180px;padding-left:2rem}.fragrance-card h3:before{content:counter(css-counter);width:2.88rem;display:inline-block;height:2.88rem;text-align:center;background:#9457eb;color:#fff;border-radius:50%;margin-left:-3.44rem;margin-right:.64rem;border:2px solid #9457eb;outline:1px solid rgba(255,255,255,.75);transition:.3s all}.fragrance-card.in-view.active h3:before{color:#9457eb;background:#fff}}@media (min-width:1000px) and (max-width:1199px){.fragrance-card header h3{font-size:1.5rem;padding-right:160px;padding-left:1.9rem}.fragrance-card header h3:before{width:2.48rem;height:2.48rem;margin-left:-3.34rem}.fragrance-card header figure img{width:120px !important;height:120px !important}.fragrance-card p,.fragrance-card .fragrance-card-intro p,.fragrance-card .fragrance-card-details p{font-size:1rem !important}.fragrance-card-intro p{padding-right:170px}.fragrance-card-details h4{font-size:1.25rem !important}}@media (min-width:1200px) and (max-width:1399px){.fragrance-card header figure img{width:140px !important;height:140px !important}.fragrance-card-intro{min-height:170px}.fragrance-card-intro p{padding-right:200px}.fragrance-card-details h4{font-size:1.375rem !important}}@media (min-width:1400px){.fragrance-card header h3{padding-right:200px}.fragrance-card-intro{min-height:210px}.fragrance-card-intro p{padding-right:240px}.fragrance-card .wp-block-quote p{font-size:1.25rem !important}}@media (min-width:1400px) and (max-width:1599px){.fragrance-card header figure img{width:160px !important;height:160px !important}.fragrance-card-intro p{padding-right:220px}.fragrance-card-details h4{font-size:1.5rem !important}}@media (min-width:1000px) and (max-width:1599px){.fragrance-card p{font-size:1.125rem !important}.fragrance-card-details h4{margin-bottom:1rem !important}.fragrance-card-details p:last-of-type{margin-top:1.5rem !important}}