.fa-ba--mobile{display:none!important}.fa-ba--desktop{position:relative;overflow:hidden;padding:91px 56px;text-align:center}.fa-ba__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url(//faceaffair.com.au/cdn/shop/files/Before_After_Background_extended_2.jpg?v=1779690562);background-repeat:repeat;background-size:cover;background-position:top left;opacity:.9}.fa-ba__bg img{display:none}.fa-ba__heading{position:relative;font-family:Larken,serif;font-weight:500;font-size:40px;letter-spacing:0;line-height:40px;color:#244532;text-align:center;margin:0 0 96px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__slider{display:block;position:relative;width:100%;overflow:hidden;max-width:100vw}.fa-ba__track{display:flex;gap:181px;cursor:grab;-webkit-user-select:none;user-select:none;padding:0 calc((100% - 641px)/2)}.fa-ba__track:active{cursor:grabbing}.fa-ba__slide{position:relative;flex-shrink:0;width:641px;border-radius:10px;overflow:hidden}.fa-ba__slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.fa-ba__badges{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;padding:0 90px}.fa-ba__badge{display:inline-flex;align-items:center;justify-content:center;width:143px;height:39px;background-color:#89a193;border-radius:5px;font-family:Poppins,sans-serif;font-weight:700;font-size:20px;color:#fff;text-align:center}.fa-ba__arrows{display:flex;justify-content:center;gap:49px;align-items:center;margin-top:12px;position:relative;z-index:2}.fa-ba__arrow{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#40614d;border:none;cursor:pointer;color:#fff;transition:background-color .2s ease,opacity .2s ease;padding:0;overflow:hidden;flex-shrink:0}.fa-ba__arrow:has(img){background:none;border-radius:0;width:auto;height:auto}.fa-ba__arrow img{display:block;width:50px;height:50px;object-fit:contain}.fa-ba__leaf{position:relative;z-index:2;display:flex;justify-content:center;margin:-38px auto 6px}.fa-ba__leaf img{width:76px;height:75px;object-fit:contain}.fa-ba__description{position:relative;font-family:Poppins,sans-serif;font-weight:400;font-size:20px;letter-spacing:0;line-height:24px;color:#000;text-align:center;max-width:910px;margin:63px auto 40px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;width:263px;height:53px;background:#40614d;border-radius:5px;font-family:Poppins,sans-serif;font-weight:400;letter-spacing:0;font-size:19px;color:#fff;text-decoration:none;cursor:pointer;z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(98,140,112,.18) 30%,rgba(140,180,152,.35) 50%,rgba(98,140,112,.18) 70%,transparent 100%);transform:translate(-100%);z-index:-1}.fa-ba__button:hover:before{animation:gradientSweep 2.5s ease forwards}.fa-ba__arrow:not(:has(img)):hover{background-color:#244532!important;-webkit-transition:background .2s ease 0s;transition:background .2s ease 0s;transition-delay:0s}@media screen and (min-width:769px){.fa-ba__leaf{display:none}.fa-ba__slider{height:420px;overflow:visible}.fa-ba__arrows{display:flex;justify-content:center;gap:55px;align-items:center;margin-top:45px;position:relative;z-index:2}.fa-ba__track{gap:56px;padding:0 calc((100% - 583px)/2);align-items:center}.fa-ba__slide{width:471px;height:314px;transition:width 1.4s ease,height 1.4s ease}.fa-ba__slide.is-active{width:583px;height:420px;z-index:2}.fa-ba__slide .fa-ba__badges{padding:0 68px;bottom:10px}.fa-ba__slide .fa-ba__badge{display:inline-flex;align-items:center;justify-content:center;width:100px;height:26px;font-size:13px;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__slide.is-active .fa-ba__badges{padding:0 70px;bottom:20px}.fa-ba__slide.is-active .fa-ba__badge{width:130px;height:36px;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media screen and (min-width:769px)and (max-width:1024px){.fa-ba__heading{font-size:clamp(26px,3.5vw,36px)}.fa-ba__description{font-size:clamp(15px,2vw,20px)}.fa-ba__button{font-size:clamp(20px,2.5vw,26px)}.fa-ba__slider{height:clamp(315px,41vw,420px)}.fa-ba__track{gap:56px;padding:0 calc((100% - clamp(430px,57vw,583px))/2)}.fa-ba__slide{width:clamp(350px,46vw,471px);height:clamp(233px,30.7vw,314px)}.fa-ba__slide.is-active{width:clamp(430px,57vw,583px);height:clamp(315px,41vw,420px);margin-left:0;margin-right:0}}@media screen and (max-width:768px){.fa-ba--desktop{padding:45px 31px}.fa-ba__heading{font-size:24px;font-weight:700px;line-height:normal;margin:0 0 20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__track{gap:20px;padding:0}.fa-ba__slide{width:calc(100vw - 62px);flex-shrink:0}.fa-ba__badges{bottom:12px;padding:0 45px}.fa-ba__badge{width:76px;height:19px;font-size:12px}.fa-ba__leaf{margin:-18px auto 8px}.fa-ba__leaf img{width:35px;height:35px}.fa-ba__description{font-size:14px;line-height:normal;font-weight:400;letter-spacing:0;max-width:322px;margin:24px auto 16px;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__button{width:133px;height:38px;font-weight:500;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba__arrow{width:35px;height:35px}.fa-ba__arrow svg{width:14px;height:14px}.fa-ba__arrow img{width:35px;height:35px}}@media screen and (max-width:389px){.fa-ba__heading{font-size:clamp(16px,5.1vw,20px)}.fa-ba__description,.fa-ba__button{font-size:clamp(11px,3.6vw,14px)}}.fa-ba--mobile{position:relative;overflow:hidden;padding:35px 21px;text-align:center}.fa-ba-m__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.9}.fa-ba-m__bg img{width:auto;height:auto;max-width:none;object-fit:unset}.fa-ba-m__heading{position:relative;font-family:Larken,serif;font-weight:700;font-size:20px;line-height:normal;color:#4f5e41;text-align:center;margin:0 0 10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba-m__slider{display:block;position:relative;width:100%;overflow:hidden}.fa-ba-m__track{display:flex;gap:20px;cursor:grab;-webkit-user-select:none;user-select:none}.fa-ba-m__track:active{cursor:grabbing}.fa-ba-m__slide{flex-shrink:0;width:100%}.fa-ba-m__card{position:relative;width:100%;background-color:#fbfcf7;border:1.5px solid #d5cfbb;border-radius:10px;padding:12px 10px 19px;box-sizing:border-box;overflow:hidden}.fa-ba-m__card img{width:100%;aspect-ratio:329 / 247;object-fit:cover;border-radius:10px;display:block}.fa-ba-m__badges{position:absolute;bottom:32px;left:10px;right:10px;display:flex;justify-content:space-between;padding:0 35px}.fa-ba-m__badge{display:inline-flex;align-items:center;justify-content:center;width:76px;height:19px;background-color:#89a193;border-radius:5px;font-family:Poppins,sans-serif;font-weight:700;font-size:12px;color:#fff;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba-m__leaf{position:relative;display:flex;justify-content:center;margin:12px auto 8px}.fa-ba-m__leaf img{width:35px;height:35px;object-fit:contain}.fa-ba-m__description{position:relative;font-family:Poppins,sans-serif;font-weight:300;font-size:14px;line-height:normal;color:#000;text-align:center;max-width:88%;margin:0 auto 16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba-m__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:133px;height:38px;background:linear-gradient(to right,#244532,#40614d 50%);background-size:200% 100%;background-position:right center;border-radius:5px;font-family:Poppins,sans-serif;font-weight:400;font-size:14px;color:#fff;text-decoration:none;cursor:pointer;transition:background-position .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-ba-m__button:hover{background-position:left center}@media screen and (max-width:389px){.fa-ba-m__heading{font-size:clamp(16px,5.1vw,20px)}.fa-ba-m__description,.fa-ba-m__button{font-size:clamp(11px,3.6vw,14px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-FA-before-after.css.map */