.supplement-banner{padding:0;position:relative;overflow:hidden}.supplement-banner .side-image{z-index:0;opacity:0;width:260px;height:auto;transition:all .6s;position:absolute;bottom:40px}.supplement-banner .side-image-left{left:0;transform:translate(-150px)}.supplement-banner .side-image-right{right:0;transform:translate(150px)}.supplement-banner:hover .side-image-left,.supplement-banner:hover .side-image-right{opacity:1;transform:translate(0)}.supplement-banner .banner-card{background-image:url(/images/home/supplement_banner/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:25px;width:70%;margin:0 auto;padding:10px 30px;position:relative}.supplement-banner .banner-card .banner-image{width:50%;height:auto;position:absolute;bottom:15px;left:40px}.supplement-banner .banner-card .banner-content{padding:50px 0}.supplement-banner .banner-card .banner-content h2{margin-bottom:15px;font-size:32px;font-weight:700}.supplement-banner .banner-card .banner-content p{color:#444;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:20px;font-size:16px;display:-webkit-box;overflow:hidden}.supplement-banner .banner-card .banner-content .price{color:#e65c3a;margin-bottom:20px;font-size:28px;font-weight:700}.supplement-banner .banner-card .banner-content .buy-btn{background:#0b1f36;border:none;border-radius:30px;padding:10px 30px;font-weight:500}.supplement-banner .banner-card .banner-content .buy-btn:hover{background:#3c9734}@media (min-width:0) and (max-width:576px){.supplement-banner{padding:40px 15px 0}.supplement-banner .banner-card{text-align:center;width:100%;padding:0 20px}.supplement-banner .banner-card .banner-image{width:90%;margin:20px auto 0;display:block;position:static}.supplement-banner .banner-card .banner-content{padding-top:10px}.supplement-banner .banner-card .banner-content h2{margin-bottom:2px;font-size:20px}.supplement-banner .banner-card .banner-content p{margin-bottom:1px;font-size:13px}.supplement-banner .banner-card .banner-content .price{margin-bottom:0;font-size:22px}.supplement-banner .side-image{display:none}}@media (min-width:577px) and (max-width:767px){.supplement-banner{padding-top:80px}.supplement-banner .banner-card{text-align:center;width:100%;padding:10px 25px}.supplement-banner .banner-card .banner-image{width:80%;margin:0 50px;display:block;position:static}.supplement-banner .banner-card .banner-content{text-align:center;padding-top:20px}.supplement-banner .banner-card .banner-content .price{margin-bottom:0}.supplement-banner .banner-card .banner-content h2{font-size:28px}.supplement-banner .side-image{width:180px;display:none}}@media (min-width:768px) and (max-width:991px){.supplement-banner .banner-card{width:85%}.supplement-banner .banner-card .banner-image{width:39%;bottom:8px;left:44px}.supplement-banner .banner-card .banner-content{padding:10px 0 0}.supplement-banner .banner-card .banner-content h2{font-size:25px}.supplement-banner .side-image{width:200px}}@media (min-width:992px) and (max-width:1199px){.supplement-banner .banner-card{width:75%}.supplement-banner .banner-card .banner-image{bottom:10px;left:18px;width:45%!important}.supplement-banner .banner-card .banner-content{padding:40px 0}.supplement-banner .banner-card .banner-content h2{font-size:31px}}@media (min-width:1200px) and (max-width:1396px){.supplement-banner .banner-card{width:75%}.supplement-banner .banner-card .banner-image{width:38%;bottom:15px;left:80px}.supplement-banner .banner-card .banner-content{padding:40px 0}.supplement-banner .banner-card .banner-content h2{font-size:31px}}@media (min-width:1396px){.supplement-banner{padding:100px 0 0}.supplement-banner .banner-card{width:90%}.supplement-banner .banner-card .banner-image{width:37%;bottom:5%;left:10%}.supplement-banner .banner-card .banner-content{padding:70px 0 70px 60px}.supplement-banner .banner-card .banner-content h2{font-size:42px}.supplement-banner .banner-card .banner-content p{font-size:19px}.supplement-banner .banner-card .banner-content .price{font-size:36px}.supplement-banner .side-image{width:340px;bottom:70px}}