.category-slide-card{margin-right:28px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;position:relative;transition:all .5s ease-in-out;height:100%;*{transition:all .5s ease-in-out}img{display:block;object-fit:cover;object-position:center;width:100%;height:100%}.title{font-weight:var(--fw-500);font-size:var(--fs-24);line-height:var(--lh-28);color:var(--white);bottom:50px}.icon,.title{position:absolute;left:40px;z-index:2}.icon{bottom:-100%;width:62px;border-radius:50%;background-color:var(--primary);border:none;opacity:0;visibility:hidden}&:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;background-image:linear-gradient(180deg,#00000000 0,#000000CC)}&:hover{img{transform:scale(1.1)}.title{margin-bottom:16px;bottom:102px}.icon{bottom:40px;opacity:1;visibility:visible}}}@media (max-width:1599px){.category-slide-card{margin-right:24px;.icon{width:56px}}}@media(max-width:1439px){.category-slide-card{margin-right:22px}}@media (max-width:1199px){.category-slide-card{margin-right:18px;.title{bottom:20px;left:20px;font-size:var(--fs-22);line-height:var(--lh-26)}.icon{width:42px;svg{width:22px;height:22px}}&:hover{.title{margin-bottom:16px;bottom:50px}.icon{bottom:20px;left:20}}}}@media (max-width:991px){.category-slide-card{margin-right:22px;.icon{width:48px}}}@media (max-width:767px){.category-slide-card{margin-right:12px;.title{font-size:var(--fs-18);line-height:var(--lh-24);bottom:24px;left:12px}.icon{left:12px;width:36px;svg{width:18px;height:18px}}&:hover{.title{margin-bottom:16px;bottom:52px}.icon{bottom:20px;opacity:1;visibility:visible}}}}@media (max-width:575px){.category-slide-card{margin-left:12px;margin-right:12px;.title{font-size:var(--fs-18);line-height:var(--lh-24);bottom:24px;left:12px}.icon{left:12px;width:36px;svg{width:18px;height:18px}}&:hover{img{transform:scale(1.1)}.title{margin-bottom:16px;bottom:52px}.icon{bottom:20px;opacity:1;visibility:visible}}}}@media (max-width:379px){.category-slide-card{margin-right:12px;margin-left:0}}.collection-section{position:relative;margin:0;z-index:1;&:before{content:"";position:absolute;inset:0;background-image:url(/images/pages/home/collection/background.svg);background-position:100% 100%;background-repeat:no-repeat;opacity:.3;z-index:-1}.content-cover{--bs-gutter-x:0px;--bs-gutter-y:12px;justify-content:center;position:relative;img{border-radius:12px}.bottom-collection-img{&:last-child{margin-top:32px}}.text-cover{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;display:flex;justify-content:center;align-items:center;.text-content{max-width:364px;text-align:center;.big-text{font-weight:var(--fw-700);font-size:var(--fs-40);line-height:var(--lh-42)}.black-text{color:var(--text-primary)}.red-text{padding-bottom:4px;margin:auto;border-bottom:4px solid transparent;color:var(--text-primary);&:hover{color:var(--primary);border-color:var(--primary)}}.hover-red-text{color:var(--text-primary);transition:color .3s ease}.hover-red-text:hover{color:red;padding-bottom:4px;border-bottom:4px solid var(--primary)}}}}}@media (max-width:1299px){.collection-section{.top-collection-img{width:314px;height:420px;&:last-child{width:348px;height:414px}}}}@media (max-width:1199px){.collection-section{.top-collection-img{width:302px;height:400px;&:last-child{width:324px;height:392px}}.content-cover{.text-cover{.text-content{max-width:300px;text-align:center;.big-text{font-size:var(--fs-32);line-height:var(--lh-36)}.black-text{color:var(--text-primary)}.red-text{color:var(--primary);padding-bottom:4px;border-bottom:4px solid var(--primary)}}}.bottom-collection-img{width:220px;height:300px;&:last-child{width:200px;height:292px}}}}}@media (max-width:991px){.collection-section{.top-collection-img{display:none}.content-cover{.col-12{margin:0}.text-cover{position:static!important;transform:translateY(0);.text-content{max-width:324px;text-align:center;.black-text{color:var(--text-primary)}.red-text{color:var(--primary);padding-bottom:4px;border-bottom:4px solid var(--primary)}}}.bottom-collection-img{display:none}}}}@media (max-width:575px){.collection-section{.content-cover{.text-cover{position:relative;transform:translate(0);.text-content{max-width:324px;text-align:center;.big-text{font-size:var(--fs-24);line-height:var(--lh-28)}.black-text{color:var(--text-primary)}.red-text{color:var(--primary);padding-bottom:4px;border-bottom:4px solid var(--primary)}}}.bottom-collection-img{display:none}}}}.banner-section{margin-top:0;background-color:var(--);background-image:url(/images/pages/home/banner/background.jpg);background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;position:relative;&:before{content:"";position:absolute;inset:0;background-color:var(--bg-transparent);z-index:0}.content-cover{position:relative;z-index:1;min-height:542px;display:flex;flex-direction:column;align-items:center;justify-content:center;.title{font-weight:var(--fw-700);font-size:var(--fs-36);line-height:var(--lh-42)}.description,.title{color:var(--white);text-align:center}.description{max-width:500px}.common-btn{.text{color:var(--white)}}}}@media (max-width:575px){.banner-section{.content-cover{min-height:400px;.title{font-size:var(--fs-24);line-height:var(--lh-32)}.description{font-size:var(--fs-14);line-height:var(--lh-24)}}}}.our-products-section{.title-cover{text-align:center;max-width:518px;align-items:center;justify-content:center}.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;justify-content:center}}@media (max-width:991px){.our-products-section{.content-cover{margin-top:0;--bs-gutter-y:16px;--bs-gutter-x:16px}}}@media (max-width:575px){.our-products-section{.content-cover{margin-top:0;--bs-gutter-y:24px}}}.blog-section{.heading-cover{justify-content:space-between;flex-wrap:wrap;gap:24px;.title-cover{max-width:252px}.description{max-width:824px;font-size:var(--fs-16);line-height:var(--lh-28)}}.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;justify-content:center}}@media (max-width:1399px){.blog-section{.heading-cover{gap:12px;.description{max-width:668px}}}}@media (max-width:1199px){.blog-section{.heading-cover{gap:24px;.title-cover{max-width:202px}.description{max-width:512px}}}}@media (max-width:575px){.blog-section{.heading-cover{flex-direction:column;.description{font-size:var(--fs-14);line-height:var(--lh-24)}.slider-buttons{gap:12px}}.content-cover{--bs-gutter-x:28px}}}.blog-card{*{transition:all .5s ease-in-out}.image-cover{display:flex;align-items:center;justify-content:center;height:300px;overflow:hidden;border-radius:12px;img{display:block;object-position:top;object-fit:cover;width:100%;height:100%}}.text-content{display:flex;flex-direction:column;gap:12px;.tag-cover{gap:6px;.tag{display:flex;gap:6px;align-items:center;font-size:var(--fs-12);line-height:var(--lh-18);color:var(--secondary);&:after{content:"";display:block;height:14px;width:1px;background-color:var(--border-02)}&:last-child{&:after{display:none}}}}.line{border-top:1px solid var(--border-02);margin:0;opacity:1}.title{color:var(--text-primary);font-weight:var(--fw-500);line-height:var(--lh-28);font-size:var(--fs-18);-webkit-line-clamp:1}.description,.title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.description{-webkit-line-clamp:2}}&:hover{img{transform:scale(1.1)}.title{color:var(--primary)}}}@media (max-width:767px){.blog-card{margin:0 auto;max-width:400px}}.follow-section{.title-cover{max-width:520px;text-align:center}.content-cover{--bs-gutter-x:56px;.slider-cover{width:100%;display:flex;align-items:center;justify-content:center;.follow-swiper{width:100%;.swiper-wrapper{align-items:center}.swiper-slide{transition:all .8s cubic-bezier(.4,0,.2,1)}.swiper-slide-next{margin-right:28px}}.follow-swiper.centered-swiper{.swiper-wrapper{justify-content:center}}.follow-card{max-width:350px;margin:0 auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:12px;transition:all .5s ease-in-out;*{transition:all .5s ease-in-out}img{display:block;width:100%;object-fit:cover;object-position:center}.icon{position:absolute;border-radius:50%;z-index:1;background-color:var(--white);width:0;height:0;svg{width:0;height:0}}&:after{content:"";position:absolute;background-color:var(--secondary-100);z-index:0;top:50%;left:50%;right:50%;bottom:50%;transition:all .5s ease-in-out}&:hover{.icon{height:42px;width:42px;svg{width:24px;height:24px}}&:after{top:0;left:0;right:0;bottom:0}}}}}}