@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
body,html{scroll-behavior:smooth}.heading-top{position:relative}.heading-top img{width:100%}.swiper{opacity:0}.swiper-initialized{opacity:1!important}.receiving-gifts-container{overflow:hidden;padding:60px 55px 30px}.receiving-gifts-container .gifts--container{left:50%;position:relative;transform:translateX(-50%);width:1793px}.receiving-gifts-container .gifts-list-container{margin:auto}.receiving-gifts-container .gifts-list-container .gifts-list{padding-bottom:30px}.receiving-gifts-container .gifts-list-container .gift-item3 .gift-thumbnail img{transform:scale(1.09);transform-origin:top left}.receiving-gifts-container .gifts-list-container .gift-item{position:relative}.receiving-gifts-container .gifts-list-container .gift-item .gift-button{bottom:8%;left:14%;position:absolute;transition:all .2s ease-out}@media screen and (min-width:992px){.receiving-gifts-container .gifts-list-container .gift-item .gift-button:hover{transform:translateY(-5px)}}.receiving-gifts-container .swiper-slide{height:auto}@media screen and (min-width:992px){.receiving-gifts-container .swiper-slide{opacity:0}}.receiving-gifts-container .swiper-slide-next{opacity:1;position:relative}.receiving-gifts-container .swiper-slide-next:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 53.04%);bottom:-1px;content:"";left:0;position:absolute;right:-30px;top:-1px}.receiving-gifts-container .swiper-slide-prev{opacity:1;position:relative}.receiving-gifts-container .swiper-slide-prev:after{background:linear-gradient(-90deg,hsla(0,0%,100%,0),#fff 53.04%);bottom:-1px;content:"";left:-30px;position:absolute;right:0;top:-1px}.receiving-gifts-container .swiper-slide-active{opacity:1}.swiper-pagination .swiper-pagination-bullet{background:#c3e1bf;height:7px;opacity:1;transition:width .2s ease-out;width:7px}.swiper-pagination .swiper-pagination-bullet-active{background:#71ac6a;border-radius:4.5px;height:5px;transform:translateY(-1px);width:48px}.bg-section2-3{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/web/bg-section2-3.jpg) no-repeat;background-size:100% 100%;padding-bottom:100px}.heading h2{color:#33672c;font-family:Manrope,sans-serif;font-size:48px;font-weight:700;margin-bottom:42px;text-align:center;text-transform:uppercase}.hot-sale-container .products-list{display:flex;font-family:Inter,sans-serif;max-width:1230px;padding:15px}.hot-sale-container .products-list .product-item{background:#fff;border-radius:4px;width:100%}@media screen and (min-width:992px){.hot-sale-container .products-list .product-item:hover{transform:scale(1.02);transition:all .2s ease-in-out}}.hot-sale-container .products-list .product-item .product-thumbnail{position:relative}.hot-sale-container .products-list .product-item .product-thumbnail img{aspect-ratio:1/1;border-radius:4px 4px 0 0;width:100%}.hot-sale-container .products-list .product-item .product-thumbnail .discount{align-items:center;background:linear-gradient(#33672c,#61b255);background-size:100% 100%;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:45px;justify-content:center;position:absolute;right:-10px;top:-10px;width:45px}.hot-sale-container .products-list .product-item .product-info{padding:20px 16px}.hot-sale-container .products-list .product-item .product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#343434;display:inline;display:-webkit-box;font-size:16px;font-weight:600;min-height:50px;overflow:hidden;padding-bottom:6px;text-align:center;text-overflow:ellipsis}.hot-sale-container .products-list .product-item .product-title a{color:#343434}.hot-sale-container .products-list .product-item .product-price{align-items:baseline;display:flex;gap:10px;justify-content:center}.hot-sale-container .products-list .product-item .product-price .price{color:#33672c;font-size:20px;font-weight:600}.hot-sale-container .products-list .product-item .product-price .old-price{color:#949494;font-size:15px;text-decoration:line-through}.hot-sale-container .products-list .product-item .star{display:flex;gap:8px;justify-content:center;margin:5px 0 0}.hot-sale-container .products-list .product-item .star .rating-number{color:#343434;font-weight:400}.hot-sale-container .products-list .product-item .product-bottom{margin-bottom:20px}.hot-sale-container{padding-top:30px;position:relative}@media screen and (max-width:767px){.hot-sale-container{padding-top:80px}}.hot-sale-container .leaf1{left:0;position:absolute;text-align:left;top:-13%;width:12%}.hot-sale-container .leaf2{bottom:0;position:absolute;right:0;text-align:right;width:12%}.phu-kien-sale-container .products-list{display:flex;font-family:Inter,sans-serif;max-width:1230px;padding:15px}.phu-kien-sale-container .products-list .product-item{background:#fff;border-radius:4px;width:100%}@media screen and (min-width:992px){.phu-kien-sale-container .products-list .product-item:hover{transform:scale(1.02);transition:all .2s ease-in-out}}.phu-kien-sale-container .products-list .product-item .product-thumbnail{position:relative}.phu-kien-sale-container .products-list .product-item .product-thumbnail img{aspect-ratio:1/1;border-radius:4px 4px 0 0;width:100%}.phu-kien-sale-container .products-list .product-item .product-thumbnail .discount{align-items:center;background:linear-gradient(#33672c,#61b255);background-size:100% 100%;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:45px;justify-content:center;position:absolute;right:-10px;top:-10px;width:45px}.phu-kien-sale-container .products-list .product-item .product-info{padding:20px 16px}.phu-kien-sale-container .products-list .product-item .product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;color:#343434;display:inline;display:-webkit-box;font-size:16px;font-weight:600;min-height:50px;overflow:hidden;padding-bottom:6px;text-align:center;text-overflow:ellipsis}.phu-kien-sale-container .products-list .product-item .product-title a{color:#343434}.phu-kien-sale-container .products-list .product-item .product-price{align-items:baseline;display:flex;gap:10px;justify-content:center}.phu-kien-sale-container .products-list .product-item .product-price .price{color:#33672c;font-size:20px;font-weight:600}.phu-kien-sale-container .products-list .product-item .product-price .old-price{color:#949494;font-size:15px;text-decoration:line-through}.phu-kien-sale-container .products-list .product-item .star{display:flex;gap:8px;justify-content:center;margin:5px 0 0}.phu-kien-sale-container .products-list .product-item .star .rating-number{color:#343434;font-weight:400}.phu-kien-sale-container .products-list .product-item .product-bottom{margin-bottom:20px}.phu-kien-sale-container{background:linear-gradient(#52824c,#274e21);padding:60px 0 100px}.phu-kien-sale-container .heading{color:#fff}.phu-kien-sale-container .heading h3{font-family:Inter,sans-serif;font-size:24px;font-weight:400;text-align:center}.phu-kien-sale-container .heading h2{color:#fff}.card-container{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/web/bg-card.jpg) no-repeat;background-size:100% 100%;padding:60px 15px 100px}.card-container .heading-container{align-items:center;display:flex;justify-content:space-between;margin:auto auto 70px;max-width:1200px}.card-container .heading-container h2{color:#fff;font-family:Manrope,sans-serif;font-size:64px;font-style:normal;font-weight:700;letter-spacing:-3.2px;line-height:normal;line-height:1.1}.card-container .heading-container a{align-items:center;background:#dcff72;border-radius:47px;color:#186a21;display:inline-flex;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:500;gap:10px;line-height:normal;padding:24px 32px;text-align:center;text-decoration:none;transition:all .5s ease-out}.card-container .heading-container a svg{transition:all .2s ease-out}@media screen and (min-width:992px){.card-container .heading-container a:hover svg{transform:translateX(8px)}}.card-container .card-list-container .card-list{display:flex;gap:16px;justify-content:center}.banner-bottom{padding:45px 0;text-align:center}.banner-bottom img{max-width:100%}.modal-style .modal-dialog{max-width:515px}.modal-style .modal-dialog .modal-content{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/bg-modal.png) no-repeat;background-size:100% 100%;border-radius:0;border-width:0;min-height:291px;position:relative}.modal-style .modal-dialog .modal-content .close{height:45px;opacity:1;padding:0!important;position:absolute;right:-16px;top:-16px;width:45px;z-index:2}.modal-style .modal-dialog .modal-content .close img{height:100%;width:100%}.modal-style .modal-dialog .modal-body{padding:70px 60px 0;text-align:center}.modal-style .modal-dialog .modal-body .policy-modal--form .input-container{position:relative}.modal-style .modal-dialog .modal-body .policy-modal--form .input-container .policy-modal--form__title{color:#33672c;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;left:0;line-height:normal;padding:15px 12px;pointer-events:none;position:absolute;top:0}.modal-style .modal-dialog .modal-body .policy-modal--form .input-container .policy-modal--form__title span{color:#d40000}.modal-style .modal-dialog .modal-body .policy-modal--form input{background:transparent;border:1px solid #33672c;border-radius:9px;color:#33672c;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;padding:15px 12px;width:100%}.modal-style .modal-dialog .modal-body .policy-modal--form h3{color:#0d5c25;font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:20px;text-align:center}.modal-style .modal-dialog .modal-body .policy-modal--form h3.dark-color{color:#525252}.modal-style .modal-dialog .modal-body .policy-modal--form p{color:#0d5c25;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.modal-style .modal-dialog .modal-body .policy-modal--button{text-align:center}.modal-style .modal-dialog .modal-body .policy-modal--button button{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/otp-btn-bg.png) no-repeat;background-position:50%;background-size:contain;border:none;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:700;height:67.022px;line-height:normal;margin:15px auto auto;outline:none;position:relative;text-align:center;text-transform:uppercase;width:256.565px}.modal-style .modal-dialog .modal-body .policy-modal--button button i{display:none;position:absolute;right:31px}.modal-style2 .modal-content{background:#f1ffef!important;border-radius:19px!important;min-height:unset!important}.modal-style2 .modal-content .modal-body{padding:40px}.modal-style2 .modal-content .policy-modal--form p{color:#525252!important;font-weight:500!important}#modalSuccess .modal-dialog .modal-body{padding:40px 60px 0}.warning{color:crimson;font-size:18px;margin-top:10px;text-align:left}@media (max-width:767px){.bg-section2-3{background:#f8ffe3}.receiving-gifts-container{padding:30px 30px 0}.gifts-list-container{width:100%!important}.gifts-list-container .gift-item{margin-bottom:30px}.gifts-list-container .gift-item .gift-button{bottom:-20%!important;left:16%!important;width:36%}.gifts-list-container .gift-item3{margin-bottom:68px}.gifts-list-container .gift-item2{margin-bottom:0}.gifts-list-container .gift-item2 .gift-button{bottom:-3%!important}.gifts-list-container .gift-item1{margin-bottom:16px}.gifts-list-container .gift-item1 .gift-button{bottom:6%!important;left:9%!important}.heading h2{font-size:24px;margin-bottom:30px}.bg-section2-3{padding-bottom:35px}.product-list.swiper-wrapper{padding-bottom:30px}.phu-kien-sale-container{padding:60px 0 35px}.phu-kien-sale-container .heading h3{color:#fff;font-size:16px}.phu-kien-sale-container .heading h2{margin-bottom:10px}.card-container{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/mobile/bg-card.jpg) no-repeat;background-size:100% 100%;padding:60px 0}.card-container .heading-container{padding:0 15px 0 30px}.card-container .heading-container h2{font-size:40px}.card-container .heading-container a{font-size:16px;padding:15px 20px}.card-container .card-list-container{padding-bottom:80px;padding-left:30px}.card-container .card-list-container .card-list{gap:0;justify-content:unset}.banner-bottom{background:#f8ffe3;padding:40px 30px 80px}.banner-bottom .banner-container{position:relative}.banner-bottom .banner-bottom-btn{bottom:-13px;left:50%;position:absolute;transform:translateX(-50%)}.banner-bottom .banner-bottom-btn a{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang4_2024/otp-btn-bg.png) no-repeat;background-size:contain;color:#fff;font-family:Manrope,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;padding:12px 30px 18px;text-align:center;text-transform:uppercase;white-space:nowrap}.modal-style .modal-dialog{margin:auto;width:86%}.modal-style .modal-dialog .modal-content{border-radius:0!important;min-height:unset}.modal-style .modal-dialog .modal-body{padding:40px 45px}.modal-style .policy-modal--form .input-container .policy-modal--form__title,.modal-style .policy-modal--form input{padding:12px!important}.modal-style .policy-modal--form h3{font-size:20px!important;white-space:nowrap}.modal-style .policy-modal--form p{font-size:13px!important}.modal-style .policy-modal--button button{font-size:14px!important;height:47.823px!important;width:182.087px!important}.modal-style .policy-modal--button button i{right:24px!important}.modal-style2 .modal-dialog .modal-body{padding:40px 35px 23px}.modal-style2 .modal-dialog .modal-content{border-radius:19px!important;min-height:unset}.modal-style2 .policy-modal--form p{font-size:16px!important}#modalSuccess .modal-dialog .modal-body{padding:15px 58px 0}#modalSuccess .modal-dialog .modal-body .icon-block img{width:99px}#modalSuccess .modal-dialog .modal-body .policy-modal--form h3{font-size:16px!important}.receiving-gifts-container .gifts-list-container .gifts-list{padding-bottom:0}}@media (max-width:429px){.card-container .heading-container h2{font-size:35px}.card-container .heading-container a{font-size:14px;padding:10px}}@media (max-width:375px){.modal-style .policy-modal--form h3{font-size:16px!important}}