*{margin:0;padding:0;box-sizing:border-box}.beauty-banner-img{filter:grayscale(100%) brightness(.4);z-index:0;height:inherit;}.beauty-banner-img-box{position:relative;height:inherit;}.beauty-banner-main{height:590px;overflow:hidden}.beauty-banner-content{color:#fff!important;border-radius:16px;padding:8px;width:500px;height:300px;position:absolute;top:calc(50% - 150px);right:calc(50% - 250px);opacity:0;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;text-align:right;direction:rtl}.beauty-banner-content p{opacity:0;margin:0;padding:5px 10px;position:relative}.beauty-banner-content .beauty-banner-title::after{content:"";position:absolute;bottom:-5px;right:0;width:0;height:2px;background-color:var(--primary);transition:width .5s}.active-animation .beauty-banner-content .beauty-banner-title::after{width:100%;transition-delay:2.5s}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}.logo-banner{opacity:0;position:relative;width:200px}@keyframes slideLogo{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}.active-animation .beauty-banner-content{animation:1s .5s forwards fadeIn}.active-animation .beauty-banner-content .beauty-banner-title{animation:1s 1s forwards slideDown;font-size:24px;font-weight:700}.active-animation .beauty-banner-content p:last-child{animation:1s 1.5s forwards slideUp}.active-animation .logo-banner{animation:1s 1s forwards slideLogo}.swiper-button-next,.swiper-button-prev{color:var(--primary)!important}