.campaign-banner-section,.campaign-banner-bg,.campaign-slider-container{position:relative}.campaign-nav-btn{transition:all .3s}.campaign-nav-btn:hover{transform:translateY(-50%)scale(1.05)}.campaign-card{transition:transform .3s,box-shadow .3s}.campaign-card:hover{transform:translateY(-4px)}.campaign-swiper{overflow:hidden!important}.campaign-slider-container{overflow:hidden}.campaign-swiper .swiper-wrapper{align-items:stretch}.campaign-swiper .swiper-slide{height:auto}@media (max-width:640px){.campaign-nav-btn{width:36px;height:36px}.campaign-nav-btn svg{width:8px;height:14px}}
.olfactive-families-section{width:100%;overflow:hidden}.olfactive-slider-wrapper{width:100%}.olfactive-swiper{width:100%;overflow:visible!important}.olfactive-slide{z-index:1;transition:width .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);width:calc(25% - 5px)!important}.olfactive-slide:hover,.olfactive-swiper:not(:hover) .olfactive-slide.active{z-index:10;width:calc(50% - 10px)!important}.olfactive-card{width:100%;height:280px;transition:box-shadow .5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 8px 25px #00000026}.olfactive-slide:hover .olfactive-card,.olfactive-swiper:not(:hover) .olfactive-slide.active .olfactive-card{box-shadow:0 15px 40px #00000040}.olfactive-title{font-size:11px}@media (min-width:200px){.olfactive-card{height:190px}}@media (min-width:480px){.olfactive-card{height:320px}}@media (min-width:640px){.olfactive-card{height:340px}.olfactive-title{font-size:13px}}@media (min-width:768px){.olfactive-slide{width:calc(16.6667% - 10px)!important}.olfactive-slide:hover,.olfactive-swiper:not(:hover) .olfactive-slide.active{width:calc(33.3333% - 20px)!important}.olfactive-card{height:340px}.olfactive-title{font-size:14px}}@media (min-width:1080px){.olfactive-slide{width:calc(11.7647% - 5.64706px)!important}.olfactive-slide:hover,.olfactive-swiper:not(:hover) .olfactive-slide.active{width:calc(29.4118% - 14.1176px)!important}.olfactive-title{font-size:16px}}.olfactive-slide:hover .olfactive-title,.olfactive-swiper:not(:hover) .olfactive-slide.active .olfactive-title{margin-bottom:5px;font-size:18px}@media (min-width:768px){.olfactive-slide:hover .olfactive-title,.olfactive-swiper:not(:hover) .olfactive-slide.active .olfactive-title{margin-bottom:10px;font-size:24px}}@media (min-width:1080px){.olfactive-slide:hover .olfactive-title,.olfactive-swiper:not(:hover) .olfactive-slide.active .olfactive-title{margin-bottom:15px;font-size:32px}}@media (min-width:1280px){.olfactive-card{height:340px}}@media (min-width:1536px){.olfactive-card{height:340px}}.olfactive-card img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.olfactive-card:hover img,.olfactive-slide.active .olfactive-card img{transform:scale(1.05)}
