/*
font-family: 'Poppins', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.little-rebel-box, .little-rebel-box h1, .little-rebel-box h2, .little-rebel-box h3, .little-rebel-box h4, .little-rebel-box h5{color: #1C355E;}
.little-rebel-box{font-family: 'proxima_novaregular'; font-size: 18px; line-height: 24px;}
.little-rebel-box .wrap{max-width: 1592px;}

.little-rebel-box h1, .little-rebel-box h2, .little-rebel-box h3, .little-rebel-box h4, .little-rebel-box h5{font-family: "ltc-flash",sans-serif !important; font-weight: 400; margin: 0; padding: 0;}
.little-rebel-box h2{font-size: 48px; line-height: 100%;}
.font-24{font-size: 24px; line-height: 1.25;}
.bg-white{background: #fff;}
.text-white{color: #fff !important;}

.little-rebel-box .btn{font-family: 'proxima_novabold'; font-size: 18px; line-height: 24px; color: #1C355E; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 10px 16px;}
.little-rebel-box .btn-blue{background: #1C355E; color: #fff; border: 1px solid #1C355E;}
.little-rebel-box .btn-blue:hover, .little-rebel-box .btn-blue:focus{background: #7B8AA2 !important; color: #fff !important; border: 1px solid #7B8AA2 !important;}

.little-rebel-box .btn-secondary{background: #fff; color: #1C355E; border: 1px solid #1C355E;}
.little-rebel-box .btn-secondary:hover, .little-rebel-box .btn-secondary:focus{background: #E8EBEF !important; color: #1C355E !important; border: 1px solid #1C355E !important;}

.little-rebel-box .btn-white{background: #fff; color: #3F6BB4; border: 1px solid #fff;}
.little-rebel-box .btn-white:hover, .little-rebel-box .btn-white:focus{background: #D0EDF5 !important; color: #3F6BB4 !important; border: 1px solid #D0EDF5 !important;}

.little-rebel-box .text-link{display: inline-flex; align-items: center; gap: 8px; font-family: 'proxima_novabold'; font-weight: 700; font-size: 18px; line-height: 1.25; color: #3F6BB4; border-bottom: 1px solid transparent; transition: all 0.3s ease;}
.little-rebel-box .text-link:hover, .little-rebel-box .text-link:focus{color: #3F6BB4 !important; border-color: #3F6BB4 !important;}
.little-rebel-box .text-link span{width: 24px; height: 24px; display: block; background: url(../images/new/product/little-rebel/arrow-right.png) no-repeat center center; background-size: contain; transition: all 0.3s ease;}
.little-rebel-box .text-link:hover span, .little-rebel-box .text-link:focus span{transform: translateX(10px);}

.hero-banner{background: url(../images/new/product/little-rebel/hero-bg.jpg) no-repeat center 0; width: 100%; background-size: 100% 80%;}
.hero-text{font-family: 'Poppins', sans-serif; font-size: 64px; line-height: 1.2; font-weight: 700; color: #1C355E; padding-top: 200px;}
.hero-img{max-width: 1272px; margin: 0 auto -40px; position: relative; transform: translateX(20px) translateY(-120px);}
.hero-img img{max-width: 100%; transform: scale(0.85); opacity: 0; will-change: transform, opacity; backface-visibility: hidden; animation: heroZoomIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;}
.hero-img .hero-vector{position: absolute; left: 50%; top: 50%; transform: translate(-50%, calc(-50% + 80px)); max-width: 1272px; width: 100%; height: 100%; pointer-events: none; background: url(../images/new/product/little-rebel/hero-vector.png) no-repeat center center; background-size: contain; opacity: 0; will-change: transform, opacity; backface-visibility: hidden; animation: heroVectorMoveUp 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards;}
.hero-img .hero-vector span{display: block; width: 504px; height: 200px; background: url(../images/new/product/little-rebel/hero-vector-left.png) no-repeat center center; background-size: contain; position: absolute; left: -364px; bottom: 180px;}

@keyframes heroZoomIn {
0% {
    transform: scale(0.85);
    opacity: 0;
}
100% {
    transform: scale(1);
    opacity: 1;
}
}

@keyframes heroVectorMoveUp {
0% {
    transform: translate(-50%, calc(-50% + 80px));
    opacity: 0;
}
100% {
    transform: translate(-50%, -50%);
    opacity: 1;
}
}

@keyframes heroVectorMoveUpMobile {
0% {
    transform: translate(-50%, calc(-50% + 50px));
    opacity: 0;
}
100% {
    transform: translate(-50%, -50%);
    opacity: 1;
}
}

@keyframes heroVectorMoveUpMobileSmall {
0% {
    transform: translate(-50%, calc(-50% + 40px));
    opacity: 0;
}
100% {
    transform: translate(-50%, -50%);
    opacity: 1;
}
}

.ambitions-text{max-width: 728px; margin: 0 auto;}
.ambitions-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 32px; max-width: 1200px; margin: 80px auto; }
.ambitions-item { display: flex; flex-direction: column; align-items: center; text-align: center; opacity: 0; transform: translateY(-100px); transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-delay: var(--delay, 0ms); }
.ambitions-items.is-visible .ambitions-item { opacity: 1; transform: translateY(0); }
.ambitions-item img { width: 120px; }
.ambitions-item .ambitions-item-text { font-size: 18px; font-weight: 700; line-height: 1.35; margin-top: 8px; }

.room-create-bg{background: #afe0ee url(../images/new/product/little-rebel/room-create-bg.jpg) no-repeat center 0; background-size: cover; width: 100%; height: 33.33vw;}
.room-create-text{max-width: 472px; margin: 0 auto; padding-top: 18.1vw; text-align: center;}

.rebel-bg{background-position: center top; background-repeat: no-repeat; background-size: cover; width: 100%; height: 33.33vw;}
.rebel-wrap{height: 100%;}
.rebel-text{max-width: 472px;}
.built-bg{background-color: #e8e7f5; background-image: url(../images/new/product/little-rebel/built-bg.jpg);}
.powerful-bg{background-color: #1C355E; background-image: url(../images/new/product/little-rebel/powerful-bg.jpg);}
.dual-mode-bg{background-color: #fbf9fc; background-image: url(../images/new/product/little-rebel/dual-mode-bg.jpg);}
.visibility-bg{background-color: #7b797e; background-image: url(../images/new/product/little-rebel/visibility-bg.jpg);}
.bobbin-bg{background-color: #fafafa; background-image: url(../images/new/product/little-rebel/bobbin-bg.jpg);}
.powerful-text .font-24 span{color: #AEE0ED !important; position: relative; font-weight: 700;}
.powerful-text .font-24 span::before{content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px; background: url(../images/new/product/little-rebel/powerful-line.png) no-repeat center bottom; width: 100%; height: 100%;}


.main-step{padding: 240px 0 0; overflow: hidden;}
.step-box{}
.step-box-text{width: 344px; position: relative;}
h2.title{font-family: 'Poppins', sans-serif !important; font-weight: 700; line-height: 1.25;}
.step-deco-top-left{position: absolute; left: 0; bottom: -140px; max-width: 75px; height: auto; pointer-events: none;}
.step-box-items{display: flex; gap: 40px; flex: 1; max-width: 1112px; align-items: flex-start;}
.step-box-item{position: relative;}
.step-box-item-img{position: relative; width: 100%;}
.step-box-item-img img{width: 100%; display: block;}
.step-box-item-text{position: absolute; bottom: 0; left: 0; width: 100%; padding: 40px 16px 24px; text-align: center; background: linear-gradient(0deg,rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);}
.step-num{width: 64px; height: 64px; margin: 0 auto; background: #1C355E; color: #fff; font-family: 'proxima_novabold'; font-size: 24px; line-height: 1.25; display: flex; align-items: center; justify-content: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.step-title{font-family: 'proxima_novabold'; margin-top: 20px;}
.step-desc{font-size: 18px; line-height: 1.25; margin-top: 20px;}

.step-deco-zigzag{position: absolute; bottom: 74px; right: -65px; z-index: 1;}
.step-deco-asterisk{position: absolute; z-index: 1; top: -38px; right: -35px;}
.step-deco-dotted{position: absolute; bottom: 44px; right: -120px;}

.everything-box{padding-top: 180px; max-width: 1120px; margin: 0 auto;}
.everything-items{margin-top: 120px; gap: 64px 40px; display: grid; grid-template-columns: repeat(3, 1fr);}

.fearless-box{width: 100%; background: #3f6bb4; padding: 80px 24px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; height: 1050px;}
.fearless-content{position: relative; width: 100%; max-width: 850px;}
.fearless-mask-wrap{position: relative; width: 100%; min-height: 200px; -webkit-mask-image: url(../images/new/product/little-rebel/fearlessly-title.png); mask-image: url(../images/new/product/little-rebel/fearlessly-title.png); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-type: alpha; mask-type: alpha;}
.fearless-mask-wrap .fearless-video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.fearless-vector{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1392px; width: 90%; height: auto; pointer-events: none; z-index: 1; margin-top: -24px;}
.fearless-btn{position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); display: inline-block;}
.tutorials-box{padding-top: 120px; overflow: hidden;}
.tutorials-text{min-width: 344px; display: flex; flex-direction: column; gap: 24px;}
.tutorials-nav{display: flex; gap: 12px; align-items: center;}
.tutorials-nav-mobile{display: none;}
.tutorials-prev, .tutorials-next{width: 56px; height: 44px; padding: 0; -moz-border-radius: 9999px; -webkit-border-radius: 9999px; border-radius: 9999px; border: 1px solid #1C355E; background: #fff; cursor: pointer; position: relative; transition: background 0.2s, border-color 0.2s;}
.tutorials-prev:hover, .tutorials-next:hover{background: #E8EBEF;}
.tutorials-prev::after, .tutorials-next::after{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/new/product/little-rebel/slider-arrow.svg) no-repeat center center; background-size: contain; height: 24px; width: 24px;}
.tutorials-prev::after{transform: translate(-50%, -50%) rotate(180deg);}
.tutorials-prev.disabled{border-color: #ccc; background-color: #f5f5f5; cursor: not-allowed; opacity: 0.6;}
.tutorials-prev.disabled::after{transform: translate(-50%, -50%) rotate(180deg);}
.tutorial-thumb{position: relative; cursor: pointer; overflow: hidden; display: block;}
.tutorial-thumb img{width: 100%; display: block;}
.tutorial-time{font-size: 18px; line-height: 1.25; display: flex; align-items: center; gap: 8px;}
.tutorial-time span{width: 28px; height: 28px; display: block; background: url(../images/new/product/little-rebel/clock.png) no-repeat center center; background-size: contain;}
.tutorials-slider .owl-carousel .owl-stage-outer{margin-right: -48px;}
.tutorials-slider .item .tutorial-thumb{aspect-ratio: 1.33/1;}
#tutorialVideoModal .modal-dialog{max-width: 900px; width: calc(100% - 32px);}
#tutorialVideoModal .modal-body{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; background: #000;}
#tutorialVideoModal #tutorialVideoIframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
#tutorialVideoModal .close{position: absolute; top: -12px; right: -12px; z-index: 10; width: 36px; height: 36px; border-radius: 50%; background: #fff; border: 1px solid #ddd; opacity: 1; font-size: 24px; line-height: 1; padding: 0;}

.faq-box{max-width: 1000px; margin: 0 auto; padding: 180px 0;}
.faq-decorative-images{position: relative; gap: 24px; align-items: center;}
.faq-left-img, .faq-right-img{height: auto; max-width: 100%;}
.faq-decorative-images .title{margin: 0;}
.faq-items{max-width: 728px; margin: 40px auto 0;}
.faq-items .panel-group{margin-bottom: 0;}
.faq-items .panel{border: none; border-bottom: 1px solid #E8EBEF; border-radius: 0; box-shadow: none; background: transparent; margin: 0 !important; padding: 24px 0;}
.faq-items .panel:last-child{border-bottom: none;}
.faq-items .panel-heading{background: transparent; border: none; padding: 0;}
.faq-items .panel-title{margin: 0;}
.faq-items .panel-title a{display: flex; justify-content: space-between; text-decoration: none; color: #1C355E; font-family: 'proxima_novabold'; font-weight: 700; font-size: 18px; line-height: 1.5; padding: 0; transition: color 0.2s;}
.faq-items .panel-title a:hover, .faq-items .panel-title a:focus{text-decoration: none; color: #1C355E;}
.faq-items .panel-title a.collapsed .icon-remove{display: none;}
.faq-items .panel-title a.collapsed .icon-add{display: block;}
.faq-items .panel-title a:not(.collapsed) .icon-remove{display: block;}
.faq-items .panel-title a:not(.collapsed) .icon-add{display: none;}
.faq-question{flex: 1; padding-right: 16px;}
.faq-icon{flex-shrink: 0; width: 24px; height: 24px; background: url(../images/new/product/little-rebel/remove.svg) no-repeat center center; background-size: contain;}
.faq-toggle.collapsed .faq-icon{background: url(../images/new/product/little-rebel/add.svg) no-repeat center center;}
.faq-items .panel-body{background: transparent; border: none !important; margin: 0 !important; padding: 8px 0 0 !important; font-size: 18px; line-height: 1.35;}
.faq-items .panel-collapse{border: none;}
.ready-rebel-bg{background: #1C355E; overflow: hidden; height: 100vh; max-height: 840px; position: relative;}
.ready-rebel-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 16px; position: relative; z-index: 2; transition: transform 0.6s ease-out;}
.ready-rebel-bg:hover .ready-rebel-content{transform: translateY(-180px);}
.ready-rebel-text{display: inline-flex; flex-direction: column; gap: 8px; margin: 24px 0 0; padding: 0;}
.ready-rebel-text li{position: relative; padding-left: 32px; font-size: 18px; line-height: 1.35; color: #fff;}
.ready-rebel-text li::before{content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background: url(../images/new/product/little-rebel/check-white.svg) no-repeat center center; background-size: contain;}
.ready-rebel-img{position: absolute; z-index: 1; bottom: 0; left: 50%; transform: translateX(-50%) translateY(360px); max-width: 1180px; width: 100%; transition: transform 0.6s ease-out;}
.ready-rebel-img img, .ready-rebel-vector img{padding: 0 24px; max-width: 100%; transition: transform 0.6s ease-out;}
.ready-rebel-bg:hover .ready-rebel-img{transform: translateX(-50%) translateY(0);}
.ready-rebel-vector{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%) translateY(140px) scale(0.3); max-width: 500px; width: 100%; opacity: 0; transition: transform 0.6s ease-out, opacity 0.6s ease-out, max-width 0.6s ease-out;}
.ready-rebel-bg:hover .ready-rebel-vector{transform: translateX(-50%) translateY(0) scale(1); max-width: 1560px; opacity: 1;}
.ready-rebel-bg:hover .ready-rebel-vector img{transform: scale(1);}
.ready-rebel-bg.animate .ready-rebel-content{transform: translateY(-180px);}
.ready-rebel-bg.animate .ready-rebel-img{transform: translateX(-50%) translateY(0);}
.ready-rebel-bg.animate .ready-rebel-vector{transform: translateX(-50%) translateY(0) scale(1); max-width: 1560px; opacity: 1;}

.creative-bg{background: #AEE0ED; padding: 286px 0 60px; position: relative;}
.creative-top{text-align: center;}
.creative-title-wrap{position: relative; display: block; margin-bottom: 64px;}
.creative-title-bg{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 920px; width: 100%; object-fit: contain; pointer-events: none; z-index: 0;}
.creative-title-wrap .title{position: relative; z-index: 1; color: #1C355E;}
.creative-images-wrap{display: flex; align-items: center; justify-content: space-between; gap: 40px; position: relative;}
.creative-image-left, .creative-image-right{flex: 0 0 auto;}
.creative-image-left img, .creative-image-right img{max-width: 100%; height: auto; display: block;}
.creative-arrow{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 336px; width: 100%; object-fit: contain; pointer-events: none; z-index: 1;}
.creative-bg-bottom{position: absolute; left: 0; bottom: 0; background: url(../images/new/product/little-rebel/creative-bg.png) center 0 no-repeat; width: 100%; height: 100px; background-size: cover;}


.creative-product-bg{background: #3F6BB4; padding: 0 0 100px; position: relative;}
.creative-product-text{color: #fff; font-size: 24px; line-height: 1.5; text-align: center; font-weight: 700;}
.creative-product-wrap{max-width: 1240px; margin: 0 auto;}
.creative-products{padding: 64px 0 0; display: flex; justify-content: space-between; gap: 24px;}
.creative-product-item{max-width: 344px; width: 100%; color: #fff;}
.creative-product-img img{max-width: 100%; height: auto; display: block; margin: 0 auto;}

.lifestyle{margin: 180px 0; min-height: 100vh; position: relative; display: flex; align-items: center; justify-content: center; width: 100%; transform: translateY(100px); opacity: 0; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.lifestyle.slide-in{transform: translateY(0) !important; opacity: 1 !important;}

@media (min-width: 769px){
.lifestyle{transform: translateY(0); opacity: 1;}
.lifestyle.slide-in{transform: translateY(0) !important; opacity: 1 !important;}
}
.lifestyle-content{width: 100%; max-width: 1592px; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; padding: 80px 24px; margin: 0 auto; box-sizing: border-box;}

.lifestyle-text{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.8); opacity: 0; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s, opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.2s;}
.lifestyle-text img{max-width: 100%; height: auto; display: block;}
.lifestyle.animate .lifestyle-text{transform: translate(-50%, -50%) scale(1); opacity: 1;}
.lifestyle.slide-in .lifestyle-text{transform: translate(-50%, -50%) scale(1); opacity: 1;}

.lifestyle-vector{position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.5); opacity: 0; transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s, opacity 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;}
.lifestyle-vector img{max-width: 100%; height: auto; display: block;}
.lifestyle.animate .lifestyle-vector{transform: translate(-50%, -50%) scale(1); opacity: 1;}
.lifestyle.slide-in .lifestyle-vector{transform: translate(-50%, -50%) scale(1); opacity: 1;}

.lifestyle-child{display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; gap: 40px; max-width: 100%; box-sizing: border-box;}

.lifestyle-child img{max-width: 100%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; display: block; width: auto; height: auto; margin: 0;}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 280px;}

.lifestyle-left, .lifestyle-right, .lifestyle-img-2, .lifestyle-img-3, .lifestyle-img-4, .lifestyle-img-5{position: relative; margin: 0; padding: 0;}

.lifestyle-left{transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s;}
.lifestyle-left.lifestyle-img-1{transform: translate(0, 0);}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(-200px, -100px);}
.lifestyle.slide-in .lifestyle-left.lifestyle-img-1{transform: translate(0, 0);}

.lifestyle-center{display: flex; flex-direction: column; gap: 40px; position: relative; margin: 0; padding: 0;}
.lifestyle-center-top, .lifestyle-center-bottom{display: flex; gap: 40px; position: relative; margin: 0; padding: 0;}

.lifestyle-img-2{transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s; transform: translate(0, 0);}
.lifestyle.animate .lifestyle-img-2{transform: translate(50px, -150px);}
.lifestyle.slide-in .lifestyle-img-2{transform: translate(0, 0);}

.lifestyle-img-3{transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.6s; transform: translate(0, 0);}
.lifestyle.animate .lifestyle-img-3{transform: translate(150px, -80px);}
.lifestyle.slide-in .lifestyle-img-3{transform: translate(0, 0);}

.lifestyle-img-4{transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.7s; transform: translate(0, 0);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-150px, 100px);}
.lifestyle.slide-in .lifestyle-img-4{transform: translate(0, 0);}

.lifestyle-img-5{transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s; transform: translate(0, 0);}
.lifestyle.animate .lifestyle-img-5{transform: translate(0, 120px);}
.lifestyle.slide-in .lifestyle-img-5{transform: translate(0, 0);}

.lifestyle-right{position: relative; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.9s;}
.lifestyle-right.lifestyle-img-6{transform: translate(0, 0);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(200px, 80px);}
.lifestyle.slide-in .lifestyle-right.lifestyle-img-6{transform: translate(0, 0);}

@media (min-width: 1800px){
.lifestyle-content{max-width: 1600px; padding: 80px 60px;}
.lifestyle-child{transform: scale(0.85);}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(-120px, -90px);}
.lifestyle.animate .lifestyle-img-2{transform: translate(40px, -130px);}
.lifestyle.animate .lifestyle-img-3{transform: translate(120px, -90px);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-120px, 110px);}
.lifestyle.animate .lifestyle-img-5{transform: translate(30px, 110px);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(120px, -90px);}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 260px;}
}

@media (min-width: 1500px) and (max-width: 1799px){
.lifestyle-content{max-width: 1400px; padding: 80px 40px;}
.lifestyle-child{transform: scale(0.9);}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(-100px, -80px);}
.lifestyle.animate .lifestyle-img-2{transform: translate(30px, -120px);}
.lifestyle.animate .lifestyle-img-3{transform: translate(100px, -80px);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-100px, 100px);}
.lifestyle.animate .lifestyle-img-5{transform: translate(20px, 100px);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(100px, -80px);}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 240px;}
}

@media (max-width: 1700px){
.step-deco-dotted{right: -60px;}
}

@media (max-width: 1600px){
.creative-image-left, .creative-image-right{width: 45vw;}
.creative-arrow{max-width: 20vw;}
}

@media (max-width: 1440px){
.room-create-text{padding-right: 3vw; max-width: calc(472px + 3vw);}
.fearless-vector{max-width: 1300px;}
}

@media (max-width: 1400px){
.step-deco-dotted{right: -24px;}
.fearless-box{height: 700px;}
.fearless-mask-wrap{min-height: 80px; margin-top: 24px;}
.fearless-vector{max-width: 950px;}
.fearless-btn{bottom: 40px;}
}

@media (max-width: 1499px) and (min-width: 1201px){
.lifestyle-content{max-width: 1200px; padding: 80px 30px;}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 250px;}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(-110px, -70px);}
.lifestyle.animate .lifestyle-img-2{transform: translate(35px, -110px);}
.lifestyle.animate .lifestyle-img-3{transform: translate(110px, -70px);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-110px, 90px);}
.lifestyle.animate .lifestyle-img-5{transform: translate(10px, 90px);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(110px, -70px);}
}

@media (max-width: 1250px){
.room-create-bg{height: 36vw;}
.room-create-text{padding-right: 4vw; max-width: calc(400px + 4vw); padding-bottom: 48px;} 
.rebel-text{max-width: 400px;}  
}

@media (max-width: 1200px){
.main-step, .everything-box{padding: 120px 0 0;}
.step-box{display: block;}
.step-box-text{margin: 0 auto 32px; text-align: center;}
.step-deco-top-left{bottom: auto; top: -40px;}
.step-box-items{gap: 24px;}
.everything-items{margin-top: 120px;}
.faq-box{padding: 120px 0;}

.lifestyle{margin: 150px 0; min-height: 90vh;}
.lifestyle-content{padding: 70px 24px; max-width: 100%;}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 220px;}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(0, -60px);}
.lifestyle.animate .lifestyle-img-2{transform: translate(30px, -100px);}
.lifestyle.animate .lifestyle-img-3{transform: translate(60px, -70px);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-60px, 90px);}
.lifestyle.animate .lifestyle-img-5{transform: translate(0, 80px);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(0, 50px);}
}

@media (max-width: 1024px){
.hero-banner{min-height: 700px; overflow: hidden;}
.hero-text{font-size: 52px; padding-top: 120px;}
.hero-img{transform: translateX(40px) translateY(-100px);}

.main-step, .everything-box, .tutorials-box{padding: 80px 0 0;}
.step-box-items{margin-right: -24px; width: calc(100% + 24px); overflow-x: auto;}
.step-box-item{min-width: 340px;}
.step-deco-asterisk{top: 0;}
.everything-items{margin-top: 80px; gap: 48px 24px; grid-template-columns: repeat(2, 1fr);}
.tutorials-box-wrap{flex-direction: column;}
.tutorials-nav-desktop{display: none;}
.tutorials-nav-mobile{display: block; margin: 16px auto 0;}
.tutorials-text{text-align: center;}
.tutorials-slider{margin-top: 24px;}
.tutorials-slider .owl-carousel .owl-stage-outer{margin-right: 0;}
.ready-rebel-bg:hover .ready-rebel-content{transform: translateY(0);}
.ready-rebel-bg:hover .ready-rebel-img{transform: translateX(-50%) translateY(360px);}
.ready-rebel-bg:hover .ready-rebel-vector{transform: translateX(-50%) translateY(140px) scale(0.3); max-width: 500px; opacity: 0;}

.creative-bg{padding-top: 220px;}

.lifestyle{margin: 120px 0; min-height: 80vh;}
.lifestyle-content{padding: 60px 24px; max-width: 100%;}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{max-width: 180px;}
.lifestyle.animate .lifestyle-left.lifestyle-img-1{transform: translate(0, -50px);}
.lifestyle.animate .lifestyle-img-2{transform: translate(25px, -80px);}
.lifestyle.animate .lifestyle-img-3{transform: translate(50px, -60px);}
.lifestyle.animate .lifestyle-img-4{transform: translate(-50px, 70px);}
.lifestyle.animate .lifestyle-img-5{transform: translate(0, 70px);}
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(0, 40px);}
.lifestyle-child{gap: 24px;}
.lifestyle-center{gap: 24px;}
.lifestyle-center-top, .lifestyle-center-bottom{gap: 24px;}
.fearless-vector{margin-top: 0;}
}

@media (max-width: 950px){
.hero-img .hero-vector span{display: none;}
.room-create-bg, .rebel-bg{height: auto; background-position: center bottom; background-size: 100% auto;}
.room-create-text, .rebel-text{padding: 48px 0 36vw; max-width: 450px; margin: 0 auto; text-align: center;}
.room-create-text .m-mt-16, .rebel-text .m-mt-16{margin-top: 16px;}
.bobbin-bg{background-image: url(../images/new/product/little-rebel/bobbin-t-bg.jpg);}
.bobbin-bg .rebel-text{padding-bottom: 46vw;}
}

@media (max-width: 768px){
.little-rebel-box h2{font-size: 32px; line-height: 1.25;}
.font-24{font-size: 18px; line-height: 1.25;}

.hero-banner{min-height: 600px;}
.hero-text{font-size: 40px; padding-top: 100px;}
.hero-img{transform: translateX(20px) translateY(-80px);}
.hero-img img{animation-duration: 1.2s; animation-delay: 1s;}
.hero-img .hero-vector{animation-duration: 1.2s; animation-delay: 1.3s; transform: translate(-50%, calc(-50% + 50px)); animation-name: heroVectorMoveUpMobile;}

.lifestyle.animate .lifestyle-text,
.lifestyle.animate .lifestyle-vector,
.lifestyle.animate .lifestyle-left.lifestyle-img-1,
.lifestyle.animate .lifestyle-img-2,
.lifestyle.animate .lifestyle-img-3,
.lifestyle.animate .lifestyle-img-4,
.lifestyle.animate .lifestyle-img-5,
.lifestyle.animate .lifestyle-right.lifestyle-img-6{transform: translate(0, 0) !important; opacity: 1 !important;}

.ambitions-items{ grid-template-columns: repeat(2, 1fr); gap: 40px 24px; margin: 48px auto;}
.ambitions-item{ align-items: center; text-align: center; }
.ambitions-item img{ width: 64px; height: 64px; }
.ambitions-item .ambitions-item-text{ font-size: 16px; margin-top: 12px; }

.room-create-text, .rebel-text{padding: 24px 0 38vw; max-width: 400px;}
.room-create-text .font-24, .rebel-text .font-24{font-size: 18px; line-height: 1.25;}
.step-box-items{margin-right: -16px; width: calc(100% + 16px);}
.everything-items{margin-top: 32px;}
.fearless-box{padding: 60px 16px; min-height: 360px; height: 550px;}
.fearless-mask-wrap{min-height: 60px; margin-top: 20px;}
.fearless-vector{max-width: 95%;}
.tutorials-box{padding-top: 60px; flex-direction: column; align-items: stretch;}
.tutorials-text{align-items: center; text-align: center;}
.faq-box{padding: 80px 0 60px 0;}
.faq-title h2{font-size: 24px; line-height: 1.25;}
.faq-decorative-images{gap: 12px;}
.faq-left-img, .faq-right-img{max-width: 60px;}
.faq-items .panel{padding: 16px 0;}
.faq-items .panel-title a{font-size: 16px;}
.faq-items .panel-body{font-size: 16px; padding-bottom: 20px;}
.faq-toggle.collapsed .faq-icon{width: 16px; height: 16px; background-size: cover;}

.lifestyle{margin: 80px 0; min-height: auto; overflow: hidden;}
.lifestyle-content{padding: 40px 16px; max-width: 100%; flex-direction: column;}
.lifestyle.slide-in .lifestyle-text{transform: none !important; transition: none; position: static; padding-bottom: 8px; opacity: 1 !important; display: block !important; visibility: visible !important;}
.lifestyle-text{display: block; visibility: visible;}
.lifestyle-text img{max-width: 500px; width: 100%; margin: 0 auto 24px; display: block; visibility: visible;}
.lifestyle-vector{display: block; visibility: visible;}
.lifestyle-vector img{max-width: 100%; display: block; visibility: visible;}
.lifestyle-child{flex-direction: column; gap: 20px; transform: none !important; display: flex !important; visibility: visible !important;}
.lifestyle-center{width: 100%; gap: 20px; display: flex; visibility: visible;}
.lifestyle-center-top, .lifestyle-center-bottom{gap: 20px; width: 100%; display: flex; visibility: visible;}
.lifestyle-center-top div, .lifestyle-center-bottom div{width: 50%; visibility: visible;}
.lifestyle-left, .lifestyle-right{width: 100%; display: block; visibility: visible;}
.lifestyle-left img, .lifestyle-right img, .lifestyle-img-2 img, .lifestyle-img-3 img, .lifestyle-img-4 img, .lifestyle-img-5 img{width: 100%; max-width: 100%; display: block; visibility: visible;}
.lifestyle.slide-in .lifestyle-left.lifestyle-img-1,
.lifestyle.slide-in .lifestyle-img-2,
.lifestyle.slide-in .lifestyle-img-3,
.lifestyle.slide-in .lifestyle-img-4,
.lifestyle.slide-in .lifestyle-img-5,
.lifestyle.slide-in .lifestyle-right.lifestyle-img-6{transform: translate(0, 0) !important; opacity: 1 !important; visibility: visible !important;}
.lifestyle-child{gap: 20px;}
.lifestyle-center{gap: 20px;}
.lifestyle-center-top, .lifestyle-center-bottom{gap: 20px;}


.ready-rebel-bg{max-height: 500px; height: 500px;}
.ready-rebel-content{padding: 8px 16px;}
.ready-rebel-content .title{font-size: 28px; margin-bottom: 8px;}
.ready-rebel-text{margin: 12px 0 0; gap: 4px;}
.ready-rebel-text li{font-size: 16px; padding-left: 28px;}
.ready-rebel-text li::before{width: 20px; height: 20px;}
.ready-rebel-content .btn{margin-top: 12px; padding: 8px 14px; font-size: 16px;}
.ready-rebel-bg.animate .ready-rebel-content{transform: translateY(-80px);}
.ready-rebel-bg .ready-rebel-img{transform: translateX(-50%) translateY(200px);}
.ready-rebel-bg.animate .ready-rebel-img{transform: translateX(-50%) translateY(0);}
.ready-rebel-bg .ready-rebel-vector{transform: translateX(-50%) translateY(80px) scale(0.3); opacity: 0;}
.ready-rebel-bg.animate .ready-rebel-vector{transform: translateX(-50%) translateY(0) scale(1); max-width: 100%; opacity: 1;}

.creative-bg{padding-top: 150px;}
.creative-product-bg{padding-bottom: 60px;}
.creative-products{padding-top: 8px; overflow-y: auto; margin-right: -16px; width: calc(100% + 16px); padding-right: 16px;}
.creative-product-item{min-width: 350px; margin-right: 12px;}
}

@media (max-width: 600px){
.hero-banner{min-height: 500px;}
.hero-text{font-size: 32px; padding-top: 80px;}
.hero-img{transform: translateX(40px) translateY(-60px);}
.hero-img img{animation-duration: 1.1s; animation-delay: 1s;}
.hero-img .hero-vector{animation-duration: 1.1s; animation-delay: 1.25s; transform: translate(-50%, calc(-50% + 40px)); animation-name: heroVectorMoveUpMobileSmall;}

.everything-items{gap: 32px; grid-template-columns: repeat(1, 1fr);}
.everything-items img{max-width: 100%;}
.fearless-mask-wrap{min-height: 30px;}

.creative-bg{padding-top: 120px;}
.creative-title-wrap{margin: 0 auto 24px; max-width: 380px;}
.creative-title-wrap .title{font-size: 20px;}
.creative-images-wrap{gap: 0;}
.creative-image-left, .creative-image-right{width: 50%;}
.creative-arrow{display: none;}
.creative-bg-bottom{bottom: -36px;}
.creative-product-wrap{margin-top: -24px;}
.creative-product-text{font-size: 18px;}

}

@media (max-width: 450px){
.hero-text{padding-top: 60px;}
.hero-banner{background-size: 100% 85%; min-height: 380px;}
}