@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{background:linear-gradient(180deg,#fff,#c5eaa3);overflow:hidden;padding:47px 0}@media screen and (max-width:767px){.receiving-gifts-container{background:#f8ffe3}}.receiving-gifts-container .gifts--container{margin:auto;max-width:1230px;padding:0 15px;position:relative}@media screen and (max-width:767px){.receiving-gifts-container .gifts--container{padding:0}}.receiving-gifts-container .gifts--container .leaf1{left:-13%;position:absolute;top:-2%;width:120px}@media screen and (max-width:767px){.receiving-gifts-container .gifts--container .leaf1{left:-11%;position:absolute;top:-36%;width:24%}}.receiving-gifts-container .gifts--container .swiper-prev{bottom:50%;left:-60px;position:absolute;z-index:1}.receiving-gifts-container .gifts--container .swiper-next{bottom:50%;position:absolute;right:-60px;z-index:1}.receiving-gifts-container .gifts-list-container{margin:auto;padding-bottom:50px}.receiving-gifts-container .gifts-list-container .gift-item{position:relative}.receiving-gifts-container .swiper-slide{height:auto}.receiving-gifts-container .swiper-slide-next,.receiving-gifts-container .swiper-slide-prev{opacity:1;position:relative}.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}.heading h2{color:#33672c;font-family:Manrope,sans-serif;font-size:48px;font-weight:700;margin-bottom:35px;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:55px;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{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang5_2024/web/bg-nem.jpg) no-repeat;background-size:100% 100%;padding:60px 0 80px;position:relative}@media screen and (max-width:767px){.hot-sale-container{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang5_2024/mobile/bg-nem.png) no-repeat;background-size:100% 100%;padding-top:40px}}.hot-sale-container .leaf2a{left:0;position:absolute;text-align:left;top:-50px;width:114px}.hot-sale-container .leaf2b{position:absolute;right:2%;text-align:right;top:-78px;width:114px}.hot-sale-container .leaf3{bottom:-65px;left:0;position:absolute;text-align:left;width:38px}.hot-sale-container .leaf4{position:absolute;right:0;text-align:right;top:-80px;width:34px}@media screen and (min-width:1024px){.hot-sale-container .swiper-next,.hot-sale-container .swiper-prev{display:none}}.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:55px;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:url(/image/landing-page/chuong-trinh-thang/loyaltythang5_2024/web/bg-goi.png) no-repeat;background-size:100% 100%;padding:60px 0 100px}@media screen and (max-width:767px){.phu-kien-sale-container{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang5_2024/mobile/bg-goi.jpg) no-repeat;background-size:100% 100%}}.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}@media screen and (min-width:1024px){.phu-kien-sale-container .swiper-next,.phu-kien-sale-container .swiper-prev{display:none}}.card-container{background:url(/image/landing-page/chuong-trinh-thang/loyaltythang5_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 40px;max-width:1200px}.card-container .heading-container h2{color:#33672c;font-family:Manrope,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.card-container .heading-container a{align-items:center;background:#33672c;border-radius:47px;color:#fff;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/loyaltythang5_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/loyaltythang5_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;line-height:normal;margin:15px auto auto;outline:none;padding:20px 30px 25px;position:relative;text-align:center;text-transform:uppercase;width:257px}.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}.overlay-ldg{background:#000;bottom:0;display:none;left:0;opacity:.75;position:fixed;right:0;top:0;z-index:999}@media (max-width:767px){.receiving-gifts-container{padding:40px 0 50px}.gifts-list-container{width:100%!important}.heading h2{font-size:24px;margin-bottom:30px}.product-list.swiper-wrapper{padding-bottom:30px}.phu-kien-sale-container{padding:40px 0 70px}.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/loyaltythang5_2024/mobile/bg-card.jpg) no-repeat;background-size:100% 100%;padding:24px 0 0}.card-container .heading-container{padding:0 15px 0 30px}.card-container .heading-container h2{font-size:24px}.card-container .heading-container a{font-size:16px;padding:15px 20px}.card-container .card-list-container{padding-bottom:80px}.card-container .card-list-container .card-list{gap:0;justify-content:unset}.banner-bottom{background:#f8ffe3;padding:30px 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/loyaltythang5_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}}