@media(max-width:767px){.carousel-item{height:200px}.carousel-item img{height:200px;object-fit:cover}.banner-desc-box{position:absolute;top:50%;left:50%;width:80%;height:100%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5;text-align:center}.head-box{width:100%;max-width:1300px;padding:45px 10px;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.product-box{display:flex;align-items:start;width:100%;max-width:1300px;margin:30px auto;flex-direction:column}.product-class-list{width:100%;position:relative}.product-list{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;justify-content:start;align-items:center;flex-wrap:wrap}.product-list-box{flex:1;margin-top:20px}.product-class-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px}.product-class-item h2{color:#000;font-size:1rem;display:inline;margin:0}.product-class-item:hover{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active h2{color:#fff}.product-class-item:hover h2{color:#fff}.product-class-item img{width:23px;height:auto}.product-item{width:100%;margin-bottom:20px}.product-img{width:100%;height:150px;border:1px solid #c4c4c4;border-radius:12px;display:flex;justify-content:center;align-items:center}.product-img a{display:block;width:100%;height:100%;position:relative}.product-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;background-color:white}.product-title{text-align:center;font-size:14px;line-height:24px;padding:5px 0;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-title a{color:#000}.product-title h3{font-size:16px;margin:0;color:#000}.show-class-title{border:1px solid #b2b2b2;border-radius:6px;background:#fff;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px}.mobile-nav{position:absolute;background:#fff;z-index:1000;width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1);top:48px;border-radius:0 0 10px 10px}.product-class-ul{list-style:none;padding:0;margin:10px 0 0 0;width:100%}.product-class-ul li{height:35px;text-align:center;display:flex;justify-content:center;align-items:center}.product-class-ul li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.product-class-ul-active{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-ul-active h2{color:#fff!important}.product-class-ul h2{color:#000;font-size:16px;margin:0}}@media(min-width:768px) and (max-width:1365px){.banner-desc-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5}.head-box{width:100%;max-width:1300px;padding:45px 15px;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.product-box{display:flex;align-items:start;width:100%;max-width:1300px;margin:50px auto}.product-class-list{width:220px}.product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-content:start;align-items:center;flex-wrap:wrap;padding:0 0 0 10px}.product-list-box{flex:1}.product-class-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px}.product-class-item h2{color:#000;font-size:1rem;display:inline;margin:0}.product-class-item:hover{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active h2{color:#fff}.product-class-item:hover h2{color:#fff}.product-class-item img{width:23px;height:auto}.product-item{width:100%;margin-bottom:20px}.product-img{width:100%;height:180px;border:1px solid #c4c4c4;border-radius:12px;display:flex;justify-content:center;align-items:center;margin:auto}.product-img a{display:block;width:100%;height:100%;position:relative}.product-img img{width:100%;height:100%;object-fit:contain;border-radius:12px;position:absolute;background-color:white}.product-title{text-align:center;font-size:14px;line-height:24px;padding:5px 0;width:150px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:auto}.product-title a{color:#000}.product-title h3{font-size:16px;margin:0;color:#000}}@media(min-width:1366px){.banner-desc-box{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.banner-desc-box-title{font-size:30px;font-weight:300;color:#fff;text-align:center}.banner-desc-box-content{font-size:16px;color:#fffff5}.head-box{width:100%;max-width:1300px;padding:45px 0;margin:auto;border-bottom:1px solid #dfe4ea}.head-box-title{font-family:SailecBold;font-size:32px}.head-box-title h1{font-family:SailecBold;font-size:32px}.head-box-nav{margin-top:20px;display:flex;align-items:center;gap:10px;color:#5a6a78}.head-box-nav img{width:17px;height:auto}.product-box{display:flex;align-items:start;width:100%;max-width:1300px;margin:50px auto}.product-class-list{width:260px}.product-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-content:start;align-items:center;flex-wrap:wrap;padding:0 0 0 50px}.product-list-box{flex:1}.product-class-item{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:10px}.product-class-item h2{color:#000;font-size:1rem;display:inline;margin:0}.product-class-item:hover{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active{background-color:#0034ad;cursor:pointer;border-radius:99px;color:#fff}.product-class-item-active h2{color:#fff}.product-class-item:hover h2{color:#fff}.product-class-item img{width:23px;height:auto}.product-item{width:100%;margin-bottom:20px}.product-img{width:226px;height:226px;border:1px solid #c4c4c4;border-radius:12px;display:flex;justify-content:center;align-items:center}.product-img a{display:block;width:100%;height:100%;position:relative}.product-img img{width:100%;height:100%;object-fit:cover;border-radius:12px;position:absolute;background-color:white}.product-title{text-align:center;font-size:14px;line-height:24px;padding:5px 0;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-title a{color:#000}.product-title h3{font-size:16px;margin:0;color:#000}}.hero-section-product{background-color:#fff;padding:60px 0}.hsp-container{max-width:1300px;margin:0 auto;padding:0;display:flex;align-items:center;justify-content:space-between;gap:50px}.hsp-content{flex:1}.hsp-title{font-size:32px;font-weight:bold;color:#1a1a1a;margin-bottom:20px;line-height:1.2}.hsp-description{font-size:16px;color:#555;margin-bottom:30px;line-height:1.6}.hsp-button{display:inline-block;background-color:#fb7306;color:#fff;padding:10px 20px;font-size:16px;border-radius:12px;transition:background-color .3s ease}.hsp-button:hover{background-color:#e96800;color:#fff}.hsp-image{flex:1;display:flex;justify-content:center;align-items:center;max-width:500px}.hsp-image img{max-width:100%;border-radius:8px}@media(max-width:767px){.hsp-container{flex-direction:column-reverse;gap:20px}}.work-box{width:100%;max-width:1300px;margin:50px auto 50px}.work-title{font-size:32px;width:100%;max-width:1300px;margin:auto;text-align:center}.work-title h2{padding-bottom:50px}.work-subtitle{font-size:18px;width:100%;text-align:center;margin-top:10px}.work-list-box{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.work-list-box-nav{width:30%;min-width:50%;display:flex;gap:30px;flex-direction:column}.work-list-box-nav-item{color:#848484;padding:5px 0 0 10px;display:flex;justify-content:left;align-items:center;cursor:pointer;position:relative}.work-list-box-nav-item h4{color:#848484;font-size:16px}.work-list-box-nav-item-active h4{font-family:SailecBold;color:#000}.work-list-box-nav-item-line{width:2px;height:100%;background:#e9e9e9;position:absolute;left:0;top:0}.work-list-box-nav-item-line-active{background:linear-gradient(to bottom,#0033a1 50%,#e9e9e9 50%);background-size:100% 200%;animation:changeColor 5s forwards}.work-list{overflow:hidden}.work-item-title{position:absolute;bottom:0;padding:20px;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);width:100%}.work-item img{width:100%;height:auto;object-fit:cover}@media(min-width:768px) and (max-width:1365px){.work-box{width:100%;max-width:1300px;margin:50px auto 50px;padding:0 15px}.work-title{font-size:24px;font-family:SailecBold;width:100%;max-width:1300px;margin:auto;text-align:center}.work-subtitle{font-size:18px;width:100%;text-align:center;margin-top:10px}.work-list-box{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.work-list-box-nav{width:30%;min-width:290px;display:flex;gap:20px;flex-direction:column}.work-list-box-nav-item{color:#848484;padding:5px 0 0 10px;display:flex;justify-content:left;align-items:center;cursor:pointer;position:relative}.work-list-box-nav-item h4{color:#848484;font-size:16px}.work-list-box-nav-item-active h4{font-family:SailecBold;color:#000}.work-list-box-nav-item-line{width:2px;height:100%;background:#e9e9e9;position:absolute;left:0;top:0}.work-list-box-nav-item-line-active{background:linear-gradient(to bottom,#0033a1 50%,#e9e9e9 50%);background-size:100% 200%;animation:changeColor 5s forwards}.work-list{overflow:hidden}.work-item-title{position:absolute;bottom:0;padding:10px;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);width:100%}.work-item img{width:100%;height:auto;object-fit:cover}}@media(max-width:767px){.work-box{width:100%;max-width:1300px;margin:50px auto 0}.work-title{font-size:24px;font-family:SailecBold;width:100%;max-width:1300px;margin:auto;text-align:center;padding:0 10px}.work-subtitle{font-size:18px;width:100%;text-align:center;margin-top:10px;padding:0 10px}.work-list-box{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.work-list-box-nav{width:100%;display:flex;gap:20px;flex-direction:column;padding:0 10px}.work-list-box-nav-item{color:#848484;padding:5px 0 0 10px;display:flex;justify-content:left;align-items:center;cursor:pointer;position:relative}.work-list-box-nav-item h4{color:#848484;font-size:16px}.work-list-box-nav-item-active h4{font-family:SailecBold;color:#000}.work-list-box-nav-item-line{width:2px;height:100%;background:#e9e9e9;position:absolute;left:0;top:0}.work-list-box-nav-item-line-active{background:linear-gradient(to bottom,#0033a1 50%,#e9e9e9 50%);background-size:100% 200%;animation:changeColor 5s forwards}.work-list{overflow:hidden;width:100%;margin-top:20px}.work-item-title{position:absolute;bottom:0;padding:20px;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),#000);width:100%}.work-item img{width:100%;height:auto;object-fit:cover}}.bg-f7f7f7{background-color:#f7f7f7}.remove-margin-15{margin:0 -15px}.padding-top-50{padding-top:50px}.padding-bottom-50{padding-bottom:50px}@keyframes changeColor{0%{background-position:100% 100%}100%{background-position:0 0}}.work-item{border-radius:12px}.work-list-box-nav-item-content p{display:none;margin:0}.work-list-box-nav-item-active p{display:block}.process-section{padding:100px 0;background-color:#fff}.process-section .container{max-width:1300px;margin:0 auto;padding:0}.process-header{text-align:center;margin-bottom:80px}.process-subtitle{display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#000;margin-bottom:20px}.process-title{font-size:32px;line-height:1.2;color:#222;margin-bottom:30px;margin-left:auto;margin-right:auto}.process-description{font-size:18px;line-height:1.6;color:#808080;margin:0 auto}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.process-item{background:#fff;padding:10px 20px;border-radius:12px;text-align:left;transition:all .3s ease;position:relative;border:1px solid #e6e6e6}.process-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:25px;transition:all .3s ease}.process-icon svg{color:#333;transition:all .3s ease}.process-icon img{width:38px}.process-step{font-size:18px;font-weight:700;color:#000;margin-bottom:15px;line-height:1.3}.process-text{font-size:16px;line-height:1.6;color:#575757;margin:0}@media(max-width:1024px){.process-section{padding:80px 0}.process-header{margin-bottom:60px}.process-title{font-size:36px}.process-description{font-size:16px}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px}.process-item{padding:30px 25px}.process-icon{width:50px;height:50px;margin-bottom:20px}.process-icon svg{width:32px;height:32px}.process-step{font-size:18px;margin-bottom:12px}.process-text{font-size:14px}}@media(max-width:767px){.process-section{padding:60px 0}.process-section .container{padding:0 15px}.process-header{margin-bottom:50px}.process-subtitle{font-size:12px;margin-bottom:15px}.process-title{font-size:28px;margin-bottom:20px}.process-description{font-size:15px}.process-grid{grid-template-columns:1fr;gap:25px}.process-item{padding:25px 20px;text-align:center}.process-icon{width:50px;height:50px;margin:0 auto 20px}.process-icon svg{width:28px;height:28px}.process-step{font-size:16px;margin-bottom:10px}.process-text{font-size:14px;line-height:1.5}}.how-its-made-section{padding:80px 0;background-color:#f9fafb;overflow:hidden}.how-its-made-container{max-width:100%;margin:0 auto;padding:0 10px;text-align:center}.how-its-made-title{font-size:32px;font-weight:700;margin-bottom:15px;color:#212529}.how-its-made-subtitle{font-size:16px;color:#7c7c7c;margin-bottom:50px}.how-its-made-slider{width:100%;position:relative}.how-its-made-slider .swiper-slide{height:auto;display:flex;justify-content:center;align-items:center}.how-its-made-slider .swiper-slide img{display:block;width:100%;height:300px;object-fit:cover;border-radius:8px}.how-its-made-button-prev,.how-its-made-button-next{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background-color:transparent;border:1px solid #828282;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s;color:#828282}.how-its-made-button-prev:hover,.how-its-made-button-next:hover{background-color:rgba(255,255,255,1);color:#000;border:1px solid #fff}.how-its-made-button-prev svg,.how-its-made-button-next svg{width:30px;height:30px}.how-its-made-button-prev{left:15px}.how-its-made-button-next{right:15px}.how-its-made-button-next svg{transform:scaleX(-1)}.swiper-button-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.how-its-made-cta{margin-top:50px;font-size:18px;font-weight:700;color:#333;letter-spacing:.05em}.how-its-made-cta:hover{color:#333}.how-its-made-cta span{overflow:hidden;height:27px;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.how-its-made-cta span{height:40px}}@media(max-width:991px){.how-its-made-section{padding:60px 0}.how-its-made-title{font-size:28px}.how-its-made-subtitle{margin-bottom:40px}.how-its-made-slider .swiper-slide img{height:350px}.how-its-made-button-prev{left:5px}.how-its-made-button-next{right:5px}.how-its-made-cta{margin-top:40px;font-size:17px}.how-its-made-button-prev svg,.how-its-made-button-next svg{width:18px;height:18px}}@media(max-width:767px){.how-its-made-section{padding:40px 0}.how-its-made-title{font-size:24px}.how-its-made-subtitle{font-size:15px;margin-bottom:30px;padding:0 10px}.how-its-made-slider .swiper-slide img{height:280px}.how-its-made-button-prev,.how-its-made-button-next{width:36px;height:36px;border-width:1px}.how-its-made-button-prev{left:10px}.how-its-made-button-next{right:10px}.how-its-made-button-prev svg,.how-its-made-button-next svg{width:16px;height:16px}.how-its-made-cta{margin-top:30px;font-size:16px;padding:0 10px}}.cta-section-product{padding:80px 0;text-align:center}.ctasp-container{max-width:1300px;margin:0 auto;padding:0}.ctasp-title{font-size:32px;margin-bottom:20px;line-height:1.3}.ctasp-description{font-size:18px;color:#000;line-height:1.7;margin-bottom:30px;margin-left:auto;margin-right:auto;font-weight:300}.ctasp-button{display:inline-block;background-color:#fb7306;color:#fff;padding:10px 25px;font-size:16px;border-radius:24px;transition:background-color .3s ease,transform .2s ease}.ctasp-button:hover{background-color:#e96800;color:#fff;transform:translateY(-2px)}@media(max-width:1200px){.ctasp-title{font-size:32px}}@media(max-width:768px){.ctasp-description{font-size:15px}.ctasp-button{padding:12px 25px;font-size:15px}.ctasp-title{font-size:28px}}