.bannerFooterHomePage{height:135px}.bannerFooterHomePage .banner-img{height:135px;transform:translateY(-100%)}.product-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid #ececec}.product-item .circleIcon{width:5px;height:5px}.product-item:hover{background-color:#ececec}@media (max-width:1280px){.product-item{font-size:13px}}#dropDownMenu{min-width:270px;width:100%;text-transform:unset;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}@media (max-width:1280px){#dropDownMenu{min-width:230px;max-width:230px}}.bannerHomePage .dropDownMenuHomePage{max-width:270px;z-index:10}.bannerHomePage .right-side .carouselBanner{height:370px;width:100%}.bannerHomePage .right-side .ant-carousel{height:100%}.bannerHomePage .right-side .ant-carousel li{width:10px;height:10px;border-radius:50%;overflow:hidden;border:3px solid #fff}.bannerHomePage .right-side .ant-carousel li button{width:100%;height:100%;background-color:#dfdfdf;opacity:1}.bannerHomePage .right-side .ant-carousel .slick-active button{background-color:var(--main-blue)}@media only screen and (max-width:1279.98px){.bannerHomePage .right-side{gap:10px}.bannerHomePage .right-side .carouselBanner{height:340px;max-width:496px;width:50%}.bannerHomePage .otherBanner{width:50%;max-height:340px}.bannerHomePage .otherBanner img{max-width:200px}}@media only screen and (max-width:1023.98px){.bannerHomePage .right-side .carouselBanner{height:unset;max-width:unset;width:unset}.bannerHomePage .right-side .otherBanner{width:unset;max-height:unset}.bannerHomePage .right-side .otherBanner div{display:flex;justify-content:center}.bannerHomePage .right-side .otherBanner img{max-width:unset}}@media only screen and (max-width:639.98px){.bannerHomePage .right-side .carouselBanner{max-height:300px;padding:0}.ant-carousel .slick-dots-bottom{bottom:5px}.bannerHomePage .right-side .ant-carousel li{width:7px;height:7px}}.newsHomePage .xem-them:hover a{box-shadow:0 3px 8px rgba(0,0,0,.24)}.newsHomePage .xem-them a,.newsItem{transition:all .5s}.newsItem .item-img{height:245px;width:100%;overflow:hidden}.newsItem .item-img img{transition:all .5s}.newsItem .item-info .date{color:#848484;letter-spacing:.2px}.newsItem:hover{transform:translateY(-10px)}.newsItem:hover .item-img img{scale:110%}@media only screen and (max-width:1023.98px){.newsItem .item-img{height:200px;min-width:200px;max-width:200px;width:200px}}@media only screen and (max-width:639.98px){.newsItem .item-img{height:100px;min-width:100px;max-width:100px;width:100px}}.renderProductItem{transition:all .5s}.renderProductItem .item-img{width:100%;height:100%;max-height:210px;aspect-ratio:1/1}.renderProductItem .item-img img,.renderProductItem .price{transition:all .5s}.renderProductItem .title{height:48px}.renderProductItem .action-cart .buy-item{transition:all .2s}.renderProductItem .action-cart .buy-item:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.renderProductItem .action-cart .add-item{border-radius:2px;border:2px solid var(--main-blue);width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s}.renderProductItem .action-cart .add-item:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.renderProductItem .action-cart .bag-icon{width:16px;height:16px}.renderProductItem .item-info:hover .price{color:var(--main-blue-2)}.renderProductItem .item-info:hover .title{color:var(--main-blue-2);font-weight:500}.renderProductItem .item-info:hover .item-img img{scale:110%}.renderProductItem:hover{box-shadow:var(--main-blue) 0 0 0 3px;border-radius:4px}@media only screen and (max-width:767.98px){.renderProductItem{padding:0}}.renderCarouselListItem .rightArrow{right:-20px;transform:translate(50%,-50%)}.renderCarouselListItem .leftArrow,.renderCarouselListItem .rightArrow{position:absolute;top:50%;border:2px solid #dadada;cursor:pointer;background-color:#fff;z-index:20}.renderCarouselListItem .leftArrow{left:-20px;transform:translate(-50%,-50%)}@media only screen and (max-width:1023.98px){.renderCarouselListItem .rightArrow{right:0}.renderCarouselListItem .leftArrow{left:0}}@media only screen and (max-width:639.98px){.renderCarouselListItem .rightArrow{right:43%;top:unset;bottom:-53px;padding:7px}.renderCarouselListItem .leftArrow{left:unset;right:45%;top:unset;bottom:-53px;padding:7px}}