.hero-section{margin-top:0;.swiper{width:100%;max-height:900px}.swiper-pagination{bottom:30px;display:flex;align-items:center;justify-content:center;gap:8px;.swiper-pagination-bullet{background-color:var(--white);opacity:1;margin:0;display:block;width:12px;height:12px}.swiper-pagination-bullet-active{background-color:var(--primary)}}}@media screen and (max-width:991px){.hero-section{.swiper-pagination{bottom:32px}}}@media screen and (max-width:767px){.hero-section{.swiper-pagination{bottom:24px}}}@media screen and (max-width:575px){.hero-section{.swiper-pagination{bottom:16px;gap:6px;.swiper-pagination-bullet{width:8px;height:8px}}}}.hero-card{width:100%;position:relative;.bg-image{display:block;object-fit:cover;object-position:center}.text-box{position:absolute;top:50%;left:0;transform:translateY(-50%);.text-content{text-align:center;.category{color:var(--white);font-weight:var(--fw-500);font-size:var(--fs-16);line-height:var(--lh-20);display:inline-block;margin-bottom:48px;&:after{content:"";display:block;width:38px;height:2px;background-color:var(--third);margin:10px auto 0}}h1{font-size:80px;line-height:var(--fs-62);font-family:var(--against);margin-bottom:38px}.description,h1{color:var(--white)}.description{font-size:var(--fs-20);line-height:var(--lh-24)}}}}@media screen and (max-width:1199px){.hero-card{.text-box{.text-content{.category{margin-bottom:36px}h1{font-size:var(--fs-60);line-height:var(--fs-72)}}}}}@media screen and (max-width:991px){.hero-card{.text-box{.text-content{.category{margin-bottom:32px}h1{font-size:var(--fs-48);line-height:var(--fs-68)}}}}}@media screen and (max-width:767px){.hero-card{.text-box{.text-content{.category{margin-bottom:32px}h1{font-size:var(--fs-32);line-height:var(--fs-36);margin-bottom:18px}}}}}@media screen and (max-width:575px){.hero-card{.text-box{.text-content{.category{font-size:var(--fs-14);line-height:var(--lh-16);margin-bottom:28px;&:after{width:38px;height:2px;margin:10px auto 0}}h1{font-size:var(--fs-24);line-height:var(--fs-28);margin-bottom:8px}.description{font-size:var(--fs-16);line-height:var(--lh-20)}}}}}.welcome-section{.content-cover{--bs-gutter-x:28px;--bs-gutter-y:28px;.welcome-card{text-align:center;.icon{display:inline-block}.title{font-weight:var(--fw-500);font-size:var(--fs-24);color:var(--text-primary)}.description,.title{line-height:var(--lh-28);text-align:center}.description{color:var(--text-secondary);font-size:var(--fs-16)}}}}@media (max-width:575px){.welcome-section{.content-cover{.title{font-size:var(--fs-20);line-height:var(--lh-24)}.description{font-size:var(--fs-14);line-height:var(--lh-26)}}}}.video-cover{border-radius:12px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;height:300px;video{object-fit:cover;object-position:center;display:block;width:100%}.play-btn{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);display:flex;justify-content:center;align-items:center;width:60px;aspect-ratio:1;border-radius:50%;background-color:var(--white);border:none;outline:6px solid var(--primary-100);box-shadow:0 0 0 14px var(--primary-200)}}@media (max-width:575px){.video-cover{.play-btn{width:48px}}}.why-choose-us{background-color:var(--bg-seconndary);background-image:url(/images/pages/home/why-choose/background.png);object-fit:cover;object-position:center;.title-cover{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);display:flex;align-items:center;gap:24px;&:before{content:"";width:18px;height:86px;background-color:var(--secondary)}}.content-cover{display:flex}.left-content{gap:12px;margin-right:-114px;margin-top:70px;.why-choose-card{max-width:790px;padding:32px;background-color:var(--white);display:flex;flex-direction:column;gap:12px;border-radius:12px;box-shadow:0 4px 40px 0 var(--shadow-01);.desc{font-size:var(--fs-16);line-height:var(--lh-28);strong{color:var(--secondary);font-weight:var(--fw-600)}}}}.right-content{display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;max-width:700px;aspect-ratio:7/4;position:relative;margin-bottom:70px;img{display:block;height:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}&:hover{img{transform:scale(1.1)}}}}@media screen and (max-width:991px){.why-choose-us{.title-cover{transform:rotate(0deg);writing-mode:horizontal-tb;display:flex;align-items:center;gap:24px;&:before{content:"";width:86px;height:18px;background-color:var(--secondary)}}.left-content{gap:12px;margin-right:0;margin-top:0;flex-direction:column}.right-content{margin-bottom:50px;img{display:block;height:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}&:hover{img{transform:scale(1.1)}}}}}@media screen and (max-width:575px){.why-choose-us{.title-cover{gap:18px;&:before{content:"";width:46px;height:12px;background-color:var(--secondary)}}.left-content{gap:12px;margin-right:0;margin-top:0;.why-choose-card{padding:16px;gap:8px;.desc{font-size:var(--fs-14);line-height:var(--lh-24)}}}.right-content{margin-bottom:24px;img{display:block;height:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}&:hover{img{transform:scale(1.1)}}}}}.about-us-section{.content-cover{justify-content:space-between;align-items:center;gap:40px;.left-content{.text-content{max-width:600px;.desc{font-size:var(--fs-16);line-height:var(--lh-28);margin-bottom:8px;padding-top:4px;strong{font-weight:var(--fw-600);color:var(--secondary)}}.points{padding-top:2px;color:var(--text-primary);padding-left:16px;display:flex;flex-direction:column;gap:12px;li{line-height:var(--lh-28);font-size:var(--fs-16)}}}}.right-content{width:50%}}}@media (max-width:991px){.about-us-section{.content-cover{flex-direction:column;gap:40px;.left-content{.text-content{max-width:600px;.desc{font-size:var(--fs-16);line-height:var(--lh-28);margin-bottom:8px;padding-top:4px;strong{font-weight:var(--fw-600);color:var(--secondary)}}.points{padding-top:2px;color:var(--text-primary);padding-left:16px;display:flex;flex-direction:column;gap:12px;li{line-height:var(--lh-28);font-size:var(--fs-16)}}}}.right-content{width:100%}}}}@media (max-width:575px){.about-us-section{.content-cover{gap:30px;.left-content{.text-content{.desc{font-size:var(--fs-14);line-height:var(--lh-22);margin-bottom:6px;padding-top:4px}.points{padding-top:0;padding-left:16px;gap:8px;li{line-height:var(--lh-22);font-size:var(--fs-14)}}.btn-cover{margin-top:30px}}}}}}.our-category{margin-bottom:0;.heading-cover{justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;.title-cover{max-width:252px}.description{max-width:824px;font-size:var(--fs-16);line-height:var(--lh-28)}.slider-buttons{gap:14px}}.slider-section{padding-left:28px;padding-right:0;margin-top:80px;.slider-cover{height:570px;.category-swiper{height:100%;width:100%;text-align:center;overflow-y:visible;.swiper-wrapper{align-items:center;.swiper-slide{height:512px;transition:height .5s ease-in-out,width .5s ease-in-out}.swiper-slide-next{height:570px;width:466px!important}}}.centered-swiper{.swiper-wrapper{justify-content:center!important}}}}}@media (max-width:1599px){.our-category{.slider-section{padding-left:24px;margin-top:70px;.slider-cover{height:500px;.category-swiper{.swiper-wrapper{.swiper-slide{height:450px}.swiper-slide-next{height:500px;width:396px!important}}}}}}}@media(max-width:1439px){.our-category{.slider-section{padding-left:22px;margin-top:70px;.slider-cover{height:460px;.category-swiper{.swiper-wrapper{.swiper-slide{height:420px}.swiper-slide-next{height:450px;width:356px!important}}}}}}}@media (max-width:1199px){.our-category{.slider-section{padding-left:18px;margin-top:56px;.slider-cover{height:410px;.category-swiper{.swiper-wrapper{.swiper-slide{height:360px}.swiper-slide-next{height:410px;width:296px!important}}}}}}}@media (max-width:1023px){.our-category{.slider-section{margin-top:48px;.slider-cover{height:420px;.category-swiper{.swiper-wrapper{.swiper-slide{height:380px}.swiper-slide-next{height:420px;width:336px!important}}}}}}}@media (max-width:991px){.our-category{.slider-section{.slider-cover{margin-left:auto;margin-right:auto;max-width:736px;height:500px;.category-swiper{.swiper-wrapper{.swiper-slide{height:400px}.swiper-slide-next{height:450px;width:372!important}}}}}}}@media (max-width:767px){.our-category{.slider-section{margin-top:36px;padding-left:0;.slider-cover{height:360px;max-width:564px;.category-swiper{.swiper-wrapper{.swiper-slide{height:320px}.swiper-slide-next{height:360px;width:296px!important}}}}}}}@media (max-width:575px){.our-category{margin-top:24px;.slider-section{margin-top:24px;padding-left:24px;.slider-cover{height:470px;max-width:372px;.category-swiper{.swiper-wrapper{.swiper-slide{height:400px;max-width:366px;width:100%}.swiper-slide-active{height:440px;width:382px!important;max-width:100%!important}.swiper-slide-next{height:400px;width:436px!important}}}.centered-swiper{.swiper-wrapper{justify-content:flex-start!important}}}}}}@media (max-width:379px){.our-category{.heading-cover{flex-direction:column;justify-content:center;align-items:center;.description{font-size:var(--fs-14);line-height:var(--lh-22)}.slider-buttons{gap:12px}}.slider-section{margin-top:24px;padding-left:12px;.slider-cover{height:470px;max-width:372px;.category-swiper{.swiper-wrapper{.swiper-slide{height:400px;max-width:366px;width:100%}.swiper-slide-active{height:440px;width:382px!important;max-width:100%!important}.swiper-slide-next{height:400px;width:436px!important}}}}}}}.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;z-index:2}.email-icon,.title{position:absolute;left:40px}.email-icon{bottom:40px;width:62px;border-radius:50%;background-color:var(--primary);border:none;z-index:-1;opacity:0}&: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}.email-icon{bottom:40px;opacity:1;z-index:2}}}@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{margin:auto;border-bottom:4px solid transparent;color:var(--text-primary);padding-bottom:4px;&: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)}}}.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)}}}.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)}}}.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}}}}}}